: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}.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)}.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%)}.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:auto;background:#3fd0ff1f;border:1px solid #3fd0ff80;border-radius:10px;margin-top:8px;padding:10px 28px;font-size:14px;font-weight:700}.restart-btn:hover{background:#3fd0ff3d}.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}.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)}