:root{--bg: #05060a;--cyan: #00f0ff;--orange: #ff6a1a;--panel: rgba(6, 8, 14, .78);--text: #d8f6ff;font-family:Segoe UI,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:none}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;display:flex;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0)) 18px}.kicker{font-size:11px;letter-spacing:4px;color:var(--cyan);font-weight:800;margin-bottom:8px;text-shadow:0 0 12px rgba(0,240,255,.45)}.bar-row{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;color:#7aa;margin-top:5px}.bar-row span{width:36px}.bar{width:140px;height:8px;background:#ffffff14;overflow:hidden}.bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#087,var(--cyan));box-shadow:0 0 10px var(--cyan)}.bar-fill.gate{background:linear-gradient(90deg,#840,var(--orange))}.hud-right{text-align:right}.stat{font-size:12px;letter-spacing:2px;color:#8ab;margin-top:4px}.stat b{color:#fff;font-size:18px}.stat.muted{opacity:.7}#btn-view{pointer-events:auto;margin-top:10px;padding:6px 10px;border:1px solid rgba(0,240,255,.42);background:#050c12b8;color:var(--cyan);font:inherit;font-size:10px;font-weight:800;letter-spacing:1.5px;cursor:pointer}#btn-view:hover,#btn-view:focus-visible{border-color:var(--cyan);box-shadow:0 0 12px #00f0ff40;outline:none}#hud-wave{text-align:center;letter-spacing:5px;font-weight:800;color:var(--cyan);text-shadow:0 0 16px rgba(0,240,255,.5)}#hud-toast{text-align:center;min-height:20px;margin-top:8px;letter-spacing:3px;font-weight:800;color:var(--orange)}#crosshair{position:fixed;left:50%;top:48%;transform:translate(-50%,-50%);z-index:12;color:var(--cyan);font-size:22px;pointer-events:none;text-shadow:0 0 10px var(--cyan)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#020408c7;padding:16px}#overlay.hidden{display:none}#overlay-box{max-width:520px;width:100%;background:var(--panel);border:1px solid rgba(0,240,255,.45);box-shadow:0 0 40px #00f0ff1f;padding:28px 30px;text-align:center;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}#overlay-title{font-size:clamp(30px,8vw,46px);letter-spacing:8px;color:var(--cyan);text-shadow:0 0 18px rgba(0,240,255,.45)}#overlay-sub{margin-top:4px;letter-spacing:3px;text-transform:uppercase;font-size:12px;color:var(--orange)}#overlay-body{margin:18px 0 10px;line-height:1.7;font-size:15px;color:#c5e4ee;text-align:left}.help{font-size:12px;letter-spacing:1px;color:#7a9aa8;margin-bottom:18px;line-height:1.8}kbd{display:inline-block;padding:1px 6px;border:1px solid rgba(0,240,255,.4);border-radius:3px;font-size:11px}#btn-start{border:none;padding:12px 34px;font-size:16px;font-weight:800;letter-spacing:3px;background:var(--cyan);color:#041018;cursor:pointer}#version{position:fixed;right:12px;bottom:8px;z-index:10;font-size:11px;opacity:.35;pointer-events:none}#touch-pad{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;padding:max(12px,env(safe-area-inset-bottom,12px));align-items:flex-end;justify-content:space-between}#touch-pad.active,html.touch-ui #touch-pad.active{display:flex}.stick-zone,.touch-actions{pointer-events:auto}.touch-actions{display:flex;gap:10px;align-items:flex-end}.stick-base{width:120px;height:120px;border-radius:50%;border:2px solid rgba(0,240,255,.35);background:#05081066;position:relative}.stick-knob{width:48px;height:48px;border-radius:50%;background:#00f0ff66;position:absolute;left:36px;top:36px}.touch-btn{width:72px;height:72px;border-radius:50%;border:2px solid rgba(0,240,255,.45);background:#05081080;color:#fff;font-weight:800;font-size:11px;letter-spacing:1px}.touch-btn.fire{width:88px;height:88px;background:#ff6a1a4d;border-color:#ff6a1ab3}#rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#04060af0;align-items:center;justify-content:center;flex-direction:column;gap:1rem;text-align:center;font-weight:800}#rotate-hint.show{display:flex}#rotate-hint .phone{width:42px;height:72px;border:3px solid var(--cyan);border-radius:8px;animation:tip-phone 1.4s ease-in-out infinite}@keyframes tip-phone{0%,to{transform:rotate(0)}40%,60%{transform:rotate(90deg)}}