:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1e1e1e;--panel:#252526;--field:#2d2d30;--border:#3a3a3d;--text:#f0f0f0;--muted:#b8b8b8;--muted-2:#b8b8b88c;--accent:oklch(78% .14 75);--accent-hover:oklch(85% .12 75);--accent-contrast:#1e1e1e;--correct:#4caf50;--incorrect:#ff6b6b;--incorrect-bg:#ff6b6b14;--incorrect-border:#ff6b6b59;--rank-silver-bg:var(--border);--rank-bronze-bg:oklch(30% .04 50);--rank-bronze-text:oklch(72% .09 50);--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;font:16px/1.4 Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}#root{justify-content:center;min-height:100svh;display:flex}.app{text-align:center;width:100%;max-width:560px;padding:40px 25px}.topbar{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.link-button:hover{color:var(--accent-hover)}.wordmark{justify-content:center;align-items:center;gap:8px;margin-bottom:2px;display:flex}.wordmark h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.auth-screen{max-width:340px;margin:60px auto 0}.auth-screen .wordmark h1{font-size:34px}.auth-form{text-align:left;flex-direction:column;gap:14px;margin:24px 0 20px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.field-input{align-items:center;display:flex;position:relative}.field-input svg{color:var(--muted-2);position:absolute;left:12px}.auth-form input{background:var(--field);width:100%;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px 14px 12px 38px;font-family:inherit;font-size:14px}.auth-form input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px oklch(78% .14 75/.18)}.auth-form button{margin-top:8px}.subtitle{color:var(--muted);margin:0 0 28px;font-size:14px}.error{color:var(--incorrect);margin-bottom:16px;font-size:14px}.quiz{flex-direction:column;gap:10px;display:flex}.question-row{background:var(--panel);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.question-row.incorrect-row{background:var(--incorrect-bg);border-color:var(--incorrect-border)}.date-label{text-align:left;font-size:15px}.select-wrap{align-items:center;display:inline-flex;position:relative}.select-wrap select{appearance:none;background:var(--field);width:150px;color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 32px 8px 12px;font-family:inherit;font-size:14px}.select-wrap select:disabled{opacity:.85}.select-wrap .chevron{pointer-events:none;color:var(--muted);position:absolute;right:10px}.result-indicator{align-items:center;gap:8px;font-size:14px;display:flex}.result-indicator .given{color:var(--muted)}.result-indicator.wrong .given{color:var(--incorrect)}.result-indicator .was{color:var(--muted-2)}.result-indicator svg{flex-shrink:0}.controls{justify-content:center;gap:10px;margin:28px 0 20px;display:flex}button{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:11px 22px;font-family:inherit;font-size:14px;font-weight:600}button:hover:not(:disabled){background:var(--field)}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-contrast);border:none;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{background:var(--border);color:var(--muted-2);opacity:1}.auth-form .btn-primary{width:100%;padding:13px;font-size:15px}.status{margin:0 0 4px;font-size:20px;font-weight:700}.timer{color:var(--muted);letter-spacing:.02em;margin:0}.leaderboard-overlay{background:#0000009e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.leaderboard-modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;min-width:380px;max-width:90vw;padding:28px 30px 24px;box-shadow:0 20px 50px #00000080}.leaderboard-header{align-items:center;gap:10px;margin-bottom:22px;display:flex}.leaderboard-header h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700}.leaderboard-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:left;margin:0 0 10px;font-size:12px;font-weight:700}.leaderboard-rows{flex-direction:column;gap:2px;margin-bottom:22px;display:flex}.leaderboard-rows:last-child{margin-bottom:0}.leaderboard-row{grid-template-columns:32px 1fr 130px 70px;align-items:center;gap:8px;padding:9px 4px;display:grid}.leaderboard-row.no-player{grid-template-columns:32px 1fr 70px}.rank-badge{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.rank-badge.rank-1{background:var(--accent);color:var(--accent-contrast)}.rank-badge.rank-2{background:var(--rank-silver-bg);color:var(--text)}.rank-badge.rank-3{background:var(--rank-bronze-bg);color:var(--rank-bronze-text)}.rank-badge.rank-other{border-color:var(--border);color:var(--muted-2);background:0 0}.leaderboard-row .player{text-align:left;font-size:14px;font-weight:600}.leaderboard-row .achieved-at{text-align:left;color:var(--muted-2);font-size:12px}.leaderboard-row .duration{text-align:right;font-family:ui-monospace,Cascadia Code,monospace;font-size:14px}.leaderboard-row.rank-1 .duration{color:var(--accent)}.empty-leaderboard{color:var(--muted);text-align:left;margin-bottom:16px;font-size:14px}