:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#3fd0ff;--danger:#ff4d6d}*{box-sizing:border-box}html,body,#app{background:#0b0e17;width:100%;height:100%;margin:0;font-family:Segoe UI,Hiragino Sans,system-ui,sans-serif;overflow:hidden}#app{position:relative}canvas{display:block}.hud{pointer-events:none;color:#f1f5ff;text-shadow:0 1px 4px #0009;position:absolute;inset:0}.hud-top-left{width:260px;position:absolute;top:20px;left:20px}.health-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e18b3;border:1px solid #ffffff26;border-radius:999px;height:16px;overflow:hidden}.health-fill{background:linear-gradient(90deg, var(--danger), #ff8a4d);width:100%;height:100%;transition:width .15s ease-out}.health-text{font-variant-numeric:tabular-nums;opacity:.85;margin-top:6px;font-size:13px}.hud-top-right{letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e188c;border:1px solid #3fd0ff59;border-radius:10px;padding:8px 14px;font-size:12px;position:absolute;top:20px;right:20px}.hud-top-right .enemy-count{color:var(--accent);margin-right:4px;font-size:15px;font-weight:700}.score-label{color:#ffe066;letter-spacing:.1em;text-align:right;margin-top:4px;font-size:11px}.vignette{pointer-events:none;opacity:0;background:radial-gradient(#ff002800 55%,#ff002859 100%);transition:opacity .4s ease-out;animation:1.4s ease-in-out infinite vignette-pulse;position:absolute;inset:0}.vignette.visible{opacity:1}@keyframes vignette-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}.combo-badge{color:#ffe066;letter-spacing:.06em;opacity:0;background:#ffb30326;border:1px solid #ffb30380;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:700;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;top:60px;left:20px;transform:translate(-6px)}.combo-badge.visible{opacity:1;transform:translate(0)}.ult-badge{width:140px;position:absolute;top:96px;left:20px}.ult-bar{background:#0a0e18b3;border:1px solid #9fe8ff59;border-radius:999px;height:10px;overflow:hidden}.ult-fill{background:linear-gradient(90deg,#5b7dff,#9fe8ff);width:0%;height:100%;transition:width .15s linear}.ult-label{letter-spacing:.08em;color:#9fe8ffa6;margin-top:3px;font-size:10px}.ult-badge.ready .ult-label{color:#9fe8ff;text-shadow:0 0 8px #9fe8ffb3;animation:1s ease-in-out infinite ult-ready-pulse}@keyframes ult-ready-pulse{0%,to{opacity:.8}50%{opacity:1}}.banner{letter-spacing:.08em;color:#ffe066;text-shadow:0 2px 12px #ffb30399,0 1px 4px #000c;opacity:0;font-size:34px;font-weight:800;transition:opacity .25s ease-out,transform .25s ease-out;position:absolute;top:30%;left:50%;transform:translate(-50%,-12px)}.banner.visible{opacity:1;transform:translate(-50%)}.title-screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:radial-gradient(at 50% 30%,#3fd0ff24,#0000 60%),#06080ee0;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .35s ease-out;display:flex;position:absolute;inset:0}.title-screen.visible{opacity:1;pointer-events:auto}.title-name{letter-spacing:.14em;color:#f1f5ff;text-shadow:0 0 24px #3fd0ff99,0 2px 12px #0009;font-size:56px;font-weight:800}.title-tagline{letter-spacing:.08em;opacity:.75;font-size:14px}.title-best{letter-spacing:.08em;color:#ffe066;min-height:16px;font-size:13px}.start-btn{color:#f1f5ff;letter-spacing:.12em;cursor:pointer;pointer-events:none;background:#3fd0ff29;border:1px solid #3fd0ff99;border-radius:12px;margin-top:8px;padding:14px 52px;font-size:18px;font-weight:800;box-shadow:0 0 24px #3fd0ff40}.title-screen.visible .start-btn{pointer-events:auto}.start-btn:hover{background:#3fd0ff4d}.title-controls{opacity:.8;flex-wrap:wrap;justify-content:center;gap:14px;max-width:640px;margin-top:18px;font-size:12px;display:flex}.title-controls b{color:var(--accent)}.end-screen{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#06080eb8;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .3s ease-out;display:flex;position:absolute;inset:0}.end-screen.visible{opacity:1;pointer-events:auto}.end-title{letter-spacing:.1em;color:#ffe066;text-shadow:0 2px 16px #ffb30380;font-size:52px;font-weight:800}.end-subtitle{opacity:.85;font-size:16px}.restart-btn{color:#f1f5ff;letter-spacing:.04em;cursor:pointer;pointer-events:none;background:#3fd0ff1f;border:1px solid #3fd0ff80;border-radius:10px;margin-top:8px;padding:10px 28px;font-size:14px;font-weight:700}.end-screen.visible .restart-btn{pointer-events:auto}.restart-btn:hover{background:#3fd0ff3d}.pause-screen{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#06080e99;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .2s ease-out;display:flex;position:absolute;inset:0}.pause-screen.visible{opacity:1;pointer-events:auto}.pause-title{letter-spacing:.16em;color:#f1f5ff;text-shadow:0 0 20px #3fd0ff80;font-size:40px;font-weight:800}.resume-btn,.pause-restart-btn{color:#f1f5ff;letter-spacing:.04em;cursor:pointer;pointer-events:none;background:#3fd0ff24;border:1px solid #3fd0ff80;border-radius:10px;padding:10px 28px;font-size:14px;font-weight:700}.pause-screen.visible .resume-btn,.pause-screen.visible .pause-restart-btn{pointer-events:auto}.resume-btn:hover,.pause-restart-btn:hover{background:#3fd0ff47}.touch-controls{pointer-events:none;z-index:5;position:absolute;inset:0}.tc-stick-zone{pointer-events:auto;touch-action:none;width:120px;height:120px;position:absolute;bottom:24px;left:24px}.tc-stick-base{background:#141a2873;border:1px solid #3fd0ff59;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tc-stick-knob{background:#3fd0ff59;border:1px solid #3fd0ffb3;border-radius:999px;width:52px;height:52px;transition:transform 50ms linear}.tc-buttons{pointer-events:none;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:24px;right:20px}.tc-btn{pointer-events:auto;touch-action:none;color:#ffe066;letter-spacing:.03em;background:#141a288c;border:1px solid #ffb30380;border-radius:999px;width:64px;height:64px;font-size:11px;font-weight:700}.tc-btn.tc-jump{color:#9fe8ff;border-color:#3fd0ff99;margin-bottom:28px}.tc-btn.tc-ult{color:#9fe8ff;border-color:#9fe8ff99;width:54px;height:54px;margin-bottom:8px;font-size:10px}.hud.touch-mode .hud-bottom{display:none}.hud-bottom{letter-spacing:.02em;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0e188c;border:1px solid #ffffff1a;border-radius:10px;gap:18px;padding:8px 18px;font-size:11px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hud-bottom b{color:var(--accent)}