:root{color-scheme:dark;--ink: #e7fbff;--paper: #22e6ff;--mist: rgba(34, 230, 255, .24);--void: #030612;--soft: #18f6ff;--warm: #7b5cff;--alarm: #ff2fb2;--tuned: #ffe66d;--game-font: "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 52%,rgba(34,230,255,.08),transparent 28%),linear-gradient(180deg,#05091c,var(--void));color:var(--ink);font-family:var(--game-font);-webkit-user-select:none;user-select:none}#game{position:fixed;top:0;right:0;bottom:0;left:0}#game canvas{display:block}.hud{position:fixed;z-index:4;inset:18px 18px auto 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.hud.hidden,.lives-hud.hidden{display:none}.hud-left{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.lives-hud{min-width:88px;padding:7px 10px;border:1px solid rgba(34,230,255,.2);border-radius:999px;background:#03061294;color:#e7fbffe6;font-family:var(--game-font);font-size:13px;font-weight:700;line-height:1;letter-spacing:.02em;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 18px #22e6ff14,inset 0 0 12px #22e6ff0a}.map-title-hud{position:absolute;top:0;left:50%;max-width:min(360px,42vw);color:#e7fbffdb;font-family:var(--game-font);font-size:13px;font-weight:700;line-height:1;letter-spacing:.02em;text-align:center;text-shadow:0 0 10px rgba(34,230,255,.28);white-space:nowrap;transform:translate(-50%)}.orb-meter{display:flex;gap:10px;padding:10px;border:1px solid rgba(34,230,255,.22);border-radius:999px;background:#03061285;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.orb-meter span{width:16px;height:16px;border:1px solid rgba(123,92,255,.7);border-radius:999px;background:#7b5cff14;box-shadow:0 0 12px #7b5cff33,inset 0 0 12px #0000006b}.orb-meter span.hidden{display:none}.orb-meter span.locked{border-color:#22e6ffb8;background:#22e6ff40;box-shadow:0 0 14px #22e6ff5c,0 0 24px #7b5cff29,inset 0 0 8px #ffffff2e}.orb-meter span.hot{border-color:#ff2fb2eb;background:#ff2fb214;box-shadow:0 0 20px #ff2fb2b8,0 0 34px #ff2fb23d,inset 0 0 10px #ff2fb229}.orb-meter span.tuned{border-color:#ffe66dc7;background:#ffe66d40;box-shadow:0 0 14px #ffe66d5c,0 0 24px #87ff6424,inset 0 0 8px #ffffff2e}.collapse-meter{width:min(240px,42vw);height:12px;overflow:hidden;border:1px solid rgba(34,230,255,.24);border-radius:999px;background:#22e6ff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.collapse-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--soft),var(--warm),var(--alarm));box-shadow:0 0 20px #ff2fb285;transition:width .12s linear}.end-card{position:fixed;z-index:8;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;pointer-events:none;background:#030612b8;transition:opacity .42s ease}.end-card.show{opacity:1}.end-glyph{position:relative;width:min(280px,58vw);aspect-ratio:1;border:2px solid rgba(34,230,255,.82);border-radius:999px;box-shadow:0 0 72px #22e6ff6b,0 0 110px #7b5cff38,inset 0 0 48px #22e6ff29}.end-glyph:before,.end-glyph:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:min(190px,42vw);height:2px;background:#e7fbffe6;transform-origin:center}.end-glyph:before{transform:translate(-50%,-50%) rotate(38deg)}.end-glyph:after{transform:translate(-50%,-50%) rotate(-38deg)}.end-card.win{background:radial-gradient(circle at 50% 48%,rgba(34,230,255,.28),transparent 28%),radial-gradient(circle at 50% 48%,rgba(123,92,255,.22),transparent 42%),#030612b3}.end-card.loss{animation:collapse-flicker .19s steps(2,end) infinite}.audio-unlock-overlay{position:fixed;z-index:9;display:grid;place-items:center;pointer-events:none}.audio-unlock-overlay.hidden{display:none}.audio-unlock-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:min(88vw,420px);padding:24px 20px;pointer-events:none}.audio-unlock-button,.audio-unlock-caption{pointer-events:auto}.audio-unlock-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:grid;place-items:center;width:clamp(84px,10vw,108px);height:clamp(84px,10vw,108px);padding:0;border:1px solid rgba(34,230,255,.48);border-radius:999px;background:#03061257;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 22px #22e6ff1f,inset 0 0 20px #22e6ff0f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;animation:audio-node-pulse 1.85s infinite ease-in-out}.audio-unlock-button:before{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:1px solid rgba(123,92,255,.34);border-radius:inherit}.audio-unlock-button:after{content:"";position:absolute;left:50%;top:50%;width:36%;height:36%;border:1px solid rgba(231,251,255,.72);border-radius:999px;background:#22e6ff2e;box-shadow:0 0 20px #22e6ff3d;transform:translate(-50%,-50%)}.audio-unlock-button:hover{border-color:#e7fbffb8;box-shadow:0 0 26px #22e6ff2e,inset 0 0 20px #22e6ff14}.audio-unlock-button:active{transform:scale(.97);box-shadow:0 0 30px #22e6ff38,0 0 46px #7b5cff29,inset 0 0 22px #22e6ff1f}.audio-unlock-caption{margin:0;max-width:340px;text-align:center;color:#e7fbffad;font-family:var(--game-font);font-size:14px;font-weight:700;line-height:1.35;letter-spacing:.03em;text-shadow:0 0 16px rgba(34,230,255,.18)}@keyframes audio-node-pulse{0%,to{box-shadow:0 0 22px #22e6ff1f,inset 0 0 20px #22e6ff0f}50%{box-shadow:0 0 30px #22e6ff38,0 0 48px #7b5cff29,inset 0 0 22px #22e6ff14}}.mobile-controls{position:fixed;z-index:7;inset:auto 0 0;display:none;align-items:flex-end;justify-content:space-between;padding:0 max(34px,env(safe-area-inset-right)) max(34px,calc(env(safe-area-inset-bottom) + 18px)) max(34px,env(safe-area-inset-left));pointer-events:none}.mobile-controls.hidden{display:none}.virtual-stick,.virtual-action,.virtual-pause{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;border:1px solid rgba(34,230,255,.48);background:#03061257;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 22px #22e6ff1f,inset 0 0 20px #22e6ff0f}.virtual-stick{position:relative;width:clamp(104px,14vw,136px);height:clamp(104px,14vw,136px);border-radius:999px}.virtual-stick:before{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:1px solid rgba(123,92,255,.34);border-radius:inherit}.virtual-stick span{position:absolute;left:50%;top:50%;width:36%;height:36%;border:1px solid rgba(231,251,255,.72);border-radius:999px;background:#22e6ff2e;box-shadow:0 0 20px #22e6ff3d;transform:translate(-50%,-50%)}.mobile-actions{display:flex;align-items:flex-end;gap:12px}.virtual-action{display:grid;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:clamp(84px,10vw,108px);height:clamp(84px,10vw,108px);border-radius:999px;padding:0}.virtual-action:before{content:"";display:block;width:52%;height:auto;aspect-ratio:1;margin:0;border-radius:999px;background:linear-gradient(135deg,var(--soft),var(--warm));opacity:.68;box-shadow:0 0 28px #22e6ff47}.virtual-action.pressed:before{opacity:.95;box-shadow:0 0 32px #22e6ff85,0 0 52px #ff2fb247}.virtual-pause{position:relative;position:fixed;top:auto;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));left:50%;width:30px;height:30px;margin:0;border-radius:999px;opacity:.42;transform:translate(-50%)}.virtual-pause:before,.virtual-pause:after{content:"";position:absolute;top:9px;width:3px;height:12px;border-radius:4px;background:#e7fbffc7}.virtual-pause:before{left:10px}.virtual-pause:after{right:10px}@media (hover: none) and (pointer: coarse){.mobile-controls{display:flex}.orb-meter{gap:8px;padding:8px}.orb-meter span{width:13px;height:13px}.hud-left{gap:7px}.lives-hud{min-width:0;padding:0 2px;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;font-size:11px;letter-spacing:.02em;text-align:left}.map-title-hud{max-width:min(260px,38vw);font-size:11px}.collapse-meter{width:min(180px,34vw);height:10px}.end-glyph{width:min(190px,42vw)}.end-glyph:before,.end-glyph:after{width:min(130px,30vw)}}@media (hover: none) and (pointer: coarse) and (max-height: 520px){.mobile-controls{padding:0 max(48px,calc(env(safe-area-inset-right) + 34px)) max(28px,calc(env(safe-area-inset-bottom) + 18px)) max(48px,calc(env(safe-area-inset-left) + 34px))}.virtual-stick{width:clamp(96px,12vw,122px);height:clamp(96px,12vw,122px)}.virtual-action{width:clamp(76px,9vw,94px);height:clamp(76px,9vw,94px)}.collapse-meter{width:min(160px,28vw)}}@keyframes collapse-flicker{0%{filter:contrast(1)}50%{filter:contrast(1.9) invert(.08)}to{filter:contrast(1)}}@media (max-width: 820px){.audio-unlock-panel{width:min(88vw,420px);padding:20px 18px;gap:16px}.audio-unlock-button{width:96px;height:96px}.audio-unlock-caption{display:block;font-size:14px;max-width:300px}}