:root{color-scheme:dark;--navy:#041426;--cyan:#04b8ff;--teal:#14d2ad;--gold:#ffc844;--muted:#a8bfd4}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--navy);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f6fbff}
body{overscroll-behavior:none}
button,select{font:inherit}
button{border:1px solid #5fa4b449;border-radius:9px;background:#092435e8;color:#dff6ff;font-size:12px;cursor:pointer;touch-action:none;min-height:42px;padding:10px 16px;font-weight:750}
button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
button:active,button.active{background:#08778c;color:#fff}
canvas#game{touch-action:none;position:fixed;inset:0;width:100%;height:100%;outline:none}
.hidden{display:none!important}
.hud{touch-action:none;position:fixed;inset:0;pointer-events:none;padding:max(18px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.hud button,.touch{pointer-events:auto}
.top{display:flex;align-items:flex-start;gap:18px}
.brand{width:176px;height:auto;filter:drop-shadow(0 2px 3px #000)}
.vitals{margin-left:auto;width:240px;padding:10px 12px;background:#041426cc;border:1px solid #5fa4b449;border-radius:8px}
.meter-label{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.1em}
.meter{height:7px;background:#2a3b50;margin:7px 0;border-radius:2px;overflow:hidden}
.meter div{height:100%;width:72%;background:linear-gradient(90deg,#04b8ff,#14d2ad);transition:width .12s}
.full .meter div{background:#ffc844}
.full .meter-label{color:#ffc844}
.health-label{font-size:9px;display:flex;gap:8px}
.health-label span:last-child{margin-left:auto;color:#a8bfd4}
.small{padding:7px 10px;font-size:11px}
.mission{margin-top:16px;max-width:min(460px,58vw);text-shadow:0 2px 4px #000}
.mission span{font-size:10px;letter-spacing:.16em;color:#ffc844;font-weight:850}
.mission strong{display:block;font-size:18px;margin:5px 0;line-height:1.2}
.mission small{color:#bddeeb;font-size:12px}
#toast{position:absolute;top:24%;left:50%;transform:translateX(-50%);text-align:center;font-size:13px;color:#ffd675;letter-spacing:.13em;opacity:0;transition:opacity .3s;max-width:70%;padding:10px 16px;background:#041426cc;border-radius:6px}
#toast.visible{opacity:1}
.telemetry{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.08em;color:#b3d5e7;white-space:nowrap;background:#041426b8;padding:10px 14px;border-radius:6px}
.telemetry span{color:var(--teal);margin-right:10px}
.telemetry b{color:white}
.telemetry small{margin-left:12px;color:#748fa7}
.navigation{position:absolute;right:22px;bottom:24px;display:flex;align-items:center;flex-direction:column;gap:5px}
#radar{width:150px;height:150px;background:#041426b8;border:1px solid #41647d70;border-radius:50%}
#bearing{font-size:10px;text-shadow:0 1px 4px #000;color:var(--gold)}
.desktop-help{position:absolute;left:22px;bottom:28px;font-size:10px;line-height:1.8;color:#a8bfd4;text-shadow:0 2px 4px #000}
.touch{display:none;position:absolute;inset:0;pointer-events:none}
#stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(32px,env(safe-area-inset-bottom));width:128px;height:128px;border:2px solid #9ed5e64d;border-radius:50%;background:#04142680;pointer-events:auto;touch-action:none}
#stickNub{position:absolute;left:40px;top:40px;width:44px;height:44px;border-radius:50%;background:#61c2d57a;border:1px solid #9eeeff}
#stick span{position:absolute;bottom:12px;width:100%;text-align:center;font-size:9px;letter-spacing:.08em;color:#b2e1ee}
.touch-actions{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,64px);gap:9px;pointer-events:auto}
.touch-actions button{height:54px;padding:2px;font-size:10px;border-radius:50%;background:#092435c9}
.touch-actions button[data-action=beam]{color:#ffc844}
.touch-mode .touch{display:block}
.touch-mode .desktop-help{display:none}
.touch-mode .navigation{bottom:155px;right:24px}
.touch-mode #radar{width:90px;height:90px}
.touch-mode .telemetry{bottom:20px;font-size:9px}
.overlay{touch-action:pan-y;overscroll-behavior:contain;position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 35%,#061b2d4d,#021020d9)}
.panel{max-height:95dvh;overflow:auto;width:min(760px,94vw);padding:30px 44px;border:1px solid #8ed3ee30;border-radius:18px;background:#041426e8;box-shadow:0 25px 90px #0008;text-align:center}
.menu-brand{width:186px;max-width:40vw;margin-bottom:18px}
.eyebrow{color:var(--teal);font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:800}
h1{font-size:clamp(36px,7vw,82px);font-weight:950;letter-spacing:-.06em;line-height:.95;margin:17px 0}
h1 span{display:block;font-size:clamp(12px,2.3vw,21px);letter-spacing:.12em;color:var(--gold);margin-top:14px}
h2{font-size:clamp(28px,6vw,48px);letter-spacing:-.03em;margin:12px 0}
.lede{font-size:18px;color:#e5f3fc;line-height:1.5;margin:16px 0}
.intro,.compact p{font-size:13px;line-height:1.7;color:#a8bfd4}
.menu-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px auto;text-align:left;max-width:470px;font-size:12px;color:#a8bfd4;line-height:1.7}
.menu-controls b{display:block;color:white;font-size:10px;letter-spacing:.12em}
.settings{display:flex;justify-content:center;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;color:#a8bfd4}
select{padding:7px 10px;border-radius:6px;background:#092435;color:#fff;border:1px solid #41647d;margin-left:4px}
.settings label{display:flex;align-items:center;gap:4px}
.primary{background:#14d2ad;color:#031426;border:0;padding:15px 26px;margin:24px auto 14px;display:block;font-size:13px;letter-spacing:.08em;min-width:230px}
.primary span{margin-left:28px}
.secondary{margin:4px 6px 14px;font-size:11px}
.panel small{display:block;color:#7899b0;font-size:10px;line-height:1.5}
#rotate{display:none;position:fixed;left:15%;right:15%;bottom:200px;text-align:center;pointer-events:none;background:#041426ca;padding:8px;border-radius:8px;font-size:10px;color:#b2e1ee}
#rotate small{font-size:9px}
@media(pointer:coarse){.touch{display:block}
.desktop-help{display:none}
.navigation{bottom:155px;right:24px}
#radar{width:90px;height:90px}
.telemetry{bottom:20px;font-size:9px}
}
@media(max-height:550px){.hud{padding:10px 16px}
.brand{width:128px}
.vitals{width:210px;padding:6px 9px}
.mission{margin-top:6px;max-width:65vw}
.mission strong{font-size:14px}
.mission small{font-size:10px}
.navigation{bottom:150px!important;right:16px}
#radar{width:72px!important;height:72px!important}
#bearing{font-size:9px}
.panel{padding:16px 26px}
.menu-brand{width:120px;margin-bottom:8px}
h1{font-size:42px;margin:10px 0}
.lede{font-size:14px;margin:9px 0}
.intro{margin:6px}
.menu-controls{margin:10px auto}
.primary{margin:12px auto 8px;padding:12px 20px}
.eyebrow{font-size:9px}
.touch-actions{bottom:20px;gap:7px;grid-template-columns:repeat(3,58px)}
.touch-actions button{height:50px}
#stick{width:112px;height:112px;bottom:24px}
#stickNub{left:32px;top:32px}
.telemetry{bottom:12px}
.desktop-help{bottom:12px;max-width:35%}
}
@media(max-width:600px) and (orientation:portrait){.brand{width:100px}
.vitals{width:185px}
.top{gap:7px}
.mission{max-width:90vw}
.mission strong{font-size:16px}
.menu-controls{font-size:11px}
.panel{padding:22px 18px}
.navigation{bottom:190px!important}
#radar{width:72px!important;height:72px!important}
#rotate{display:block;top:215px;bottom:auto}
.touch-actions{right:15px;grid-template-columns:repeat(3,54px);gap:5px}
.touch-actions button{height:52px}
#stick{left:15px;width:106px;height:106px}
#stickNub{left:29px;top:29px}
.telemetry{bottom:8px;padding:6px;font-size:8px}
.telemetry small{display:none}
}




/* v4 polish: retain the existing HUD and spend screen space on the coast. */
.top .small{min-width:44px;min-height:44px}
.mission{position:relative;padding-right:38px;transition:opacity .35s}
#hintBtn{position:absolute;right:0;top:0;border:0;background:#04142644;min-width:44px;min-height:44px;font-size:15px;pointer-events:auto}
.mission small{transition:opacity .35s,max-height .35s;display:block;max-height:80px}
.mission.hints-closed small{opacity:0;max-height:0;overflow:hidden}
.hud.quiet .mission,.hud.quiet .navigation,.hud.quiet .telemetry,.hud.quiet .shard-counter{opacity:.72}
.hud.quiet .navigation:hover,.hud.quiet .navigation:focus-within{opacity:1}
.navigation,.telemetry,.shard-counter{transition:opacity .3s}
.nav-actions{display:flex;gap:5px}.nav-actions button{min-height:44px;padding:6px 9px;font-size:9px}
.shard-counter{position:absolute;left:22px;top:215px;font-size:14px;color:#ffd675;text-shadow:0 2px 4px #000}
.shard-counter small{font-size:8px;letter-spacing:.1em;color:#a8bfd4;margin-left:7px}
.mission-card{position:absolute;left:50%;top:21%;transform:translate(-50%,-8px);width:min(450px,68vw);padding:14px 20px;background:#041426e3;border-left:3px solid #14d2ad;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}
.mission-card.visible{opacity:1;transform:translate(-50%,0)}
.mission-card span{font-size:10px;color:#ffc844;letter-spacing:.13em;display:block}.mission-card strong{display:block;font-size:22px;margin:4px 0;line-height:1.1}.mission-card small{font-size:11px;color:#a8bfd4;display:block;white-space:pre-line}
.full-banner{position:absolute;left:50%;top:24%;transform:translateX(-50%);font-size:30px;letter-spacing:.15em;color:#ffe198;opacity:0;text-align:center;text-shadow:0 2px 8px #000;transition:opacity .2s;pointer-events:none;white-space:nowrap}.full-banner small{font-size:10px;display:block;letter-spacing:.2em;margin-top:5px}.full-banner.visible{opacity:1}
.vitals.recharging .meter{animation:signal-pulse 1.6s ease-in-out infinite}@keyframes signal-pulse{50%{opacity:.65}}
.boss-hud{position:absolute;left:50%;top:22px;transform:translateX(-50%);width:min(330px,32vw);background:#041426b8;padding:7px 10px;border-radius:5px;font-size:9px}.boss-hud span{display:flex;justify-content:space-between;gap:8px}.boss-hud b{font-size:8px;color:#ffc844}.boss-hud .meter{margin:5px 0 0;height:5px}.boss-hud .meter div{background:#dc8edf}
#debugHud{position:fixed;left:12px;bottom:92px;z-index:4;pointer-events:none;white-space:pre;background:#031426e6;color:#a6f6dd;border:1px solid #4f988b55;padding:9px;font:10px/1.45 ui-monospace,monospace;max-width:85vw}
.touch-actions button{background:#09243588;min-width:52px;min-height:52px}
.touch-actions button.active{background:#08778ce6;box-shadow:0 0 0 2px #8ae9ed66}
.touch-mode .navigation{bottom:145px;right:20px}.touch-mode #radar{width:68px;height:68px}
.touch-mode .shard-counter{top:185px;font-size:12px}.touch-mode .shard-counter small{display:none}
@media(pointer:coarse){.navigation{bottom:145px;right:20px}#radar{width:68px;height:68px}.shard-counter small{display:none}.shard-counter{top:185px}.top{gap:8px}.brand{width:100px}}
@media(max-height:550px){.top{gap:8px}.brand{width:100px}.vitals{width:196px}.mission{max-width:52vw}.mission strong{font-size:13px}.mission small{font-size:9px}.navigation{bottom:136px!important;right:16px}#radar{width:54px!important;height:54px!important}.touch-actions{grid-template-columns:repeat(3,58px);gap:7px;bottom:18px}.touch-actions button{height:52px}.shard-counter,.touch-mode .shard-counter{top:165px;left:16px;font-size:11px}.shard-counter small{display:none}.mission-card{top:21%;width:min(370px,52vw);padding:10px 14px}.mission-card strong{font-size:17px}.mission-card small{font-size:9px}.full-banner{font-size:23px;top:24%}.boss-hud{top:auto;bottom:45px;width:min(230px,30vw)}#toast{font-size:10px;top:27%;max-width:54%;padding:6px 12px}.telemetry{font-size:9px}}
@media(max-width:600px) and (orientation:portrait){.hud{padding:14px 12px}.brand{width:70px}.vitals{width:156px;min-width:135px;padding:7px}.top{gap:5px}.meter-label{font-size:8px}.health-label{font-size:8px}.top .small{padding:6px;min-width:44px}.mission{max-width:95vw}.navigation{bottom:162px!important;right:14px}#radar{width:58px!important;height:58px!important}.shard-counter,.touch-mode .shard-counter{top:183px;left:15px}.shard-counter small{display:none}.mission-card{top:28%;width:85vw}.mission-card strong{font-size:19px}.full-banner{font-size:23px;top:27%}.boss-hud{top:auto;bottom:138px;width:62vw}#rotate{top:217px;font-size:9px}#toast{top:33%;font-size:10px}}
@media(prefers-reduced-motion:reduce){.vitals.recharging .meter{animation:none}.mission-card,.full-banner,.mission,.navigation,.telemetry{transition:none}}

/* v5: combat information lives at the reticle, leaving the coast visible. */
.target-control{position:absolute;transform:translate(-50%,-50%);width:52px;height:52px;min-height:52px;padding:0;border:1px dashed #b0f2dc99;border-radius:50%;background:#04142618;color:#e3ffe9;font-size:23px;pointer-events:auto}
.target-control:hover,.target-control:focus-visible{background:#0c494977}
.target-info{position:absolute;transform:translateX(-50%);font-size:9px;color:#bdffe0;text-shadow:0 2px 3px #000;white-space:nowrap;pointer-events:none}
.vitals.draining .meter div{background:linear-gradient(90deg,#9f6bd9,#e3a0ed)}
.vitals.draining #signal{color:#e3a0ed}
#homeBtn.urgent{border-color:#ffc844;color:#ffe299;background:#4b391cb8}
.hud.quiet .mission strong{font-size:14px;opacity:.72}.hud.quiet .desktop-help{opacity:.36}
.victory-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.victory-stats b{display:block;color:#edf9ef;font-size:18px}.victory-stats small{font-size:9px;color:#9db9c9}
#rank{display:block;color:#ffc844;letter-spacing:.15em;font-size:13px}
#menu .panel,#victory .panel{background:#041426d1}
@media(min-width:1100px) and (min-height:551px){#menu .panel{justify-self:end;width:600px;padding:24px 32px;margin-right:22px}#menu h1{font-size:68px}#menu h1 span{font-size:16px}#victory .panel{justify-self:end;width:480px;margin-right:28px}}
@media(max-height:550px){.target-info{font-size:8px}.mission.hints-closed strong{font-size:11px}.desktop-help{max-width:36%;font-size:9px}.victory-stats{gap:6px;margin:10px 0}.victory-stats b{font-size:14px}#victory .lede{font-size:11px;line-height:1.4;margin:6px}#victory h2{font-size:28px;margin:6px}#victory .primary{margin:8px auto 4px}.hud{padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}
@media(max-width:700px) and (orientation:landscape){.brand{width:76px}.top{gap:5px}.vitals{width:185px}.mission{max-width:54vw}.mission-card{top:22%;width:48vw}.mission-card strong{font-size:14px}.mission-card small{font-size:8px}#toast{font-size:9px}.navigation{right:max(12px,env(safe-area-inset-right))}.touch-actions{right:max(12px,env(safe-area-inset-right));grid-template-columns:repeat(3,52px);gap:6px}#stick{left:max(16px,env(safe-area-inset-left));width:106px;height:106px}#stickNub{left:29px;top:29px}.boss-hud{bottom:47px;width:220px;max-width:34vw;padding:5px}.boss-hud span{font-size:8px}.boss-hud b{font-size:7px}.shard-counter,.touch-mode .shard-counter{top:142px}}
@media(min-width:1100px) and (min-height:551px){#menu .menu-brand{width:138px;margin-bottom:10px}#menu h1{font-size:60px;margin:12px 0}#menu .lede{font-size:15px;margin:12px 0}#menu .menu-controls{margin:15px auto}#menu .primary{margin:16px auto 10px}}

/* Episode III: black-suit recovery palette */
:root{--steel:#93f4ff;--steel2:#7fb6ff;--mourning:#05070b;--recovery:#d9faff}
.panel{box-shadow:0 0 0 1px #7defff24,0 24px 80px #000b}
.panel h1,.panel h2{letter-spacing:.035em}
.eyebrow{color:#93f4ff}
.primary{background:linear-gradient(135deg,#dffcff,#68dbe7 55%,#89a7ff);color:#041017}
.full-banner{border-color:#9efaffaa;box-shadow:0 0 30px #7defff22}
.meter>div{background:linear-gradient(90deg,#5f8bff,#65e6e1,#e6fbff)}
#game{background:#05070b}

/* Vengeance Edition: suit telemetry is also an accessible three-power control strip. */
.suit-hud{position:absolute;bottom:90px;left:22px;width:318px;padding:9px 10px 8px;background:#07131fdf;border:1px solid #8bdafc42;border-radius:10px;pointer-events:auto;box-shadow:0 8px 25px #0004}
.vengeance-label{display:flex;justify-content:space-between;color:#adc4de;font-size:9px;font-weight:800;letter-spacing:.15em}
.vengeance-meter{height:3px;background:#263445;margin:7px 0 9px;overflow:hidden;border-radius:4px}.vengeance-meter div{height:100%;width:0;background:linear-gradient(90deg,#5b86ff,#b59dff,#ecfaff);transition:width .12s}
.suit-powers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.suit-powers button{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:54px;padding:6px 4px;background:#112434cc;font-size:9px;border-radius:5px;letter-spacing:.025em}.suit-powers kbd{font:800 11px ui-monospace,monospace;color:#a8eeff}.suit-powers small{font-size:8px;color:#8daabd}.suit-powers button.active{background:#20657dcc;border-color:#c4faff;box-shadow:0 0 14px #7cefff22}
.suit-hud.charged{border-color:#c3a2ff}.charged [data-action="overdrive"]{background:#46325ebd;color:#f4e8ff;border-color:#b893df}.charged #vengeanceState{color:#e0bcff}.suit-hud.overdriving{border-color:#c2fbff;background:#143249dd}.overdriving #vengeanceState{color:#a6f9ff}
.chain-readout{position:absolute;bottom:calc(100% + 8px);left:0;right:0;text-align:center;color:#dfc3ff;font-size:13px;font-weight:900;letter-spacing:.12em;text-shadow:0 2px 8px #000}
.resurrection{position:absolute;left:50%;top:64%;transform:translateX(-50%);text-align:center;opacity:0;transition:opacity .6s;pointer-events:none;white-space:nowrap;text-shadow:0 2px 8px #000}.resurrection.visible{opacity:1}.resurrection small{display:block;color:#8adced;font-size:8px;letter-spacing:.2em}.resurrection strong{display:block;font-size:24px;letter-spacing:.09em;margin:5px}.resurrection span{font-size:11px;color:#bddae7}
.power-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0;text-align:left;border-block:1px solid #7ddbf833;padding:14px 0}.power-preview span{font-size:10px;line-height:1.5;color:#9db9ca}.power-preview b{display:block;font-size:9px;color:#b9f5ff;letter-spacing:.04em;margin-bottom:3px}
#menu .panel{background:linear-gradient(140deg,#0c1c2aea,#060c16e8);border:1px solid #b4ecff38}#menu .eyebrow{letter-spacing:.22em;font-size:10px}#menu h1{line-height:.96;letter-spacing:-.035em}#menu h1 span{letter-spacing:.16em;font-size:11px;margin-top:14px;color:#a6e8ff}#menu .lede{color:#eefaff;font-weight:850;letter-spacing:.08em}#menu .intro{color:#adc8da;line-height:1.6;font-size:12px}#menu .primary{box-shadow:0 6px 25px #73d6ef22}
.boss-hud{border:1px solid #cd99ee55;min-width:260px}.boss-hud span{display:block}.boss-hud b{display:block;margin-top:4px;letter-spacing:.08em}.desktop-help{max-width:calc(50vw - 200px);line-height:1.5}
.pad-connected .suit-powers kbd{font-size:9px}.pad-connected [data-action="rush"] kbd{font-size:0}.pad-connected [data-action="rush"] kbd:after{content:'LB';font-size:9px}.pad-connected [data-action="guard"] kbd{font-size:0}.pad-connected [data-action="guard"] kbd:after{content:'Y';font-size:9px}.pad-connected [data-action="overdrive"] kbd{font-size:0}.pad-connected [data-action="overdrive"] kbd:after{content:'L3';font-size:9px}
@media(min-width:1100px) and (min-height:551px){#menu .panel{width:575px;padding:22px 30px}#menu h1{font-size:61px;margin:12px 0}#menu .menu-brand{width:130px}#menu .menu-controls{margin:12px 0}#menu .lede{font-size:18px;margin:12px 0}#menu .primary{margin:14px auto 8px}#menu .settings{gap:5px}#menu .power-preview{margin:12px 0;padding:10px 0}}
@media(pointer:coarse){.suit-hud{left:50%;transform:translateX(-50%);width:230px;bottom:72px;padding:7px}.suit-powers button{min-height:48px;font-size:8px}.suit-powers kbd{display:none}.suit-powers small{font-size:7px}.vengeance-label{font-size:8px}.vengeance-meter{margin:5px 0 6px}}
.touch-mode .suit-hud{left:50%;transform:translateX(-50%);width:230px;bottom:72px;padding:7px}.touch-mode .suit-powers kbd{display:none}.touch-mode .suit-powers button{min-height:48px;font-size:8px}
@media(max-height:550px){.suit-hud,.touch-mode .suit-hud{width:210px;bottom:55px;padding:6px}.suit-powers{gap:4px}.suit-powers button,.touch-mode .suit-powers button{min-height:44px;padding:5px 2px;font-size:7px}.suit-powers kbd{display:none}.suit-powers small{font-size:7px}.vengeance-label{font-size:7px}.vengeance-meter{margin:4px 0 5px}.chain-readout{font-size:10px;bottom:calc(100% + 4px)}.resurrection{top:52%}.resurrection strong{font-size:17px}.resurrection span{font-size:9px}.boss-hud{min-width:0;bottom:13px;width:220px;left:25%;font-size:8px}.boss-hud b{font-size:7px}.telemetry{bottom:12px}.desktop-help{display:none}#menu .power-preview{margin:7px 0;padding:7px 0;gap:8px}#menu .power-preview span{font-size:8px}#menu .power-preview b{font-size:8px}#menu h1{font-size:33px}#menu h1 span{font-size:9px;margin-top:7px}#menu .intro{font-size:10px}#menu .lede{font-size:12px}.mission-card{max-width:44vw}.resurrection.visible~.desktop-help{opacity:0}}
@media(max-width:700px) and (orientation:landscape){.suit-hud,.touch-mode .suit-hud{width:180px;bottom:53px}.suit-powers button{font-size:6px}.suit-powers small{font-size:6px}.boss-hud{left:25%;bottom:12px;width:155px;max-width:25vw}.mission{max-width:48vw}.mission strong{font-size:12px}.mission small{font-size:8px}}
@media(max-width:600px) and (orientation:portrait){.suit-hud,.touch-mode .suit-hud{width:260px;bottom:180px}.suit-powers button,.touch-mode .suit-powers button{min-height:44px}.suit-powers kbd{display:none}.resurrection{top:48%}.resurrection strong{font-size:18px}.boss-hud{left:50%;bottom:288px;width:75vw;max-width:none}.telemetry{bottom:148px;font-size:8px}#rotate{display:none}.desktop-help{display:none}#menu .power-preview{gap:6px}#menu .power-preview span{font-size:8px}#menu h1{font-size:39px}#menu .intro{font-size:10px}}
@media(prefers-reduced-motion:reduce){.vengeance-meter div,.resurrection{transition:none}}
.arena-cta{width:100%;margin:0 0 8px;color:#c5e4ff;border-color:#7d9ad366;background:#1b284399;letter-spacing:.08em;font-size:10px}.arena-cta small{font-size:8px;color:#9ab5cc;letter-spacing:0;margin-top:3px}
@media(max-width:600px) and (orientation:portrait){.navigation{top:185px;bottom:auto!important;right:14px}.health-label{gap:4px;font-size:8px}.telemetry,.touch-mode .telemetry{bottom:148px;font-size:8px}}
@media(max-width:700px) and (orientation:landscape){.suit-powers button{font-size:8px}.suit-powers small{font-size:7px}}
@media(min-width:1100px) and (min-height:551px) and (max-height:800px){#menu .panel{padding:16px 28px}#menu .menu-brand{width:110px;margin-bottom:6px}#menu h1{font-size:48px;margin:9px 0}#menu h1 span{font-size:10px;margin-top:9px}#menu .lede{font-size:15px;line-height:1.3;margin:9px 0}#menu .intro{font-size:10px;line-height:1.5;margin:8px 0}#menu .power-preview{margin:8px 0;padding:8px 0}#menu .power-preview span{font-size:9px}#menu .menu-controls{font-size:10px;line-height:1.4;margin:8px 0}#menu .settings{font-size:10px;gap:5px}#menu select{padding:5px 8px}#menu .primary{padding:12px 22px;margin:12px auto 8px}#menu .secondary{padding:8px 12px;min-height:34px;margin:2px 3px 6px}#menu .arena-cta{margin:0 0 4px}#menu #best{font-size:8px}}