@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--color-night: #120f2e;--color-night-deep: #0a0820;--color-plum: #2a2160;--color-glow-violet: rgb(124 92 255 / .35);--color-glow-coral: rgb(255 107 107 / .22);--color-glass: rgb(255 255 255 / .06);--color-glass-strong: rgb(255 255 255 / .11);--color-hairline: rgb(255 255 255 / .14);--color-white: #fbf8ff;--color-white-muted: rgb(251 248 255 / .66);--color-white-faint: rgb(251 248 255 / .4);--color-ink: #1a1433;--color-sun: #ffd23f;--color-sun-deep: #d9a400;--color-coral: #ff6b6b;--color-coral-deep: #c94545;--color-teal: #2ec4b6;--color-teal-deep: #1d8f85;--color-amber: #ff9f1c;--color-amber-deep: #c47506;--color-violet: #8b6cff;--color-violet-deep: #5f45cc;--color-mint: #3ee08f;--color-mint-deep: #22a865;--color-red: #ff5a6e;--color-bg: var(--color-night);--color-bg-deep: var(--color-night-deep);--color-text: var(--color-white);--color-text-muted: var(--color-white-muted);--color-text-faint: var(--color-white-faint);--color-surface: var(--color-glass);--color-surface-raised: var(--color-glass-strong);--color-border: var(--color-hairline);--color-accent: var(--color-sun);--color-focus: var(--color-sun);--color-button: var(--color-sun);--color-button-edge: var(--color-sun-deep);--color-button-text: var(--color-ink);--color-selected: var(--color-violet);--color-selected-edge: var(--color-violet-deep);--color-selected-text: var(--color-white);--color-track: var(--color-glass-strong);--color-timer: var(--color-sun);--color-timer-low: var(--color-coral);--color-correct: var(--color-mint);--color-correct-edge: var(--color-mint-deep);--color-wrong: var(--color-red);--color-gain: var(--color-mint);--color-loss: var(--color-red);--color-on-bright: var(--color-ink);--color-qr-dark: var(--color-ink);--color-qr-light: var(--color-white);--color-notice: var(--color-plum);--color-you: var(--color-glow-violet);--color-option-a: var(--color-coral);--color-option-a-edge: var(--color-coral-deep);--color-option-b: var(--color-teal);--color-option-b-edge: var(--color-teal-deep);--color-option-c: var(--color-amber);--color-option-c-edge: var(--color-amber-deep);--color-option-d: var(--color-violet);--color-option-d-edge: var(--color-violet-deep);--color-hue-0: var(--color-coral);--color-hue-1: var(--color-teal);--color-hue-2: var(--color-amber);--color-hue-3: var(--color-violet);--color-hue-4: var(--color-mint);--color-hue-5: #4cc9f0;--color-hue-6: #f72585;--color-hue-7: #b5e48c;--color-gold: var(--color-sun);--color-silver: #c9d1e8;--color-bronze: #e09a62;--avatar-color: var(--color-hue-0);--tile: var(--color-option-a);--edge: var(--color-button-edge);--medal: var(--color-gold);--background-stage: radial-gradient(60rem 40rem at 15% -10%, var(--color-glow-violet), transparent 60%), radial-gradient(50rem 35rem at 110% 10%, var(--color-glow-coral), transparent 60%), linear-gradient(180deg, var(--color-night) 0%, var(--color-night-deep) 100%);--font-display: "Bricolage Grotesque Variable", "Avenir Next", system-ui, sans-serif;--font-body: "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-body: 1rem;--font-size-small: .85rem;--font-size-tiny: .75rem;--font-size-heading: 1.45rem;--font-size-title: clamp(2rem, 9vw, 2.75rem);--font-size-question: clamp(1.35rem, 5.5vw, 1.75rem);--font-size-code: clamp(2rem, 11vw, 2.75rem);--font-size-score: 1.1rem;--font-size-winner: clamp(1.9rem, 8vw, 2.5rem);--font-weight-normal: 400;--font-weight-medium: 600;--font-weight-bold: 800;--line-height: 1.5;--line-height-title: 1.15;--letter-spacing-caps: .08em;--letter-spacing-title: -.02em;--radius-card: 28px;--radius-tile: 18px;--radius-control: 14px;--radius-pill: 999px;--border-width: 1px;--border-width-strong: 2px;--focus-ring-width: 3px;--focus-ring-offset: 3px;--press-depth: 4px;--shadow-card: 0 24px 60px rgb(0 0 0 / .45), inset 0 1px 0 rgb(255 255 255 / .08);--shadow-glow: 0 0 28px rgb(62 224 143 / .55);--blur-glass: 18px;--opacity-disabled: .4;--opacity-dimmed: .35;--space-gutter: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--content-max-width: 30rem;--tap-target-min: 48px;--option-min-height: 64px;--avatar-size: 36px;--avatar-size-large: 56px;--badge-size: 30px;--qr-size: 12rem;--countdown-height: 10px;--switch-width: 52px;--switch-height: 30px;--switch-inset: 3px;--code-tile-width: 3.2rem;--podium-1: 7rem;--podium-2: 5rem;--podium-3: 3.75rem;--progress: 1;--motion-duration-fast: .12s;--motion-duration-tick: .25s;--motion-duration-enter: .42s;--motion-duration-pulse: 1.4s;--motion-easing: ease-out;--motion-easing-pop: cubic-bezier(.34, 1.56, .64, 1);--motion-rise: 12px;--motion-pop-from: .85}@media(prefers-reduced-motion:reduce){:root{--motion-duration-fast: 0ms;--motion-duration-tick: 0ms;--motion-duration-enter: 0ms;--motion-duration-pulse: 0ms;--motion-rise: 0px;--motion-pop-from: 1}}*,*:before,*:after{box-sizing:border-box}html{background:var(--color-bg-deep)}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--background-stage);background-attachment:fixed;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;padding:var(--space-gutter);padding-left:max(var(--space-gutter),env(safe-area-inset-left));padding-right:max(var(--space-gutter),env(safe-area-inset-right));padding-bottom:max(var(--space-gutter),env(safe-area-inset-bottom));display:grid;place-items:start center}.card{width:100%;max-width:var(--content-max-width);margin-top:var(--space-4);padding:var(--space-6) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(var(--blur-glass));backdrop-filter:blur(var(--blur-glass));display:grid;gap:var(--space-4);animation:rise var(--motion-duration-enter) var(--motion-easing)}.card>*{margin:0;min-width:0}.brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}h1{margin:0;font-family:var(--font-display);font-size:var(--font-size-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-title);letter-spacing:var(--letter-spacing-title)}h1 span{color:var(--color-accent)}h2{margin:0;display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-title);letter-spacing:var(--letter-spacing-title)}.title{justify-content:space-between}.eyebrow{margin:0;color:var(--color-accent);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase}.lede{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body)}.muted{margin:0;color:var(--color-text-muted);font-size:var(--font-size-small)}.center{text-align:center;justify-content:center}.count,.pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;letter-spacing:normal}.stack{display:grid;gap:var(--space-3)}.row{display:flex;gap:var(--space-2)}.row input{flex:1;min-width:0}.row>.primary{flex:1;width:auto}.panel{display:grid;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-tile);background:var(--color-surface)}.divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-faint);font-size:var(--font-size-small)}.divider:before,.divider:after{content:"";flex:1;border-top:var(--border-width) solid var(--color-border)}.notice{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-notice);color:var(--color-text);font-size:var(--font-size-small);animation:rise var(--motion-duration-enter) var(--motion-easing)}input,select,button{min-height:var(--tap-target-min);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control);font:inherit;color:var(--color-text)}input,select{background:var(--color-surface-raised)}input::placeholder{color:var(--color-text-faint)}select option{background:var(--color-bg)}.code-input{flex:0 1 auto;width:50%;text-align:center;text-transform:uppercase;letter-spacing:var(--letter-spacing-caps);font-family:var(--font-display);font-weight:var(--font-weight-bold)}button{cursor:pointer;background:var(--color-surface-raised);font-weight:var(--font-weight-medium);transition:transform var(--motion-duration-fast) var(--motion-easing),box-shadow var(--motion-duration-fast) var(--motion-easing),background-color var(--motion-duration-fast) var(--motion-easing),opacity var(--motion-duration-fast) var(--motion-easing)}button:disabled{opacity:var(--opacity-disabled);cursor:default}.primary,.option,.bet{box-shadow:0 var(--press-depth) 0 var(--edge);margin-bottom:var(--press-depth)}.primary:active:not(:disabled),.option:active:not(:disabled),.bet:active:not(:disabled){transform:translateY(var(--press-depth));box-shadow:0 0 0 var(--edge)}.primary{width:100%;border:0;border-radius:var(--radius-pill);background:var(--color-button);color:var(--color-button-text);font-family:var(--font-display);font-size:var(--font-size-score);font-weight:var(--font-weight-bold)}.secondary{border-radius:var(--radius-pill);font-weight:var(--font-weight-medium)}.card>.secondary,.panel>.secondary{width:100%}.link{min-height:var(--tap-target-min);border:0;background:none;color:var(--color-text-muted);font-size:var(--font-size-small);text-decoration:underline;text-underline-offset:var(--space-1)}.field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3)}.field small{display:block;color:var(--color-text-muted);font-size:var(--font-size-tiny)}.switch{appearance:none;position:relative;flex:none;width:var(--switch-width);min-height:0;height:var(--switch-height);padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-track);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing)}.switch:after{content:"";position:absolute;top:var(--switch-inset);left:var(--switch-inset);width:calc(var(--switch-height) - 2 * var(--switch-inset));aspect-ratio:1;border-radius:var(--radius-pill);background:var(--color-text);transition:transform var(--motion-duration-fast) var(--motion-easing)}.switch:checked{background:var(--color-accent)}.switch:checked:after{background:var(--color-on-bright);transform:translate(calc(var(--switch-width) - var(--switch-height)))}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.code{display:flex;justify-content:center;gap:var(--space-2)}.code span{display:grid;place-items:center;width:var(--code-tile-width);aspect-ratio:4 / 5;border-radius:var(--radius-control);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);font-family:var(--font-display);font-size:var(--font-size-code);font-weight:var(--font-weight-bold);color:var(--color-accent)}.players{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.players li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-surface)}.players li.is-away{opacity:var(--opacity-disabled)}.player-name{flex:1;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.tag{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-muted);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium)}.tag-you{background:var(--color-selected);color:var(--color-selected-text)}.modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.mode{display:grid;align-content:start;gap:var(--space-1);padding:var(--space-3);border:var(--border-width-strong) solid var(--color-border);border-radius:var(--radius-tile);background:var(--color-surface);text-align:left}.mode[aria-pressed=true],.mode[aria-current=true]{border-color:var(--color-accent);background:var(--color-surface-raised)}.mode-icon{color:var(--color-accent);font-size:var(--font-size-heading);line-height:1}.mode-name{font-family:var(--font-display);font-weight:var(--font-weight-bold)}.mode-help{color:var(--color-text-muted);font-size:var(--font-size-tiny);font-weight:var(--font-weight-normal);line-height:var(--line-height-title)}.facts{margin:0;padding-left:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-small)}.avatar{flex:none;display:inline-grid;place-items:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--radius-pill);background:var(--avatar-color);color:var(--color-on-bright);font-family:var(--font-display);font-weight:var(--font-weight-bold)}.avatar-large{width:var(--avatar-size-large);height:var(--avatar-size-large);font-size:var(--font-size-heading)}.hue-0{--avatar-color: var(--color-hue-0)}.hue-1{--avatar-color: var(--color-hue-1)}.hue-2{--avatar-color: var(--color-hue-2)}.hue-3{--avatar-color: var(--color-hue-3)}.hue-4{--avatar-color: var(--color-hue-4)}.hue-5{--avatar-color: var(--color-hue-5)}.hue-6{--avatar-color: var(--color-hue-6)}.hue-7{--avatar-color: var(--color-hue-7)}.faces{display:flex;flex-wrap:wrap}.faces .avatar{width:var(--badge-size);height:var(--badge-size);margin-right:calc(var(--space-2) * -1);border:var(--border-width-strong) solid var(--color-bg);font-size:var(--font-size-tiny);animation:pop var(--motion-duration-enter) var(--motion-easing-pop)}.waiting{display:grid;justify-items:center;gap:var(--space-2);text-align:center}.qr{justify-self:center;width:var(--qr-size);height:var(--qr-size);border-radius:var(--radius-control)}.qr-light{fill:var(--color-qr-light)}.qr-dark{fill:var(--color-qr-dark)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-target-min);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);font-weight:var(--font-weight-medium)}.chip[aria-pressed=true]{border-color:var(--color-selected);background:var(--color-selected);color:var(--color-selected-text);animation:pop var(--motion-duration-enter) var(--motion-easing-pop)}.chip.is-taken{border-style:dashed}.chip-veto[aria-pressed=true]{border-color:var(--color-wrong);background:var(--color-wrong)}.chip-static{padding-left:var(--space-1);border:var(--border-width) solid var(--color-border)}.chip-static .avatar{width:var(--badge-size);height:var(--badge-size);font-size:var(--font-size-tiny)}.chip-pending{color:var(--color-text-muted)}.chip-failed{border-color:var(--color-wrong);opacity:var(--opacity-dimmed);text-decoration:line-through}.chip-mark{font-weight:var(--font-weight-bold)}.chip-failed .chip-mark{color:var(--color-wrong)}.loader{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0}.loader span{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);background:var(--color-accent);animation:bounce var(--motion-duration-pulse) var(--motion-easing) infinite}.loader span:nth-child(2){background:var(--color-option-b);animation-delay:calc(var(--motion-duration-pulse) / 6)}.loader span:nth-child(3){background:var(--color-option-a);animation-delay:calc(var(--motion-duration-pulse) / 3)}.q-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.q-category{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.q-category .avatar{width:var(--badge-size);height:var(--badge-size);font-size:var(--font-size-tiny)}.countdown{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3)}.countdown-bar{position:relative;height:var(--countdown-height);border-radius:var(--radius-pill);background:var(--color-track);overflow:hidden}.countdown-bar:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-timer);transform:scaleX(var(--progress));transform-origin:left;transition:transform var(--motion-duration-tick) linear,background-color var(--motion-duration-fast) var(--motion-easing)}.countdown[data-low] .countdown-bar:after{background:var(--color-timer-low)}.countdown-label{min-width:var(--badge-size);text-align:right;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.countdown[data-low] .countdown-label{color:var(--color-timer-low)}.stage{display:grid;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-tile);background:var(--color-surface-raised);text-align:center;animation:rise var(--motion-duration-enter) var(--motion-easing)}.stage-small{padding:var(--space-4)}.question{margin:0;font-family:var(--font-display);font-size:var(--font-size-question);font-weight:var(--font-weight-bold);line-height:var(--line-height-title);letter-spacing:var(--letter-spacing-title);overflow-wrap:anywhere}.question-small{font-size:var(--font-size-body)}.options{display:grid;gap:var(--space-2)}.option{--tile: var(--color-option-a);--edge: var(--color-option-a-edge);display:flex;align-items:center;gap:var(--space-3);min-height:var(--option-min-height);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:0;border-radius:var(--radius-tile);background:var(--tile);color:var(--color-on-bright);text-align:left;font-weight:var(--font-weight-medium);animation:rise var(--motion-duration-enter) var(--motion-easing) backwards}.option-b{--tile: var(--color-option-b);--edge: var(--color-option-b-edge);animation-delay:calc(var(--motion-duration-fast) * .5)}.option-c{--tile: var(--color-option-c);--edge: var(--color-option-c-edge);animation-delay:var(--motion-duration-fast)}.option-d{--tile: var(--color-option-d);--edge: var(--color-option-d-edge);animation-delay:calc(var(--motion-duration-fast) * 1.5)}.option:disabled{opacity:1;cursor:default}.option-letter{flex:none;display:grid;place-items:center;width:var(--badge-size);height:var(--badge-size);border-radius:var(--radius-control);background:var(--color-on-bright);color:var(--tile);font-family:var(--font-display);font-weight:var(--font-weight-bold)}.option-text{flex:1;overflow-wrap:anywhere}.option-mark{font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.options.is-reveal{gap:var(--space-1)}.options.is-reveal .option{min-height:var(--tap-target-min);padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-small)}.options.is-locked .option:not([aria-pressed=true]),.options.is-reveal .option:not(.is-correct):not(.is-wrong){opacity:var(--opacity-dimmed)}.options.is-locked .option[aria-pressed=true]{outline:var(--focus-ring-width) solid var(--color-text);outline-offset:var(--focus-ring-offset)}.option.is-correct{--tile: var(--color-correct);--edge: var(--color-correct-edge);box-shadow:0 var(--press-depth) 0 var(--edge),var(--shadow-glow);animation:pop var(--motion-duration-enter) var(--motion-easing-pop)}.option.is-wrong{--tile: var(--color-wrong);--edge: var(--color-coral-deep);text-decoration:line-through}.bets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.bet{--edge: var(--color-option-d-edge);min-height:var(--option-min-height);border:0;border-radius:var(--radius-tile);background:var(--color-option-d);color:var(--color-text);font-family:var(--font-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.bet[aria-pressed=true]{--edge: var(--color-button-edge);background:var(--color-button);color:var(--color-button-text)}.outcome{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-tile);background:var(--color-surface-raised);font-family:var(--font-display);font-weight:var(--font-weight-bold);animation:pop var(--motion-duration-enter) var(--motion-easing-pop)}.outcome-text{font-size:var(--font-size-heading)}.outcome-delta{font-size:var(--font-size-heading);font-variant-numeric:tabular-nums}.outcome-right{background:var(--color-correct);color:var(--color-on-bright)}.outcome-flagged{background:var(--color-notice);color:var(--color-text)}.outcome-wrong,.outcome-silent{background:var(--color-wrong);color:var(--color-on-bright)}.board{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.board li{display:grid;grid-template-columns:auto auto auto 1fr auto auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-surface);font-variant-numeric:tabular-nums;animation:rise var(--motion-duration-enter) var(--motion-easing) backwards}.board-rest li{grid-template-columns:auto auto 1fr auto}.board li:nth-child(2){animation-delay:calc(var(--motion-duration-fast) * .5)}.board li:nth-child(3){animation-delay:var(--motion-duration-fast)}.board li:nth-child(n+4){animation-delay:calc(var(--motion-duration-fast) * 1.5)}.board li.is-you{background:var(--color-you);box-shadow:inset 0 0 0 var(--border-width) var(--color-selected)}.board li.is-out{opacity:var(--opacity-disabled)}.board-rank{min-width:var(--space-5);font-family:var(--font-display);font-weight:var(--font-weight-bold);text-align:center}.board-move{min-width:var(--space-4);color:var(--color-text-faint);font-size:var(--font-size-tiny);text-align:center}.board-move.up{color:var(--color-gain)}.board-move.down{color:var(--color-loss)}.board-name{min-width:0;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.lives{color:var(--color-wrong);font-size:var(--font-size-small)}.delta{color:var(--color-text-faint);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.board-score{min-width:var(--avatar-size-large);text-align:right;font-family:var(--font-display);font-size:var(--font-size-score);font-weight:var(--font-weight-bold)}.gain{color:var(--color-gain)}.loss{color:var(--color-loss)}.winner{justify-content:center;font-size:var(--font-size-winner);text-align:center;animation:pop var(--motion-duration-enter) var(--motion-easing-pop)}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:var(--space-2)}.podium-place{display:grid;justify-items:center;gap:var(--space-1);min-width:0;text-align:center;animation:rise var(--motion-duration-enter) var(--motion-easing) backwards}.place-1{--medal: var(--color-gold);animation-delay:calc(var(--motion-duration-fast) * 2)}.place-2{--medal: var(--color-silver);animation-delay:var(--motion-duration-fast)}.place-3{--medal: var(--color-bronze)}.podium-name{max-width:100%;font-weight:var(--font-weight-medium);overflow-wrap:anywhere}.podium-score{color:var(--color-text-muted);font-size:var(--font-size-small);font-variant-numeric:tabular-nums}.podium-block{display:grid;place-items:center;width:100%;margin-top:var(--space-1);border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--medal);color:var(--color-on-bright);font-family:var(--font-display);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold)}.place-1 .podium-block{height:var(--podium-1)}.place-2 .podium-block{height:var(--podium-2)}.place-3 .podium-block{height:var(--podium-3)}@keyframes rise{0%{opacity:0;transform:translateY(var(--motion-rise))}}@keyframes pop{0%{transform:scale(var(--motion-pop-from))}}@keyframes bounce{0%,80%,to{transform:scale(var(--motion-pop-from));opacity:var(--opacity-dimmed)}40%{transform:scale(1);opacity:1}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.card:not(.enter),.card:not(.enter) *:not(.loader span){animation:none}