@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/fredoka-latin-wght-normal.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2")}:root{--ink-0: #07051a;--ink-1: #0d0a2b;--ink-2: #171244;--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .14);--line: rgba(255, 255, 255, .16);--text: #f6f4ff;--text-dim: #b3aed8;--violet: #8b5cff;--pink: #ff4fa3;--cyan: #2de2e6;--lime: #b6ff3b;--amber: #ffc83d;--danger: #ff6b6b;--grad-hero: linear-gradient(135deg, #8b5cff 0%, #ff4fa3 100%);--grad-cool: linear-gradient(135deg, #2de2e6 0%, #8b5cff 100%);--grad-warm: linear-gradient(135deg, #ffc83d 0%, #ff4fa3 100%);--font-display: "Fredoka", "Nunito", "Trebuchet MS", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--ink-0);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.avatar{display:inline-flex;align-items:center;justify-content:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--avatar, var(--violet));box-shadow:inset 0 -.12em #0000002e,0 .15em .5em #00000059;font-size:1em;line-height:1;flex:none}.avatar.lg{font-size:1.6em}.avatar.xl{font-size:2.6em}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes float-up{0%{opacity:0;transform:translateY(0) scale(.6)}12%{opacity:1}to{opacity:0;transform:translateY(-420px) scale(1.5)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(4%,-6%,0) scale(1.12)}}@keyframes pulse-ring{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{position:fixed;inset:0;width:100%;font:16px/1.4 var(--font-body);user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}input{font:inherit;user-select:text;-webkit-user-select:text}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}.display{font-family:var(--font-display);font-weight:700;letter-spacing:.005em}.dim{color:var(--text-dim)}.bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%,var(--ink-2) 0%,var(--ink-1) 45%,var(--ink-0) 100%)}.blob{position:absolute;width:90vmax;height:90vmax;border-radius:50%;will-change:transform;animation:drift 22s ease-in-out infinite}.b1{left:-35vmax;top:-30vmax;background:radial-gradient(closest-side,rgba(139,92,255,.55),transparent)}.b2{right:-40vmax;top:25%;background:radial-gradient(closest-side,rgba(255,79,163,.38),transparent);animation-duration:28s;animation-delay:-9s}.b3{left:-20vmax;bottom:-45vmax;background:radial-gradient(closest-side,rgba(45,226,230,.3),transparent);animation-duration:33s;animation-delay:-15s}[data-screen="dc.draw"] .blob{animation-play-state:paused}#app{position:fixed;z-index:1;left:0;right:0;top:var(--vvt, 0px);height:100vh;height:var(--vvh, 100dvh);display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;min-height:0;width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.enter{animation:rise-in .42s var(--ease-out) both}.scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y}.scroll::-webkit-scrollbar{display:none}.dock{flex:none;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 0 max(14px,env(safe-area-inset-bottom))}.dock-split{flex-direction:row}.dock-split .btn{flex:1;padding:0 12px}.helper{text-align:center;color:var(--text-dim);font-size:.95rem}.center-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.center-stage h2{font-size:1.6rem}.wait-body{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:320px}.wait-emoji{font-size:4.5rem;animation:wobble 1.6s ease-in-out infinite}.spinner{width:46px;height:46px;border-radius:50%;border:5px solid var(--glass-strong);border-top-color:var(--cyan);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dot{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-12px)}}@keyframes pop-hit{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translate3d(0,-12vh,0) rotate(0) scale(var(--s));opacity:0}8%{opacity:1}to{transform:translate3d(0,112vh,0) rotate(var(--r)) scale(var(--s));opacity:.9}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}.confetti{display:none}}.card{background:var(--glass);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 40px -22px #000000b3;padding:16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.chip{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--line);font:600 .95rem var(--font-display)}.eyebrow{font:600 .8rem var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}.link{background:none;border:0;color:var(--text-dim);padding:10px 6px;font-size:.95rem;text-decoration:underline;text-underline-offset:3px}.btn{--b1: #8b5cff;--b2: #ff4fa3;--edge: #5a2fc7;--glow: rgba(139, 92, 255, .65);display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:58px;padding:0 28px;border:0;border-radius:999px;color:#fff;font:600 1.25rem/1 var(--font-display);letter-spacing:.01em;background:linear-gradient(135deg,var(--b1),var(--b2));box-shadow:0 5px 0 var(--edge),0 14px 26px -10px var(--glow);transition:transform .16s var(--ease-pop)}.btn:active:not(:disabled){transform:translateY(4px) scale(.97);box-shadow:0 1px 0 var(--edge),0 6px 12px -8px var(--glow)}.btn:disabled{opacity:.4;filter:saturate(.4);cursor:default}.btn.go{--b1: #b6ff3b;--b2: #2de2e6;--edge: #23a27f;--glow: rgba(182, 255, 59, .5);color:#07051a}.btn.warm{--b1: #ffc83d;--b2: #ff4fa3;--edge: #b8326f;--glow: rgba(255, 79, 163, .5)}.btn.ghost{background:var(--glass-strong);border:1px solid var(--line);box-shadow:0 5px #00000059}.btn.ghost:active:not(:disabled){box-shadow:0 1px #00000059}.field{width:100%;min-height:56px;padding:0 18px;border-radius:18px;color:var(--text);background:#07051a8c;border:1.5px solid var(--line);font-size:1.15rem;outline:none;transition:border-color .2s,box-shadow .2s}.field::placeholder{color:#b3aed88c}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #2de2e633}.timer{--tone: var(--cyan);position:relative;flex:none;width:54px;height:54px}.timer.large{width:76px;height:76px}.timer[data-tone=cyan]{--tone: var(--cyan)}.timer[data-tone=amber]{--tone: var(--amber)}.timer[data-tone=pink]{--tone: var(--pink)}.timer svg{width:100%;height:100%;display:block}.timer-track{fill:#07051a8c;stroke:var(--glass-strong);stroke-width:5}.timer-arc{fill:none;stroke:var(--tone);stroke-width:5;stroke-linecap:round}.timer-num{position:absolute;inset:0;display:grid;place-items:center;font:700 1.2rem var(--font-display);color:var(--tone);font-variant-numeric:tabular-nums}.timer.large .timer-num{font-size:1.8rem}.timer.urgent{animation:pulse-ring .8s ease-in-out infinite}.game-head{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:54px}.prompt-block{flex:none;display:flex;flex-direction:column;gap:4px;padding:6px 2px 10px}.prompt{font-size:clamp(1.4rem,6.2vw,2rem);line-height:1.12;text-wrap:balance;overflow-wrap:anywhere;max-height:3.4em;overflow:hidden}.dots{display:flex;gap:8px;margin-top:6px}.dots i{width:12px;height:12px;border-radius:50%;background:var(--grad-hero);animation:dot 1.2s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;margin:4px 0 8px;animation:pop-in .5s var(--ease-pop) both;min-height:0}.waiting h2{font-size:2rem}.waiting-emoji{font-size:4.2rem;animation:wobble 1.4s ease-in-out infinite}.waiting-thumb{width:min(46%,38vh,220px);border-radius:14px;border:4px solid #fff;box-shadow:0 10px 24px #00000073;transform:rotate(-4deg);animation:bob 2.4s ease-in-out infinite;background:#fff}#toasts{position:fixed;z-index:80;top:max(10px,env(safe-area-inset-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}.toast{max-width:92vw;padding:12px 20px;border-radius:999px;background:#171244f5;border:1px solid var(--line);box-shadow:0 14px 30px -10px #000000b3;font:600 1rem var(--font-display);text-align:center;animation:toast-in .35s var(--ease-pop) both,toast-out .3s ease 2.7s forwards}#banner{position:fixed;z-index:90;top:max(8px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffc83df2;color:#2a1d00;font:600 .9rem var(--font-display);transform:translate(-50%,-160%);transition:transform .35s var(--ease-pop);pointer-events:none}#banner.show{transform:translate(-50%)}.banner-dot{width:10px;height:10px;border-radius:50%;background:#2a1d00;animation:dot 1s ease-in-out infinite}.head-left{display:flex;align-items:center;gap:8px;min-width:0}.chip-btn{cursor:pointer;color:var(--text-dim);font-size:.8rem;min-height:34px;background:transparent;transition:transform .15s var(--ease-pop)}.chip-btn:active{transform:scale(.94)}.chip-btn.armed{background:var(--danger);border-color:var(--danger);color:#fff}.join{justify-content:center;gap:22px;max-width:460px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.logo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.logo-emoji{font-size:3.4rem;animation:wobble 2.4s ease-in-out infinite;filter:drop-shadow(0 8px 18px rgba(255,79,163,.5))}.logo-text{font-size:clamp(2.4rem,11vw,3.4rem);line-height:1;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:6px}.join-card{display:flex;flex-direction:column;gap:14px;padding:20px;animation:pop-in .5s var(--ease-pop) .1s both}.label{display:flex;flex-direction:column;gap:6px;font:600 .8rem var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.code-field{font:700 2.2rem var(--font-display);letter-spacing:.4em;text-align:center;text-transform:uppercase;padding:0 0 0 .4em;min-height:72px}.code-field::placeholder{letter-spacing:.4em}.name-field{font-family:var(--font-display);font-weight:600;font-size:1.3rem;text-transform:none;letter-spacing:0}.form-error{min-height:1.3em;text-align:center;color:var(--danger);font-weight:600;font-size:.95rem}.form-error:empty{display:none}@media(orientation:landscape)and (max-height:520px){.join{flex-direction:row;align-items:center;max-width:820px;gap:28px}.join>*{flex:1}.logo-emoji{font-size:2.6rem}}.lobby{padding-left:0;padding-right:0}.lobby-head,.lobby .scroll,.lobby .dock{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.lobby-head{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:48px}.code-chip{padding:4px 16px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--line);font-size:1.25rem;letter-spacing:.3em;padding-left:calc(16px + .3em);color:var(--cyan)}.lobby .scroll{padding-bottom:12px}.lobby-cols{display:flex;flex-direction:column;gap:18px}.lobby-col{display:flex;flex-direction:column;gap:14px;min-width:0}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:18px 8px 2px;font-size:18px}.hero-avatar{animation:bob 3s ease-in-out infinite}.hero-avatar .avatar{box-shadow:inset 0 -.08em #0000002e,0 0 0 5px #ffffff24,0 14px 34px -6px var(--avatar, #8b5cff)}.hero-name{font-size:2rem;line-height:1.1;margin-top:8px;max-width:100%;overflow-wrap:anywhere}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title h3,.section-title{font-size:1.15rem}.section-title{padding-left:4px}.players{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.player{display:flex;align-items:center;gap:8px;min-width:0;min-height:50px;padding:6px 10px 6px 6px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:15px;transition:opacity .3s}.player.pop{animation:pop-in .45s var(--ease-pop) both}.player.away{opacity:.4}.player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:.95rem}.player-name em{font-style:normal;color:var(--text-dim);font-weight:500}.crown{font-size:1.05rem;flex:none}.kick{flex:none;display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:0;border-radius:999px;background:#ffffff1a;color:var(--text-dim);font:600 .8rem var(--font-display);transition:transform .15s var(--ease-pop)}.kick:active{transform:scale(.9)}.kick.armed{background:var(--danger);color:#fff}.games{display:flex;flex-direction:column;gap:10px}.game{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;border-radius:22px;color:var(--text);background:var(--glass);border:1.5px solid var(--line);transition:transform .2s var(--ease-pop),border-color .2s}.game:disabled{opacity:1;cursor:default}.game:active:not(:disabled){transform:scale(.97)}.game.selected{border-color:var(--cyan);background:linear-gradient(135deg,#8b5cff47,#2de2e629);box-shadow:0 0 0 3px #2de2e62e,0 12px 30px -14px #2de2e699}.game-icon{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--grad-hero);font-size:1.8rem;box-shadow:inset 0 -4px #0003}.game-text{display:flex;flex-direction:column;gap:2px;min-width:0}.game-text strong{font-size:1.25rem}.game-text small{color:var(--text-dim);font-size:.85rem;line-height:1.3}.game-meta{opacity:.7}.game-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cyan);color:#07051a;animation:pop-in .35s var(--ease-pop) both}.wait-dock{align-items:center;flex-direction:row;justify-content:center;gap:12px;padding-top:14px}.wait-dock p{font-size:1.15rem;text-align:left}.bounce-emoji{font-size:1.8rem;animation:wobble 1.4s ease-in-out infinite}@media(orientation:landscape)and (min-width:640px){.lobby-cols{flex-direction:row;align-items:flex-start}.lobby-col{flex:1}}@media(orientation:landscape)and (max-height:520px){.hero{font-size:12px;flex-direction:row;gap:14px;text-align:left;justify-content:flex-start}.hero-name{margin-top:0;font-size:1.5rem}.hero>*{align-self:center}}.lobby{max-width:920px}.lock{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:20px;text-align:left;color:var(--text);background:var(--glass);border:1.5px solid var(--line);transition:transform .18s var(--ease-pop)}.lock:active{transform:scale(.97)}.lock.on{border-color:var(--amber);background:#ffc83d1f}.lock-icon{font-size:1.6rem}.lock-text{flex:1;display:flex;flex-direction:column}.lock-text strong{font-size:1.1rem}.lock-text small{color:var(--text-dim);font-size:.82rem}.switch{flex:none;width:48px;height:28px;border-radius:999px;background:#ffffff29;padding:3px}.switch i{display:block;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .25s var(--ease-pop)}.lock.on .switch{background:var(--amber)}.lock.on .switch i{transform:translate(20px)}.lock-note{margin-top:-4px}.draw{max-width:900px;column-gap:18px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-areas:"head" "prompt" "pad" "tools" "dock"}.draw .game-head{grid-area:head}.draw .prompt-block{grid-area:prompt}.draw .pad-slot{grid-area:pad;min-height:0;display:flex}.draw .tools{grid-area:tools}.draw .dock{grid-area:dock}.draw .prompt{font-size:clamp(1.3rem,5.6vw,1.9rem)}.pad-wrap{flex:1;min-width:0;min-height:0;display:grid;place-items:center}.pad-frame{border-radius:20px;overflow:hidden;background:#fff;touch-action:none;box-shadow:0 0 0 4px #ffffff29,0 20px 44px -14px #000000b3}.pad-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.tools{display:flex;flex-direction:column;gap:8px;padding:10px 0 2px}.swatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.swatch{height:44px;min-width:0;padding:0;border-radius:12px;border:3px solid rgba(255,255,255,.12);background:var(--c);transition:transform .18s var(--ease-pop);box-shadow:inset 0 -3px #00000038}.swatch.on{border-color:#fff;transform:translateY(-3px) scale(1.12);box-shadow:0 6px 14px -4px var(--c),inset 0 -3px #00000038}.tool-row{display:flex;gap:8px}.tool{flex:1;display:grid;place-items:center;min-width:0;height:48px;padding:0;border-radius:16px;background:var(--glass);border:1.5px solid var(--line);color:var(--text);transition:transform .15s var(--ease-pop),background .2s}.tool:active:not(:disabled){transform:scale(.92)}.tool:disabled{opacity:.35}.tool.on{border-color:var(--cyan);background:#2de2e633;color:var(--cyan)}.tool.armed{background:var(--danger);border-color:var(--danger);color:#fff}.size i{display:block;border-radius:50%;background:currentColor}.draw.sent .tools{display:none}.draw.sent .pad-slot{align-items:stretch}@media(orientation:landscape){.draw{max-width:none;grid-template-columns:minmax(0,1fr) minmax(250px,340px);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"pad head" "pad prompt" "pad tools" "pad dock"}.draw .pad-slot{padding-bottom:max(14px,env(safe-area-inset-bottom))}.draw .tools{align-self:start}.draw .game-head{min-height:50px}.draw .prompt{font-size:clamp(1.2rem,3vw,1.7rem)}.draw.sent .pad-slot{grid-row:pad}}@media(max-height:400px)and (orientation:landscape){.draw .swatch{height:44px}.draw .tool{height:42px}.draw .btn{min-height:50px}}.guess{max-width:760px}.guess-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding-top:4px}.drawing{flex:1;min-height:0;display:flex;justify-content:center}.drawing-img{height:100%;max-width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:20px;box-shadow:0 0 0 4px #ffffff29,0 20px 44px -14px #000000b3;opacity:0;transform:scale(.96);transition:opacity .35s,transform .4s var(--ease-pop)}.drawing-img.loaded{opacity:1;transform:none}.drawing.placeholder{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:var(--glass);border:1px dashed var(--line);border-radius:24px;padding:16px}.sleepy{font-size:4.5rem;animation:bob 2.6s ease-in-out infinite}.guess-row{position:relative}.guess-input{padding-right:64px;font-weight:600}.counter{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:.8rem;font-variant-numeric:tabular-nums;pointer-events:none}.guess.sent .guess-body{justify-content:center}@media(orientation:landscape)and (max-height:520px){.guess{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);column-gap:18px;grid-template-rows:auto 1fr;grid-template-areas:"body head" "body dock";max-width:none}.guess .game-head{grid-area:head}.guess .guess-body{grid-area:body;padding-bottom:max(14px,env(safe-area-inset-bottom))}.guess .dock{grid-area:dock;align-self:end}}.watch{position:relative;max-width:560px;overflow:hidden;align-items:center;gap:10px}.watch-end{flex:none;align-self:flex-start;min-height:34px}.watch-top{flex:none;display:flex;flex-direction:column;align-items:center;text-align:center}.watch-top h1{font-size:clamp(1.8rem,8vw,2.4rem)}.eyes{font-size:2.6rem;animation:wobble 1.8s ease-in-out infinite}.now-stage{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.now{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:20px 16px;text-align:center;animation:pop-in .5s var(--ease-pop) both;font-size:16px}.now-icon{font-size:2.4rem}.now-line{color:var(--text-dim);font-weight:600}.now-text{font-size:clamp(1.3rem,6vw,1.9rem);line-height:1.15;overflow-wrap:anywhere}.reacts{flex:none;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.react{display:grid;place-items:center;min-height:84px;padding:0;border-radius:26px;background:var(--glass);border:1.5px solid var(--line);font-size:2.5rem;line-height:1;box-shadow:0 5px #0000004d;transition:transform .15s var(--ease-pop)}.react:active{transform:translateY(3px) scale(.92);box-shadow:0 1px #0000004d}.react.hit{animation:pop-hit .35s var(--ease-pop)}.floater{position:absolute;z-index:5;font-size:2.4rem;margin-left:-1.2rem;pointer-events:none;animation:float-up 1.3s ease-out forwards}.skip-dock{flex-direction:column;width:100%}@media(orientation:landscape)and (max-height:520px){.watch{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;align-content:center}.watch-top{flex-direction:row;gap:10px;grid-column:1 / -1}.eyes{font-size:1.8rem}.now-stage{grid-column:1}.reacts{grid-column:2;align-self:center}.skip-dock{grid-column:1 / -1;flex-direction:row;justify-content:center;align-items:center}.skip-dock .btn{width:auto;min-height:48px}.react{min-height:70px}}.vote{max-width:760px}.picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(110px,210px);gap:12px;align-content:start;padding:4px 2px max(16px,env(safe-area-inset-bottom))}.pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:14px 8px 12px;border-radius:22px;background:var(--glass);border:2px solid var(--line);color:var(--text);font-size:20px;box-shadow:0 5px #0000004d;transition:transform .18s var(--ease-pop),border-color .2s,background .2s}.pick:active{transform:scale(.95)}.pick-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 1.15rem var(--font-display)}.pick-check{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pink);color:#fff;transform:scale(0);transition:transform .3s var(--ease-pop)}.pick.on{border-color:var(--pink);background:linear-gradient(160deg,#ff4fa352,#8b5cff47);box-shadow:0 0 0 3px #ff4fa338,0 14px 28px -12px #ff4fa3b3}.pick.on .pick-check{transform:scale(1)}.pick.pop-hit{animation:pop-hit .4s var(--ease-pop)}@media(min-width:520px),(orientation:landscape){.picks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(orientation:landscape)and (max-height:520px){.vote{max-width:none;display:grid;grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);column-gap:18px;grid-template-rows:auto 1fr;grid-template-areas:"head picks" "prompt picks"}.vote .game-head{grid-area:head}.vote .prompt-block{grid-area:prompt;align-self:start}.vote .picks{grid-area:picks;grid-template-columns:repeat(3,minmax(0,1fr))}}.result-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;position:relative}.result-body .eyebrow{max-width:28ch;letter-spacing:.06em;text-transform:none;font-size:1rem;color:var(--text-dim);margin-bottom:8px}.result-emoji{font-size:4rem;line-height:1;animation:bob 2.4s ease-in-out infinite}.winner .result-emoji{font-size:5rem;animation:wobble 1s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(255,200,61,.7))}.big-num{font-size:clamp(5rem,28vw,9rem);line-height:1;background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop-in .6s var(--ease-pop) both;padding:0 .1em}.result-body h2{font-size:1.7rem}.result{position:relative}.vote .prompt{max-height:none}@media(orientation:landscape)and (max-height:520px){.vote .prompt{font-size:1.35rem}}.end{position:relative;max-width:560px}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.confetti i{position:absolute;top:0;left:var(--x);width:9px;height:14px;border-radius:3px;background:var(--c);opacity:0;animation:confetti-fall var(--d) linear var(--w) infinite;will-change:transform}.end-scroll{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 0 18px;text-align:center}.end .dock{position:relative;z-index:1}.trophy{font-size:4.2rem;line-height:1;animation:wobble 1.6s ease-in-out infinite;filter:drop-shadow(0 10px 24px rgba(255,200,61,.6))}.end-title{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.1;background:var(--grad-warm);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:4px}.standing{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;animation:pop-in .6s var(--ease-pop) .2s both}.standing .big-num{font-size:6rem}.awards{display:flex;flex-direction:column;gap:12px;width:100%}.award{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;animation:pop-in .55s var(--ease-pop) both;animation-delay:calc(var(--i) * 90ms + .15s)}.award-title{font-size:1.35rem;color:var(--amber)}.award-blurb{font-size:.95rem}.award-who{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:16px}.award-who strong{font:600 1.1rem var(--font-display)}@media(orientation:landscape)and (max-height:520px){.end{max-width:760px}.awards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trophy{font-size:2.6rem}}