:root{color-scheme:dark;--ink:#e6efeb;--muted:#83999e;--mint:#a8dacd;--amber:#ffc16b;--line:#9cc7c32b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:#08151d;color:var(--ink);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#viewport{width:100%;height:100%;display:block}#game,.vignette{position:fixed;inset:0}.vignette{pointer-events:none;background:linear-gradient(90deg,#031017b8,transparent 75%),linear-gradient(0deg,#040c13b3,transparent 27%);z-index:1}.topbar{position:fixed;top:0;left:0;right:0;height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;z-index:5;background:linear-gradient(#07131fc7,#07131f11)}.wordmark{font-size:25px;font-weight:950;letter-spacing:-1.4px;text-decoration:none;color:var(--ink);font-style:italic}.wordmark span{font-size:9px;font-style:normal;letter-spacing:2px;margin-left:19px;color:var(--muted);font-weight:500}.system{display:flex;align-items:center;gap:12px;font:10px monospace;letter-spacing:1px;color:#a6bebf}.system button{background:none;border:1px solid var(--line);font:10px monospace;padding:10px 12px;margin-left:12px}.live-dot{display:inline-block;width:5px;height:5px;background:#a9dac9;border-radius:50%;box-shadow:0 0 8px #a9dac966}.briefing{position:fixed;inset:0;z-index:3;padding:126px 5% 85px;overflow:auto}.eyebrow{font:10px monospace;letter-spacing:2.5px;color:var(--mint);display:flex;align-items:center;gap:10px}.line{height:1px;width:28px;background:var(--amber)}h1{font-size:clamp(52px,5.8vw,92px);line-height:.93;letter-spacing:-4px;margin:24px 0 20px;font-weight:950}h1 em{font-style:normal;color:var(--amber)}.lede{color:#b4c1c2;font-size:14px;line-height:1.6;margin:0 0 28px}.mission-card{background:linear-gradient(125deg,#0c1b23f0,#0c1b23ce);border:1px solid var(--line);width:460px;padding:23px 25px 18px;backdrop-filter:blur(12px);box-shadow:0 18px 80px #0002}.card-heading{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:.8px;color:var(--muted)}.tag{color:var(--amber);border:1px solid #ffc16b5c;padding:5px 7px}h2{font-size:23px;letter-spacing:-.5px;margin:18px 0 8px}.mission-card p{font-size:11px;color:#bfd1d0;margin:0;line-height:1.7}.coord{font:9px monospace;margin-left:20px;color:#667f88}.rule{height:1px;background:var(--line);margin:17px 0}.mission-card .mission-copy{color:#95aaad;max-width:360px}.loadout-label{font:9px monospace;color:#7e969c;letter-spacing:1.4px;margin:19px 0 10px}.loadout{display:flex;gap:7px}.loadout button{width:33.33%;background:#ffffff02;border:1px solid var(--line);padding:11px 9px;text-align:left;font-size:10px;letter-spacing:.5px}.loadout b{font:9px monospace;color:#748c92;margin-right:6px}.loadout span{display:block;font-size:9px;letter-spacing:0;margin-top:7px;color:#7e949a}.loadout button.selected{border-color:#c4d5c4;background:#bdd9c610}.loadout button.selected b{color:var(--amber)}.deploy{background:var(--amber);border:0;color:#142029;font-weight:bold;font-size:11px;letter-spacing:1.6px;width:100%;padding:17px 18px;margin-top:18px;display:flex;align-items:center;justify-content:space-between;transition:background .2s,transform .2s}.deploy:hover{background:#ffd69b;transform:translateY(-1px)}.deploy span:last-child{font-size:19px;line-height:14px}.card-foot{display:flex;justify-content:space-between;margin-top:15px;font:8px monospace;letter-spacing:1px;color:#789398}.card-foot i{margin-right:6px;width:4px;height:4px}.location{position:absolute;right:6%;top:47%;text-align:right}.location-cross{font:36px monospace;color:var(--amber);margin-bottom:22px}.location>span{font:9px monospace;letter-spacing:2px;color:#9ec0c1}.location strong{display:block;font-size:54px;letter-spacing:9px;font-weight:400;margin:9px -9px 8px 0}.location p{font:9px monospace;color:#90a9ae;letter-spacing:2px}.location small{font:8px monospace;color:#90a4a9;letter-spacing:1px}.location-bars{height:30px;display:flex;gap:5px;justify-content:flex-end;margin:20px 0 10px}.location-bars i{width:3px;background:#adc5c465;height:12px;align-self:end}.location-bars i:nth-child(3n){height:25px}.location-bars i:nth-child(2n){height:18px}.menu-footer{position:fixed;bottom:0;left:0;right:0;height:64px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;font:9px monospace;color:#829a9f;letter-spacing:1px;background:#07131b99}.menu-footer b{color:#b3c2c1;margin-left:13px;font-weight:400}.menu-footer button{border:0;background:none;font:10px monospace;letter-spacing:1px;color:var(--ink)}.menu-footer button span{margin-left:20px;color:var(--amber)}#hud{position:fixed;inset:0;pointer-events:none;z-index:3}.objective{position:absolute;top:118px;left:40px;width:240px}.objective h2{font-size:18px;letter-spacing:1px;margin:10px 0}.objective>span:last-of-type{font:10px monospace;color:var(--amber);letter-spacing:2px}.base-meter{height:3px;background:#ffffff20;margin:16px 0 8px}.base-meter i{display:block;background:var(--mint);height:100%;width:100%}.objective small{font:9px monospace;color:var(--muted);display:flex;justify-content:space-between}.objective small b{color:var(--mint)}.scoreboard{position:absolute;right:40px;top:118px;text-align:right}.scoreboard span{font:9px monospace;letter-spacing:2px;color:var(--muted)}.scoreboard strong{display:block;font:32px monospace;letter-spacing:2px;margin:7px 0}.scoreboard small{color:var(--amber);font:10px monospace;letter-spacing:1px}.aim{position:absolute;left:50%;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);border:1px solid #b2e6d778;border-radius:50%;color:var(--mint)}.aim:before,.aim:after{content:'';position:absolute;background:currentColor}.aim:before{width:1px;height:10px;top:-6px;left:20px}.aim:after{width:10px;height:1px;top:20px;left:-6px}.aim i{position:absolute;right:-6px;top:20px;width:10px;height:1px;background:currentColor}.aim b{position:absolute;left:19px;top:19px;width:3px;height:3px;background:currentColor}.aim span{position:absolute;top:50px;left:-60px;width:160px;font:9px monospace;text-align:center;letter-spacing:1px}.aim.locked{border-color:var(--amber);color:var(--amber)}.announcement{position:absolute;top:25%;left:50%;transform:translateX(-50%);font:15px monospace;letter-spacing:3px;color:var(--amber);text-shadow:0 2px 10px #000;text-align:center;white-space:pre-line;line-height:1.8}.radar-panel{position:absolute;bottom:82px;left:34px;width:178px}#radar{width:178px;height:178px}.radar-panel>span{font:8px monospace;color:var(--mint);display:flex;justify-content:space-between;margin:6px 6px}.radar-panel b{font-weight:400;color:var(--muted)}.vehicle-panel{position:absolute;bottom:89px;right:40px;width:280px;background:#051019b0;border:1px solid var(--line);padding:18px}.vehicle-title{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:1px;color:var(--mint);margin-bottom:18px}.vehicle-title b{font-size:9px;font-weight:400;color:var(--muted)}.armor-line,.heat-line{display:flex;align-items:center;gap:12px;font:9px monospace}.armor-line>div,.heat-line>div{height:4px;background:#fff2;flex:1}.armor-line i,.heat-line i{display:block;height:100%;width:100%;background:var(--mint)}.armor-line b{width:22px;font-weight:normal}.weapon-line{display:flex;justify-content:space-between;margin:18px 0;font:8px monospace;color:var(--muted)}.weapon-line b{font-size:20px;color:var(--ink);font-weight:400;margin-right:5px}.heat-line{font-size:8px;color:var(--muted)}.heat-line i{width:0;background:var(--amber)}.heat-line small{font:8px monospace;min-width:48px}.controls-strip{position:absolute;bottom:0;left:0;right:0;height:57px;display:flex;align-items:center;justify-content:center;gap:28px;border-top:1px solid var(--line);font:8px monospace;color:var(--muted);background:#07131b99}kbd{font:8px monospace;border:1px solid #abc8cd40;padding:4px 5px;color:#d1dfd8;margin-right:5px}.modal{position:fixed;inset:0;z-index:20;background:#020b14a8;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.modal-card{width:430px;border:1px solid var(--line);padding:36px;background:#0c1b25}.modal-card h2{font-size:36px;letter-spacing:-1px;margin:22px 0}.modal-card p{color:#93adb2;font-size:13px;line-height:1.7}.secondary{width:100%;margin-top:12px;background:none;border:1px solid var(--line);padding:13px;font:10px monospace;letter-spacing:1px}.help-card{width:540px;max-height:90vh;overflow:auto}.help-card dl{display:grid;grid-template-columns:130px 1fr;gap:15px;font-size:12px;line-height:1.5}.help-card dt{font-family:monospace;color:var(--amber)}.help-card dd{margin:0;color:#adc0c1}.hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:white;font:40px monospace;opacity:0}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 120px #ef413377;opacity:0;pointer-events:none}#error{position:fixed;z-index:100;inset:30% 15%;padding:30px;background:#16232d;border:1px solid var(--amber);white-space:pre-line;line-height:1.8}body.playing .vignette{background:linear-gradient(0deg,#030d1855,transparent 22%)}body.playing #viewport{cursor:crosshair}
@media(max-height:820px) and (min-width:801px){.briefing{padding-top:105px}h1{font-size:62px;margin:17px 0}.lede{margin-bottom:16px;font-size:12px}.mission-card{padding:18px 22px;width:430px}.rule{margin:12px 0}.loadout-label{margin-top:13px}.mission-card h2{font-size:21px;margin-top:13px}.loadout button{padding:9px}.deploy{padding:14px;margin-top:14px}.card-foot{margin-top:12px}.topbar{height:72px}.menu-footer{height:48px}}
@media(max-width:800px){.topbar{height:64px;padding:0 20px}.wordmark{font-size:21px}.wordmark span,.system>span,.menu-footer>span:nth-child(2),.location{display:none}.system{gap:0}.briefing{padding:95px 22px 80px}h1{font-size:56px}.mission-card{width:min(460px,100%)}.menu-footer{padding:0 22px}.scoreboard{right:20px;top:90px}.objective{left:20px;top:90px;width:200px}.controls-strip{gap:12px;flex-wrap:wrap;padding:10px;height:70px}.radar-panel{left:12px;bottom:90px;width:125px}#radar{width:125px;height:125px}.radar-panel>span{font-size:6px}.vehicle-panel{right:15px;width:230px;bottom:93px;padding:12px}.modal-card{max-width:94vw}.help-card dl{grid-template-columns:100px 1fr}}
.weapon-line #primary-ammo.empty{color:#ff766d}
.cinematic{position:fixed;inset:0;z-index:12;pointer-events:none;background:linear-gradient(0deg,#020910a8,transparent 46%,#02091044)}.cinematic:before,.cinematic:after{content:'';position:absolute;left:0;right:0;height:5.5vh;background:#02070c}.cinematic:before{top:0}.cinematic:after{bottom:0}.cinematic-copy{position:absolute;top:18%;left:50%;width:min(720px,84vw);transform:translateX(-50%);text-align:center;text-shadow:0 2px 18px #000}.cinematic-copy .eyebrow{justify-content:center}.cinematic-copy h2{font-size:clamp(34px,6vw,70px);letter-spacing:3px;margin:14px 0 8px;color:#f0eee2}.cinematic-copy p{font:10px monospace;letter-spacing:1.5px;line-height:1.7;color:#b2c4c2;text-transform:uppercase}.cinematic #cinematic-skip{position:absolute;right:5%;bottom:9%;pointer-events:auto;background:#07141dcc;border:1px solid #a8dacd55;padding:10px 14px;color:#dae7e1;font:9px monospace;letter-spacing:1px}.cinematic #cinematic-skip kbd{margin-left:10px}body.cinematic-active #hud{opacity:0;transition:opacity .3s}body:not(.cinematic-active) #hud{transition:opacity .3s}
/* Compact multitouch controls for phones and tablets. */
.touch-controls{display:none;position:fixed;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);z-index:4;align-items:flex-end;justify-content:space-between;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}
.touch-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px;pointer-events:auto}
.touch-pad button,.touch-actions button{border:1px solid #b4d2d15e;background:#091720bd;color:#dce8df;backdrop-filter:blur(7px);font:10px monospace;letter-spacing:.5px;touch-action:none;user-select:none;-webkit-user-select:none}
.touch-pad button{border-radius:50%;font-size:17px}
.touch-pad button:nth-child(1){grid-column:2;grid-row:1}.touch-pad button:nth-child(2){grid-column:1;grid-row:2}.touch-pad button:nth-child(3){grid-column:2;grid-row:2}.touch-pad button:nth-child(4){grid-column:3;grid-row:2}
.touch-actions{display:grid;grid-template-columns:repeat(2,minmax(58px,76px));gap:6px;pointer-events:auto}
.touch-actions button{min-height:38px;padding:6px;border-radius:4px;font-size:8px}
.touch-actions .touch-fire{grid-column:1 / 3;min-height:48px;border-color:#ffc16b9c;color:#ffc16b;font-weight:bold;letter-spacing:1.5px}
.touch-pad button.pressed,.touch-actions button.pressed{background:#b8d9cc55;border-color:#d8efdf;color:#fff}
@media(pointer:coarse){body.playing .touch-controls{display:flex;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}body.playing .radar-panel,body.playing .vehicle-panel{bottom:200px}body.playing .controls-strip{display:none}}
@media(max-width:420px){.touch-controls{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.touch-pad{grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,42px);gap:3px}.touch-actions{grid-template-columns:repeat(2,minmax(52px,66px));gap:4px}.touch-actions button{min-height:34px;font-size:7px}}