:root{--ui-bg:#05060f;--ui-fg:#d8e6ff;--ui-dim:#7c8bb0;--accent-bass:#ff4d6d;--accent-snare:#ffb703;--accent-hihat:#7cf6ff;--accent-synth:#b388ff;--panel:#080c1cd1;--border:#7c9bff47;font-synthesis:none}*{box-sizing:border-box}html,body{background:var(--ui-bg);width:100%;height:100%;color:var(--ui-fg);-webkit-font-smoothing:antialiased;touch-action:none;margin:0;padding:0;font-family:Segoe UI,Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0}.ui-layer{pointer-events:none;position:absolute;inset:0}.ui-layer>*{pointer-events:auto}.ui-hidden{display:none!important}.ui-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#0a1028b8,#02030af0);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.ui-panel{border:1px solid var(--border);background:var(--panel);border-radius:14px;width:min(720px,100%);max-height:100%;padding:24px 28px;overflow:auto;box-shadow:0 0 60px #3c5aff2e}.ui-title{letter-spacing:3px;text-transform:uppercase;color:#eaf2ff;text-shadow:0 0 18px #78a0ffa6;margin:0 0 4px;font-size:34px}.ui-subtitle{color:var(--ui-dim);letter-spacing:1px;margin:0 0 18px;font-size:14px}.ui-track-list{gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}.ui-track{border:1px solid var(--border);cursor:pointer;background:#0c122899;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .12s linear;display:flex}.ui-track:hover{border-color:#a0c8ff99}.ui-track.is-selected{background:#142846bf;border-color:#7cf6ff}.ui-track__index{color:var(--ui-dim);font-variant-numeric:tabular-nums}.ui-track__title{flex:1;font-size:16px}.ui-track__meta{color:var(--ui-dim);letter-spacing:1px;text-transform:uppercase;font-size:12px}.ui-difficulty--easy{color:#6ee7a8}.ui-difficulty--medium{color:#ffb703}.ui-difficulty--hard{color:#ff6b81}.ui-button{color:#eaf2ff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:#1e3c7899;border:1px solid #a0c8ff80;border-radius:10px;padding:10px 22px;font-size:15px}.ui-button:hover{background:#3264beb3}.ui-button:disabled{opacity:.45;cursor:default}.ui-hint{color:var(--ui-dim);margin:14px 0 0;font-size:13px;line-height:1.6}.ui-progress{background:#ffffff1a;border-radius:6px;height:8px;margin:16px 0 8px;overflow:hidden}.ui-progress__bar{background:linear-gradient(90deg,#7cf6ff,#b388ff);width:0;height:100%}.ui-status{color:var(--ui-dim);font-variant-numeric:tabular-nums;font-size:13px}#ui-spike{justify-content:flex-start;align-items:flex-start;padding:10px 12px;display:flex}.ui-spike-log{border:1px solid var(--border);color:var(--ui-dim);white-space:pre;background:#040610c7;border-radius:8px;margin:0;padding:8px 10px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.5}.ui-dev-overlay{border:1px solid var(--border);color:var(--ui-dim);white-space:pre;background:#040610c7;border-radius:8px;margin:0;padding:8px 10px;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.55}#ui-end:not(:empty){pointer-events:auto;background:#040610b8;justify-content:center;align-items:center;display:flex}.hud{font-variant-numeric:tabular-nums;color:var(--ui-fg);text-shadow:0 0 8px #000000d9;gap:6px;font-size:12px;display:grid;position:absolute;inset:10px 12px auto}.hud__track{letter-spacing:1px;color:#cfe2ff;font-size:13px}.hud__beats{gap:6px;margin-top:4px;display:flex}.hud__beat{background:#7cf6ff40;border-radius:2px;width:22px;height:4px;transition:background 60ms linear,box-shadow 60ms linear}.hud__beat.is-current{background:#7cf6ff;box-shadow:0 0 8px #7cf6ffe6}.hud__bar{border:1px solid var(--border);background:#060916b3;border-radius:6px;height:12px;position:relative;overflow:hidden}.hud__hp{background:linear-gradient(90deg,#ff4d6d,#ff8fa3);width:100%;height:50%;transition:width .12s linear;position:absolute;inset:0 auto 50% 0}.hud__hp.is-low{background:linear-gradient(90deg,#ff2d2d,#ff8b3d)}.hud__xp{background:linear-gradient(90deg,#7cf6ff,#b388ff);width:0;height:50%;transition:width .12s linear;position:absolute;inset:50% 0 0 auto}.hud__stats{color:var(--ui-dim)}.hud__equalizer{border:1px solid var(--border);background:#06091699;border-radius:6px;align-items:flex-end;gap:4px;width:132px;height:34px;padding:3px 4px;display:flex}.hud__band{border-radius:2px 2px 0 0;flex:1;height:10%;transition:height 90ms linear}.hud__panels{pointer-events:none;grid-template-columns:minmax(220px,320px) minmax(240px,1fr);gap:10px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.hud-panel{border:1px solid var(--border);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0406109e;border-radius:10px;padding:8px 10px;font-size:12px}.hud-panel__title{color:#cfe2ff;letter-spacing:2px;margin-bottom:6px;font-size:11px}.hud-panel__list{gap:4px;display:grid}.hud-slot{color:var(--ui-fg);align-items:center;gap:8px;display:flex}.hud-slot.is-empty{color:var(--ui-dim);font-style:italic}.hud-slot__marker{border-radius:50%;flex:none;width:8px;height:8px}.hud-slot__name{min-width:96px;font-weight:600}.hud-slot__pips{gap:3px;display:inline-flex}.hud-pip{border:1px solid #7c9bff66;border-radius:2px;width:7px;height:7px}.hud-slot__effect{color:var(--ui-dim);font-size:11px}.hud-panel__legend{border-top:1px solid #7c9bff29;flex-wrap:wrap;gap:4px 10px;margin-top:8px;padding-top:6px;display:flex}.hud-legend__chip{color:var(--ui-dim);align-items:center;gap:5px;font-size:11px;display:inline-flex}.hud-legend__dot{border-radius:50%;width:7px;height:7px}.hud-panel__resources{color:var(--ui-dim);margin-top:6px;font-size:11px}.hud__drop{color:#7cf6ff;letter-spacing:2px;border:1px solid #7cf6ff80;border-radius:999px;justify-self:start;padding:2px 10px;font-size:11px}.hud__pause{border:1px solid var(--border);color:#ffd23f;letter-spacing:2px;border-radius:999px;justify-self:start;padding:2px 10px;font-size:11px}.arsenal{border:1px solid var(--border);pointer-events:auto;background:#040610eb;border-radius:12px;width:340px;max-height:calc(100% - 24px);padding:10px 12px;font-size:12px;position:fixed;top:12px;right:12px;overflow:auto}.arsenal__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.arsenal__title{color:#cfe2ff;letter-spacing:1.5px;font-size:11px}.arsenal__close{color:var(--ui-dim);cursor:pointer;background:0 0;border:none;font-size:16px;line-height:1}.arsenal__strength{color:var(--ui-dim);align-items:center;gap:8px;margin-bottom:8px;display:flex}.arsenal__strength input[type=range]{flex:1}.arsenal__value{min-width:32px;color:var(--ui-fg);font-variant-numeric:tabular-nums}.arsenal__bands{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.arsenal__enemies{border-bottom:1px solid #7c9bff29;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:8px;display:flex}.arsenal__toggle{color:var(--ui-dim);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:inline-flex}.arsenal__band{border:1px solid var(--border);cursor:pointer;background:#080c1c99;border-radius:8px;padding:6px 4px;font-size:11px}.arsenal__rows{gap:5px;display:grid}.arsenal__row{grid-template-columns:18px 1fr 52px 34px 46px 46px;align-items:center;gap:6px;display:grid}.arsenal__name{font-weight:600}.arsenal__tag{color:var(--ui-dim);font-size:11px}.arsenal__count{color:var(--ui-fg);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.arsenal__row input[type=number]{border:1px solid var(--border);width:100%;color:var(--ui-fg);background:#080c1cb3;border-radius:6px;padding:2px 4px}.arsenal__fire{border:1px solid var(--border);color:var(--accent-hihat);cursor:pointer;background:0 0;border-radius:6px;padding:3px 6px;font-size:11px}.arsenal__fire:hover{background:#7cf6ff1f}.ui-summary{margin:0 0 18px;padding:0;list-style:none}.ui-summary li{border-bottom:1px solid #7c9bff24;justify-content:space-between;gap:16px;padding:5px 0;font-size:14px;display:flex}.ui-summary__label{color:var(--ui-dim)}.ui-summary__value{color:var(--ui-fg);font-variant-numeric:tabular-nums}.ui-actions{justify-content:flex-end;gap:10px;display:flex}.ui-button--ghost{border-color:var(--border);color:var(--ui-dim)}.screen-fx{pointer-events:none;position:absolute;inset:0}.screen-fx>*{opacity:0;pointer-events:none;position:absolute;inset:0}.screen-fx__vignette{background:radial-gradient(#0000 42%,#020618d9 100%);transition:opacity .12s linear}.screen-fx__damage{background:radial-gradient(#ff283c00 45%,#ff1e328c 100%);transition:opacity 90ms linear}.screen-fx__flash{mix-blend-mode:screen;transition:opacity 80ms linear}.screen-fx__pause{background:#0406128c;transition:opacity .14s linear}.touch-controls{pointer-events:none;height:190px;position:absolute;inset:auto 0 0}.touch-stick{border:1px solid var(--border);pointer-events:auto;touch-action:none;background:#080c1c73;border-radius:50%;width:124px;height:124px;position:absolute;bottom:24px;left:26px}.touch-stick__knob{background:#7cf6ff2e;border:1px solid #7cf6ff99;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-bomb{color:#ffd9c2;letter-spacing:1px;pointer-events:auto;touch-action:none;background:#ff732629;border:1px solid #ff7326b3;border-radius:50%;width:96px;height:96px;font-size:12px;position:absolute;bottom:44px;right:26px}.touch-controls.is-firing .touch-bomb{background:#ff732666}.ui-panel--end{width:min(460px,100%)}.ui-end-card{border:1px solid var(--border);text-align:center;background:#060916f0;border-radius:14px;min-width:280px;padding:24px 28px}.ui-end-card h2{margin:0 0 6px;font-size:24px}.ui-end-card p{color:var(--ui-dim);margin:0 0 14px}.ui-end-card ul{color:var(--ui-dim);margin:0 0 18px;padding:0;font-size:14px;line-height:1.7;list-style:none}.ui-end-card button{border:1px solid var(--accent-hihat);color:var(--accent-hihat);cursor:pointer;background:0 0;border-radius:10px;padding:10px 22px;font-size:15px}.ui-end-card button:hover{background:#7cf6ff1f}.pickup-label{white-space:nowrap;pointer-events:none;will-change:transform;background:#05060fb8;border:1px solid #ffffff29;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:2px 7px;font-size:11px;line-height:1.25;display:flex;position:absolute;top:0;left:0}.pickup-label__text{letter-spacing:.02em;text-transform:uppercase;font-weight:700}.pickup-label__detail{color:var(--ui-dim);font-size:10px}.pickup-label.is-fading{opacity:.45}.hud-legend__shape{color:var(--ui-dim);font-size:10px}