.tpc-pen{--pen-teal: var(--teal, #36cfd1);--pen-ink: #2a1845;position:relative;width:100%;max-width:560px;aspect-ratio:1 / 1;margin:0 auto;font-family:var(--font, "Plus Jakarta Sans", system-ui, sans-serif);user-select:none;-webkit-user-select:none;background:radial-gradient(115% 95% at 50% 42%,#3c1c631a,#3c1c6305 55%,#3c1c6300 72%),linear-gradient(165deg,#2a18450d,#36cfd10d);border-radius:32px}.tpc-pen__block,.tpc-pen.is-complete .tpc-pen__svg{touch-action:none}.tpc-pen__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tpc-pen__assemble{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tpc-pen__assemble:focus{width:auto;height:auto;clip:auto;margin:8px;padding:.5em 1em;left:50%;transform:translate(-50%);top:8px;z-index:5;background:var(--pen-ink);color:#fff;border-radius:999px;font:inherit;cursor:pointer}.tpc-pen.is-complete .tpc-pen__svg{cursor:grab}.tpc-pen.is-rotating .tpc-pen__svg{cursor:grabbing}.tpc-pen__block{cursor:grab}.tpc-pen__block.is-grabbed{cursor:grabbing}.tpc-pen__block.is-locked{cursor:default}.tpc-pen__label-text{fill:#ffffffeb;font-weight:500;letter-spacing:.04em;pointer-events:none;transform-box:fill-box;transform-origin:center;transition:transform .85s cubic-bezier(.3,.6,.3,1),opacity .85s ease}.tpc-pen__label-text.is-release{transform:translateY(-30px);opacity:0}.tpc-pen__squash{transform-box:fill-box;transform-origin:50% 100%}@keyframes penSquash{0%{transform:scaleY(1)}35%{transform:scaleY(.93)}70%{transform:scaleY(1.02)}to{transform:scaleY(1)}}.tpc-pen__squash.is-landing{animation:penSquash .5s cubic-bezier(.3,.6,.3,1)}@keyframes penHop{0%,to{transform:translateY(0)}35%{transform:translateY(-9px)}60%{transform:translateY(0)}75%{transform:translateY(-3px)}}.tpc-pen__squash.is-hop{animation:penHop .8s cubic-bezier(.3,.6,.3,1)}.tpc-pen__ghost-wire{fill:none;stroke:#5e2f8f29;stroke-width:1;transition:stroke .3s ease,stroke-width .3s ease;pointer-events:none}.tpc-pen__ghost-fill{fill:#3b1c63;fill-opacity:.07;transition:fill-opacity 1.1s ease,fill .3s ease;pointer-events:none}.tpc-pen__target.is-active .tpc-pen__ghost-fill{fill:var(--pen-teal);fill-opacity:.22;transition:fill-opacity .25s ease,fill .25s ease}.tpc-pen__target.is-active .tpc-pen__ghost-wire{stroke:#36cfd1e6;stroke-width:1.6}.tpc-pen__target.is-near .tpc-pen__ghost-fill{fill:var(--pen-teal);fill-opacity:.34}.tpc-pen__target.is-near .tpc-pen__ghost-wire{stroke:#36cfd1;stroke-width:2}.tpc-pen__ghost-wire.is-shimmer{stroke:#36cfd1d9;stroke-width:1.6}.tpc-pen.is-teal-lock .tpc-pen__target.is-active .tpc-pen__ghost-fill{fill:var(--purple, #6A3A8F)}.tpc-pen.is-teal-lock .tpc-pen__target.is-active .tpc-pen__ghost-wire{stroke:#6a3a8fe6}.tpc-pen.is-teal-lock .tpc-pen__target.is-near .tpc-pen__ghost-fill{fill:var(--purple, #6A3A8F)}.tpc-pen.is-teal-lock .tpc-pen__target.is-near .tpc-pen__ghost-wire{stroke:#6a3a8f}.tpc-pen.is-teal-lock .tpc-pen__ghost-wire.is-shimmer{stroke:#6a3a8fd9}.tpc-pen__ring{fill:none;stroke:var(--pen-teal);stroke-width:1.5;pointer-events:none;transform-box:fill-box;transform-origin:center;animation:penRing .7s ease-out forwards}@keyframes penRing{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.tpc-pen__bloom{pointer-events:none;opacity:0}@keyframes penBloom{0%{opacity:0}40%{opacity:.55}to{opacity:0}}.tpc-pen__bloom.is-on{animation:penBloom 1s ease forwards}.tpc-pen__walker{pointer-events:none;opacity:0;transition:opacity .6s ease}.tpc-pen__walker.is-on{opacity:1}.tpc-pen__hint{position:absolute;bottom:2%;left:50%;transform:translate(-50%);font-size:clamp(.62rem,1.15vw,.78rem);font-weight:300;color:#46226c73;letter-spacing:.14em;pointer-events:none;transition:opacity 1s ease;white-space:nowrap}.tpc-pen__hint.is-hidden{opacity:0}.tpc-pen.is-complete .tpc-pen__hint{display:none}.tpc-pen__finale-top{position:absolute;left:50%;top:4%;transform:translate(-50%);text-align:center;white-space:nowrap;font-size:clamp(1rem,2.1vw,1.45rem);font-weight:600;color:var(--pen-ink);letter-spacing:-.01em;opacity:0;pointer-events:none;transition:opacity 1.2s ease .4s}.tpc-pen.is-complete .tpc-pen__finale-top{opacity:1}.tpc-pen__finale{position:absolute;left:50%;bottom:3%;transform:translate(-50%);text-align:center;width:max-content;max-width:92%;opacity:0;pointer-events:none;transition:opacity 1.2s ease .4s}.tpc-pen.is-complete .tpc-pen__finale{opacity:1;pointer-events:auto}.tpc-pen__finale-title{font-size:clamp(1rem,2.1vw,1.45rem);font-weight:600;color:var(--pen-ink);letter-spacing:-.01em}.tpc-pen__perception{color:var(--purple, #6A3A8F)}.tpc-pen__finale-actions{margin-top:.9rem;display:flex;flex-direction:column;gap:.7rem;justify-content:center;align-items:center}.tpc-pen__cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px 8px 20px;border-radius:999px;background:#44c4cf;color:#fff;font-weight:600;font-size:14px;text-decoration:none;transition:opacity .2s ease,transform .25s ease;box-shadow:0 6px 18px #36cfd159}.tpc-pen__cta:hover{transform:translateY(-2px);opacity:.92}.tpc-pen__cta:hover .btn-icon{transform:rotate(0)}.tpc-pen__replay{background:none;border:none;font:inherit;font-weight:300;font-size:clamp(.64rem,1.2vw,.8rem);color:#46226c8c;letter-spacing:.06em;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#46226c40}.tpc-pen__replay:hover{color:#46226cd9}