:root{--bg: #101418;--panel: #1a2028;--ink: #f2f5f8;--muted: #8fa0b0;--accent: #4cc2ff;--good: #3ddc84;--bad: #ff5c5c;--gold: #ffc94d;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh;display:flex;justify-content:center}#app{width:min(720px,100vw);padding:24px 16px;text-align:center}h1{font-size:2.4rem;margin:8px 0 4px}.tagline{color:var(--muted);margin-bottom:28px}button{font:inherit;cursor:pointer;border:none;border-radius:12px;padding:14px 28px;background:var(--accent);color:#06202e;font-size:1.2rem;font-weight:700}button:hover{filter:brightness(1.1)}button.secondary{background:var(--panel);color:var(--ink)}.picker-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}.picker-row button{padding:10px 18px;font-size:1rem}.picker-row button.selected{outline:3px solid var(--gold)}.picker-label{color:var(--muted);font-size:.9rem;margin-top:20px;text-transform:uppercase;letter-spacing:.1em}.hud{display:flex;justify-content:space-between;align-items:baseline;font-size:1.3rem;font-weight:700;padding:8px 4px}.hud .timer{color:var(--gold);font-variant-numeric:tabular-nums}.hud .streak{color:var(--accent)}.hud .quit{padding:4px 12px;font-size:.9rem}#staff-box{background:#fdfcf7;border-radius:16px;padding:20px 0 8px;margin:12px 0;min-height:180px;display:flex;justify-content:center;align-items:center;transition:box-shadow .15s}#staff-box.flash-good{box-shadow:0 0 0 6px var(--good)}#staff-box.flash-bad{box-shadow:0 0 0 6px var(--bad)}.hint{min-height:2rem;font-size:1.4rem;font-weight:700;color:var(--gold)}.subtle{color:var(--muted);font-size:.95rem}.big-score{font-size:4rem;font-weight:800;margin:12px 0 0;color:var(--gold)}.stat-row{display:flex;justify-content:center;gap:32px;margin:18px 0 26px}.stat-row .stat b{display:block;font-size:1.6rem}.stat-row .stat{color:var(--muted)}.pb{color:var(--good);font-weight:700;font-size:1.2rem}