@font-face{font-family:Monaspace Krypton;font-style:normal;font-display:swap;font-weight:400;src:url(./monaspace-krypton-latin-400-normal-DsuVXUab.woff2) format("woff2"),url(./monaspace-krypton-latin-400-normal-D9XlxC9R.woff) format("woff")}@font-face{font-family:Monaspace Krypton;font-style:normal;font-display:swap;font-weight:600;src:url(./monaspace-krypton-latin-600-normal-Zqt4maRY.woff2) format("woff2"),url(./monaspace-krypton-latin-600-normal-CO5o7k8D.woff) format("woff")}@font-face{font-family:Monaspace Krypton;font-style:normal;font-display:swap;font-weight:800;src:url(./monaspace-krypton-latin-800-normal-pULDwA5i.woff2) format("woff2"),url(./monaspace-krypton-latin-800-normal-ejWp___K.woff) format("woff")}:root{font-family:Monaspace Krypton,Segoe UI,system-ui,sans-serif;--bg: #050510;--cyan: #29f2ff;--magenta: #ff3df2;--danger: #ff2e4d;--hud: #9adfff;--yellow: #ffe14a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;min-height:100dvh}body{background:var(--bg);color:var(--hud);overflow:hidden}.shell{position:relative;height:100%}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block;cursor:crosshair;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#050510b8;text-align:center;z-index:2}.title{margin:0;font-size:clamp(38px,7vw,72px);font-weight:800;letter-spacing:.08em;line-height:1.05;color:var(--cyan);text-shadow:0 0 18px rgba(41,242,255,.55),2px 0 0 rgba(255,61,242,.45)}.title.danger{color:var(--danger);text-shadow:0 0 18px rgba(255,46,77,.6),2px 0 0 rgba(255,61,242,.45)}.tagline{margin:0;font-size:15px;letter-spacing:.14em;opacity:.8}.score{margin:0;font-size:22px;font-weight:600;letter-spacing:.12em;color:#fff}.neon-button{font:inherit;font-weight:800;font-size:20px;letter-spacing:.2em;padding:14px 42px;color:var(--bg);background:var(--cyan);border:none;cursor:pointer;box-shadow:0 0 24px #29f2ff80;transition:transform 80ms ease,box-shadow 80ms ease}.neon-button:hover{transform:scale(1.04);box-shadow:0 0 36px #29f2ffcc}.neon-button.ghost{color:var(--cyan);background:transparent;border:1px solid rgba(41,242,255,.55);box-shadow:none}.neon-button.ghost:hover{border-color:var(--cyan);box-shadow:0 0 24px #29f2ff59}.overlay-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.help{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:13px;letter-spacing:.06em;opacity:.85}.mobile-hint{margin:0;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);text-shadow:0 0 12px rgba(255,225,74,.45)}.help p{margin:0}.volume-controls{display:flex;flex-direction:column;gap:8px;margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.12em}.volume-row{display:flex;align-items:center;gap:10px;cursor:pointer}.volume-row>span:first-child{min-width:52px;text-align:right}.volume-row input[type=range]{width:150px;accent-color:#29f2ff}.volume-value{min-width:40px;text-align:left;color:var(--cyan)}.key{display:inline-block;min-width:58px;margin-right:10px;padding:2px 6px;border:1px solid rgba(41,242,255,.5);color:var(--cyan);font-weight:600}.mute-button{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:3;font:inherit;font-size:11px;font-weight:600;letter-spacing:.12em;padding:6px 10px;color:var(--hud);background:transparent;border:1px solid rgba(154,223,255,.4);cursor:pointer}.mute-button:hover{border-color:var(--cyan);color:var(--cyan)}.debug-panel{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));z-index:3;font-size:11px;letter-spacing:.08em}.music-panel{position:absolute;top:calc(52px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:3;font-size:11px;letter-spacing:.08em;display:flex;flex-direction:column;align-items:flex-end}.music-row{display:flex;flex-direction:column;gap:2px}.music-row>span:first-child{opacity:.6}.music-layers{color:var(--cyan)}.debug-header{font:inherit;font-weight:600;padding:6px 10px;color:var(--hud);background:#050510b3;border:1px solid rgba(154,223,255,.4);cursor:pointer}.debug-header:hover{border-color:var(--cyan);color:var(--cyan)}.debug-body{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:10px;width:240px;background:#050510cc;border:1px solid rgba(154,223,255,.3)}.debug-row{display:flex;align-items:center;gap:8px;cursor:pointer}.debug-row>span:first-child{min-width:52px}.debug-row input[type=range]{flex:1;min-width:0;accent-color:#29f2ff}.debug-row input[type=checkbox]{accent-color:#29f2ff}.debug-action{font:inherit;padding:5px 8px;color:var(--danger);background:#ff2e4d14;border:1px solid rgba(255,46,77,.55);cursor:pointer}.debug-action:hover{color:#fff;border-color:var(--danger)}.debug-value{min-width:32px;text-align:right;color:var(--cyan)}@media(pointer:coarse),(max-width:600px){.tagline{font-size:16px}.score{font-size:26px}.neon-button{font-size:22px;padding:16px 48px;min-height:48px}.mobile-hint{font-size:16px}.volume-controls{font-size:14px}.volume-row input[type=range]{width:180px}.mute-button,.debug-header{font-size:14px;padding:10px 14px;min-height:44px}.debug-panel,.music-panel{font-size:13px}.music-panel{top:calc(64px + env(safe-area-inset-top,0px))}.debug-body{width:min(280px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))}}