@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{font-family:Barlow,Arial,sans-serif;color:#f1f5ee;background:#07121c;--lime:#d3ff58;--cyan:#76e7ec;--muted:#90a8b5;--red:#ff697d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;touch-action:none;outline:none}.scan{position:fixed;inset:0;pointer-events:none;opacity:.10;background:repeating-linear-gradient(0deg,transparent 0 3px,#07121c 4px 5px);z-index:2}.topbar{position:fixed;left:38px;right:38px;top:27px;z-index:6;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:900;letter-spacing:2px;line-height:1}.brand span{display:block;font:9px Barlow,sans-serif;letter-spacing:3px;margin-top:7px;color:var(--muted)}.topbar>div{display:flex;gap:8px}.small{border:1px solid #a9d1dc40;background:#09151daf;padding:12px 15px;font-size:10px;font-weight:700;letter-spacing:1px;backdrop-filter:blur(12px)}.lobby{position:fixed;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#061019f5 0%,#061019bf 32%,transparent 63%);overflow:auto;scrollbar-width:thin}.brief{pointer-events:auto;width:510px;margin:118px 0 38px max(38px,calc((100vw - 1320px)/2));padding-right:10px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800;line-height:1.6}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px;box-shadow:0 0 15px var(--lime)}h1{font:900 clamp(78px,9vw,140px)/.82 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px;margin:25px 0 21px}h1 em{font-style:normal;color:var(--lime)}.tagline{font-size:17px;line-height:1.6;color:#c1d0d6;margin:0 0 20px}.badges{display:flex;gap:6px;flex-wrap:wrap}.badges span{font-size:9px;letter-spacing:1.3px;border:1px solid #8496a744;padding:7px 9px;color:#adc1cc}.loadout{margin-top:25px}.label{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted);font-weight:700;margin-bottom:8px}.weapon-options{display:flex;gap:6px}.weapon-options button{flex:1;text-align:left;border:1px solid #4e657780;background:#12212ecb;padding:12px 10px;transition:border-color .2s,background .2s}.weapon-options b{display:block;font-size:11px}.weapon-options span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.weapon-options .selected{border-color:var(--lime);background:#d3ff5810}.selected b{color:var(--lime)}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;color:#142113;background:var(--lime);padding:18px 21px;font-size:12px;font-weight:900;letter-spacing:1.7px;box-shadow:0 8px 35px #b7ff3410;transition:filter .2s,transform .2s}.primary:hover{filter:brightness(1.1);transform:translateY(-2px)}#deploy{margin-top:14px}.primary span{font-size:22px;line-height:.8}.subtle{font-size:10px;color:#75909e}.controls-guide{font-size:11px;line-height:1.7;max-width:490px;margin-top:20px;color:var(--muted)}.controls-guide summary{cursor:pointer;letter-spacing:1.5px;font-size:9px;font-weight:700;color:#b4c4cb}.controls-guide p{margin:12px 0}.operator-label{position:absolute;left:67%;bottom:8%;text-align:center;transform:translateX(-50%);min-width:230px}.operator-label>span:first-child{font-size:10px;letter-spacing:4px;color:var(--cyan)}.operator-label b{display:block;font:800 54px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:5px;margin:8px 0}.operator-label small{font-size:9px;letter-spacing:3px;color:#9db4bd}.drag-label{display:block;font-size:8px;letter-spacing:2px;color:#6f8a97;margin-top:20px}.rotate{position:absolute;right:7%;bottom:9%;pointer-events:auto;background:#12222cab;border:1px solid #68859450;padding:13px;font-size:10px;color:var(--cyan)}.hud{position:fixed;inset:0;z-index:5;pointer-events:none}.hud button{pointer-events:auto}.hud-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;align-items:flex-start;gap:22px}.health-panel{width:200px;background:linear-gradient(90deg,#0b1722f2,transparent);padding:10px 12px}.health-panel .label{display:flex;justify-content:space-between;color:#e4eade}.label b{color:var(--lime);font-size:11px}.health-track{height:6px;background:#cce9ee20;overflow:hidden}.health-track i{height:100%;display:block;background:var(--lime);transition:width .15s}#wingman{font-size:8px;letter-spacing:1.8px;color:var(--cyan);display:block;margin-top:8px}.sector-panel{position:absolute;left:50%;transform:translateX(-50%);text-align:center;width:270px}.sector-panel>span{font-size:9px;color:var(--cyan);letter-spacing:2px}.sector-panel>b{display:block;font:700 18px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin-top:5px}.progress{height:2px;margin-top:9px;background:#91bccc20}.progress i{height:100%;background:var(--lime);display:block;width:0}.pause{margin-left:auto;border:1px solid #84abb050;border-radius:50%;width:44px;height:44px;background:#132632af;font-size:20px}.hud-score{position:absolute;top:108px;left:34px;display:flex;flex-direction:column}.hud-score>b{font:700 29px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.hud-score span{height:18px;color:var(--lime);font-size:10px;letter-spacing:1px}.boss-hud{position:absolute;left:50%;top:105px;transform:translateX(-50%);width:min(430px,55vw);padding:10px 16px;background:#0a1322c9;border:1px solid #e2b44e50}.boss-hud>span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#ffd380}.boss-hud b{font-size:8px;font-weight:500}.boss-hud>div{height:7px;background:#d692381f;margin-top:8px}.boss-hud i{display:block;height:100%;background:#ffb648;width:100%;transition:width .15s}.toast{position:absolute;left:50%;top:24%;transform:translate(-50%,-5px);max-width:80vw;text-align:center;background:#081620c9;border:1px solid #7dabbb40;font-size:11px;color:#dce8e9;padding:11px 18px;opacity:0;transition:opacity .2s,transform .2s;backdrop-filter:blur(8px)}.toast.visible{opacity:1;transform:translate(-50%,0)}.callout{position:absolute;left:50%;top:32%;transform:translateX(-50%);text-align:center;width:min(620px,90vw);text-shadow:0 3px 20px #000;background:linear-gradient(90deg,transparent,#08151edc,transparent);padding:25px}.callout small{display:block;color:var(--lime);font-size:10px;letter-spacing:4px}.callout b{font:800 clamp(28px,5vw,62px)/1 'Barlow Condensed',Impact,sans-serif;display:block;letter-spacing:2px;margin:10px 0}.callout span{font-size:11px;color:#c6d4da}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 110px 'Barlow Condensed',Impact,sans-serif;color:var(--lime);background:#08141c33;text-shadow:0 0 50px #d3ff5850}.hud-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;align-items:flex-end;gap:12px}.weapon-button{text-align:left;border:1px solid #b3d79740;background:#071922d9;padding:12px 17px;min-width:170px}.weapon-button small{display:block;font-size:8px;letter-spacing:2px;color:#b0ca7d}.weapon-button b{display:block;font:700 20px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;margin-top:3px}.weapon-button span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.auto{border:1px solid #759bb23f;background:#0b202cc9;padding:12px;font-size:9px;letter-spacing:1px;color:var(--muted)}.auto[aria-pressed=true]{color:var(--lime);border-color:#d3ff5860}.desktop-tip{margin-left:auto;font-size:9px;letter-spacing:1.2px;color:#a9bfcc}.touch-controls{display:none}.dialog{position:fixed;inset:0;z-index:15;background:#03101bc4;backdrop-filter:blur(13px);display:grid;place-items:center;overflow:auto;padding:25px}.dialog-card{width:min(500px,100%);padding:38px;background:linear-gradient(150deg,#152b3a,#0a1926);border:1px solid #779bab55;box-shadow:0 30px 100px #0006}.dialog-card h2{font:800 56px/.95 'Barlow Condensed',Impact,sans-serif;margin:18px 0;color:#f1f4e9}.dialog-card>p:not(.eyebrow){font-size:13px;color:#a7becb;line-height:1.75}.result-stats{display:flex;gap:10px;margin:22px 0}.result-stats>div{flex:1;padding:12px;border:1px solid #70909f33}.result-stats b{display:block;font:700 28px 'Barlow Condensed',Impact,sans-serif;color:var(--lime)}.result-stats span{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.secondary{display:block;border:1px solid #85a3b333;background:#162c3c;width:100%;padding:15px;margin:10px 0;font-size:10px;letter-spacing:1.5px;font-weight:700}.back-link{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:23px}.damage-flash{position:fixed;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 140px #ff476f;opacity:0;transition:opacity .13s}.loading{position:fixed;inset:0;background:#07121c;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;font-size:12px;letter-spacing:2px}.loading>span:last-child{font-size:10px;color:var(--muted);letter-spacing:0}.loader{height:38px;width:38px;border:2px solid #9dc05820;border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-height:800px) and (min-width:760px){.brief{margin-top:98px;width:430px}h1{font-size:95px;margin:18px 0}.tagline{font-size:14px;margin-bottom:14px}.loadout{margin-top:18px}.controls-guide{margin-top:12px}.operator-label{bottom:6%}}
@media(pointer:coarse),(max-width:900px){.touch-controls{display:flex;position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right));justify-content:space-between;align-items:flex-end;gap:10px}.touch-controls button{border:1px solid #b8d7df50;background:#122f40c7;backdrop-filter:blur(4px);user-select:none;-webkit-user-select:none;touch-action:none;pointer-events:auto}.touch-controls button:active,.touch-controls button.pressed{background:#d3ff5844;border-color:var(--lime)}.movement{display:flex;gap:7px}.movement button{width:62px;height:62px;border-radius:15px;font-size:22px}.actions{display:grid;grid-template-columns:50px 62px 70px;grid-template-rows:43px 62px;gap:7px;align-items:center}.actions button{font-size:9px;letter-spacing:.7px;font-weight:800}.dash{grid-column:1;grid-row:2;height:46px;border-radius:12px}.grenade{grid-column:2;grid-row:1;height:40px;border-radius:12px}.grenade b{color:var(--lime);margin-left:4px}.jump{grid-column:2;grid-row:2;height:62px;border-radius:50%}.fire{grid-column:3;grid-row:2;height:70px;border-radius:50%;border-color:#d3ff5880!important;color:var(--lime);background:#506a244d!important}.hud-bottom{bottom:138px;left:20px;right:20px;align-items:center;gap:8px}.weapon-button{min-width:120px;padding:8px 10px}.weapon-button b{font-size:17px}.weapon-button span{display:none}.auto{font-size:8px;padding:10px}.desktop-tip{display:none}.hud-score{left:25px;top:102px}.topbar{left:20px;right:20px;top:20px}.small{padding:11px 10px;font-size:9px}}
@media(max-width:760px) and (orientation:portrait){.lobby{background:linear-gradient(0deg,#061019 32%,#061019bd 50%,transparent 72%)}.brief{width:auto;margin:42vh 22px 25px;padding:0;position:relative}.eyebrow{font-size:8px;letter-spacing:1.4px}.brief .eyebrow{margin-top:0}h1{font-size:70px;line-height:.83;margin:16px 0 14px}h1 br{display:none}h1 em{margin-left:12px}.tagline{font-size:13px;margin-bottom:15px}.badges span{font-size:8px;padding:6px}.loadout{margin-top:18px}.weapon-options button{padding:10px 7px}.weapon-options b{font-size:10px}.weapon-options span{font-size:9px}.primary{padding:17px;font-size:11px}.subtle{font-size:9px}.operator-label{left:auto;right:18px;top:29%;bottom:auto;transform:none;text-align:right;min-width:100px}.operator-label>span:first-child{font-size:7px;letter-spacing:2px}.operator-label b{font-size:32px;letter-spacing:3px}.operator-label small{font-size:7px;letter-spacing:1px}.drag-label{font-size:6px;letter-spacing:1px;margin-top:10px}.rotate{right:20px;top:38%;bottom:auto;font-size:8px;padding:8px}.controls-guide{font-size:10px}.hud-top{left:14px;right:14px;gap:12px}.health-panel{width:128px;padding:8px}.sector-panel{left:auto;right:53px;transform:none;text-align:right;width:165px}.sector-panel>span{font-size:7px;letter-spacing:1px}.sector-panel>b{font-size:14px;letter-spacing:.4px}.pause{width:36px;height:36px;font-size:16px}.health-panel .label{font-size:8px}.health-panel .label b{font-size:9px}#wingman{font-size:6px;letter-spacing:1px}.hud-score{top:91px;left:22px}.hud-score>b{font-size:24px}.boss-hud{top:131px;width:calc(100% - 40px)}.toast{top:27%;font-size:10px;width:80vw;padding:9px 13px}.callout{top:35%;padding:20px 10px}.callout small{font-size:8px;letter-spacing:2px}.callout b{font-size:37px}.callout span{font-size:10px}.dialog{padding:18px}.dialog-card{padding:27px}.dialog-card h2{font-size:46px}.dialog-card>p:not(.eyebrow){font-size:12px}.result-stats{gap:6px}.result-stats>div{padding:10px}.result-stats b{font-size:25px}.result-stats span{font-size:7px}}
@media(max-height:550px) and (orientation:landscape){.topbar{top:14px;left:23px;right:23px}.brand{font-size:19px}.brand span{font-size:7px}.brief{margin:75px 0 20px 28px;width:360px}h1{font-size:64px;margin:12px 0}h1 br{display:none}h1 em{margin-left:10px}.brief .eyebrow{font-size:7px}.tagline{font-size:11px;line-height:1.5}.badges{display:none}.loadout{margin-top:12px}.weapon-options button{padding:8px}.weapon-options b{font-size:9px}.weapon-options span{font-size:8px}.label{font-size:8px}.primary{padding:13px}#deploy{margin-top:10px}.subtle{font-size:8px}.controls-guide{margin-top:10px;font-size:10px}.operator-label{bottom:7%;left:75%}.operator-label b{font-size:32px}.operator-label>span:first-child,.operator-label small{font-size:7px}.drag-label{font-size:6px;margin-top:10px}.rotate{right:2%;bottom:4%;font-size:8px;padding:8px}.hud-top{top:10px;left:15px;right:15px}.health-panel{width:158px;padding:5px 8px}.health-panel .label{margin-bottom:5px}.sector-panel>b{font-size:14px}.sector-panel>span{font-size:8px}.pause{height:34px;width:34px}.hud-score{top:68px;left:22px}.hud-score>b{font-size:22px}.hud-score>span{font-size:8px}.boss-hud{top:63px;padding:7px 12px;width:310px}.hud-bottom{bottom:16px;left:calc(50% - 100px);right:auto}.weapon-button{padding:6px 8px;min-width:110px}.weapon-button b{font-size:15px}.auto{font-size:7px;padding:9px}.touch-controls{bottom:12px}.movement button{height:49px;width:53px}.actions{grid-template-columns:42px 51px 58px;grid-template-rows:32px 49px;gap:6px}.actions .fire{height:58px}.actions .jump{height:49px}.actions .grenade{height:32px;font-size:8px}.actions .dash{height:40px;font-size:8px}.toast{top:30%;font-size:9px;padding:8px 12px}.callout{top:32%;padding:10px}.callout b{font-size:36px}.dialog{padding:16px}.dialog-card{padding:22px;width:510px}.dialog-card h2{font-size:37px;margin:10px 0}.dialog-card>p:not(.eyebrow){font-size:11px;margin:8px 0}.dialog-card .eyebrow{font-size:8px;margin:0}.result-stats{margin:12px 0}.result-stats>div{padding:7px 10px}.result-stats b{font-size:23px}.dialog-card .primary,.dialog-card .secondary{padding:11px;font-size:10px}.back-link{margin-top:14px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.scan{display:none}}

.mission-options{display:flex;border:1px solid #77979935;margin-top:13px}.mission-options button{flex:1;border:0;background:#07192399;padding:11px 8px;font-size:9px;letter-spacing:1.2px;color:#8da9b7}.mission-options .selected{background:#cfff581b;color:var(--lime)}@media(max-height:550px){.mission-options{margin-top:8px}.mission-options button{padding:8px;font-size:8px}}

.crew-link{display:inline-block;color:var(--cyan);font-size:9px;letter-spacing:1.5px;margin-top:14px;pointer-events:auto}#resume-checkpoint{margin-bottom:0;padding:12px}#preview-name{max-width:360px;overflow-wrap:anywhere}.health-panel #operator-name{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){#preview-name{max-width:150px;font-size:26px}.health-panel #operator-name{max-width:78px}}
.qatar-route{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0}.qatar-route>div{min-width:0;background:linear-gradient(145deg,#3150647a,#112431);border-top:2px solid #81d9d2;padding:11px 9px}.qatar-route>div:nth-child(2){border-color:#c2b4ff;background:linear-gradient(145deg,#4a4b6c77,#142233)}.qatar-route>div:nth-child(3){border-color:#e7bc7c;background:linear-gradient(145deg,#8c684b66,#24232b)}.qatar-route small{display:block;font:7px Barlow,Arial,sans-serif;letter-spacing:1px;color:#bbd2dc}.qatar-route strong{display:block;font:800 21px 'Barlow Condensed',Arial,sans-serif;margin:5px 0}.qatar-route span{display:block;font:9px/1.4 Barlow,Arial,sans-serif;color:#a3bfc6}.crew-options{margin-top:16px;border:1px solid #a2c7bf30;padding:12px;background:#0f202bd9}.crew-options>summary{font-size:10px;letter-spacing:1px;color:#c4dfbc;cursor:pointer;min-height:26px;line-height:26px}.crew-options .personal-loadout{margin-top:12px}.incoming{position:absolute;top:19%;left:50%;transform:translateX(-50%);background:#461c2dde;border:1px solid #ff9b8e;color:#ffdab2;padding:7px 15px;border-radius:4px;font:800 10px Barlow,sans-serif;letter-spacing:1.6px;text-align:center;white-space:nowrap;box-shadow:0 4px 24px #0005}.scan{opacity:.035}@media(pointer:coarse),(max-width:900px){.movement{display:grid;grid-template-columns:repeat(2,54px);grid-template-rows:36px 58px;gap:6px}.movement button{width:54px;height:58px}.movement .duck{grid-column:1/3;grid-row:1;width:114px;height:36px;font-size:10px;letter-spacing:1px;border-radius:9px}.movement button[data-hold=left]{grid-column:1;grid-row:2}.movement button[data-hold=right]{grid-column:2;grid-row:2}}@media(max-width:420px){.actions{grid-template-columns:40px 51px 56px;gap:5px}.actions .fire{height:58px}.actions .jump{height:56px}.movement{grid-template-columns:repeat(2,46px)}.movement button{width:46px;height:54px}.movement .duck{width:98px}.incoming{font-size:8px;top:21%}}@media(max-height:550px) and (orientation:landscape){.qatar-route{margin:12px 0}.qatar-route>div{padding:7px}.qatar-route strong{font-size:18px}.qatar-route span{font-size:8px}.movement{grid-template-columns:repeat(2,48px);grid-template-rows:30px 49px}.movement button{width:48px;height:49px}.movement .duck{width:102px;height:30px}.incoming{top:26%;font-size:8px;padding:6px 10px}}

.supply-guide{font-size:11px;line-height:1.7;letter-spacing:.035em;color:#c5c4ac;border-left:2px solid #c5a769;padding:8px 12px;margin:14px 0;background:#17232c80}

/* Combat readability: quiet scenery, stable HUD zones, explicit supply actions. */
.scan{display:none}.hud-top{display:grid;grid-template-columns:minmax(160px,1fr) minmax(230px,340px) minmax(44px,1fr);gap:16px;align-items:start}.health-panel{width:200px;max-width:100%;background:#091b27ed;border:1px solid #8ab5bd38;border-radius:10px;padding:12px}.sector-panel{position:static;transform:none;width:auto;background:#091b27e8;border:1px solid #8ab5bd38;border-radius:10px;padding:10px 16px;min-width:0}.sector-panel>span{font-size:10px;letter-spacing:1.5px}.sector-panel>b{font-size:21px;margin-top:3px}.pause{justify-self:end;margin:0}.health-panel .label{font-size:11px}.health-track{height:8px;border-radius:4px}#wingman{font-size:9px}.hud-score{top:112px;left:35px;text-shadow:0 2px 8px #000}.hud-score>b{font-size:27px}.hud-score span{font-weight:800}.hud-bottom{flex-wrap:wrap;align-items:center;gap:8px;bottom:max(20px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right))}.weapon-button{border-radius:9px;min-width:170px;background:#091b27f2}.weapon-button b{font-size:23px}.auto{min-height:42px;border-radius:7px;font-size:10px;background:#091b27ed}.ability-status{font-size:11px;font-weight:800;letter-spacing:.8px;margin-left:10px;background:#091b27de;border-radius:6px;padding:12px;color:#ffdc9e}.desktop-tip{flex-basis:100%;font-size:10px;font-weight:700;text-shadow:0 2px 5px #000;margin:0;color:#e2e9ed}.open-supply{position:absolute;bottom:150px;left:50%;transform:translateX(-50%);max-width:90%;border:1px solid #e6d1a5;background:#17272ef2;border-radius:8px;padding:13px 18px;font-size:12px;font-weight:800;color:#fff0cd;box-shadow:0 6px 24px #0005;min-height:44px}.open-supply:active{background:#43635a}.overdrive{position:absolute;right:30px;top:112px;padding:10px 15px;color:#10251c;background:#d3ff58;border-radius:6px;font-weight:900;font-size:13px;letter-spacing:1px}.hostile-direction{position:absolute;top:170px;left:50%;transform:translateX(-50%);padding:7px 12px;background:#351e2de8;border:1px solid #ed9b9366;border-radius:6px;font-size:11px;letter-spacing:1px;font-weight:800;color:#ffc0af}.incoming{top:122px;font-size:11px}.toast{top:215px;font-size:12px}.boss-hud{top:108px}.audio-options{padding:12px;border:1px solid #8da9b73b;background:#112431;margin:12px 0;border-radius:6px;font-size:11px}.audio-options summary{cursor:pointer;font-weight:800;letter-spacing:1px}.audio-options>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.audio-options label{display:flex;align-items:center;gap:8px;font-size:10px}.audio-options input{width:110px;accent-color:#d3ff58;min-height:32px}.audio-options p{color:#b7cdd5;line-height:1.5}
@media(pointer:coarse),(max-width:900px){.hud-bottom{bottom:max(132px,calc(env(safe-area-inset-bottom) + 122px));left:16px;right:16px;gap:6px}.weapon-button{min-width:112px;padding:8px 10px}.weapon-button b{font-size:18px}.hud-bottom .auto{padding:9px;font-size:9px;min-height:40px}.ability-status{flex-basis:100%;font-size:10px;padding:6px 0;margin:0;background:none;text-shadow:0 2px 4px #000}.open-supply{bottom:224px;font-size:10px;padding:10px 14px}.touch-controls .fire{background:#526d24bf!important}.touch-controls button{background:#102637eb}.hud-score{top:112px}}
@media(max-width:760px) and (orientation:portrait){.hud-top{grid-template-columns:1fr 38px;gap:7px;top:max(10px,env(safe-area-inset-top));left:12px;right:12px}.health-panel{width:100%;grid-column:1;padding:8px 10px}.health-panel .label{font-size:10px;margin-bottom:5px}.health-panel .label b{font-size:11px}#wingman{font-size:7px;margin-top:5px}.pause{grid-column:2;grid-row:1}.sector-panel{grid-column:1/3;grid-row:2;text-align:left;padding:7px 10px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.sector-panel>span{font-size:8px;letter-spacing:.7px}.sector-panel>b{font-size:15px;letter-spacing:.2px;margin:0;margin-left:auto}.sector-panel .progress{flex-basis:100%;margin:0;height:3px}.hud-score{top:130px;left:20px}.hud-score>b{font-size:23px}.overdrive{right:14px;top:132px;font-size:10px;padding:8px}.incoming{top:174px;font-size:9px}.hostile-direction{top:208px;font-size:9px}.toast{top:245px;font-size:11px}.boss-hud{top:170px}.callout{top:36%}.hud-bottom{gap:5px;left:12px;right:12px}.weapon-button{min-width:100px}.hud-bottom .auto{font-size:8px;padding:8px}.open-supply{width:max-content;max-width:94%;bottom:226px}}
@media(max-height:550px) and (orientation:landscape){.hud-top{grid-template-columns:155px minmax(210px,300px) 1fr;gap:10px;top:max(9px,env(safe-area-inset-top));left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right))}.health-panel{padding:6px 8px}.health-panel .label{font-size:9px;margin-bottom:5px}.health-track{height:5px}#wingman{font-size:6px;margin-top:4px}.sector-panel{padding:6px 10px}.sector-panel>span{font-size:8px}.sector-panel>b{font-size:16px}.progress{margin-top:4px}.hud-score{top:74px;left:23px}.hud-score>b{font-size:21px}.incoming{top:75px;font-size:9px;padding:6px 10px}.hostile-direction{top:108px;font-size:9px;padding:5px 10px}.overdrive{top:75px;right:16px;font-size:10px;padding:7px}.toast{top:141px;font-size:10px;padding:8px 12px}.hud-bottom{left:50%;right:auto;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:285px;gap:5px;justify-content:center}.weapon-button{min-width:104px;padding:6px 8px}.weapon-button b{font-size:16px}.hud-bottom .auto{font-size:8px;padding:8px;min-height:36px}.ability-status{text-align:center;font-size:8px;padding:0}.open-supply{bottom:99px;font-size:10px;padding:8px 12px;min-height:36px}.boss-hud{top:70px;padding:7px 12px}.callout{top:32%}.callout b{font-size:32px}}