@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/fredoka/fredoka-latin-ext-wght-normal.woff2)format(woff2-variations);unicode-range:U+100-2ba,U+2bd-2c5,U+2c7-2cc,U+2ce-2d7,U+2dd-2ff,U+304,U+308,U+329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/fredoka/fredoka-latin-wght-normal.woff2)format(woff2-variations);unicode-range:U+??,U+131,U+152-153,U+2bb-2bc,U+2c6,U+2da,U+2dc,U+304,U+308,U+329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/quicksand/quicksand-latin-ext-wght-normal.woff2)format(woff2-variations);unicode-range:U+100-2ba,U+2bd-2c5,U+2c7-2cc,U+2ce-2d7,U+2dd-2ff,U+304,U+308,U+329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:Quicksand;font-style:normal;font-display:swap;font-weight:300 700;src:url(/fonts/quicksand/quicksand-latin-wght-normal.woff2)format(woff2-variations);unicode-range:U+??,U+131,U+152-153,U+2bb-2bc,U+2c6,U+2da,U+2dc,U+304,U+308,U+329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@layer reset,tokens,base,animations,components,utilities;@layer components{@scope([data-component=answer-button]){:scope{position:relative;display:flex;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-1);width:100%;min-height:100px;padding:var(--space-4);border-radius:var(--radius-lg);color:#fff;background:radial-gradient(120% 90% at 50% 12%,#ffffff6b,transparent 56%),linear-gradient(165deg,color-mix(in srgb,var(--slot)88%,white),var(--slot));box-shadow:0 10px 22px color-mix(in srgb,var(--slot)45%,transparent),inset 0 2px 0 #fff6,inset 0 -4px 10px #00000038;transform-origin:center;transition:transform var(--dur-hover)var(--spring),opacity var(--dur-reveal)ease,box-shadow var(--dur-hover)ease,filter var(--dur-reveal)ease}:scope:active{transform:scale(.95);box-shadow:var(--shadow-pressed)}[data-shape]{font-size:46px;line-height:1;text-shadow:0 3px 6px #0000004d}[data-letter]{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;text-shadow:0 2px 4px #00000047}[data-lock]{position:absolute;inset:0;display:none;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-1);border-radius:inherit;background:#0000008c}[data-lock-icon]{font-size:28px;line-height:1}[data-lock-text]{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-dim)}:scope[data-state=locked]{transform:scale(.95);box-shadow:var(--shadow-pressed)}:scope[data-state=locked] [data-lock]{display:flex}:scope[data-state=dim]{opacity:.35;filter:saturate(.7);pointer-events:none}}}@layer components{@scope([data-component=answer-tile]){:scope{position:relative;display:flex;align-items: center;gap:var(--space-4);padding:var(--space-4)var(--space-5);min-height:84px;border-radius:var(--radius-md);background:linear-gradient(160deg,#ffffff47 0%,#fff0 52%),var(--slot);border:2px solid #0000;box-shadow:var(--shadow-md);color:#fff;transition:opacity var(--dur-reveal)var(--spring),filter var(--dur-reveal)ease,transform var(--dur-reveal)var(--spring),box-shadow var(--dur-reveal)ease,border-color var(--dur-reveal)ease;animation:pop-in var(--dur-entry)var(--spring)backwards;animation-delay:var(--delay,0s)}[data-badge]{display:inline-flex;align-items: center;gap:var(--space-2);flex-shrink:0}[data-letter]{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;text-shadow:0 2px 4px #00000059}[data-shape]{font-size:26px;line-height:1;text-shadow:0 2px 4px #0000004d}[data-text]{font-family:var(--font-body);font-weight:600;font-size:22px;line-height:1.15;text-shadow:0 1px 3px #00000059}[data-tag]{position:absolute;top:-10px;right:var(--space-3);padding:var(--space-1)var(--space-3);border-radius:var(--radius-pill);background:#0d0820d1;border:1px solid #ffffff80;font-family:var(--font-display);font-weight:600;font-size:13px;color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);animation:drop-in var(--dur-reveal)var(--spring)backwards}:scope[data-state=correct]{border-color:#fff;transform:scale(1.02);box-shadow:0 0 0 3px #ffffffd9,0 0 38px 6px var(--slot),var(--shadow-lg);animation:pop-spring var(--dur-reveal)var(--spring)}:scope[data-state=dim]{opacity:.3;filter:saturate(.35)}:scope[data-state=wrong]{opacity:.92;filter:saturate(.7);border-color:#ffffff8c}}}@layer components{@scope([data-component=category-banner]){:scope{display:flex;align-items: center;justify-content:center;gap:var(--space-3);align-self: center;padding:var(--space-2)var(--space-6);border-radius:var(--radius-full,999px);background:#0d08208c;border:2px solid var(--banner-color,var(--clay-lemon));box-shadow:0 0 20px 2px color-mix(in srgb,var(--banner-color,var(--clay-lemon))45%,transparent),var(--shadow-md);animation:banner-drop .45s var(--spring,cubic-bezier(.34,1.56,.64,1))both}@keyframes banner-drop{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}[data-banner-emoji]{font-size:32px;line-height:1;filter:drop-shadow(0 2px 5px #00000059)}[data-banner-name]{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,2vw,26px);color:var(--banner-color,var(--clay-lemon));text-shadow:0 0 12px color-mix(in srgb,var(--banner-color,var(--clay-lemon))60%,transparent);letter-spacing:.02em}}}@layer components{@scope([data-component=category-button]){:scope{display:flex;align-items: center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);text-align:left;transition:transform var(--dur-hover)var(--spring),background var(--dur-hover)ease,border-color var(--dur-hover)ease,box-shadow var(--dur-hover)ease,opacity var(--dur-reveal)ease;animation:drop-in var(--dur-entry)var(--spring)both;animation-delay:calc(var(--i,0)*70ms)}:scope:active{transform:scale(.97);box-shadow:var(--shadow-pressed)}[data-emoji]{font-size:30px;line-height:1;flex:none;filter:drop-shadow(0 3px 5px #0000004d)}[data-name]{font-family:var(--font-display);font-weight:600;font-size:14px;line-height:1.15;color:var(--ink)}:scope[data-selected=true]{background:#f59e0b38;border-color:var(--player-amber);box-shadow:0 0 18px 1px #f59e0b73,var(--shadow-md)}:scope[data-selected=true] [data-name]{color:var(--clay-lemon)}}}@layer components{@scope([data-component=category-card]){:scope{display:flex;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-2);padding:var(--space-4)var(--space-3);min-height:110px;border-radius:var(--radius-lg);background:#0d082066;border:1px solid var(--border);box-shadow:var(--shadow-md);transition:transform var(--dur-hover)var(--spring),opacity var(--dur-reveal)var(--spring),border-color var(--dur-hover)ease,box-shadow var(--dur-hover)ease}[data-emoji]{font-size:48px;line-height:1;filter:drop-shadow(0 3px 6px #00000059)}[data-name]{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink);text-align:center;line-height:1.12}:scope[data-state=idle]:hover{transform:translateY(-4px)scale(1.03);border-color:var(--surface-2);box-shadow:var(--shadow-lg)}:scope[data-state=chosen]{transform:scale(1.06);border-color:var(--glow,var(--clay-lemon));box-shadow:0 0 28px 2px var(--glow,var(--clay-lemon)),var(--shadow-lg)}:scope[data-state=dimmed]{transform:scale(.92);opacity:.28}}}@layer components{@scope([data-component=category-exhausted-toast]){:scope{position:absolute;inset:0;display:flex;align-items: flex-start;justify-content:center;padding-top:12px;z-index:20;pointer-events:none}[data-card]{pointer-events:auto;display:flex;align-items: center;gap:var(--space-3);max-width:500px;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:#0d0820b8;border:2px solid var(--clay-lilac);box-shadow:0 14px 32px #0006,0 0 24px #c77dff5c,inset 0 1px #ffffff24;backdrop-filter:blur(12px);animation:drop-in var(--dur-entry)var(--spring)both}[data-icon]{font-size:24px;line-height:1}[data-text]{font-family:var(--font-body);font-weight:500;font-size:15px;line-height:1.3;color:var(--ink)}}}@layer components{@scope([data-component=clay-button]){:scope{--fill:var(--clay-lemon);--ink:#2a1a08;--glow:#ffe06666;display:inline-flex;align-items: center;justify-content:center;gap:var(--space-2);min-height:44px;padding:14px 28px;border-radius:var(--radius-pill);background:var(--fill);color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.5vw,18px);line-height:1;white-space:nowrap;box-shadow:0 8px 20px var(--glow),0 4px 10px #00000047,inset 0 2px 0 #ffffff8c;transition:transform var(--dur-hover)var(--spring),box-shadow var(--dur-hover)ease,filter var(--dur-hover)ease}:scope:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px var(--glow),0 6px 14px #00000052,inset 0 2px 0 #fff9;filter:brightness(1.04)}:scope:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:var(--shadow-pressed)}:scope:disabled{opacity:.42;cursor:not-allowed;box-shadow:0 4px 10px #0000003d,inset 0 2px #fff6}:scope[data-tone=lemon]{--fill:var(--clay-lemon);--ink:#2a1a08;--glow:#ffe0666b}:scope[data-tone=amber]{--fill:var(--clay-peach);--ink:#2a1604;--glow:#ffb3476b}:scope[data-tone=coral]{--fill:var(--clay-coral);--ink:#fff8f0;--glow:#ff6b6b73}:scope[data-tone=sky]{--fill:var(--clay-sky);--ink:#0a1c33;--glow:#74b9ff73}:scope[data-tone=violet]{--fill:var(--clay-lilac);--ink:#fff8f0;--glow:#c77dff73}:scope[data-tone=ghost]{--fill:var(--surface);--ink:var(--ink);--glow:transparent;border:1px solid var(--border);box-shadow:inset 0 1px #ffffff29}:scope[data-tone=ghost]:hover:not(:disabled){background:var(--surface-2);border-color:#ffffff47;box-shadow:inset 0 1px #fff3}:scope[data-tone=ghost]:active:not(:disabled){box-shadow:var(--shadow-pressed)}}}@layer components{@scope([data-component=code-entry]){:scope{display:flex;flex:1;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-5);padding:var(--space-5);text-align:center}[data-card]{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);width:min(100%,360px);padding:var(--space-6)var(--space-5);border-radius:var(--radius-lg);background:#0000003d;border:1px solid var(--border);box-shadow:0 18px 50px #00000073}[data-kicker]{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--clay-lemon)}[data-heading]{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(24px,7vw,32px);color:var(--ink)}[data-sub]{margin:0 0 var(--space-2);font-size:15px;color:var(--ink-faint)}[data-code-input]{width:100%;box-sizing:border-box;min-height:56px;border-radius:var(--radius-md);box-shadow:inset 0 3px 8px #0006;font-family:var(--font-display);font-weight:700;font-size:clamp(22px,8vw,30px);letter-spacing:.28em;text-indent:.28em;text-align:center;text-transform:uppercase;color:var(--ink);padding:var(--space-3)var(--space-4)!important;background:#00000052!important;border:1px solid var(--border)!important}[data-code-input]::placeholder{color:var(--ink-faint);letter-spacing:.28em}[data-code-input]:focus-visible{outline:none;box-shadow:inset 0 3px 8px #0006,0 0 0 3px #f5c51840;border-color:#f5c5188c!important}}}@layer components{@scope([data-component=confetti]){:scope{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:10}span[data-piece]{position:absolute;top:-12vh;width:var(--size,9px);height:var(--size,9px);background:var(--piece-color,var(--clay-lemon));box-shadow:inset 0 1px #ffffff59;animation:confetti-fall var(--fall-duration,3s)linear var(--fall-delay,0s)infinite;will-change:transform}span[data-piece][data-shape=circle]{border-radius:var(--radius-pill)}span[data-piece][data-shape=square]{border-radius:2px}}}@layer components{@scope([data-component=difficulty-pips]){:scope{display:inline-flex;align-items: center;gap:5px;vertical-align:middle}span[data-pip]{width:9px;height:9px;border-radius:var(--radius-pill);background:var(--ink-faint);transition:background-color var(--dur-hover)var(--spring)}span[data-pip][data-filled=true]{background:var(--clay-lemon);box-shadow:0 0 8px color-mix(in srgb,var(--clay-lemon)80%,transparent)}}}@layer components{@scope([data-component=disconnect-banner]){:scope{position:absolute;inset:0;display:flex;align-items: flex-start;justify-content:center;padding-top:12px;z-index:20;pointer-events:none}[data-card]{pointer-events:auto;display:flex;align-items: center;gap:var(--space-3);max-width:540px;padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);background:#0d0820b8;border:2px solid var(--player,var(--border));box-shadow:0 14px 32px #0006,inset 0 1px #ffffff24;backdrop-filter:blur(12px);animation:drop-in var(--dur-entry)var(--spring)both}[data-avatar]{font-size:30px;line-height:1}[data-text]{display:flex;flex-direction:column;gap:2px}[data-line]{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}[data-name]{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--player,var(--ink))}[data-status]{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--ink-dim)}[data-countdown]{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--clay-lemon);letter-spacing:.02em}}}@layer components{@scope([data-component=dismiss-button]){:scope{padding:5px 14px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid var(--border);color:var(--ink-dim);font-family:var(--font-display);font-weight:600;font-size:13px;line-height:1;transition:background var(--dur-hover)ease,border-color var(--dur-hover)ease,color var(--dur-hover)ease,transform var(--dur-hover)var(--spring)}:scope:hover{background:#ffffff29;border-color:#ffffff4d;color:var(--ink);transform:translateY(-1px)}:scope:active{transform:translateY(0)scale(.96)}}}@layer components{@scope([data-component=end-countdown-chip]){:scope{position:absolute;bottom:16px;left:0;right:0;margin-inline:auto;width:fit-content;z-index:25;display:inline-flex;align-items: center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-pill);background:#0d08209e;border:1px solid var(--border);box-shadow:var(--shadow-md);backdrop-filter:blur(10px);white-space:nowrap;animation:drop-in var(--dur-entry)var(--spring)both}span[data-glyph]{font-size:18px;line-height:1}span[data-label]{font-family:var(--font-body);font-weight:500;font-size:15px;color:var(--ink-dim)}span[data-seconds]{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--clay-lemon);text-shadow:0 0 12px color-mix(in srgb,var(--clay-lemon)60%,transparent)}}}@layer components{@scope([data-component=flag]){:scope{display:inline-block;width:60px;height:38px;border-radius:6px;overflow:hidden;line-height:0;box-shadow:0 1px 4px #00000059,inset 0 0 0 1px #ffffff2e}svg{display:block;width:100%;height:100%}}}@layer components{@scope([data-component=join-wizard]){:scope{display:flex;flex-direction:column;flex:auto;gap:var(--space-5);min-height:0}[data-dots]{display:flex;align-items: center;justify-content:center;gap:var(--space-2);flex:none}[data-dot]{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--ink-faint);transition:width var(--dur-hover)var(--spring),background var(--dur-hover)ease}[data-dot][data-active=true]{width:20px;height:8px;background:var(--clay-lemon);box-shadow:0 0 10px 1px #ffe06699}[data-step-body]{flex:auto;display:flex;min-height:0}[data-step]{display:flex;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-5);width:100%}[data-heading]{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink);text-align:center}[data-name-input]{width:100%;min-height:48px;box-sizing:border-box;border-radius:var(--radius-md);box-shadow:inset 0 3px 8px #0006;font-family:var(--font-display);font-weight:500;font-size:18px;color:var(--ink);text-align:center;padding:var(--space-3)var(--space-4)!important;background:#00000047!important;border:1px solid var(--border)!important}[data-name-input]::placeholder{color:var(--ink-faint)}[data-avatar-grid]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);width:100%}[data-avatar-cell]{display:flex;align-items: center;justify-content:center;aspect-ratio:1;min-height:64px;font-size:30px;line-height:1;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--dur-hover)var(--spring),border-color var(--dur-hover)ease,box-shadow var(--dur-hover)ease;background:var(--surface)!important;border:2px solid var(--border)!important}[data-avatar-cell]:active{transform:scale(.92)}[data-avatar-cell][data-selected=true]{border-color:var(--clay-lemon);box-shadow:0 0 16px 1px #ffe0668c,var(--shadow-md)}@media (orientation:landscape){[data-avatar-grid]{max-width:480px;margin-inline:auto}[data-avatar-cell]{aspect-ratio:auto;min-height:0;height:clamp(48px,16vh,72px)}}[data-color-row]{display:flex;flex-wrap:wrap;align-items: center;justify-content:center;gap:var(--space-3);width:100%}[data-swatch]{width:44px;height:44px;border-radius:var(--radius-pill);box-shadow:inset 0 2px #ffffff59;transition:transform var(--dur-hover)var(--spring),box-shadow var(--dur-hover)ease;background:var(--swatch)!important;border:2px solid #ffffff47!important}[data-swatch]:active{transform:scale(.9)}[data-swatch][data-selected=true]{transform:scale(1.12);border-color:#fff;box-shadow:0 0 16px 2px var(--swatch),inset 0 2px 0 #fff6}[data-swatch][data-taken=true]{opacity:.3;cursor:not-allowed;transform:none}[data-nav]{display:flex;align-items: center;justify-content:space-between;gap:var(--space-3);flex:none}[data-back]{display:inline-flex;align-items: center;min-height:44px;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-dim);transition:color var(--dur-hover)ease;padding:var(--space-2)var(--space-3)!important;background:0 0!important}[data-back]:active{color:var(--ink)}[data-next]{display:inline-flex;align-items: center;justify-content:center;margin-left:auto;min-height:44px;border-radius:var(--radius-pill);font-size:16px;box-shadow:0 8px 18px #ffe0666b,inset 0 2px #ffffff80;transition:transform var(--dur-hover)var(--spring),box-shadow var(--dur-hover)ease,opacity var(--dur-hover)ease;padding:var(--space-3)var(--space-6)!important;font-family:var(--font-display)!important;font-weight:700!important;color:#3a2c00!important;background:linear-gradient(165deg,color-mix(in srgb,var(--clay-lemon)92%,white),var(--clay-lemon))!important}[data-next]:active{transform:scale(.96);box-shadow:var(--shadow-pressed)}[data-next]:disabled{opacity:.4;box-shadow:none;cursor:not-allowed}[data-confirm]{display:flex;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-3);flex:auto;text-align:center;animation:pop-spring var(--dur-entry)var(--spring)}[data-confirm-avatar]{font-size:52px;line-height:1;filter:drop-shadow(0 5px 12px #0006);animation:bob 2.6s ease-in-out infinite}[data-confirm-title]{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--joined);text-shadow:0 0 14px color-mix(in srgb,var(--joined)55%,transparent)}[data-confirm-room]{font-family:var(--font-body);font-weight:500;font-size:14px;color:var(--ink-dim)}}}@layer components{@scope([data-component=language-card]){:scope{display:flex;flex-direction:column;align-items: center;gap:var(--space-3);width:180px;padding:var(--space-5)var(--space-4);border-radius:var(--radius-xl);background:#0d08208c;border:2px solid var(--border);box-shadow:var(--shadow-md);text-align:center;transition:transform var(--dur-hover)var(--spring),border-color var(--dur-hover)ease,box-shadow var(--dur-hover)ease}:scope[data-leading]{border-color:var(--clay-lemon);transform:scale(1.05);box-shadow:0 14px 34px #0006,0 0 26px #ffe06673,inset 0 2px #ffffff38}[data-flag-wrap]{line-height:0}[data-flag-wrap]>*{width:68px;height:43px;border-radius:8px}[data-label]{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.1}[data-sublabel]{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-dim);margin-top:calc(-1*var(--space-1))}[data-voters]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);min-height:26px;font-size:20px}[data-voter]{line-height:1;animation:pop-in var(--dur-entry)var(--spring)both}[data-voters-empty]{font-family:var(--font-body);font-size:12px;color:var(--ink-faint)}}}@layer components{@scope([data-component=leave-modal]){:scope{position:absolute;inset:0;z-index:40;display:flex;align-items: center;justify-content:center;padding:var(--space-5);background:#0009;backdrop-filter:blur(4px)}[data-backdrop]{position:absolute;inset:0;background:0 0;cursor:default}[data-card]{position:relative;z-index:1;display:flex;flex-direction:column;align-items: center;gap:var(--space-3);width:100%;max-width:280px;padding:var(--space-6)var(--space-5);border-radius:var(--radius-xl);background:#2a1a08;box-shadow:var(--shadow-xl),inset 0 2px 0 #ffffff2e;text-align:center;animation:pop-spring var(--dur-entry)var(--spring)}[data-icon]{font-size:32px;line-height:1}[data-title]{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink)}[data-body]{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1.35;color:var(--ink-dim)}[data-actions]{display:flex;gap:var(--space-3);width:100%;margin-top:var(--space-2)}[data-btn]{flex:1 1 0;padding:var(--space-3)var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:15px;transition:transform var(--dur-hover)var(--spring),box-shadow var(--dur-hover)ease,background var(--dur-hover)ease}[data-btn]:active{transform:scale(.96)}[data-btn=ghost]{background:var(--surface);border:1px solid var(--border);color:var(--ink)}[data-btn=coral]{background:linear-gradient(165deg,color-mix(in srgb,var(--clay-coral)88%,white),var(--clay-coral));color:#fff;box-shadow:0 8px 18px #ff6b6b6b,inset 0 2px #fff6}[data-btn=coral]:active{box-shadow:var(--shadow-pressed)}}}@layer components{@scope([data-component=mid-join-modal]){:scope{position:absolute;inset:0;z-index:40;display:flex;align-items: center;justify-content:center;padding:var(--space-5);background:#0009;backdrop-filter:blur(4px)}[data-backdrop]{position:absolute;inset:0;background:0 0;cursor:default}[data-card]{position:relative;z-index:1;display:flex;flex-direction:column;align-items: center;gap:var(--space-3);width:100%;max-width:280px;padding:var(--space-6)var(--space-5);border-radius:var(--radius-xl);background:#2a1a08;box-shadow:var(--shadow-xl),inset 0 2px 0 #ffffff2e;text-align:center;animation:pop-spring var(--dur-entry)var(--spring)}[data-icon]{font-size:36px;line-height:1}[data-title]{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink)}[data-body]{font-family:var(--font-body);font-weight:500;font-size:14px;line-height:1.35;color:var(--ink-dim)}[data-btn=sky]{width:100%;margin-top:var(--space-2);padding:var(--space-3)var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:15px;color:#0d2036;background:linear-gradient(165deg,color-mix(in srgb,var(--clay-sky)90%,white),var(--clay-sky));box-shadow:0 8px 18px #74b9ff6b,inset 0 2px #ffffff73;transition:transform var(--dur-hover)var(--spring),box-shadow var(--dur-hover)ease}[data-btn=sky]:active{transform:scale(.96);box-shadow:var(--shadow-pressed)}}}@layer components{@scope([data-component=mute-button]){:scope{display:inline-flex;align-items: center;gap:var(--space-2);min-height:44px;border-radius:var(--radius-pill);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:clamp(13px,1.3vw,15px);line-height:1;transition:background var(--dur-hover)ease,border-color var(--dur-hover)ease,transform var(--dur-hover)var(--spring);padding:6px 14px!important;background:var(--surface)!important;border:1px solid var(--border)!important}:scope:hover{background:var(--surface-2);border-color:#ffffff47;transform:translateY(-1px)}:scope:active{transform:translateY(0)scale(.97)}:scope[data-muted]{border-color:#ff6b6b80;color:var(--clay-coral)}[data-icon]{font-size:1.1em}}}@layer components{@scope([data-component=pause-overlay]){:scope{position:absolute;inset:0;z-index:30;display:grid;place-items: center;padding:var(--space-6);background:#080514db;backdrop-filter:blur(16px);animation:pop-in var(--dur-hover)ease both}div[data-stack]{display:flex;flex-direction:column;align-items: center;gap:var(--space-4);max-width:520px;text-align:center}span[data-glyph]{font-size:64px;line-height:1;color:var(--clay-sky);text-shadow:0 0 32px color-mix(in srgb,var(--clay-sky)60%,transparent);animation:pop-spring var(--dur-entry)var(--spring)both}span[data-title]{font-family:var(--font-display);font-weight:700;font-size:48px;line-height:1;color:var(--ink)}p[data-message]{font-family:var(--font-body);font-weight:500;font-size:17px;line-height:1.45;color:var(--ink-dim)}div[data-dots]{display:inline-flex;gap:var(--space-2);margin-top:var(--space-2)}span[data-dot]{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--clay-sky);animation:pulse-soft 1.2s ease-in-out infinite}span[data-dot]:nth-child(2){animation-delay:.2s}span[data-dot]:nth-child(3){animation-delay:.4s}}}@layer components{@scope([data-component=phone-answer]){:scope{display:flex;flex:1;flex-direction:column;min-height:0;gap:var(--space-3)}[data-phone-label]{font-family:var(--font-display);text-align:center;color:var(--ink-dim)}[data-answer-grid-phone]{display:grid;flex:1;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--space-3)}[data-countdown]{height:6px;border-radius:var(--radius-pill);background:var(--surface);overflow:hidden}[data-countdown] [data-fill]{height:100%;border-radius:var(--radius-pill);background:var(--clay-mint);transition:width .25s linear}[data-countdown] [data-fill][data-low=true]{background:var(--clay-coral)}}}@layer components{@scope([data-component=phone-category]){:scope{display:flex;flex:1;flex-direction:column;min-height:0;gap:var(--space-4)}[data-phone-title]{font-family:var(--font-display);font-size:clamp(20px,6vw,28px);text-align:center}[data-category-list]{display:flex;flex:1;flex-direction:column;gap:var(--space-3)}@media (orientation:landscape){[data-category-list]{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr}}:scope[data-revealing=true] [data-component=category-button]:not([data-selected=true]){opacity:.35;pointer-events:none}:scope[data-waiting=true] [data-component=category-button]{opacity:.4;pointer-events:none}[data-category-hint]{text-align:center;color:var(--ink-dim);animation:blink 1.6s ease-in-out infinite}}}@layer components{@scope([data-component=phone-final]){:scope{display:flex;flex:1;flex-direction:column;min-height:0;align-items: center;justify-content:center;gap:var(--space-5);text-align:center}[data-final-card]{display:flex;flex-direction:column;align-items: center;gap:var(--space-2);padding:var(--space-6)var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}[data-final-medal]{font-size:clamp(44px,16vw,64px)}[data-final-place]{font-family:var(--font-display);font-size:clamp(20px,6vw,26px)}[data-final-score]{font-family:var(--font-display);font-size:clamp(26px,9vw,36px)}[data-final-stats]{margin-top:var(--space-1);font-family:var(--font-body);font-size:13px;color:var(--ink-dim)}[data-final-actions]{display:flex;gap:var(--space-3)}}}@layer components{@scope([data-component=phone-language-vote]){:scope{display:flex;flex:1;flex-direction:column;min-height:0;align-items:stretch;justify-content:center;gap:var(--space-5);text-align:center}[data-phone-title]{font-family:var(--font-display);font-size:clamp(20px,6vw,28px);text-align:center}[data-vote-buttons]{display:flex;flex-direction:column;gap:var(--space-4)}[data-wait-hint]{color:var(--ink-dim);animation:blink 1.6s ease-in-out infinite}}}@layer components{@scope([data-component=phone-waiting-card]){:scope{display:flex;flex:1;flex-direction:column;min-height:0;align-items: center;justify-content:center;text-align:center;gap:var(--space-5)}[data-wait-card]{display:flex;flex-direction:column;align-items: center;gap:var(--space-2);width:300px;max-width:86vw;padding:var(--space-6)var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:bob 3.4s ease-in-out infinite}[data-wait-emoji]{font-size:clamp(48px,18vw,72px)}[data-wait-title]{font-family:var(--font-display);font-size:clamp(20px,6vw,28px)}[data-wait-sub]{color:var(--ink-dim)}[data-wait-hint]{color:var(--ink-dim);animation:blink 1.6s ease-in-out infinite}}}@layer components{@scope([data-component=player-tile]){:scope{position:relative;display:flex;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-2);padding:var(--space-4)var(--space-3);min-height:132px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);transform-origin:center bottom;animation:pop-spring var(--dur-entry)var(--spring)backwards;animation-delay:var(--delay,0s)}[data-avatar]{font-size:60px;line-height:1;filter:drop-shadow(0 4px 8px #00000059)}[data-name]{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink);text-align:center;line-height:1.1}[data-dot]{width:14px;height:14px;border-radius:var(--radius-pill);background:var(--sig);box-shadow:0 0 12px 1px var(--sig)}[data-cue]{position:absolute;top:var(--space-2);right:var(--space-3);font-size:15px;color:var(--clay-lemon);text-shadow:0 0 8px #ffe06699}:scope[data-empty=true]{border-style:dashed;border-color:var(--ink-faint);background:0 0;box-shadow:none;opacity:.4;animation:none}[data-mark]{font-size:48px;line-height:1}[data-waiting]{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--ink-dim);animation:blink 1.5s ease-in-out infinite}}}@layer components{@scope([data-component=podium-block]){:scope{display:flex;flex-direction:column;align-items: center;justify-content:flex-end;gap:var(--space-3);width:116px}div[data-info]{display:flex;flex-direction:column;align-items: center;gap:2px}span[data-avatar]{font-size:44px;line-height:1;filter:drop-shadow(0 4px 8px #00000059)}span[data-name]{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.1;color:var(--player,var(--ink));text-shadow:0 1px 10px color-mix(in srgb,var(--player,transparent)36%,transparent)}span[data-score]{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--ink-dim)}div[data-block]{display:flex;align-items: center;justify-content:center;width:100%;border-radius:var(--radius-md)var(--radius-md)0 0;box-shadow:inset 0 3px #ffffff73,inset 0 -10px 18px #00000047,0 12px 26px #0006;animation:rise-up var(--dur-entry)var(--spring)both;animation-delay:var(--rise-delay,0s)}span[data-medal]{font-size:32px;line-height:1;filter:drop-shadow(0 2px 4px #0000004d)}:scope[data-place="1"] div[data-block]{height:90px;background:linear-gradient(#ffe9a3 0%,#f5c518 45%,#c8920a 100%)}:scope[data-place="1"]{box-shadow:none}:scope[data-place="2"] div[data-block]{height:70px;background:linear-gradient(#f4f6f9 0%,#c7cdd6 48%,#8b929c 100%)}:scope[data-place="3"] div[data-block]{height:55px;background:linear-gradient(#f2c39a 0%,#cd7f4a 48%,#8a4f28 100%)}}}@layer components{@scope([data-component=qr-block]){:scope{display:flex;flex-direction:column;align-items: center;gap:var(--space-3)}[data-card]{width:clamp(200px,22vw,300px);height:clamp(200px,22vw,300px);padding:var(--space-3);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-lg);color-scheme:light;display:flex;align-items: center;justify-content:center}[data-qr-svg]{display:block;width:100%;height:100%}[data-grid]{display:grid;grid-template-columns:repeat(var(--size),1fr);grid-template-rows:repeat(var(--size),1fr);width:100%;height:100%;gap:2px}[data-card][data-placeholder=true]{animation:pulse-soft 1.4s ease-in-out infinite}[data-cell]{border-radius:1px;background:#0d08201f}[data-hint]{margin:0;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-dim);text-align:center}}}@layer components{@scope([data-component=reconnect-strip]){:scope{position:absolute;top:0;left:0;right:0;z-index:25;display:flex;align-items: center;justify-content:center;gap:var(--space-3);padding:10px var(--space-4);background:#080514d1;border-bottom:2px solid var(--clay-mint);box-shadow:0 6px 18px #00000057;backdrop-filter:blur(10px);animation:drop-in var(--dur-entry)var(--spring)both}[data-icon]{font-size:18px;line-height:1}[data-label]{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--clay-mint);letter-spacing:.01em}[data-spinner]{width:16px;height:16px;border-radius:50%;border:2px solid #4ecdc447;border-top-color:var(--clay-mint);animation:spin .7s linear infinite}}}@layer components{@scope([data-component=reveal-flash]){:scope{position:absolute;inset:0;flex:auto;display:flex;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-3);padding:var(--space-6)var(--space-5);text-align:center}:scope[data-correct=true]{background:radial-gradient(120% 80% at 50% 40%,#1a4a1a,#0d2b0d);animation:pop-spring var(--dur-entry)var(--spring)}:scope[data-correct=false]{background:radial-gradient(120% 80% at 50% 40%,#4a1a1a,#2b0d0d);animation:shake .4s var(--spring)}[data-glyph]{font-size:56px;line-height:1;filter:drop-shadow(0 6px 14px #0006)}[data-title]{font-family:var(--font-display);font-weight:700;font-size:26px;color:#fff;line-height:1}[data-points]{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--clay-green);text-shadow:0 0 12px #7bc67e99}[data-haptic]{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--ink-faint)}}}@layer components{@scope([data-component=room-code-badge]){:scope{display:inline-flex;flex-direction:column;align-items: center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);background:#0d082073;border:1px solid var(--border);box-shadow:var(--shadow-md)}[data-label]{font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--ink-dim)}[data-code]{font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1;letter-spacing:6px;text-indent:6px;color:var(--clay-lemon);text-shadow:0 0 18px #ffe0668c,0 2px 4px #0006}}}@layer components{@scope([data-component=round-intro]){:scope{position:absolute;inset:0;z-index:30;display:grid;place-items: center;padding:var(--space-6);background:radial-gradient(60% 55% at 50% 42%,#f59e0b57,#0000 70%),#0d082094;backdrop-filter:blur(14px);animation:pop-in var(--dur-hover)ease both}div[data-stack]{display:flex;flex-direction:column;align-items: center;gap:var(--space-2);text-align:center}span[data-eyebrow]{font-family:var(--font-display);font-weight:600;font-size:clamp(16px,1.8vw,22px);letter-spacing:.42em;text-indent:.42em;color:var(--ink-dim)}span[data-number]{font-family:var(--font-display);font-weight:700;font-size:var(--fs-round);line-height:.95;color:var(--clay-lemon);text-shadow:0 0 28px #f59e0b8c,0 0 60px #ffe06666;animation:pop-spring var(--dur-entry)var(--spring)both}span[data-total]{font-family:var(--font-body);font-weight:500;font-size:clamp(16px,1.8vw,22px);color:var(--ink-dim)}div[data-chip]{display:inline-flex;align-items: center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3)var(--space-5);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--player,var(--clay-lemon))16%,transparent);border:1px solid color-mix(in srgb,var(--player,var(--clay-lemon))50%,transparent);box-shadow:var(--shadow-sm);animation:drop-in var(--dur-reveal)var(--spring).15s both}span[data-avatar]{font-size:28px;line-height:1}span[data-chip-name]{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink)}span[data-chip-hint]{font-family:var(--font-body);font-weight:500;font-size:15px;color:var(--ink-dim)}}}@layer components{@scope([data-component=score-chip]){:scope{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);backdrop-filter:blur(6px);white-space:nowrap;animation:pop-in var(--dur-entry)var(--spring)both}span[data-name]{font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--ink-dim)}span[data-total]{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--ink);letter-spacing:-.01em}span[data-delta]{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--player,var(--clay-lemon));text-shadow:0 0 12px color-mix(in srgb,var(--player,var(--clay-lemon))55%,transparent)}}}@layer components{@scope([data-component=scoreboard-tile]){:scope{display:flex;align-items: center;gap:var(--space-4);width:100%;padding:var(--space-3)var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);animation:slide-in-left var(--dur-entry)var(--spring)both}span[data-rank]{flex:none;min-width:36px;font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;text-align:center;color:var(--ink-faint)}span[data-avatar]{flex:none;font-size:34px;line-height:1}div[data-main]{flex:auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}div[data-name-row]{display:flex;align-items: center;flex-wrap:wrap;gap:var(--space-3);min-width:0}span[data-name]{font-family:var(--font-display);font-weight:600;font-size:19px;line-height:1;color:var(--player,var(--ink));text-shadow:0 1px 8px color-mix(in srgb,var(--player,transparent)30%,transparent)}div[data-bar]{height:12px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden}span[data-bar-fill]{display:block;height:100%;width:var(--fill,0%);border-radius:var(--radius-pill);background:linear-gradient(90deg,color-mix(in srgb,var(--player,var(--clay-lemon))70%,#000 0%),var(--player,var(--clay-lemon)));box-shadow:inset 0 1px #ffffff4d}span[data-gain]{flex:none;font-family:var(--font-display);font-weight:700;font-size:15px;line-height:1;padding:4px 10px;border-radius:var(--radius-pill);color:var(--player,var(--clay-lemon));background:color-mix(in srgb,var(--player,var(--clay-lemon))16%,transparent);border:1px solid color-mix(in srgb,var(--player,var(--clay-lemon))42%,transparent);text-shadow:0 0 12px color-mix(in srgb,var(--player,var(--clay-lemon))50%,transparent);white-space:nowrap;animation:pop-in var(--dur-entry)var(--spring)both}span[data-badge]{flex:none;font-family:var(--font-display);font-weight:600;font-size:13px;padding:4px 12px;border-radius:var(--radius-pill);color:var(--clay-mint);background:color-mix(in srgb,var(--clay-mint)16%,transparent);border:1px solid color-mix(in srgb,var(--clay-mint)42%,transparent);white-space:nowrap;animation:pop-in var(--dur-entry)var(--spring)both}span[data-score]{flex:none;min-width:86px;text-align:right;font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1;color:var(--ink);letter-spacing:-.01em}:scope[data-moved-up]{border-color:color-mix(in srgb,var(--player-violet)60%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--player-violet)50%,transparent),0 0 26px color-mix(in srgb,var(--clay-mint)38%,transparent),var(--shadow-md)}}}@layer components{@scope([data-component=stage-category]){:scope{display:flex;flex:1;min-height:0;width:100%;flex-direction:column;gap:var(--space-5)}[data-chooser]{display:flex;align-items: center;justify-content:center;gap:var(--space-4)}[data-who]{font-family:var(--font-display);font-size:clamp(18px,2vw,26px)}[data-loading-hint]{font-family:var(--font-display);font-size:clamp(15px,1.5vw,20px);color:var(--ink-dim);animation:blink 1.6s ease-in-out infinite}[data-category-grid]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-4);flex:1}}}@layer components{@scope([data-component=stage-language]){:scope{display:flex;flex:1;min-height:0;width:100%;flex-direction:column;align-items: center;justify-content:center;text-align:center;gap:var(--space-3)}[data-title]{font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px)}[data-subtitle]{color:var(--ink-dim)}[data-language-cards]{display:flex;gap:var(--space-6);margin:var(--space-5)0}[data-tally]{font-family:var(--font-display);color:var(--clay-lemon)}}}@layer components{@scope([data-component=stage-lobby]){:scope{display:flex;flex:1;min-height:0;width:100%;align-items: center;gap:clamp(28px,6vw,72px);flex-wrap:wrap}@media (max-width:540px){:scope{flex-direction:column;align-items: center;justify-content:center;overflow-y:auto}[data-lobby-players]{width:100%}}[data-lobby-join]{display:flex;flex-direction:column;align-items: center;gap:var(--space-5)}[data-reset]{appearance:none;margin-top:calc(-1*var(--space-3));padding:var(--space-2)var(--space-4);border:1px solid #ffffff2e;border-radius:var(--radius-pill,999px);background:#ffffff0f;color:var(--ink-dim);font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;transition:background .16s,color .16s,border-color .16s}[data-reset]:hover{background:#ffffff1f;border-color:#ffffff52;color:#fff}[data-reset]:focus-visible{outline:3px solid var(--clay-lemon);outline-offset:2px}[data-lobby-players]{display:flex;flex-direction:column;flex:1}[data-heading]{font-family:var(--font-display);font-size:clamp(20px,2.4vw,30px);margin-bottom:var(--space-4)}[data-player-grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}[data-help]{margin-top:var(--space-5);color:var(--ink-dim)}}}@layer components{@scope([data-component=stage-podium]){:scope{display:flex;flex:1;min-height:0;width:100%;position:relative;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-5)}[data-title]{font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px)}[data-podium-stage]{display:flex;align-items: flex-end;gap:clamp(16px,3vw,40px)}[data-also-rans]{display:flex;gap:var(--space-3)}[data-also-ran]{padding:6px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-display)}[data-stat-line]{color:var(--ink-dim)}[data-podium-actions]{display:flex;justify-content:center;margin-top:var(--space-2)}[data-play-again]{display:inline-flex;align-items: center;justify-content:center;gap:var(--space-2);padding:14px 28px;border-radius:var(--radius-pill);background:var(--clay-coral);color:#fff8f0;font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.5vw,18px);line-height:1;white-space:nowrap;box-shadow:0 8px 20px #ff6b6b73,0 4px 10px #00000047,inset 0 2px #ffffff8c}}}@layer components{@scope([data-component=stage-question]){:scope{display:flex;flex:1;min-height:0;width:100%;flex-direction:column;gap:var(--space-3);position:relative}[data-meta-bar]{display:flex;align-items: center;justify-content:space-between;gap:var(--space-3)}[data-category-tag]{display:inline-flex;align-items: center;gap:var(--space-2);padding:6px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-display)}[data-hero]{flex:auto;min-height:0;display:flex;flex-direction:column;align-items: center;justify-content:center;gap:var(--space-4);text-align:center;overflow:hidden}[data-hero-image]{flex:none;filter:drop-shadow(0 12px 30px #00000073)}[data-hero][data-image]{justify-content:center;gap:var(--space-5)}[data-hero][data-image] [data-hero-image] [data-component=flag]{width:auto;height:clamp(96px,16vh,168px);aspect-ratio:60/38;border-radius:10px}[data-hero][data-image] [data-prompt-fit]{flex:0 auto;max-height:34vh}[data-prompt-fit]{flex:auto;min-height:0;width:100%;max-width:min(94%,1200px);margin-inline:auto;display:grid;place-items: center;overflow:hidden}[data-prompt]{margin:0;font-family:var(--font-display);font-size:var(--fs-prompt);line-height:1.18;max-width:100%;text-shadow:0 4px 18px #00000073}[data-answer-line]{color:var(--clay-mint);font-size:clamp(16px,1.8vw,22px)}[data-timer]{position:absolute;top:var(--space-4);left:50%;transform:translate(-50%);z-index:3}[data-answer-grid]{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}[data-score-rollup]{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-2)}[data-steal-strip]{display:flex;align-items: center;gap:var(--space-4);padding:var(--space-3)var(--space-4);border:1px solid var(--player-teal);border-radius:var(--radius-md);background:#14b8a61f;animation:slide-in-left var(--dur-reveal)var(--spring)both}[data-steal-text]{font-family:var(--font-display)}[data-steal-eligible]{display:inline-flex;align-items: center;gap:var(--space-2)}[data-steal-avatar]{display:inline-flex;align-items: center;justify-content:center;width:38px;height:38px;font-size:22px;line-height:1;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--player,var(--player-teal))26%,transparent);border:2px solid var(--player,var(--player-teal))}[data-steal-secs]{font-family:var(--font-display);font-weight:700;padding-left:var(--space-1);white-space:nowrap}[data-steal-timer-bar]{flex:1;min-width:60px;height:5px;border-radius:var(--radius-pill);background:#14b8a62e;overflow:hidden}[data-steal-timer-fill]{display:block;height:100%;border-radius:var(--radius-pill);background:var(--player-teal)}}}@layer components{@scope([data-component=stage-scoreboard]){:scope{display:flex;flex:1;min-height:0;width:100%;flex-direction:column;gap:var(--space-4)}[data-title]{font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px)}[data-scoreboard-list]{display:flex;flex-direction:column;gap:var(--space-3)}}}@layer components{@scope([data-component=timer-ring]){:scope{position:relative;width:80px;height:80px;--stroke:var(--clay-mint)}svg{display:block;transform:rotate(-90deg)}[data-track]{fill:none;stroke:#ffffff1a;stroke-width:8}[data-arc]{fill:none;stroke:var(--stroke);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset var(--dur-hover)linear,stroke .36s ease}[data-num]{position:absolute;inset:0;display:flex;align-items: center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:28px;color:var(--ink);text-shadow:0 2px 6px #00000073}:scope[data-zone=high]{--stroke:var(--clay-mint)}:scope[data-zone=mid]{--stroke:var(--clay-lemon)}:scope[data-zone=warn]{--stroke:var(--clay-peach)}:scope[data-zone=low]{--stroke:var(--clay-coral)}:scope[data-zone=low] svg{animation:pulse-soft 1s ease-in-out infinite}}}@layer components{@scope([data-component=turn-chip]){:scope{--tint:var(--player);display:inline-flex;align-items: center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--tint)22%,transparent);border:2px solid var(--tint);box-shadow:var(--shadow-sm);transition:background var(--dur-reveal)ease,border-color var(--dur-reveal)ease}[data-avatar]{font-size:22px;line-height:1}[data-name]{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink)}[data-label]{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--ink-dim);white-space:nowrap}:scope[data-tone=correct]{--tint:var(--clay-green)}:scope[data-tone=correct] [data-label]{color:var(--clay-green)}:scope[data-tone=wrong]{--tint:var(--clay-coral)}:scope[data-tone=wrong] [data-label]{color:var(--clay-coral)}}}@layer components;@layer reset,tokens,base,animations,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bezel);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit}:focus-visible{outline:3px solid var(--clay-lemon);outline-offset:2px}}@layer tokens{:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--font-display:"Fredoka",system-ui,"Segoe UI",sans-serif;--font-body:"Quicksand",system-ui,"Segoe UI",sans-serif;--fs-prompt:clamp(30px,3.6vw,46px);--fs-round:clamp(72px,12vw,100px);--tv-bg-0:#1a0e3d;--tv-bg-1:#0d0820;--bezel:#1a0e05;--ink:#fff8f0;--ink-dim:#fff8f09e;--ink-faint:#fff8f052;--surface:#ffffff12;--surface-2:#ffffff1f;--border:#ffffff29;--clay-coral:#ff6b6b;--clay-mint:#4ecdc4;--clay-sky:#74b9ff;--clay-lemon:#ffe066;--clay-lilac:#c77dff;--clay-peach:#ffb347;--clay-green:#7bc67e;--clay-cream:#fff3e0;--player-amber:#f59e0b;--player-violet:#8b5cf6;--player-teal:#14b8a6;--player-coral:#ef4444;--player-lime:#84cc16;--slot-a:#e84040;--slot-b:#2d7dd2;--slot-c:#f5c518;--slot-d:#2ecc71;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:40px;--radius-pill:999px;--shadow-sm:0 2px 6px #00000047,inset 0 1px 0 #ffffff29;--shadow-md:0 7px 18px #00000052,inset 0 2px 0 #fff3;--shadow-lg:0 14px 32px #0000005c,inset 0 2px 0 #ffffff38;--shadow-xl:0 22px 54px #0000006b,inset 0 3px 0 #ffffff3d;--shadow-pressed:inset 0 5px 14px #0000006b;--spring:cubic-bezier(.34,1.56,.64,1);--dur-hover:.16s;--dur-entry:.52s;--dur-reveal:.44s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px}}@layer base{[data-layout=stage]{display:flex;color:var(--ink);background:radial-gradient(120% 90% at 50% 8%,#c77dff2e,transparent 60%),linear-gradient(160deg,var(--tv-bg-0),var(--tv-bg-1));overflow:hidden;flex-direction:column;min-height:100dvh}[data-island=stage]{display:flex;flex:1;min-height:0}[data-stage]{display:flex;position:relative;flex-direction:column;flex:1;min-height:0}[data-stage][data-phase=categoryPick],[data-stage][data-phase=question],[data-stage][data-phase=reveal]{background:radial-gradient(120% 90% at 50% 6%,#f59e0b38,transparent 58%),linear-gradient(160deg,#2a1840,var(--tv-bg-1))}[data-stage][data-phase=final]{background:radial-gradient(130% 100% at 50% 4%,#c77dff4d,#0000 60%),linear-gradient(160deg,#2c1056,#140726)}[data-region=top-bar]{display:flex;justify-content:space-between;align-items: center;gap:var(--space-4);border-bottom:1px solid var(--border);backdrop-filter:blur(8px);z-index:5;background:#0d082073;flex:none;padding:clamp(10px,1.6vh,18px) clamp(16px,3vw,40px)}[data-region=top-bar] [data-logo]{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(18px,2vw,24px);font-weight:700}[data-region=top-bar] [data-logo] b{color:var(--clay-lemon)}[data-region=top-bar] [data-badge]{font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);margin-inline-start:auto;margin-inline-end:auto;padding:6px 16px;font-size:clamp(13px,1.4vw,17px);font-weight:600}[data-region=stage-body]{position:relative;display:flex;flex:auto;min-height:0;padding:clamp(16px,3vh,36px) clamp(20px,4vw,56px)}[data-island=reconnect-strip],[data-island=disconnect-banner]{position:fixed;pointer-events:none;z-index:20;inset:0}[data-island=pause-overlay]{position:fixed;z-index:30;inset:0}[data-island=mute]{position:fixed;z-index:6;top:max(0px,clamp(10px,1.6vh,18px) - 5px);right:clamp(16px,3vw,40px)}[data-island=mute] [data-component=audio-toggles]{display:flex;align-items: center;gap:var(--space-2)}[data-layout=controller]{position:relative;display:flex;color:var(--ink);overflow:hidden;background:linear-gradient(165deg,#2a1257,#160a33);flex-direction:column;min-height:100dvh}[data-island=controller],[data-island=code-entry]{display:flex;flex:1;min-height:0}[data-controller]{display:flex;padding:max(clamp(34px,6vh,48px),env(safe-area-inset-top))max(clamp(14px,5vw,22px),env(safe-area-inset-right))max(clamp(16px,4vh,24px),env(safe-area-inset-bottom))max(clamp(14px,5vw,22px),env(safe-area-inset-left));flex-direction:column;flex:1;min-height:0}@media (orientation:landscape){[data-controller]{padding-block:max(var(--space-3),env(safe-area-inset-top))max(var(--space-3),env(safe-area-inset-bottom))}}[data-controller][data-phase=lobby]{background:linear-gradient(165deg,#0f2e1c,#0a2114)}[data-controller][data-phase=categoryPick]{background:linear-gradient(165deg,#3a2708,#241704)}[data-controller][data-phase=question]{background:linear-gradient(165deg,#101a36,#0a1022)}[data-controller][data-flash=correct]{background:linear-gradient(165deg,#0d2b0d,#1a4a1a)}[data-controller][data-flash=wrong]{background:linear-gradient(165deg,#2b0d0d,#4a1a1a)}[data-controller][data-phase=final]{background:linear-gradient(165deg,#3a2708,#241704)}[data-region=notch]{position:absolute;z-index:10;background:#050208;border-radius:0 0 16px 16px;width:120px;height:24px;top:0;left:50%;transform:translate(-50%)}[data-region=phone-body]{position:relative;display:flex;flex-direction:column;flex:auto;min-height:0;padding:clamp(34px,6vh,48px) clamp(14px,5vw,22px) clamp(16px,4vh,24px)}}@layer animations{@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pop-spring{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}@keyframes drop-in{0%{transform:translateY(-26px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes rise-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.45}}@keyframes blink{0%,to{opacity:.4}50%{opacity:.85}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(14px,-18px)}}@keyframes confetti-fall{0%{transform:translateY(-12vh)rotate(0);opacity:1}to{transform:translateY(112vh)rotate(540deg);opacity:.9}}@keyframes spin{to{transform:rotate(360deg)}}}@layer utilities{[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.12s!important}}}