:root{--bg:#020611;--panel:#07142a;--line:rgba(163,211,255,.24);--ink:#f5fbff;--muted:#8ca5c2;--cyan:#52efff;--magenta:#ff4fc7;--gold:#ffd15a}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}button,a{font:inherit}
.topbar{height:56px;padding:0 clamp(14px,2.5vw,42px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(5,16,39,.98),rgba(8,24,52,.98));position:relative;z-index:20}.brand{color:#fff;text-decoration:none;font-size:1rem;font-weight:950;letter-spacing:-.055em}.brand span{color:var(--cyan)}.mission-title{display:grid;text-align:center;line-height:1}.mission-title b{font-size:.78rem;letter-spacing:.22em}.mission-title span{margin-top:5px;color:#91a9c6;font-size:.58rem;font-weight:850;letter-spacing:.13em}.top-actions{justify-self:end;display:flex;align-items:center;gap:8px}.top-actions button,.top-actions a,.test-mode{height:34px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--line);color:#dcecff;background:rgba(255,255,255,.04);text-decoration:none;font-size:.66rem;font-weight:900;letter-spacing:.06em}.test-mode{color:#07131f;background:var(--gold);border-color:var(--gold)}
.game-shell{height:calc(100dvh - 56px);display:grid;place-items:center;padding:8px;background:radial-gradient(circle at 50% 20%,#102751 0,transparent 52%),#01040b}.stage-wrap{position:relative;width:min(calc((100dvh - 72px) * 16 / 9),calc(100vw - 16px));aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(152,203,255,.35);border-radius:12px;background:#020814;box-shadow:0 0 0 1px rgba(82,239,255,.09),0 30px 90px #000}canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:#020713;touch-action:none}
.hud{position:absolute;z-index:5;left:0;right:0;pointer-events:none}.hud small{display:block;color:#9bb0ca;font-size:clamp(.48rem,.65vw,.66rem);font-weight:900;letter-spacing:.14em}.hud strong{display:block;margin-top:3px;font-size:clamp(.72rem,1.15vw,1.05rem);font-variant-numeric:tabular-nums}.hud-top{top:0;padding:clamp(8px,1.1vw,16px) clamp(10px,1.4vw,22px);display:grid;grid-template-columns:140px 90px 150px 1fr;gap:16px;background:linear-gradient(#020814e8,transparent)}.boss-readout{justify-self:end;width:min(360px,30vw);opacity:0;transition:opacity .3s}.boss-readout.visible{opacity:1}.boss-readout span{height:8px;margin-top:7px;display:block;overflow:hidden;border:1px solid #ff8ac4;background:#26071c}.boss-readout i{height:100%;display:block;width:100%;background:linear-gradient(90deg,#ff3a9d,#ffd258);box-shadow:0 0 14px #ff3a9d}
.hud-bottom{bottom:0;padding:clamp(8px,1vw,14px) clamp(10px,1.4vw,22px);display:grid;grid-template-columns:1.1fr 1.35fr .7fr 1.35fr .75fr;gap:clamp(7px,1vw,15px);align-items:end;background:linear-gradient(transparent,#020814f5 45%)}.meter-block,.polarity-block,.lives-block{padding:8px 10px;border-left:2px solid rgba(120,181,238,.35);background:linear-gradient(90deg,rgba(9,28,58,.75),transparent)}.meter-block small b{float:right;color:#fff}.meter-block em{display:block;margin-top:4px;color:#c7e9ff;font-size:clamp(.42rem,.54vw,.54rem);font-style:normal;font-weight:900;letter-spacing:.06em;white-space:nowrap}.bar{height:7px;margin-top:7px;display:block;overflow:hidden;background:#182946}.bar i{height:100%;width:0;display:block;background:linear-gradient(90deg,var(--cyan),#fff);box-shadow:0 0 10px var(--cyan);transition:width .14s}.overdrive .bar i{background:linear-gradient(90deg,var(--magenta),var(--gold),#fff);box-shadow:0 0 12px var(--magenta)}.segmented{height:9px;margin-top:7px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.segmented i{background:#173250}.segmented i.on{background:linear-gradient(90deg,#43d8ff,#dcffff);box-shadow:0 0 8px #43d8ff}.segmented i.danger{background:#ff4c6a;box-shadow:0 0 8px #ff4c6a}.polarity-block button{pointer-events:auto;width:100%;margin-top:5px;padding:5px 6px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(82,239,255,.5);color:#dffcff;background:#071b35;font-size:.65rem;font-weight:950;letter-spacing:.08em}.polarity-block button i{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.polarity-block.magenta button{border-color:rgba(255,79,199,.55);color:#ffe0f7}.polarity-block.magenta button i{background:var(--magenta);box-shadow:0 0 12px var(--magenta)}.lives-block{text-align:right}.lives-block strong{color:var(--gold);letter-spacing:.18em}
.start-panel,.pause-panel{position:absolute;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:clamp(18px,4vw,70px);background:radial-gradient(circle at 64% 43%,rgba(21,77,126,.32),transparent 27%),linear-gradient(90deg,rgba(2,7,20,.97),rgba(2,8,24,.82));backdrop-filter:blur(3px)}.start-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 52%,rgba(82,239,255,.07) 52.2% 52.4%,transparent 52.6%),repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.013) 5px);pointer-events:none}.eyebrow{position:relative;margin:0 0 8px;color:var(--cyan);font-size:clamp(.54rem,.75vw,.72rem);font-weight:950;letter-spacing:.2em}.start-panel h1{position:relative;margin:0;font-size:clamp(3rem,8vw,7.7rem);line-height:.73;letter-spacing:-.075em;text-shadow:0 0 35px rgba(82,239,255,.16)}.start-panel h1 span{color:transparent;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 20px rgba(82,239,255,.35)}.lead{position:relative;max-width:700px;margin:18px auto 14px;color:#b9cae0;font-size:clamp(.72rem,1.1vw,1rem);line-height:1.45}.control-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:92%;max-width:880px;margin:8px auto 16px}.control-grid span{padding:7px 5px;border:1px solid rgba(146,194,236,.18);background:rgba(11,31,62,.7)}.control-grid kbd,.control-grid b{display:block}.control-grid kbd{color:#fff;font-size:clamp(.52rem,.7vw,.68rem);font-family:inherit;font-weight:900}.control-grid b{margin-top:4px;color:#7f9dbc;font-size:clamp(.45rem,.58vw,.56rem);letter-spacing:.09em}.launch{position:relative;min-width:260px;padding:14px 24px;border:0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);color:#03101e;background:linear-gradient(90deg,var(--cyan),#e3ffff);box-shadow:0 0 30px rgba(82,239,255,.35);font-weight:950;letter-spacing:.08em;cursor:pointer}.launch:hover{filter:brightness(1.12);transform:translateY(-1px)}.device-hint{position:relative;margin:10px 0 0;color:#6f89a8;font-size:clamp(.53rem,.7vw,.68rem)}
.pause-panel{background:rgba(2,7,20,.82)}.pause-panel small{color:var(--cyan);font-weight:900;letter-spacing:.22em}.pause-panel strong{font-size:clamp(3rem,7vw,7rem);letter-spacing:-.05em}.pause-panel span{color:#afc0d5}.hidden{display:none!important}.announcement{position:absolute;z-index:7;left:50%;top:24%;transform:translate(-50%,-50%) scale(.86);opacity:0;min-width:42%;padding:10px 24px;text-align:center;color:#fff;border-top:1px solid rgba(126,220,255,.6);border-bottom:1px solid rgba(126,220,255,.6);background:linear-gradient(90deg,transparent,rgba(5,28,61,.86),transparent);font-size:clamp(.8rem,2vw,1.7rem);font-weight:950;letter-spacing:.18em;text-transform:uppercase;transition:.22s;pointer-events:none}.announcement.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.controls-title{position:relative;margin:2px 0 0;color:#fff;font-size:clamp(.62rem,.9vw,.82rem);font-weight:950;letter-spacing:.16em}.pause-controls{width:min(720px,82vw);margin:18px 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pause-controls>span{padding:9px 6px;border:1px solid rgba(126,220,255,.2);background:rgba(9,30,62,.72);color:#9fc4e5;font-size:clamp(.5rem,.7vw,.66rem);font-weight:850;letter-spacing:.08em}.pause-controls b{display:block;margin-bottom:4px;color:#fff;font-size:clamp(.55rem,.8vw,.72rem)}
.bonus-legend{position:relative;max-width:900px;margin:-7px auto 10px;color:#86a8c8;font-size:clamp(.48rem,.62vw,.62rem);font-weight:750;letter-spacing:.035em}.bonus-legend b{color:#ffe06a;font-size:1.1em}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.mission-title{display:none}.test-mode{display:none}.hud-top{grid-template-columns:100px 58px 100px 1fr}.hud-bottom{grid-template-columns:1fr 1fr .75fr 1fr}.lives-block{display:none}.control-grid{grid-template-columns:repeat(3,1fr)}.lead{max-width:590px}}@media(max-height:620px){.topbar{height:44px}.game-shell{height:calc(100dvh - 44px);padding:4px}.stage-wrap{width:min(calc((100dvh - 52px) * 16 / 9),calc(100vw - 8px));border-radius:7px}.start-panel h1{font-size:clamp(2.8rem,11vh,5.2rem)}.lead{margin:10px auto 8px}.control-grid{margin:4px auto 9px}.control-grid span{padding:4px}.launch{padding:10px 20px}.device-hint{margin-top:6px}.hud-bottom{padding-bottom:7px}}@media(max-width:620px){.top-actions button{display:none}.topbar{padding-inline:10px}.hud-top{grid-template-columns:1fr 1fr 1fr}.boss-readout{position:absolute;top:48px;left:16%;width:68%}.hud-bottom{grid-template-columns:1fr 1fr}.polarity-block,.lives-block{display:none}.control-grid{display:none}.lead{max-width:88%}}