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