:root{color-scheme:light dark;--font-display: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-text: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--neon-bg: #06070f;--neon-surface: rgba(255,255,255,.04);--neon-cyan: #22e3ff;--neon-magenta: #ff2fb0;--neon-lime: #b6ff3a;--neon-amber: #ffd23a;--neon-ink: #eaf6ff;--neon-dim: #8aa0c0;--neon-border: rgba(120,180,255,.18);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 12px;--radius-pill: 999px;--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--bg: #fbfbfd;--surface: #ffffff;--text: #0d1117;--muted: #566173;--accent: hsl(191 84% 38%);--accent-2: hsl(326 90% 48%);--accent-contrast: #ffffff;--border: #e6e8ee;--shadow: 0 2px 8px rgba(16,24,40,.08);--shadow-lg: 0 12px 32px rgba(16,24,40,.16)}@media (prefers-color-scheme: dark){:root{--bg: #06070f;--surface: #12141c;--text: #eaf6ff;--muted: #9fb2cc;--accent: hsl(187 90% 62%);--accent-2: hsl(326 100% 66%);--accent-contrast: #05060a;--border: #232a3a;--shadow: 0 2px 8px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.55)}}*{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}.hero{position:relative;overflow:hidden;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--space-4);text-align:center;padding:clamp(1.5rem,5vw,4rem)}.hero__glow{position:absolute;inset:-30% -10% auto;height:60vh;z-index:0;background:radial-gradient(60% 60% at 30% 20%,color-mix(in oklab,var(--accent) 35%,transparent),transparent 70%),radial-gradient(50% 50% at 80% 10%,color-mix(in oklab,var(--accent-2) 30%,transparent),transparent 70%);filter:blur(20px);pointer-events:none}.hero>:not(.hero__glow){position:relative;z-index:1}.eyebrow{font:600 .8rem/1 var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);line-height:1.02;letter-spacing:-.02em;font-weight:800;background:linear-gradient(180deg,var(--text),color-mix(in oklab,var(--text) 65%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:0;max-width:34ch;color:var(--muted);font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.6}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.4rem;border-radius:var(--radius-pill);font:600 1rem/1 var(--font-text);text-decoration:none;background:var(--_bg);color:var(--_fg);border:1px solid var(--border);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.btn--primary{--_bg: var(--accent);--_fg: var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow)}.btn--ghost{background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:hover{transform:none}}.sitefoot{display:flex;gap:1rem;justify-content:center;align-items:center;padding:1.25rem 1rem 1.5rem;font-size:.85rem;color:var(--muted)}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem}.legal h1{font-family:var(--font-display);letter-spacing:-.02em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal a{color:var(--accent)}.title,.result{position:relative;min-height:100dvh;width:100%;overflow-x:hidden;background:var(--neon-bg);color:var(--neon-ink);display:flex;flex-direction:column}.title__main,.result__main{position:relative;z-index:2;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);width:100%;max-width:680px;margin:0 auto;padding:clamp(1.5rem,5vw,3rem) 1.1rem 1rem}.title .eyebrow{color:var(--neon-cyan);letter-spacing:.2em}.title__brand{margin:0;font-family:var(--font-mono);font-weight:800;font-size:clamp(2.8rem,12vw,6rem);line-height:.95;letter-spacing:.02em;color:#fff;text-shadow:0 0 18px rgba(34,227,255,.55),0 0 40px rgba(255,47,176,.35)}.title__lede{margin:0;max-width:40ch;color:var(--neon-dim);line-height:1.6;font-size:clamp(.98rem,2.4vw,1.15rem)}.title__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.title__grid{position:absolute;top:45%;right:-50%;bottom:-20%;left:-50%;background-image:linear-gradient(rgba(34,227,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(34,227,255,.18) 1px,transparent 1px);background-size:44px 44px;transform:perspective(360px) rotateX(62deg);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%);mask-image:linear-gradient(to bottom,transparent,#000 40%);animation:gridflow 6s linear infinite}@keyframes gridflow{to{background-position:0 44px}}.title__blob{position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(80px);opacity:.5}.title__blob--cyan{top:-20%;left:-15%;background:radial-gradient(circle,#22e3ff,transparent 65%);animation:drift1 14s ease-in-out infinite alternate}.title__blob--magenta{top:-10%;right:-20%;background:radial-gradient(circle,#ff2fb0,transparent 65%);animation:drift2 16s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(12%,10%)}}@keyframes drift2{to{transform:translate(-10%,14%)}}.title--still .title__grid,.title--still .title__blob{animation:none}.tierpick{display:grid;gap:.6rem;width:100%;grid-template-columns:repeat(3,1fr)}.tier{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start;padding:.7rem .8rem;border-radius:14px;cursor:pointer;text-align:left;background:var(--neon-surface);border:1px solid var(--neon-border);color:var(--neon-ink);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}.tier:hover{transform:translateY(-2px)}.tier--on{border-color:var(--neon-cyan);background:#22e3ff1a;box-shadow:0 0 0 1px var(--neon-cyan),0 0 22px #22e3ff40}.tier__name{font-weight:800;font-size:1rem}.tier__blurb{font-size:.74rem;color:var(--neon-dim);line-height:1.3}.tier__wl{font-size:.72rem;color:var(--neon-cyan);font-family:var(--font-mono)}.tier:focus-visible{outline:3px solid rgba(34,227,255,.6);outline-offset:2px}.btn--big{min-height:56px;font-size:1.1rem;padding:0 2rem;font-weight:800}.title .btn--primary,.result .btn--primary{--_bg: linear-gradient(135deg, #22e3ff, #59a2ff);--_fg: #05060a;color:#05060a;box-shadow:0 0 26px #22e3ff66}.title .btn--ghost,.result .btn--ghost,.pausecard .btn--ghost{color:var(--neon-ink);border-color:var(--neon-border);background:#ffffff08}.beststats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin:0}.beststats>div{background:var(--neon-surface);border:1px solid var(--neon-border);border-radius:12px;padding:.6rem .4rem}.beststats dt{font-size:.66rem;color:var(--neon-dim);text-transform:uppercase;letter-spacing:.06em}.beststats dd{margin:.2rem 0 0;font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:var(--neon-cyan)}.toggles{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip{min-height:40px;padding:0 .9rem;border-radius:999px;cursor:pointer;background:#ffffff0a;border:1px solid var(--neon-border);color:var(--neon-ink);font-size:.82rem}.chip[aria-pressed=true]{border-color:var(--neon-cyan);color:var(--neon-cyan)}.chip:focus-visible{outline:3px solid rgba(34,227,255,.6);outline-offset:2px}.title__hint{font-size:.8rem;color:var(--neon-dim);max-width:42ch}.title__ad,.result__ad{position:relative;z-index:2;min-height:0;padding:0 1rem}.race{position:fixed;top:0;right:0;bottom:0;left:0;background:#000}.race__canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.pausewrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-content:center;background:#04050bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.pausecard{background:#0b0d17;border:1px solid var(--neon-border);border-radius:18px;padding:1.6rem;width:min(92vw,360px);text-align:center}.pausecard h2{margin:0 0 1rem;font-family:var(--font-mono);color:var(--neon-cyan)}.pausecard__actions{display:grid;gap:.6rem}.pausecard__toggles{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.result__verdict{margin:0;font-family:var(--font-mono);font-size:clamp(1.6rem,6vw,2.4rem);display:flex;flex-direction:column;gap:.3rem}.result__verdict.is-win{color:var(--neon-lime)}.result__verdict.is-loss{color:var(--neon-magenta)}.result__verdict span{font-size:.9rem;color:var(--neon-dim);font-weight:600}.result__card{width:100%}.result__cardimg{width:100%;height:auto;border-radius:14px;border:1px solid var(--neon-border);box-shadow:0 10px 40px #00000080;display:block}.result__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;margin:0}.result__stats>div{background:var(--neon-surface);border:1px solid var(--neon-border);border-radius:12px;padding:.6rem .4rem}.result__stats dt{font-size:.66rem;color:var(--neon-dim);text-transform:uppercase}.result__stats dd{margin:.2rem 0 0;font-family:var(--font-mono);font-weight:700;color:var(--neon-cyan)}.result__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.share__toast{min-height:1.2rem;font-size:.85rem;color:var(--neon-cyan)}.title .sitefoot,.result .sitefoot,.title .sitefoot a,.result .sitefoot a{color:var(--neon-dim)}.title .sitefoot a:hover,.result .sitefoot a:hover{color:var(--neon-cyan)}@media (max-width: 430px){.beststats,.result__stats{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){.title__grid,.title__blob{animation:none}}