:root{--cyan:#2ee6ff;--cyan-dim:#2ee6ff8c;--magenta:#ff3d7f;--amber:#ffb02e;--green:#3dffa2;--red:#ff5a3c;--bg:#05070f;--panel:#080e1ad1;--line:#2ee6ff47;--font:"Segoe UI", "SF Pro Display", system-ui, -apple-system, sans-serif;--mono:"SF Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;font-family:var(--font);color:#dfeaf5;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden}#app{position:fixed;inset:0}#app canvas{width:100%;height:100%;display:block}#app:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(#0000 55%,#0000058c 100%);position:absolute;inset:0}#hud{z-index:10;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}#hud.visible{opacity:1}.hud-top{padding:14px 18px;padding-top:max(14px, env(safe-area-inset-top));background:linear-gradient(#040810bf,#0000);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.hud-block label,.hud-status label{letter-spacing:.22em;color:var(--cyan-dim);font-size:10px;display:block}#hud-score{font-family:var(--mono);color:#eafcff;text-shadow:0 0 14px #2ee6ff80;font-size:26px;font-weight:700}#hud-stage{letter-spacing:.3em;color:var(--cyan);border:1px solid var(--line);background:var(--panel);border-radius:3px;padding:6px 14px;font-size:12px}.hud-block.right{text-align:right}#hud-hiscore{font-family:var(--mono);color:var(--cyan-dim);font-size:12px}.hud-buttons{pointer-events:auto;justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.hud-buttons button{font-family:var(--mono);letter-spacing:.14em;color:var(--cyan);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:3px;padding:5px 9px;font-size:10px}.hud-buttons button#pause-btn{padding:4px 10px;font-size:11px}.hud-buttons button.off{color:#63708a;border-color:#788caa40}.hud-bottom{background:linear-gradient(#0000,#040810b3);justify-content:space-between;align-items:flex-end;padding:16px 18px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-status{flex-direction:column;gap:6px;min-width:190px;display:flex}.lives-row,.bombs-row{align-items:center;gap:8px;display:flex}#hud-lives span{clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);filter:drop-shadow(0 0 4px #2ee6ffcc);background:linear-gradient(#bfefff,#2ee6ff);width:14px;height:8px;margin-right:5px;display:inline-block}#hud-lives em{color:#63708a;font-size:11px;font-style:normal}.armor-row{align-items:center;gap:8px;display:flex}.bar{border:1px solid var(--line);background:#0a1220cc;border-radius:4px;width:150px;height:7px;overflow:hidden}#armor-fill{background:linear-gradient(90deg, #1fa8d8, var(--cyan));width:100%;height:100%;transition:width .15s ease-out;box-shadow:0 0 10px #2ee6ffb3}#armor-fill.low{background:linear-gradient(90deg, #d84a2e, var(--red));box-shadow:0 0 10px #ff5a3ccc}#armor-fill.shield{background:linear-gradient(90deg, #1fd884, var(--green));box-shadow:0 0 12px #3dffa2e6}#armor-text{font-family:var(--mono);color:var(--cyan-dim);letter-spacing:.1em;font-size:10px}#hud-bombs i{border:1px solid var(--amber);background:#ffb02e59;width:9px;height:9px;margin-right:5px;display:inline-block;transform:rotate(45deg);box-shadow:0 0 8px #ffb02e8c}#hud-weapon{font-family:var(--mono);letter-spacing:.12em;color:var(--amber);text-shadow:0 0 10px #ffb02e80;font-size:12px}#hud-combo{opacity:0;flex-direction:column;align-items:flex-end;gap:5px;transition:opacity .15s;display:flex;position:absolute;top:42%;right:18px}#hud-combo.visible{opacity:1}#hud-combo b{font-family:var(--mono);color:var(--magenta);text-shadow:0 0 18px #ff3d7fbf;font-size:30px}.combo-track{background:#ff3d7f2e;border-radius:2px;width:74px;height:4px;overflow:hidden}#combo-fill{background:var(--magenta);height:100%;box-shadow:0 0 8px #ff3d7fcc}#banner{text-align:center;z-index:12;pointer-events:none;opacity:0;transition:opacity .35s,transform .35s;position:absolute;top:24%;left:0;right:0;transform:translateY(12px)}#banner.visible{opacity:1;transform:translateY(0)}#banner-title{letter-spacing:.28em;color:#eafcff;text-shadow:0 0 24px #2ee6ff99;font-size:30px;font-weight:800}#banner-sub{font-family:var(--mono);letter-spacing:.34em;color:var(--cyan-dim);margin-top:8px;font-size:12px}#powerup-toast{text-align:center;z-index:12;pointer-events:none;font-family:var(--mono);letter-spacing:.3em;color:var(--green);text-shadow:0 0 16px #3dffa2b3;opacity:0;font-size:15px;transition:opacity .2s,transform .2s;position:absolute;bottom:26%;left:0;right:0;transform:scale(.9)}#powerup-toast.visible{opacity:1;transform:scale(1)}#damage-vignette{z-index:11;pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#ff282866 100%);transition:opacity .1s;position:absolute;inset:0}.screen{z-index:20;-webkit-backdrop-filter:blur(6px);background:#03060cb8;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen.visible{display:flex}.screen-inner{text-align:center;max-width:560px;padding:40px 30px;animation:.45s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.kicker{font-family:var(--mono);letter-spacing:.42em;color:var(--cyan-dim);margin-bottom:14px;font-size:10px}.screen h1{letter-spacing:.12em;background:linear-gradient(180deg, #eafcff 20%, var(--cyan) 60%, #1479a8);color:#0000;filter:drop-shadow(0 0 26px #2ee6ff59);-webkit-background-clip:text;background-clip:text;font-size:clamp(52px,12vw,92px);font-weight:900;line-height:.95}.screen h1 span{color:var(--magenta);-webkit-text-fill-color:var(--magenta);filter:drop-shadow(0 0 26px #ff3d7f73)}.screen h2{letter-spacing:.24em;color:#eafcff;font-size:42px;font-weight:800}.screen h2.danger{color:#ffd9d0;text-shadow:0 0 30px #ff5a3ca6}.tagline{font-family:var(--mono);letter-spacing:.4em;color:var(--cyan-dim);margin-top:10px;font-size:12px}.controls-grid{grid-template-columns:repeat(3,1fr);gap:10px 22px;max-width:420px;margin:34px auto 10px;display:grid}.controls-grid div{flex-direction:column;gap:4px;display:flex}.controls-grid label{letter-spacing:.26em;color:var(--cyan-dim);font-size:9px}.controls-grid span{font-family:var(--mono);color:#dfeaf5;border:1px solid var(--line);background:var(--panel);border-radius:3px;padding:5px 6px;font-size:12px}#title-best{font-family:var(--mono);letter-spacing:.2em;color:var(--amber);margin-top:14px;font-size:12px}.cta{font-family:var(--font);letter-spacing:.3em;color:#04121a;background:linear-gradient(180deg, #9ff3ff, var(--cyan));cursor:pointer;border:none;border-radius:4px;margin-top:26px;padding:15px 44px;font-size:17px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 0 30px #2ee6ff73,inset 0 1px #ffffff80}.cta:hover{transform:translateY(-2px);box-shadow:0 0 44px #2ee6ffa6,inset 0 1px #ffffff80}.cta:active{transform:translateY(0)}.cta small{letter-spacing:.3em;opacity:.65;margin-top:2px;font-size:9px;font-weight:600;display:block}.new-record{width:max-content;font-family:var(--mono);letter-spacing:.3em;color:var(--amber);border:1px solid #ffb02e99;border-radius:3px;margin:16px auto 0;padding:5px 14px;font-size:11px;display:none;box-shadow:0 0 18px #ffb02e59}.new-record.visible{display:block}.over-score{margin-top:22px}.over-score label{letter-spacing:.3em;color:var(--cyan-dim);font-size:10px}.over-score span{display:block}#over-score{font-family:var(--mono);color:#eafcff;text-shadow:0 0 22px #2ee6ff80;font-size:44px;font-weight:700}#over-best{font-family:var(--mono);color:var(--cyan-dim);margin-top:6px;font-size:12px}#touch{z-index:15;pointer-events:none;display:none;position:absolute;inset:0}#touch.visible{display:block}#joy-zone{left:22px;bottom:calc(26px + env(safe-area-inset-bottom));border:1px solid var(--line);pointer-events:auto;touch-action:none;background:#080e1a59;border-radius:50%;width:138px;height:138px;position:absolute}#joy-knob{background:radial-gradient(circle at 35% 30%,#a0f0ff80,#2ee6ff40);border:1px solid #2ee6ff99;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px #2ee6ff59}.touch-buttons{right:22px;bottom:calc(26px + env(safe-area-inset-bottom));pointer-events:auto;align-items:flex-end;gap:16px;display:flex;position:absolute}.touch-buttons button{width:84px;height:84px;font-family:var(--mono);letter-spacing:.12em;color:#eafcff;border:1px solid var(--line);touch-action:none;background:#080e1a80;border-radius:50%;font-size:13px;font-weight:700}#btn-bomb{color:var(--amber);border-color:#ffb02e8c;box-shadow:0 0 16px #ffb02e33}#btn-boost{color:var(--magenta);border-color:#ff3d7f8c;box-shadow:0 0 16px #ff3d7f33}.touch-buttons button.pressed{background:#2ee6ff38}.controls-touch,body.touch-mode .controls-grid{display:none}body.touch-mode .controls-touch{font-family:var(--mono);letter-spacing:.18em;color:var(--cyan-dim);margin:26px 0 4px;font-size:11px;line-height:2;display:block}body.touch-mode .hud-bottom{padding-bottom:calc(178px + env(safe-area-inset-bottom))}body.touch-mode .hud-status{min-width:160px}@media (width<=420px){.hud-top{padding-left:12px;padding-right:12px}#hud-score{font-size:20px}#hud-stage{letter-spacing:.2em;padding:5px 10px;font-size:10px}#hud-hiscore{font-size:10px}.controls-grid{grid-template-columns:repeat(2,1fr)}#hud-combo{top:38%}}