*{box-sizing:border-box}:root{color:#e5e7eb;background:#0f172a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{min-height:100vh;margin:0}#app{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.layout{width:min(100%,1000px)}h1{text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem;font-size:1.4rem}.instructions{color:#9ca3af;margin:0 0 .9rem}canvas{background:#070b16;border:1px solid #374151;border-radius:.5rem;width:100%;height:auto}.hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;display:flex}.hud-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}#sound-toggle[aria-pressed=false],#music-toggle[aria-pressed=false]{opacity:.75}.legend{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.55rem 0 0;font-size:.92rem;display:flex}.legend-chip{border:1px solid #0000;border-radius:999px;align-items:center;padding:.12rem .45rem;font-size:.82rem;display:inline-flex}.legend-chip.long{background:#f472b633;border-color:#f472b6aa}.legend-chip.fast{background:#60a5fa33;border-color:#60a5faaa}.legend-chip.bullet{background:#f9731633;border-color:#f97316aa}#score{font-size:1.1rem;font-weight:600}button{color:#f9fafb;cursor:pointer;background:#1f2937;border:1px solid #4b5563;border-radius:.4rem;padding:.45rem .8rem}button:hover{background:#374151}button:disabled{cursor:not-allowed;opacity:.6}.status{color:#93c5fd;min-height:1.5rem;margin:.55rem 0 0}