:root{--primary: #00ffcc;--secondary: #ff00ff;--accent: #ffff00;--text: #c8fff3;--muted: #5f8f86;--line: rgba(0, 255, 204, .35);--bg-card: rgba(6, 8, 16, .94);--bg-field: #0b1018;--glow-primary: 0 0 16px rgba(0, 255, 204, .45);--tap: 44px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:#000;color:var(--text);font:14px monospace;height:100%;overflow:hidden}.container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#gameContainer{position:absolute;top:0;right:0;bottom:0;left:0}[hidden]{display:none!important}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.link-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));display:flex;gap:8px;z-index:10}.hud-btn{width:var(--tap);height:var(--tap);display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#0000008c;opacity:.6;transition:opacity .2s,box-shadow .2s}.hud-btn:hover,.hud-btn:focus-visible{opacity:1;box-shadow:var(--glow-primary)}.hud-btn svg{width:20px;height:20px;fill:none;stroke:var(--primary);stroke-width:2;stroke-linecap:round}.hud-btn rect{fill:var(--primary);stroke:none}.hud-btn circle{fill:#000}#musicBtn circle{fill:var(--primary)}.menu-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#00000073}.menu-screen.over-game{background:#0003}.menu-card{width:min(100%,420px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--line);border-radius:12px;box-shadow:0 0 40px #00ffcc1f,0 0 0 1px #ff00ff1f inset;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:card-in .18s ease-out;outline:none}.settings-card{width:min(100%,460px)}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.menu-title{color:var(--primary);font-size:22px;letter-spacing:.2em;text-shadow:var(--glow-primary)}.pause-card{width:min(100%,320px);padding:24px;gap:18px;text-align:center;overflow-y:auto}.pause-card .menu-title{font-size:28px}.pause-scores{display:flex;justify-content:center;gap:32px}.pause-scores>div{display:flex;flex-direction:column;gap:2px}.score-label{color:var(--muted);font-size:11px;letter-spacing:.15em}.score-value{color:#0f0;font-size:22px}.score-value.high{color:var(--accent)}.menu-actions{display:flex;flex-direction:column;gap:10px}.menu-btn{min-height:var(--tap);border:1px solid var(--line);border-radius:8px;background:var(--bg-field);color:var(--primary);letter-spacing:.12em;transition:background .15s,box-shadow .15s}.menu-btn:hover{background:#102028;box-shadow:var(--glow-primary)}.menu-btn.primary{background:var(--primary);color:#000;font-weight:700}.menu-btn.primary:hover{background:#66ffe0}.menu-hint{color:var(--muted);font-size:12px}.menu-footer{display:flex;justify-content:center;gap:24px}.link-btn{color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:6px}.link-btn:hover{color:var(--primary)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px 20px}.close-btn{width:var(--tap);height:var(--tap);border-radius:8px;color:var(--primary);font-size:18px}.close-btn:hover{background:#102028}.settings-tabs{display:flex;margin:0 20px;border-bottom:1px solid var(--line)}.tab{flex:1;min-height:40px;color:var(--muted);letter-spacing:.15em;border-bottom:2px solid transparent;margin-bottom:-1px}.tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.settings-body{overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 20px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.field{display:grid;grid-template-columns:7.5em 1fr auto;align-items:center;column-gap:12px;row-gap:4px;padding:10px 0}.field+.field{border-top:1px solid rgba(0,255,204,.08)}.field.stacked{grid-template-columns:1fr}.field label,.field-label{color:var(--text)}.field-hint{grid-column:2 / -1;color:var(--muted);font-size:11px}.field-hint.inline{margin-left:6px}.field-value{min-width:3ch;color:var(--accent);text-align:right}.field select{grid-column:2 / -1;min-height:40px;width:100%;padding:0 32px 0 10px;font:inherit;color:var(--primary);background:var(--bg-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2300ffcc' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center / 12px 8px;border:1px solid var(--line);border-radius:8px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field input[type=range]{width:100%;accent-color:var(--primary);height:32px}.switch{justify-self:end;grid-column:3;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:48px;height:28px;border-radius:14px;background:#1a2330;border:1px solid var(--line);position:relative;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch:checked{background:#00ffcc40}.switch:checked:after{transform:translate(20px);background:var(--primary)}.segmented{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}@media(max-width:479px){.segmented{grid-template-columns:repeat(6,1fr)}.segment:nth-child(-n+3){grid-column:span 2}.segment:nth-child(n+4){grid-column:span 3}}.segment{min-height:40px;padding:0 6px;border:1px solid var(--line);border-radius:8px;background:var(--bg-field);color:var(--primary)}.segment[aria-pressed=true]{background:var(--primary);color:#000;font-weight:700}.track-squares{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.track-square{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #0f0;border-radius:8px;background:#00ff001f;color:#0f0;font-size:11px;transition:background .15s,box-shadow .15s}.track-icon{position:relative;width:20px;height:20px}.track-icon svg{width:100%;height:100%;display:block;transition:opacity .15s,filter .15s}.track-square.muted{border-color:#f33;background:#ff00001a;color:#f66}.track-square.muted .track-label{text-decoration:line-through}.track-square.muted .track-icon svg{filter:grayscale(1);opacity:.35}.track-square.muted .track-icon:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;border-top:2px solid #f55;transform:rotate(-40deg)}.track-square.flash{background:#00ff008c;box-shadow:0 0 12px #0f0}.advanced{border-top:1px solid rgba(0,255,204,.08);padding-top:6px}.advanced summary{min-height:40px;display:flex;align-items:center;color:var(--muted);cursor:pointer;list-style:none}.advanced summary:before{content:"▸";margin-right:8px;transition:transform .15s}.advanced[open] summary:before{transform:rotate(90deg)}@media(hover:none){.desktop-only{display:none}}@media(max-height:500px){.pause-card{width:min(100%,560px);padding:14px 18px;gap:10px}.pause-card .menu-title{font-size:20px}.menu-actions{display:grid;grid-template-columns:1fr 1fr}.menu-actions .primary{grid-column:1 / -1}.settings-card{width:min(100%,560px)}.settings-header{padding:6px 10px 2px 18px}.field{padding:6px 0}}.hud.menu-open{visibility:hidden}