@layer components{.pp-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#1d2350;padding:0;overflow:hidden}.pp-stage .play-canvas{touch-action:none}.pp-count{height:34px;font-family:var(--font-display), var(--font-sans);font-variant-numeric:tabular-nums;color:#ffe07a;background:#0000006b;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 8px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1.5px #ffe07a40}.pp-count i{background:radial-gradient(circle at 35% 32%,#fff6c4 0 18%,#ffe07a 30%,#ffc83a 62%,#f0a000 100%);border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1.5px #5e3b00}.pp-of{color:#ffe07a8c;font-size:14px}.pp-pin{z-index:2;pointer-events:none;background:0 0;border-radius:50%;place-items:center;width:48px;height:48px;margin:-24px 0 0 -24px;display:grid;position:absolute}.pp-pin span{font-family:var(--font-display), var(--font-sans);color:#fff;text-shadow:0 1px 2px #000,0 0 6px #000;font-size:15px;font-weight:800}.pp-pin:focus-visible{outline:3px solid var(--rn);outline-offset:0}.pp-hand{z-index:3;pointer-events:none;filter:drop-shadow(0 3px 4px #00000073);width:54px;height:54px;margin:-8px 0 0 -22px;animation:1.1s ease-in-out infinite pp-hint;position:absolute}.pp-yank{animation:.55s cubic-bezier(.3,0,.2,1) forwards pp-yank}@keyframes pp-hint{0%,to{transform:translateY(10px)scale(1)}50%{transform:translate(0)scale(.92)}}@keyframes pp-yank{0%{opacity:0;transform:translate(14px,18px)scale(1.1)}20%{opacity:1;transform:translate(0)scale(.9)}60%{opacity:1;transform:translate(0)scale(.9)}to{opacity:0;transform:translate(0)scale(.9)}}.pp-word{z-index:3;text-align:center;pointer-events:none;font-family:var(--font-display), var(--font-sans);letter-spacing:-.02em;color:#ffe07a;-webkit-text-stroke:3px #3a1d06;paint-order:stroke fill;text-shadow:0 5px #3a1d06,0 10px 24px #00000080;margin:0;font-size:clamp(40px,12vw,76px);font-weight:900;line-height:1;animation:1.2s cubic-bezier(.2,1.4,.4,1) forwards pp-word;position:absolute;top:calc(64px + min(14vh,100px));left:0;right:0}.pp-word-hot{color:#ff6a3a;-webkit-text-stroke-color:#3a0d06;text-shadow:0 5px #3a0d06,0 10px 24px #00000080}.pp-word-cool{color:#9be8ff;-webkit-text-stroke-color:#082a3a;text-shadow:0 5px #082a3a}.pp-word-dim{color:#eadbc0;-webkit-text-stroke-color:#2a2018;text-shadow:0 5px #2a2018}[data-end] .pp-word{animation:1.2s cubic-bezier(.2,1.4,.4,1) forwards pp-word-stay}@keyframes pp-word{0%{opacity:0;transform:scale(.3)rotate(-6deg)}18%{opacity:1;transform:scale(1.12)rotate(2deg)}30%{transform:scale(1)rotate(0)}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@keyframes pp-word-stay{0%{opacity:0;transform:scale(.3)rotate(-6deg)}18%{opacity:1;transform:scale(1.12)rotate(2deg)}30%,to{opacity:1;transform:scale(1)rotate(0)}}.pp-final{z-index:3;pointer-events:none;justify-content:center;align-items:flex-end;gap:10px;display:flex;position:absolute;top:calc(64px + min(14vh,100px) + clamp(56px,15vw,96px));left:0;right:0}.pp-final i{aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#3a3046;width:clamp(44px,12vw,64px);animation:.45s cubic-bezier(.2,1.6,.4,1) forwards pp-star;transform:scale(0)}.pp-final i:nth-child(2){width:clamp(54px,14vw,78px);margin-bottom:10px}.pp-final i.on{background:radial-gradient(circle at 40% 35%,#fff7c8 0 12%,#ffd23a 35%,#f29a00 100%)}@keyframes pp-star{to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.pp-hand,.pp-yank,.pp-word,.pp-final i{animation-duration:10ms}}}