:root{color-scheme:light dark;--font-display: "Doto", ui-monospace, "SFMono-Regular", "Cascadia Mono", monospace;--font-text: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", "Courier New", monospace;--weight-text: 400;--weight-med: 500;--weight-bold: 700;--weight-led: 700;--weight-led-hero: 900;--step--1: clamp(.78rem, .75rem + .15vw, .86rem);--step-0: clamp(.94rem, .9rem + .2vw, 1rem);--step-1: clamp(1.1rem, 1rem + .4vw, 1.35rem);--step-2: clamp(1.4rem, 1.2rem + .9vw, 2rem);--step-3: clamp(2rem, 1.5rem + 2.4vw, 3.4rem);--step-hero: clamp(3.4rem, 2.2rem + 6vw, 7rem);--leading-tight: 1.05;--leading: 1.5;--tracking-caps: .14em;--tracking-led: .02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 2px;--radius: 4px;--radius-lg: 6px;--border-w: 1px;--border-w-tile: 1.5px;--radius-pill: var(--radius);--ease: var(--ease-out);--accent-2: var(--streak);--card-w: 1200px;--card-h: 630px;--card-ratio: 1200 / 630;--card-safe: 48px;--card-bezel: 10px;--measure: 42rem;--dur-fast: 90ms;--dur: .16s;--dur-slow: .26s;--dur-count: .9s;--dur-reveal: 2.2s;--ease-snap: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-flash: steps(1, end);--ease-tick: cubic-bezier(.34, .02, .2, 1);--scanline: repeating-linear-gradient( to bottom, rgba(255, 255, 255, .028) 0px, rgba(255, 255, 255, .028) 1px, transparent 1px, transparent 3px);--vignette: radial-gradient(120% 140% at 50% 30%, transparent 55%, rgba(0, 0, 0, .45) 100%);--accent: #ffe500;--accent-strong: #fff23a;--accent-dim: #c9b400;--accent-contrast: #0a0a0a;--correct: #2fe06b;--correct-contrast: #05130a;--wrong: #ff4747;--wrong-contrast: #1a0404;--streak: #ff8a3d;--streak-contrast: #180a02;--board: #0c0e13;--board-inset: #06070b;--board-text: #edf0f5;--board-muted: #7e8695;--board-border: #23272f;--board-border-bright: rgba(255, 229, 0, .34);--curve: #2c3340;--curve-you: var(--accent);--curve-you-fill: rgba(255, 229, 0, .16);--glow-accent: 0 0 24px rgba(255, 229, 0, .45);--glow-correct: 0 0 20px rgba(47, 224, 107, .5);--glow-wrong: 0 0 20px rgba(255, 71, 71, .5);--bg: #eef0f4;--surface: #ffffff;--surface-2: #f6f7fa;--text: #14171e;--muted: #5a6270;--border: #d7dbe2;--accent-link: #6f5e00;--shadow: 0 2px 10px rgba(12, 14, 19, .1);--shadow-lg: 0 18px 44px rgba(12, 14, 19, .2);--shadow-board: 0 22px 60px rgba(0, 0, 0, .45);--focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}@media (prefers-color-scheme: dark){:root{--bg: #08090c;--surface: #12151c;--surface-2: #0e1015;--text: #edf0f5;--muted: #8b93a2;--border: #23272f;--accent-link: var(--accent);--shadow: 0 2px 10px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .6);--shadow-board: 0 22px 60px rgba(0, 0, 0, .7);--focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent)}}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms;--dur-count: 1ms;--dur-reveal: 1ms}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,4vw,2.5rem) clamp(.9rem,4vw,2rem);gap:var(--space-6)}.page--play{justify-content:flex-start}.board{position:relative;width:100%;background:var(--board);color:var(--board-text);border:var(--border-w) solid var(--board-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-board),inset 0 0 0 1px #ffe5000a;overflow:hidden;isolation:isolate}.board:after{content:"";position:absolute;inset:var(--card-bezel);border:var(--border-w) solid var(--board-border-bright);border-radius:var(--radius);pointer-events:none;z-index:3}.board__scan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--scanline)}.board__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--vignette)}.board>*:not(.board__scan):not(.board__vignette){position:relative;z-index:2}.led{font-family:var(--font-display);font-weight:var(--weight-led);letter-spacing:var(--tracking-led);color:var(--accent);line-height:var(--leading-tight);text-shadow:var(--glow-accent);font-variant-numeric:tabular-nums}.led--muted{color:var(--board-muted);text-shadow:none}.led--sm{font-size:var(--step-1)}.wordmark{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--step-2);letter-spacing:.06em}.wordmark__bolt{color:var(--accent);filter:drop-shadow(var(--glow-accent));font-size:.9em}.wordmark__text{color:var(--accent);text-shadow:var(--glow-accent)}.streakchip{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--board-inset);border:var(--border-w-tile) solid color-mix(in oklab,var(--streak) 45%,transparent);border-radius:var(--radius-sm)}.streakchip__bolt{color:var(--streak)}.streakchip__num{font-family:var(--font-display);font-weight:var(--weight-led);color:var(--streak);font-size:var(--step-1);text-shadow:0 0 16px color-mix(in oklab,var(--streak) 45%,transparent)}.streakchip__cap{font-size:var(--step--1);letter-spacing:var(--tracking-caps);color:var(--board-muted);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);font:var(--weight-bold) var(--step-0) / 1 var(--font-text);letter-spacing:.02em;text-decoration:none;cursor:pointer;border:var(--border-w-tile) solid transparent;border-radius:var(--radius);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out),background var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.btn--play{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent-strong);box-shadow:0 0 0 1px #0003,var(--glow-accent);text-transform:uppercase;letter-spacing:.08em;min-height:56px;padding:0 var(--space-8)}.btn--play:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-2px)}.btn--play:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:default;background:var(--board-inset);color:var(--board-muted);border-color:var(--board-border);box-shadow:none;text-transform:none;letter-spacing:.02em;gap:var(--space-3)}.btn:focus-visible{outline:none;box-shadow:var(--focus)}.landing{width:100%;max-width:560px;display:flex;flex-direction:column;gap:var(--space-6);align-items:stretch}.board--hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);padding:clamp(1.75rem,6vw,3.25rem) clamp(1.25rem,5vw,2.5rem)}.landing__top{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.landing__hook{margin:0;color:var(--board-text);font-size:var(--step-1);max-width:22ch;line-height:var(--leading)}.landing__meta{margin:0;display:flex;gap:var(--space-3);align-items:center;font-size:var(--step--1);letter-spacing:var(--tracking-caps);color:var(--board-muted);text-transform:uppercase}.landing__meta .dot{color:var(--board-border)}.landing__how{margin:0;color:var(--board-muted);font-size:var(--step--1);line-height:var(--leading);max-width:34ch}.board--play{max-width:640px;display:flex;flex-direction:column;gap:var(--space-5);padding:clamp(1.25rem,5vw,2rem)}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-4)}.hud__left,.hud__right{display:flex;flex-direction:column;gap:2px}.hud__right{align-items:flex-end}.hud__label{font-size:var(--step--1);letter-spacing:var(--tracking-caps);color:var(--board-muted);text-transform:uppercase}.hud__count{font-size:var(--step-2)}.hud__count .led--muted{font-size:.6em}.hud__score{font-size:var(--step-2)}.ring{position:relative;display:grid;place-items:center}.ring svg{transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--board-border);stroke-width:6}.ring__fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .12s linear,stroke .3s var(--ease-out)}.ring__num{position:absolute;font-family:var(--font-display);font-weight:var(--weight-led);font-size:var(--step-1);color:var(--board-text)}.pips{display:flex;gap:5px}.pip{flex:1;height:4px;border-radius:1px;background:var(--board-border);transition:background var(--dur) var(--ease-out)}.pip--done{background:var(--accent-dim)}.pip--now{background:var(--accent);box-shadow:var(--glow-accent)}.prompt{margin:0;font-family:var(--font-text);font-weight:var(--weight-med);font-size:var(--step-1);line-height:var(--leading);color:var(--board-text);min-height:3.2em;display:flex;align-items:center}.answers{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.answer{width:100%;min-height:56px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;cursor:pointer;background:var(--board-inset);color:var(--board-text);border:var(--border-w-tile) solid var(--board-border);border-radius:var(--radius);font:var(--weight-med) var(--step-0) / 1.35 var(--font-text);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.answer__key{flex:none;width:26px;height:26px;display:grid;place-items:center;font-family:var(--font-display);font-size:var(--step--1);color:var(--board-muted);border:var(--border-w) solid var(--board-border);border-radius:var(--radius-sm)}.answer__text{flex:1}.answer__mark{flex:none;font-weight:var(--weight-bold);font-size:var(--step-1);color:var(--correct)}.answer__mark--x{color:var(--wrong)}.answer:hover:not(:disabled){border-color:var(--accent);transform:translate(2px)}.answer:hover:not(:disabled) .answer__key{border-color:var(--accent);color:var(--accent)}.answer:focus-visible{outline:none;box-shadow:var(--focus)}.answer:disabled{cursor:default}.answer.is-correct{border-color:var(--correct);background:color-mix(in oklab,var(--correct) 16%,var(--board-inset));color:var(--board-text);box-shadow:var(--glow-correct);animation:flash-correct var(--dur-fast) var(--ease-flash)}.answer.is-wrong{border-color:var(--wrong);background:color-mix(in oklab,var(--wrong) 16%,var(--board-inset));box-shadow:var(--glow-wrong);animation:flash-wrong var(--dur-fast) var(--ease-flash)}.answer.is-answer{border-color:var(--correct)}.answer.is-answer .answer__key{border-color:var(--correct);color:var(--correct)}@keyframes flash-correct{0%{background:var(--correct);color:var(--correct-contrast)}}@keyframes flash-wrong{0%{background:var(--wrong);color:var(--wrong-contrast)}}.result{width:100%;max-width:680px;display:flex;flex-direction:column;gap:var(--space-6);align-items:stretch}.board--card{display:flex;flex-direction:column;padding:clamp(1.1rem,4vw,1.75rem) clamp(1.1rem,4vw,2rem);gap:var(--space-4)}.card__marquee{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:var(--border-w) solid var(--board-border)}.card__marquee .wordmark{font-size:var(--step-1)}.card__date{font-size:var(--step--1);letter-spacing:var(--tracking-caps);color:var(--board-muted);text-transform:uppercase;white-space:nowrap}.card__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) 0;min-height:8.5rem}.card__hero{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.card__eyebrow{font-size:var(--step--1);letter-spacing:var(--tracking-caps);color:var(--board-muted);text-transform:uppercase}.is-tallying .card__eyebrow{color:var(--accent);animation:pulse-eyebrow 1.1s var(--ease-out) infinite}.led--hero{margin:0;font-size:var(--step-hero);font-weight:var(--weight-led-hero);white-space:nowrap;line-height:var(--leading-tight)}.led--word{font-size:.32em;letter-spacing:.05em;margin-right:.16em;vertical-align:.35em}.led--slash{font-size:.42em;margin-left:.1em}.is-resolved .led--hero{animation:led-pop var(--dur-count) var(--ease-out) both}.card__tiles{display:flex;flex-direction:column;gap:var(--space-3);flex:none}.tile{min-width:150px;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--board-inset);border:var(--border-w-tile) solid var(--board-border);border-radius:var(--radius)}.tile--score{border-color:var(--board-border-bright)}.tile--streak{border-color:color-mix(in oklab,var(--streak) 45%,transparent)}.tile__label{font-size:var(--step--1);letter-spacing:var(--tracking-caps);color:var(--board-muted);text-transform:uppercase}.tile--streak .tile__label>span[aria-hidden]{color:var(--streak)}.tile__num{font-size:var(--step-3);color:var(--streak);text-shadow:0 0 18px color-mix(in oklab,var(--streak) 40%,transparent)}.tile__num--score{color:var(--accent);text-shadow:var(--glow-accent)}.tile__num--score .led--slash{font-size:.45em}.tile__cap{font-size:var(--step--1);color:var(--board-muted);letter-spacing:var(--tracking-caps);text-transform:uppercase}.card__rank{min-height:116px;display:flex;flex-direction:column;justify-content:center}.card__rank>*{animation:rise var(--dur-slow) var(--ease-out) both}.curve{margin:0;width:100%}.curve__svg{display:block;width:100%;height:auto}.curve__bar{fill:var(--curve)}.curve__bar--you{fill:var(--accent);fill-opacity:.5}.curve__axis{stroke:var(--board-border);stroke-width:2}.curve__axislabel{fill:var(--board-muted);font-family:var(--font-text);font-weight:500;font-size:24px;letter-spacing:.06em}.curve__stem{stroke:var(--accent);stroke-width:2;stroke-dasharray:5 5;opacity:.45}.curve__pin{fill:var(--accent);filter:drop-shadow(0 0 6px rgba(255,229,0,.55))}.curve__youlabel{fill:var(--accent);font-family:var(--font-text);font-weight:700;font-size:26px;letter-spacing:.16em}.curve__svg.is-animate .curve__you{animation:you-snap var(--dur-slow) var(--ease-snap) both}.curve__caption{margin:var(--space-2) 0 0;text-align:center;font-size:var(--step--1);color:var(--board-muted);letter-spacing:.03em}.rank__cold{margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.rank__k{font-family:var(--font-display);font-weight:var(--weight-led);font-size:var(--step-2);color:var(--accent);text-shadow:var(--glow-accent);letter-spacing:var(--tracking-led)}.rank__of{color:var(--board-muted);text-shadow:none;font-size:.62em}.rank__note{font-size:var(--step--1);color:var(--board-muted);letter-spacing:.03em}.rank__error{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-3);text-align:center;font-size:var(--step--1);color:var(--board-muted);letter-spacing:.03em}.rank__retry{min-height:44px;display:inline-flex;align-items:center;padding:0 var(--space-4);background:none;border:var(--border-w-tile) solid var(--board-border);border-radius:var(--radius-sm);color:var(--accent);font:var(--weight-bold) var(--step--1) / 1 var(--font-text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color var(--dur) var(--ease-out)}.rank__retry:hover{border-color:var(--accent)}.rank__retry:focus-visible{outline:none;box-shadow:var(--focus)}.rank__skeleton{height:100px;border-radius:var(--radius);background:linear-gradient(90deg,var(--board-inset),color-mix(in oklab,var(--board-inset) 55%,var(--board-border)),var(--board-inset));background-size:200% 100%;animation:shimmer 1.2s linear infinite}.card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--border-w) solid var(--board-border);font-size:var(--step--1);letter-spacing:var(--tracking-caps);text-transform:uppercase}.card__host{color:var(--board-muted)}.card__cta{color:var(--accent)}.controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.controls .btn--play{width:100%;max-width:420px}.controls a.btn--play{text-decoration:none}.controls__note{margin:0;color:var(--muted);font-size:var(--step--1);max-width:40ch;line-height:var(--leading)}.share{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.share__row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);width:100%}.btn--share{min-height:48px;flex:1 1 auto;min-width:8.5rem;max-width:13rem;background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}.btn--share:hover{border-color:var(--accent-link);transform:translateY(-2px)}.btn--share:active{transform:translateY(0)}.btn--share.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent-strong);box-shadow:0 0 0 1px #0003,var(--glow-accent)}.btn--share.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--share>span[aria-hidden]{font-size:1.05em;line-height:1}.share__url{margin:0;width:100%;max-width:480px}.share__input{width:100%;min-height:44px;padding:0 var(--space-3);text-align:center;font:var(--weight-med) var(--step--1) / 1 var(--font-text);letter-spacing:.01em;color:var(--muted);background:var(--surface-2);border:var(--border-w) solid var(--border);border-radius:var(--radius)}.share__input:focus-visible{outline:none;box-shadow:var(--focus);color:var(--text)}.share__toast{margin:0;min-height:1.2em;font-size:var(--step--1);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-link)}.shared__intro{margin:0;width:100%;text-align:center;color:var(--muted);font-size:var(--step-1);line-height:var(--leading)}.shared__intro strong{color:var(--text);font-weight:var(--weight-bold)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes you-snap{0%{opacity:0;transform:translate(46px)}to{opacity:1;transform:none}}@keyframes led-pop{0%{text-shadow:none}55%{text-shadow:0 0 42px rgba(255,229,0,.85)}to{text-shadow:var(--glow-accent)}}@keyframes pulse-eyebrow{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (min-width: 560px){.card__eyebrow{font-size:var(--step-0)}}.adwrap{width:100%;max-width:680px;min-height:0}.adwrap:empty{display:none}.foot{width:100%;max-width:680px;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;text-align:center;border-top:var(--border-w) solid var(--border);font-size:var(--step--1);color:var(--muted)}.foot__disclaimer{margin:0}.foot__links{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.foot__links a{color:var(--accent-link);text-decoration:none}.foot__links a:hover{text-decoration:underline;text-underline-offset:3px}.foot__links a:focus-visible{outline:none;box-shadow:var(--focus);border-radius:2px}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal h1{font-family:var(--font-display);letter-spacing:-.01em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal__updated{font-size:.85rem}.legal__lede{font-size:1.05rem;margin-bottom:2rem}.legal a{color:var(--accent-link)}@media (prefers-reduced-motion: reduce){.btn,.answer,.pip,.ring__fill{transition:none}.answer.is-correct,.answer.is-wrong{animation:none}.btn--play:hover:not(:disabled),.answer:hover:not(:disabled){transform:none}.is-tallying .card__eyebrow,.rank__skeleton{animation:none}.card__rank>*,.curve__svg.is-animate .curve__you,.is-resolved .led--hero{animation-duration:1ms}}@media (max-width: 460px){.card__body{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.card__tiles{width:100%}.tile{min-width:0}.hud{gap:var(--space-2)}}