:root{--cyan:#59e8ff;--violet:#a878ff;--gold:#ffd36b;--red:#ff5f78;--ink:#02050b}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background:#02040a;color:#eaf6ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
#wrap{width:100%;height:calc(100dvh - var(--ah-shell-height,68px));padding:10px 14px 14px}
#hud{position:relative;z-index:3;display:grid;grid-template-columns:minmax(150px,1.3fr) repeat(4,auto) repeat(4,minmax(70px,.6fr)) auto auto;align-items:center;gap:9px;min-height:58px;padding:8px 10px;border:1px solid rgba(89,232,255,.22);border-radius:13px 13px 4px 4px;background:linear-gradient(180deg,rgba(13,23,37,.96),rgba(5,10,18,.96));box-shadow:0 12px 35px rgba(0,0,0,.45)}
.hud-brand small,.hud-stat small{display:block;color:#71869a;font-size:.47rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hud-brand strong{display:block;margin-top:2px;color:#bff8ff;font-size:.76rem}.hud-stat{min-width:42px}.hud-stat strong{font-size:.82rem}.hud-stat.combo strong{color:var(--gold)}
.hud-meter{min-width:65px}.hud-meter>span{display:block;margin-bottom:4px;color:#71869a;font-size:.44rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.hud-meter>div{height:5px;overflow:hidden;border-radius:9px;background:#202b38}.hud-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--cyan);transition:width .18s}.hud-meter.hull i{background:linear-gradient(90deg,#ff5f78,#ff9e6b)}.hud-meter.shield i{background:linear-gradient(90deg,#4bbdff,#9b8cff)}.hud-meter.wave i{background:linear-gradient(90deg,#8f68ff,#ff77cd)}.hud-meter.bomb i{background:linear-gradient(90deg,#ffae52,#fff18c)}
#hud button{padding:8px 10px;border:1px solid #304258;border-radius:8px;background:#0e1724;color:#dcecff;font-size:.62rem;font-weight:800;cursor:pointer}
#gameStage{position:relative;height:calc(100% - 66px);overflow:hidden;border:1px solid rgba(89,232,255,.25);border-radius:4px 4px 15px 15px;background:#010309;box-shadow:inset 0 0 80px #000,0 20px 55px rgba(0,0,0,.45)}
canvas{display:block;width:100%;height:100%;touch-action:none}
#message{position:absolute;left:50%;top:14%;padding:8px 15px;border:1px solid rgba(89,232,255,.25);border-radius:999px;background:rgba(3,10,18,.76);color:#c9f9ff;font-size:.64rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;opacity:0;transform:translate(-50%,-8px);transition:.25s;pointer-events:none}#message.show{opacity:1;transform:translate(-50%,0)}
#bossBanner{position:absolute;top:17%;left:50%;width:min(500px,80%);padding:12px;text-align:center;opacity:0;transform:translate(-50%,-12px);transition:.35s;pointer-events:none}#bossBanner.show{opacity:1;transform:translate(-50%,0)}#bossBanner small{display:block;color:#ff7e9b;font-size:.57rem;font-weight:900;letter-spacing:.25em;text-transform:uppercase}#bossBanner strong{display:block;margin-top:4px;font-family:Georgia,serif;font-size:2rem;font-weight:400;text-shadow:0 0 25px #ff365c}
#overlay,#upgradeOverlay{position:fixed;z-index:30;inset:var(--ah-shell-height,68px) 0 0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 20%,rgba(0,216,255,.13),transparent 30%),radial-gradient(circle at 78% 74%,rgba(139,82,255,.15),transparent 34%),rgba(1,4,10,.94);backdrop-filter:blur(8px)}
#overlay[hidden],#upgradeOverlay[hidden]{display:none}.panel,.upgrade-panel{width:min(790px,94vw);padding:clamp(24px,5vw,48px);border:1px solid rgba(89,232,255,.26);border-radius:22px;background:linear-gradient(145deg,rgba(12,22,38,.98),rgba(5,8,16,.98));box-shadow:0 35px 110px rgba(0,0,0,.7),0 0 70px rgba(64,196,255,.07);text-align:center}.mission-kicker,.upgrade-panel>p{margin:0;color:var(--cyan);font-size:.59rem;font-weight:950;letter-spacing:.26em;text-transform:uppercase}.panel h1{margin:10px 0 0;font-size:clamp(3rem,8vw,5.8rem);line-height:.85;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 35px rgba(89,232,255,.25)}.panel h2{margin:11px 0 0;color:#9a7cff;font-size:clamp(.85rem,2vw,1.2rem);letter-spacing:.42em;text-transform:uppercase}.mission-brief{max-width:600px;margin:20px auto 24px;color:#9eb0c4;line-height:1.65}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.control-card{display:grid;gap:6px;padding:18px 12px;border:1px solid #283a52;border-radius:13px;background:rgba(10,18,31,.78)}.control-card i{color:var(--cyan);font-style:normal;font-size:1.5rem}.control-card b{color:#75879a;font-size:.53rem;letter-spacing:.15em;text-transform:uppercase}.control-card strong{font-size:.9rem;letter-spacing:.17em}.control-card span{color:#8192a6;font-size:.62rem;line-height:1.45}.launch{margin-top:24px;padding:14px 30px;border:1px solid #5be9ff;border-radius:999px;background:linear-gradient(100deg,#1ebde0,#6b4ff2);color:white;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 30px rgba(73,211,255,.18);cursor:pointer}.fine-print{margin:17px 0 0;color:#5e7084;font-size:.58rem}
.upgrade-panel h2{margin:8px 0 24px;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:400}#upgradeChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#upgradeChoices button{display:grid;align-content:start;gap:7px;min-height:175px;padding:20px 16px;border:1px solid #30435b;border-radius:14px;background:linear-gradient(145deg,#101c2c,#080d16);color:white;text-align:left;cursor:pointer;transition:.2s}#upgradeChoices button:hover,#upgradeChoices button:focus-visible{outline:none;border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.3)}#upgradeChoices i{color:var(--gold);font-style:normal;font-size:1.7rem}#upgradeChoices strong{font-size:.9rem}#upgradeChoices span{color:#8fa0b3;font-size:.68rem;line-height:1.55}
#touchControls{display:none}
@media(max-width:850px){#wrap{padding:5px}#hud{grid-template-columns:1fr repeat(3,auto);gap:5px;min-height:50px}.hud-brand{display:none}.hud-stat:nth-of-type(4),.hud-meter.hull,.hud-meter.shield,.hud-meter.wave,.hud-meter.bomb{display:none}#hud button{padding:7px;font-size:.52rem}#gameStage{height:calc(100% - 55px)}#touchControls{position:absolute;inset:0;display:block;pointer-events:none}#touchControls i{position:absolute;bottom:20px;width:76px;height:76px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(5,12,20,.22)}.touch-move{left:20px}.touch-aim{right:20px}}
@media(max-width:600px){.control-grid,#upgradeChoices{grid-template-columns:1fr}.control-card{display:grid;grid-template-columns:auto 1fr;min-height:0;text-align:left}.control-card i{grid-row:1/4}.panel{max-height:calc(100dvh - 95px);overflow:auto}.panel h1{font-size:2.7rem}#upgradeChoices button{min-height:0}.upgrade-panel{max-height:90%;overflow:auto}}