@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/press-start-2p.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018-201A,U+201C-201E,U+2026}:root{--bg: #0d0b1a;--panel: #171430;--text: #eceaf6;--muted: #a5a1bd;--neon-cyan: #37e6ff;--neon-magenta: #ff4fd2;--neon-lime: #b6ff2e;--font-display: "Press Start 2P", monospace;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0;line-height:1.6}h1,h2,.rank{font-family:var(--font-display);line-height:1.4}h1{font-size:clamp(1.05rem,4.5vw,1.5rem);color:var(--neon-cyan);overflow-wrap:break-word}table{border-collapse:collapse;width:100%;margin:1rem 0}th,td{border:1px solid var(--panel);padding:.5rem .75rem;text-align:left}th{color:var(--neon-cyan)}h2{font-size:1.1rem}a{color:var(--neon-cyan)}main{max-width:52rem;margin:0 auto;padding:1rem}.site-nav{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;border-bottom:2px solid var(--panel);align-items:center}.site-nav .brand{font-family:var(--font-display);font-size:.9rem;color:var(--neon-lime);text-decoration:none}.site-nav a:not(.brand){color:var(--text);text-decoration:none;font-size:.95rem;border:1px solid var(--neon-cyan);border-radius:8px;padding:.35rem .75rem}.site-nav a:not(.brand):hover{color:var(--neon-lime);border-color:var(--neon-lime)}.site-footer{border-top:2px solid var(--panel);padding:1.5rem 1rem;margin-top:3rem;color:var(--muted);font-size:.9rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.site-footer a{color:var(--muted)}.test-pad{background:var(--panel);border:2px solid var(--neon-cyan);border-radius:12px;min-height:clamp(16rem,42vh,24rem);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.2rem;cursor:pointer;user-select:none;touch-action:manipulation;text-align:center;padding:1rem}.test-pad:focus-visible{outline:3px solid var(--neon-lime)}.test-pad[data-phase=waiting]{border-color:var(--neon-magenta)}.test-pad[data-phase=go]{background:#1d3a10;border-color:var(--neon-lime);color:var(--neon-lime)}.test-out .score{font-size:1.3rem;font-weight:700}.rank[data-color=cyan]{color:var(--neon-cyan)}.rank[data-color=magenta]{color:var(--neon-magenta)}.rank[data-color=lime]{color:var(--neon-lime)}.next-test a{font-family:var(--font-display);font-size:.85rem;color:var(--neon-lime);text-decoration:none}.next-test a:hover{text-decoration:underline}.highscore{font-family:var(--font-display);color:var(--neon-lime);animation:pulse 1s ease-in-out 3}@keyframes pulse{50%{opacity:.4}}button{background:var(--panel);color:var(--text);border:2px solid var(--neon-magenta);border-radius:8px;font-family:var(--font-display);font-size:.8rem;padding:.6rem 1.2rem;cursor:pointer}button:hover{border-color:var(--neon-lime)}button[aria-pressed=true]{border-color:var(--neon-lime);color:var(--neon-lime)}details{background:var(--panel);border-radius:8px;padding:.5rem 1rem;margin:.5rem 0}summary{cursor:pointer;font-weight:600}.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));padding:0}.card-grid a{display:block;background:var(--panel);border:2px solid var(--neon-cyan);border-radius:12px;padding:1.2rem;text-decoration:none;color:var(--text)}.card-grid a:hover{border-color:var(--neon-lime)}@media(max-width:40rem){main{padding:.75rem}.site-nav{gap:.6rem;font-size:.9rem}.site-nav .brand{flex-basis:100%}table{display:block;overflow-x:auto;white-space:nowrap}.test-pad{min-height:12rem;font-size:1rem}}.hud{display:flex;flex-direction:column;gap:.4rem;align-items:center}.hud-timer{font-size:1rem;color:var(--muted)}.hud-main{font-size:clamp(2.4rem,9vw,3.6rem);color:var(--neon-lime);line-height:1.1}.hud-sub{font-size:1rem;color:var(--neon-cyan)}.pad-score{font-size:clamp(1.8rem,7.5vw,3rem);line-height:1.2}.pad-score[data-color=cyan]{color:var(--neon-cyan)}.pad-score[data-color=magenta]{color:var(--neon-magenta)}.pad-score[data-color=lime]{color:var(--neon-lime)}.pad-done{display:flex;flex-direction:column;align-items:center;gap:.5rem}.pad-done-label{font-size:.8rem;letter-spacing:.1em;color:var(--neon-magenta)}.pad-done-sub{font-size:.7rem;line-height:1.6;opacity:.75}.test-pad[data-nudge]{border-color:var(--neon-magenta)}@media(prefers-reduced-motion:no-preference){.test-pad[data-nudge] .pad-done-label{opacity:.35}}.rank svg{vertical-align:middle;margin-right:.5rem}.history{margin-top:1rem;min-height:9rem}.history p{margin:.25rem 0;font-size:.9rem}.muted{color:var(--muted)}.history svg{display:block}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}