@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{font-family:Barlow,Arial,sans-serif;color:#f3f3e9;background:#1a292c;font-synthesis:none;--orange:#ff7048;--muted:#b9c5c2;--line:rgba(218,232,225,.23)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:2px solid #fff;outline-offset:5px}button:hover{filter:brightness(1.16)}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,18,22,.91),rgba(6,18,22,.48) 35%,transparent 65%),linear-gradient(0deg,rgba(4,15,20,.6),transparent 22%,transparent 78%,rgba(4,15,20,.3))}.playing .vignette{background:linear-gradient(0deg,rgba(4,15,20,.77),transparent 27%,transparent 77%,rgba(4,15,20,.42))}.topbar{position:fixed;top:28px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;z-index:10}.brand{display:flex;gap:13px;align-items:center}.brand-icon{font:800 23px 'Barlow Condensed',sans-serif;letter-spacing:-1px;border:2px solid var(--orange);padding:5px 7px;transform:skew(-8deg);color:var(--orange)}.brand strong{font-size:17px;letter-spacing:.16em;display:block}.brand div>span{display:block;letter-spacing:.16em;font-size:10px;margin-top:4px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.top-actions button{height:34px;min-width:36px;background:#10202666;border:1px solid var(--line);font-size:11px;letter-spacing:.09em;padding:0 10px}.top-actions #fullscreen{font-size:25px}.live-label{font-size:11px;letter-spacing:.17em;color:var(--muted);margin-right:10px}.menu{position:fixed;top:19%;left:6.5%;width:460px;z-index:5}.eyebrow,.micro{font-size:11px;letter-spacing:.2em;font-weight:600;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow>span{display:inline-block;width:22px;height:2px;background:var(--orange)}h1{font:800 clamp(75px,8.7vw,130px)/.84 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;position:relative;margin:29px 0 25px}h1 em{font-style:normal;color:var(--orange)}.edition{position:absolute;font:500 14px Barlow,Arial;letter-spacing:0;border-top:1px solid var(--line);padding-top:8px;margin:8px 0 0 18px}.intro{font-size:18px;line-height:1.5;color:#d6ded9}.mission-intro{margin-top:28px;border-left:2px solid var(--orange);padding-left:16px}.mission-intro .micro{color:var(--orange);font-size:10px}.mission-intro p{font-size:14px;line-height:1.5;margin:8px 0 24px}.primary{display:flex;justify-content:space-between;align-items:center;width:300px;padding:18px 23px;color:#152225;background:var(--orange);border:0;font-weight:800;letter-spacing:.13em;font-size:14px;box-shadow:0 0 40px #ff70480f}.primary span{font-size:24px;line-height:15px}.menu-help{font-size:12px;color:#b7c4c4;line-height:1.8;margin-top:20px}.desktop-note{display:none;color:#d0d8d3;font-size:13px}#showcase-caption{position:fixed;bottom:65px;right:6%;border-right:2px solid var(--orange);padding-right:20px;display:flex;flex-direction:column;gap:8px;text-align:right}#showcase-caption strong{font:600 30px 'Barlow Condensed';letter-spacing:.06em}#showcase-caption>span:last-child{font-size:10px;letter-spacing:.19em;color:var(--muted)}.in-game{display:none}.playing .in-game{display:block}.playing #menu,.playing #showcase-caption{display:none}.objective{position:fixed;top:126px;left:36px;max-width:260px;text-shadow:0 1px 9px #071c25}.objective>.micro{color:#cad1c9}.objective>strong{display:block;font:600 29px 'Barlow Condensed';letter-spacing:.025em;margin:7px 0 12px}.objective>div{font-size:11px;letter-spacing:.12em;color:#d2d9d1}.objective>div>span{color:var(--orange);font-size:20px;font-weight:700;margin-right:10px}.objective>p{font-size:12px;color:#bdc9c6;margin:9px 0}.radar-wrap{position:fixed;top:115px;right:36px;width:185px;background:linear-gradient(130deg,#0d2529a6,#0d252922);border-top:1px solid var(--line);padding-top:9px}.radar-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.09em;color:#c1d0c9}#radar{width:185px;height:150px;display:block}.radar-legend{font-size:8px;letter-spacing:.08em;display:flex;justify-content:space-between;padding-bottom:10px}.hostile-key{color:#ff7460}.relay-key{color:#ffc668}.repair-key{color:#6af5cd}#crosshair{position:fixed;left:50%;top:50%;width:32px;height:32px;transform:translate(-50%,-50%);opacity:.9}#crosshair i,#crosshair b{position:absolute;inset:0;border:1px solid #def6ed;clip-path:polygon(0 0,35% 0,35% 12%,12% 12%,12% 35%,0 35%,0 65%,12% 65%,12% 88%,35% 88%,35% 100%,0 100%,100% 100%,65% 100%,65% 88%,88% 88%,88% 65%,100% 65%,100% 35%,88% 35%,88% 12%,65% 12%,65% 0,100% 0,100% 100%,0 100%)}#crosshair span{position:absolute;left:15px;top:15px;background:#fff;width:2px;height:2px}#hit-marker{position:fixed;left:50%;top:50%;font:300 45px Barlow;transform:translate(-50%,-53%);color:#ffc779;opacity:0}#target-info{position:fixed;left:50%;top:calc(50% + 33px);transform:translateX(-50%);text-align:center;font-size:10px;letter-spacing:.14em;color:#ffd29f;display:none}#target-info>div{width:100px;height:3px;background:#ffffff22;margin:6px auto}#target-info i{height:100%;display:block;background:var(--orange)}#notice{position:fixed;left:50%;top:28%;transform:translateX(-50%);text-align:center;font-size:14px;letter-spacing:.09em;color:#ffdfac;transition:opacity .3s;opacity:0;pointer-events:none;text-shadow:0 2px 8px #000}.telemetry{position:fixed;bottom:78px;left:36px;width:225px}.machine-label{font:700 22px 'Barlow Condensed';letter-spacing:.09em}.machine-label span{font:500 11px Barlow;letter-spacing:.13em;color:var(--muted);margin-left:8px}.armor-row{display:flex;justify-content:space-between;align-items:end;margin-top:9px}.armor-row>span,.meter-label{font-size:10px;letter-spacing:.1em;color:#c6d3cf}.armor-row strong{font:600 38px 'Barlow Condensed';line-height:1}.armor-row strong span{font:400 12px Barlow;margin-left:4px;color:var(--muted)}.meter{background:#d9eee025;height:5px;overflow:hidden}.meter>i{display:block;height:100%;width:100%;background:#e7eee1;transition:width .08s}.armor-meter{margin:8px 0 16px;height:7px}.meter-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:9px}.boost-meter i{background:#79dedb}.weapon-rack{position:fixed;bottom:62px;left:50%;transform:translateX(-50%);width:540px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.weapon{position:relative;background:#071e266b;border:1px solid #d9eee025;padding:11px 8px 12px;text-align:left;border-radius:0;min-height:84px;backdrop-filter:blur(8px)}.weapon.active{background:#ec704621;border-color:var(--orange)}.weapon-number{font:500 12px Barlow;color:var(--muted)}.weapon-shape{float:right;font-size:28px;line-height:22px;color:#cfddd3;margin-right:9px}.weapon.active .weapon-shape,.weapon.active .weapon-number{color:var(--orange)}.weapon strong{font:700 18px 'Barlow Condensed';display:block;letter-spacing:.08em;margin-top:10px}.weapon small{font-size:8px;color:#bacac6;letter-spacing:.05em;white-space:nowrap}.heat-row{grid-column:1/-1;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.13em;color:#cbd5cc;margin-top:7px}.heat-meter{flex:1;height:3px}.heat-meter>i{background:var(--orange);width:0}.combat-tally{position:fixed;bottom:90px;right:36px;text-align:right}.combat-tally>span{display:block;font:600 45px 'Barlow Condensed';line-height:1}.combat-tally small{font-size:9px;letter-spacing:.15em;color:var(--muted)}.controls-strip{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.09em;white-space:nowrap}.controls-strip span{color:#a6b9b4;margin:0 20px 0 4px;font-size:9px}#damage-flash{position:fixed;inset:0;box-shadow:inset 0 0 120px #ff331c;opacity:0;pointer-events:none;z-index:12}#cockpit{display:none;position:fixed;inset:0;pointer-events:none}.cockpit-view #cockpit{display:block}.cockpit-left,.cockpit-right{position:absolute;width:11%;height:100%;top:0;background:linear-gradient(90deg,#081414,#24332e);box-shadow:inset -2px 0 #72a29755;clip-path:polygon(0 0,50% 0,100% 100%,0 100%)}.cockpit-right{right:0;transform:scaleX(-1)}.cockpit-console{position:absolute;bottom:0;left:15%;right:15%;height:40px;border-top:2px solid #5e8684;background:#111d1d;text-align:center;padding:10px;font-size:10px;letter-spacing:.3em;color:#7fa49e}.modal{position:fixed;inset:0;z-index:30;background:#07171acc;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center}.modal[hidden]{display:none}.modal-card{max-width:530px;margin:24px;padding:35px 40px;background:#122323;border:1px solid #52716855;box-shadow:0 35px 90px #0004}.modal-card h2{font:600 48px 'Barlow Condensed';margin:18px 0}.modal-card p{font-size:15px;line-height:1.8;color:#c7d3ce;margin-bottom:25px}.modal-card .primary{width:100%;font-size:12px}.text-button{border:0;background:none;padding:20px 0 0;color:#a7bbb5;font-size:13px}#fallback{position:fixed;inset:20%;z-index:50;padding:40px;background:#162b2c;line-height:1.6}#fallback[hidden]{display:none}button:disabled{opacity:.5;cursor:wait}
/* The HUD must never intercept mouse aiming over the world. */
.playing #hud{pointer-events:none}.playing #hud button{pointer-events:auto}.playing #world{cursor:none}
#crosshair,#hit-marker,#target-info{pointer-events:none}
@media(min-width:1000px){.menu{width:355px;left:5%;top:22%}.menu h1{font-size:94px}.vignette{background:linear-gradient(90deg,#061519ef,rgba(6,18,22,.64) 27%,transparent 56%),linear-gradient(0deg,#04111688,transparent 20%,transparent 85%,#04111633)}}
@media(min-width:1800px){.menu{top:22%;left:9%}.topbar{left:50px;right:50px}}
@media(max-height:780px){.menu{top:17%;width:420px}h1{font-size:92px;margin:20px 0}.intro{font-size:16px}.mission-intro{margin-top:18px}.mission-intro p{margin-bottom:18px}.primary{padding:14px 20px}.menu-help{margin-top:13px}.objective{top:105px}}
@media(max-width:1000px){.weapon-rack{width:440px;bottom:55px}.telemetry{width:160px;left:24px;bottom:76px}.topbar{left:24px;right:24px}.radar-wrap{right:24px}.weapon strong{font-size:16px}.combat-tally{right:24px}.objective{left:24px}.menu{left:6%}.controls-strip span{margin-right:10px}.heat-row{font-size:7px}.weapon small{font-size:7px}}
@media(max-width:760px){.topbar{top:20px;left:20px;right:20px}.brand strong{font-size:14px}.brand div>span{font-size:8px}.live-label{display:none}.menu{left:8%;top:20%;width:84%}h1{font-size:90px}.intro{font-size:16px}.menu-help{font-size:12px}.desktop-note{display:block;max-width:300px}.vignette{background:linear-gradient(90deg,#07181deb,#07181d88 60%,#07181d11)}#showcase-caption{display:none}.weapon-rack{width:94%;bottom:52px}.telemetry{left:20px;bottom:170px;width:145px}.combat-tally{bottom:175px;right:20px}.objective{top:90px;left:20px}.objective>strong{font-size:22px}.radar-wrap{top:90px;width:120px;right:20px}#radar{width:120px;height:100px}.radar-head{font-size:7px}.radar-legend{display:none}.controls-strip{font-size:8px}.controls-strip span{font-size:7px;margin-right:5px}.modal-card{padding:25px}.modal-card h2{font-size:40px}.top-actions{gap:6px}.top-actions button{padding:0 7px}#fallback{inset:10%;padding:20px}}
/* Keep live combat readouts readable over a moving landscape. */
.brand div>span,.live-label,.top-actions button,.eyebrow,.micro,.mission-intro .micro,#showcase-caption>span:last-child,.objective>div,.objective>p,.radar-head,.radar-legend,.armor-row>span,.meter-label,.weapon small,.heat-row,.combat-tally small,.controls-strip,.controls-strip span,.cockpit-console{font-size:12px}
.radar-head{font-size:10px}.radar-legend{font-size:9px}.heat-row{letter-spacing:.03em;font-size:10px}.weapon small{font-size:10px}.controls-strip{letter-spacing:.02em;font-size:11px}.controls-strip span{font-size:10px}.top-actions #fullscreen{font-size:25px}.weapon-number{font-size:14px}.desktop-note{font-size:14px}
@media(max-width:1100px){.telemetry{width:160px}.weapon-rack{width:440px}.weapon small{font-size:9px}.meter-label{font-size:9px}}
@media(max-height:620px){.menu{top:105px}.menu h1{font-size:70px;margin:15px 0}.intro{font-size:14px;margin:10px 0}.mission-intro{display:none}.menu-help{margin-top:10px}.objective{top:93px}.radar-wrap{top:85px}.topbar{top:20px}}
