@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111714;--surface:#19211c;--ink:#e9eadb;--muted:#899386;--line:#333e32;--gold:#d9b878;--olive:#8b9877;--mono:Consolas,'Courier New',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'Barlow',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);background-image:radial-gradient(ellipse at 50% -20%,#303a293b,transparent 65%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}.shell{max-width:1512px;margin:auto;padding:0 54px}.site-header{height:106px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#e4e6d6;font-size:26px;font-family:var(--display);font-weight:600;letter-spacing:6px;line-height:1}.brand-mark{border:1px solid #718064;color:#b6c5a1;width:40px;height:41px;display:grid;place-items:center;font:29px var(--display);letter-spacing:0;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.brand-sub{display:block;font:10px var(--mono);letter-spacing:3px;margin-top:7px}.header-note{font:11px var(--mono);letter-spacing:2px;color:#7f8b79;margin-left:20px;border-left:1px solid var(--line);padding:12px 0 12px 26px}.header-actions{margin-left:auto;display:flex;gap:28px}.icon-button{border:0;background:transparent;padding:10px 0;display:flex;align-items:center;gap:9px;font:11px var(--mono);letter-spacing:1px;color:#aeb7a7}.icon-button:hover{color:var(--gold)}.icon-button svg{width:19px;height:19px}.icon-button.muted .sound-waves{display:none}.mission-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 0 17px;border-top:1px solid var(--line);font:11px var(--mono);letter-spacing:1.3px;color:#9da794}.mission-bar>span{display:flex;align-items:center}.mission-bar b{font-weight:400;color:#d6ddc9}.status-light{width:5px;height:5px;background:#a9b983;box-shadow:0 0 10px #a9b98342;margin-right:10px}.slash{margin:0 15px;color:#4e5c46}.mission-difficulty{gap:8px}.difficulty-bars{display:flex;gap:3px;align-items:flex-end}.difficulty-bars i{width:3px;height:6px;background:#83916f}.difficulty-bars i:nth-child(2){height:10px}.difficulty-bars i:nth-child(3){height:14px;background:#35412f}.game-frame{position:relative;aspect-ratio:16/9;isolation:isolate;background:#273d42;overflow:hidden;border:1px solid #46513d;box-shadow:0 14px 50px #0004;container-type:inline-size}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.scanlines{pointer-events:none;position:absolute;inset:0;opacity:.09;background:repeating-linear-gradient(transparent 0 3px,#07100b 3px 4px);z-index:2}.corner{position:absolute;width:15px;height:15px;border-color:#c0cb9c;pointer-events:none;z-index:20}.top-left{left:0;top:0;border-top:2px solid;border-left:2px solid}.top-right{right:0;top:0;border-top:2px solid;border-right:2px solid}.bottom-left{bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.bottom-right{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}.title-screen{position:absolute;inset:0;background:linear-gradient(90deg,#0a181be0,#101e2559 48%,transparent 75%);z-index:3;display:flex;align-items:center}.title-copy{padding-left:6%;margin-top:-2%}.eyebrow{font:11px var(--mono);letter-spacing:2px;color:#c9cead;display:flex;align-items:center;gap:10px}.eyebrow>span{width:20px;height:1px;background:#b3bd9b}h1{font-family:var(--display);font-weight:500;font-size:clamp(50px,8.8cqw,134px);letter-spacing:22px;line-height:.88;margin:36px 0 22px;color:#eaf0df;text-shadow:0 3px 25px #102a3290}h1>span{display:block;font:500 clamp(12px,1.55cqw,24px) var(--body);letter-spacing:14px;margin:17px 0 0 3px}.tagline{font-size:clamp(14px,1.5cqw,21px);line-height:1.7;color:#c1cbc3;font-weight:400;margin:29px 0 30px}.primary-button{border:1px solid #e9cf99;background:var(--gold);color:#23261c;font:600 16px var(--display);letter-spacing:2px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:18px 23px;min-width:245px;box-shadow:inset 0 0 0 3px #d9b878, inset 0 0 0 4px #62543533;transition:background .15s,transform .15s}.primary-button:hover{background:#f1d49c;transform:translateY(-1px)}.primary-button>span{font-size:23px;line-height:16px}.start-hint{font:10px var(--mono);letter-spacing:1.5px;color:#8e9c95;margin-top:15px}.mission-stamp{position:absolute;right:5%;top:7%;width:151px;display:flex;flex-direction:column;text-align:center;font:9px var(--mono);letter-spacing:1px;color:#cad8c5b3;transform:rotate(0deg)}.mission-stamp b{font:600 72px var(--display);letter-spacing:5px;line-height:1.1;color:#dfebdacc;border-top:1px solid #a5bcb14d;border-bottom:1px solid #a5bcb14d;margin:9px 0}.stamp-top{font-size:8px;letter-spacing:1.2px}.title-bottom{position:absolute;bottom:5%;left:6%;right:5%;display:flex;justify-content:space-between;color:#bac4b6;font:10px var(--mono);letter-spacing:1.7px}.title-bottom>span{display:flex;align-items:center;gap:12px}.small-line{width:30px;height:1px;background:#bac4b65c}.below-game{min-height:88px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px}.transmission{display:flex;align-items:center;gap:19px}.transmission p{display:flex;gap:18px;font-size:14px;color:#a5afa0;line-height:1.6}.transmission p>span:first-child{font:11px var(--mono);letter-spacing:1.4px;color:#bfc9a6;line-height:22px}.radio-icon{display:flex;align-items:center;gap:3px;height:22px}.radio-icon i{width:2px;height:5px;background:#97a67d}.radio-icon i:nth-child(2),.radio-icon i:nth-child(4){height:12px}.radio-icon i:nth-child(3){height:21px}.controls-button{padding:11px 0 11px 20px;display:flex;align-items:center;gap:13px;white-space:nowrap;font:11px var(--mono);letter-spacing:1.1px;border:0;background:none;color:#d4dac6}.controls-button:hover{color:var(--gold)}.keyboard-icon{font-size:23px;color:#a6b497}.controls-strip{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:24px 0;color:#899581;font:10px var(--mono);letter-spacing:.7px}.controls-strip>span{display:flex;align-items:center;gap:6px}kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #45503c;border-bottom:2px solid #45503c;color:#bdc8af;padding:4px 6px;font:10px var(--mono);line-height:12px;min-width:23px;border-radius:2px}.controls-strip>span:nth-child(1) kbd+ kbd{margin-left:-3px}footer{display:flex;justify-content:space-between;padding:15px 0 27px;font:9px var(--mono);letter-spacing:1.3px;color:#606e5a}.footer-cross{margin-left:30px;color:#9da98c;font-size:17px}.hud{position:absolute;inset:0;z-index:4;pointer-events:none;color:#e2f1db;text-shadow:0 2px 5px #071716; font-family:var(--mono)}.hud-left,.hud-right,.hud-center{position:absolute;top:5%}.hud-left{left:3.5%;width:22%}.hud-label{font-size:clamp(8px,.8cqw,13px);letter-spacing:1.5px;color:#d2e3d3}.shield-track{margin-top:8px;border:1px solid #a7c5b5a0;height:12px;padding:2px;background:#142c3377;transform:skewX(-12deg)}#shield-fill{height:100%;width:100%;background:#a5dfdd;box-shadow:0 0 12px #9be1df88;transition:width .1s}.health-row{display:flex;justify-content:space-between;margin-top:9px;gap:6px}.health-row>span:last-child{font-size:clamp(6px,.63cqw,10px);color:#aec8b6}#health-bars{display:flex;gap:3px}#health-bars i{width:10px;height:4px;background:#b5cda2}#health-bars i.off{background:#52635477}.hud-center{left:50%;transform:translateX(-50%);text-align:center}#relay-indicators{display:flex;gap:12px;justify-content:center;margin-top:11px}#relay-indicators i{width:8px;height:8px;border:1px solid #d6dec19c;transform:rotate(45deg)}#relay-indicators i.active{background:#d9b878;border-color:#fbe0a4;box-shadow:0 0 14px #d9b878aa}.hud-right{right:5%;text-align:right}.ammo{display:flex;justify-content:flex-end;align-items:baseline;gap:7px;margin-top:3px}.ammo>b{font:500 clamp(25px,3.2cqw,45px) var(--display);line-height:1}.ammo>span{font-size:14px;color:#adc2ac}.grenade-count{font-size:9px;margin-top:5px;letter-spacing:1px;color:#b6cbb0}.grenade-count>span:first-child{color:var(--gold)}.pause-button{pointer-events:auto;position:absolute;right:1%;top:2.5%;background:#142b3040;border:1px solid #aac5b533;font:16px var(--mono);padding:6px 8px;color:#b5c6b7}.objective{position:absolute;top:23%;left:3.5%;display:flex;align-items:center;gap:10px}.objective-mark{width:6px;height:6px;transform:rotate(45deg);border:1px solid #d8bf85}.objective>div{display:flex;flex-direction:column;gap:4px}.objective span{font-size:8px;color:#d8bf85;letter-spacing:1px}.objective b{font:400 clamp(10px,1.05cqw,15px) var(--body);color:#dce5d6}.hud-bottom{position:absolute;bottom:4%;left:3.5%;right:3.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#ccdfc9}.hud-bottom>span:last-child{font-size:15px}.interaction{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);background:#142522d9;padding:12px 16px;display:flex;align-items:center;gap:11px;border:1px solid #d9b8787a;font-size:11px;letter-spacing:1px;white-space:nowrap}.interaction kbd{border-color:#b2bb8e;color:var(--gold)}.toast{position:absolute;top:33%;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;letter-spacing:1px;color:#f3dfac;opacity:0;transition:opacity .2s;white-space:pre-line;line-height:1.7}.toast.visible{opacity:1}.modal-overlay{position:absolute;inset:0;z-index:10;background:#071311db;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.modal-panel{text-align:center;max-width:500px;padding:25px}.modal-panel .eyebrow{justify-content:center}.modal-panel h2,dialog h2{font:600 clamp(30px,5cqw,66px)/.95 var(--display);letter-spacing:1px;margin:24px 0}.modal-panel p{color:#aabca7;font-size:15px;line-height:1.6}.modal-panel .primary-button{margin:25px auto 10px}.text-button{background:transparent;border:0;color:#a5b49b;font:11px var(--mono);letter-spacing:1px;padding:12px;display:block;margin:0 auto}.text-button:hover{color:#e6d1a0}.results{display:flex;justify-content:center;gap:30px;margin-top:22px;font:11px var(--mono);color:#8eaa90}.results b{font:500 28px var(--display);display:block;color:#dbe4ca;margin-bottom:5px}.touch-controls{position:absolute;bottom:9%;left:3%;right:3%;z-index:7;display:flex;justify-content:space-between;pointer-events:none}.touch-move,.touch-action{display:flex;align-items:center;gap:9px}.touch-controls button{pointer-events:auto;touch-action:none;width:46px;height:46px;background:#18352f99;border:1px solid #c7dbb16b;border-radius:50%;font:20px var(--mono);color:#eff5dc;user-select:none}.touch-controls button:active{background:#a2ac6580}.touch-controls .touch-fire{width:59px;height:59px;border-color:#d9b878a0;background:#947f454f}.touch-action button:first-child,.touch-action button:nth-child(2){width:37px;height:37px;font-size:14px}dialog{width:min(550px,92vw);max-height:90vh;padding:44px;background:#18231c;border:1px solid #536344;color:var(--ink);box-shadow:0 24px 100px #0008}dialog::backdrop{background:#020806b0;backdrop-filter:blur(5px)}dialog .eyebrow{font-size:10px}dialog h2{font-size:47px;margin-bottom:20px}dialog p{font-size:14px;line-height:1.7;color:#b3bdab}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;color:#b9c6ae;font-size:28px}.manual-controls{margin:24px 0;display:grid;gap:13px}.manual-controls>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#bdc9b5}.manual-controls kbd{padding:5px 7px;font-size:10px;white-space:nowrap}.manual-tip{border-top:1px solid #394a32;padding-top:18px}dialog .primary-button{margin-top:22px;width:100%}.game-frame:fullscreen{border:0;width:100vw;height:100vh;aspect-ratio:auto;background:#07130d;display:flex;justify-content:center;align-items:center}.game-frame:fullscreen canvas{object-fit:contain}.game-frame:fullscreen .title-screen{padding-left:max(0px,calc((100vw - 177.78vh)/2))}
@media(min-width:1700px){.shell{padding-top:15px}}@media(max-width:1000px){.shell{padding:0 28px}.header-note{display:none}.site-header{height:84px}.header-actions{gap:22px}.title-copy{padding-left:6%}h1{margin:22px 0 15px;letter-spacing:15px}.tagline{margin:21px 0}.title-copy .primary-button{min-width:210px;padding:14px 18px;font-size:14px}.title-copy .eyebrow{font-size:9px;letter-spacing:1px}.mission-stamp{width:120px}.mission-stamp b{font-size:55px}.mission-stamp span{font-size:7px}.controls-strip{justify-content:flex-start;gap:15px 25px}.transmission p{display:block;font-size:13px}.transmission p>span:first-child{display:block;font-size:10px}.below-game{min-height:80px}.controls-button{font-size:10px}.modal-panel h2{margin:16px 0}.modal-panel .primary-button{margin-top:16px;padding:12px 20px}.modal-panel .text-button{padding:8px}.modal-panel p{font-size:13px}.hud-bottom{bottom:3%}}
@media(max-width:650px){.shell{padding:0 14px}.site-header{height:76px}.brand{font-size:22px;gap:10px;letter-spacing:4px}.brand-sub{font-size:8px;letter-spacing:2px}.brand-mark{width:31px;height:34px;font-size:23px}.icon-button span{display:none}.header-actions{gap:20px}.mission-bar{font-size:9px;letter-spacing:.5px;padding-bottom:12px}.slash{margin:0 9px}.game-frame{aspect-ratio:4/3}.game-frame canvas{object-fit:cover}.title-screen{background:linear-gradient(90deg,#0b181be3,#0b181b88 56%,#0b181b15)}.title-copy{padding-left:7%;margin-top:-7%}.title-copy .eyebrow{font-size:6px;letter-spacing:1px}.title-copy .eyebrow>span{width:10px}h1{font-size:clamp(43px,12cqw,78px);letter-spacing:11px;margin:24px 0 16px}h1>span{font-size:10px;letter-spacing:7px;margin-top:10px}.tagline{font-size:12px;line-height:1.55;margin:17px 0}.title-copy .primary-button{font-size:11px;padding:11px 13px;min-width:190px;letter-spacing:1.4px}.start-hint{display:none}.mission-stamp{right:6%;top:9%;width:65px}.mission-stamp b{font-size:38px;letter-spacing:2px}.mission-stamp span{font-size:4px;letter-spacing:.7px}.title-bottom{font-size:7px;letter-spacing:.7px;left:7%;bottom:6%}.title-bottom .small-line{width:18px}.title-bottom>span{gap:7px}.below-game{align-items:center;gap:12px;padding:10px 0}.radio-icon{display:none}.transmission p{font-size:12px;line-height:1.5;margin:0}.transmission p>span:first-child{font-size:8px;line-height:1.5;margin-bottom:4px}.controls-button{font-size:0;gap:0;padding:10px 5px}.controls-button .keyboard-icon{font-size:27px}.controls-button>span:last-child{display:none}.controls-strip{gap:11px 14px;font-size:8px;padding:18px 0}.controls-strip kbd{font-size:8px;padding:3px 4px;min-width:18px}.controls-strip>span{gap:4px}footer{font-size:7px;gap:15px;line-height:1.6;padding-top:4px}.footer-cross{display:none}.hud-left{width:32%;top:6%;left:5%}.hud-right{top:6%;right:8%}.hud-center{top:6%;left:54%}.hud-center .hud-label{font-size:5px;letter-spacing:.4px}.hud-label{font-size:6px;letter-spacing:.6px}.shield-track{height:9px;margin-top:5px}.health-row{margin-top:5px}#health-bars{gap:2px}#health-bars i{width:7px;height:3px}.health-row>span:last-child{font-size:4px}.ammo>b{font-size:24px}.ammo>span{font-size:11px}.grenade-count{font-size:6px}.pause-button{font-size:10px;top:4%;padding:4px}.objective{top:25%;left:5%;gap:7px}.objective b{font-size:9px}.objective span{font-size:6px}.objective-mark{width:4px;height:4px}#relay-indicators{gap:9px;margin-top:8px}#relay-indicators i{width:5px;height:5px}.hud-bottom{font-size:6px;left:5%;right:5%}.hud-bottom>span:last-child{font-size:10px}.interaction{bottom:30%;padding:7px 10px;font-size:8px;gap:6px}.interaction kbd{font-size:8px;padding:2px 5px;min-width:17px}.toast{font-size:9px;width:90%;top:34%}.touch-controls{bottom:8%;left:4%;right:4%}.touch-controls button{width:36px;height:36px;font-size:15px}.touch-controls .touch-fire{width:44px;height:44px}.touch-action button:first-child,.touch-action button:nth-child(2){width:29px;height:29px;font-size:11px}.touch-action,.touch-move{gap:6px}.modal-panel{padding:15px}.modal-panel .eyebrow{font-size:7px}.modal-panel h2{font-size:32px;margin:12px 0}.modal-panel p{font-size:11px;margin:7px 0}.modal-panel .primary-button{font-size:11px;min-width:200px;padding:11px 17px;margin:14px auto 5px}.modal-panel .text-button{font-size:8px;padding:7px}.results{margin-top:10px;gap:22px;font-size:7px}.results b{font-size:21px}.modal-panel .primary-button span{font-size:17px}.game-frame:fullscreen{aspect-ratio:auto}dialog{padding:28px}dialog h2{font-size:38px}.manual-controls>div{font-size:11px}.manual-controls kbd{font-size:8px}.manual-controls{gap:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.extraction-panel{position:absolute;top:18%;left:50%;transform:translateX(-50%);width:240px;padding:10px 14px;background:#122621bb;border:1px solid #bdd0a64d;text-shadow:0 1px 3px #051c17}.extraction-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#ecd09a}.extraction-heading b{font:500 24px var(--display);letter-spacing:1px;color:#ecf2d7}.extraction-track{height:3px;background:#71877150;margin:7px 0}.extraction-track i{height:100%;display:block;background:#d8c38e;width:0;transition:width .15s}.extraction-panel>span{font-size:8px;letter-spacing:1.2px;color:#d0dec0}.extraction-panel.landed{border-color:#bdebc286}.extraction-panel.landed .extraction-track i{background:#b8e5c6}@media(max-width:650px){.extraction-panel{top:16%;width:165px;padding:6px 9px}.extraction-heading{font-size:7px;letter-spacing:.5px}.extraction-heading b{font-size:17px}.extraction-track{margin:4px 0;height:2px}.extraction-panel>span{font-size:6px;letter-spacing:.5px}.objective{top:35%}.toast{top:45%;font-size:8px}}
/* Expanded loadout and encounter HUD. */
.heat-track{height:5px;background:#10282ccc;border:1px solid #89d4dd60;margin-top:6px}.heat-track i{display:block;height:100%;width:0;background:#7ce8f1;transition:width .1s}.heat-track.overheated i{background:#ffb27c}.weapon-switch{font:10px var(--mono);letter-spacing:.6px;color:#d0d7c0;margin-top:7px}.boss-panel{position:absolute;top:17%;left:50%;transform:translateX(-50%);width:320px;padding:10px 14px;background:#142526df;border:1px solid #e5c29466}.boss-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font:12px var(--mono);letter-spacing:1px;color:#ead5b0}.boss-heading b{font-size:15px}.boss-heading span{font-size:10px;color:#b2c4c5}.boss-track{height:6px;background:#8195943d;margin:8px 0}.boss-track i{display:block;width:100%;height:100%;background:#dfa778;transition:width .12s}.boss-panel>span{font:10px var(--mono);color:#f3d6a7;letter-spacing:.6px}.manual-links{display:flex;align-items:center;gap:18px;flex-shrink:0}.manual-links .text-button{padding:10px 0;font-size:10px}.log-entry{border-top:1px solid #60736870;padding:14px 0}.log-entry h3{font:12px var(--mono);letter-spacing:1px;color:#a6b7ab;margin:3px 0 8px}.log-entry.recovered h3{color:#e5ca94}.log-entry p{margin:0;font-size:14px}.touch-action{max-width:70%;flex-wrap:wrap;justify-content:flex-end}.touch-action [data-touch="swap"],.touch-action [data-touch="reload"],.touch-action [data-touch="interact"],.touch-action [data-touch="grenade"]{width:35px;height:35px;font-size:13px}
@media(max-width:850px){.manual-links{gap:10px}.manual-links .text-button{font-size:9px}.boss-panel{width:260px}.weapon-switch{font-size:8px}.controls-strip{justify-content:flex-start}}
@media(max-width:650px){.weapon-switch{font-size:6px;letter-spacing:0;margin-top:4px}.heat-track{height:4px;margin-top:4px}.boss-panel{top:18%;width:195px;padding:6px 9px}.boss-heading{font-size:8px}.boss-heading b{font-size:10px}.boss-heading span{font-size:6px}.boss-track{height:4px;margin:5px 0}.boss-panel>span{font-size:7px;letter-spacing:0}.manual-links{gap:8px}.manual-links .text-button{font-size:8px;max-width:54px;line-height:1.7}.touch-action [data-touch="swap"],.touch-action [data-touch="reload"],.touch-action [data-touch="interact"],.touch-action [data-touch="grenade"]{width:29px;height:29px;font-size:11px}.touch-action{gap:5px;max-width:71%}.log-entry p{font-size:13px}.log-entry h3{font-size:11px}.hud-bottom{bottom:2%}.objective{max-width:36%}}
/* Continuation, input options and mission objectives. */
.save-note{font:11px/1.5 var(--mono);color:#c8d4c0;max-width:320px;margin-top:12px}.title-copy .new-mission{margin:8px 0 0;padding:9px 0;text-align:left}.mission-tasks{font:9px var(--mono);margin-top:10px;color:#c7dfd2;white-space:nowrap}.loadout-hint{font:9px var(--mono);color:#cad6c2;letter-spacing:.2px;margin-top:7px}.save-status{position:absolute;right:3.5%;bottom:9%;font:9px var(--mono);color:#bcd3b6;letter-spacing:1px}.lift-panel{position:absolute;left:50%;top:18%;transform:translateX(-50%);width:285px;padding:10px 13px;background:#10272edf;border:1px solid #8dd4e377}.lift-panel b{font:12px var(--mono);color:#d3f2f0}.lift-panel>span{font:9px var(--mono);color:#cee8d8}.lift-track{height:4px;background:#678b9655;margin:8px 0}.lift-track i{height:100%;display:block;background:#a4edf0;width:0}.boss-panel.phase-two{border-color:#f4ab728c}.boss-panel.phase-two .boss-track i{background:#f8a466}.option-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:22px 0;font-size:16px;color:#dce4d2}.option-row>span{min-width:130px}.option-row small{display:block;font-size:12px;line-height:1.5;color:#a9b9a1;margin-top:5px;max-width:255px}.option-row select{font:14px var(--body);color:#e8f0df;background:#27362a;border:1px solid #7d9066;border-radius:3px;padding:10px 14px;max-width:150px}.slider-option{align-items:flex-start;flex-wrap:wrap}.slider-option>div{display:flex;align-items:center;gap:14px;width:100%}.slider-option input{flex:1;accent-color:#d9b878;min-width:80px}.slider-option output{font:14px var(--mono);color:#e1ce9c;min-width:45px;text-align:right}.controller-status{font:11px/1.6 var(--mono);color:#cbdbae!important;border-top:1px solid #65755070;padding-top:16px}.controller-guide{font-size:13px!important;line-height:1.65!important}.touch-controls{align-items:flex-end}.touch-action [data-touch="melee"],.touch-action [data-touch="grenadeType"]{width:35px;height:35px;font-size:13px}.touch-action{max-width:340px;row-gap:6px}
@media(max-width:1000px){.header-actions{gap:17px}.title-copy .save-note{font-size:9px;max-width:245px}.title-copy .new-mission{font-size:10px;padding:6px 0;margin-top:5px}.mission-tasks{font-size:7px}.loadout-hint{font-size:7px}.lift-panel{width:230px}.lift-panel b{font-size:10px}.lift-panel>span{font-size:8px}}
@media(max-width:650px){.header-actions{gap:14px}.title-copy .save-note{font-size:7px;max-width:182px;margin-top:7px}.title-copy .new-mission{font-size:8px;margin-top:3px;padding:4px 0}.title-copy:has(#continue-btn:not([hidden])) .tagline{display:none}.title-copy:has(#continue-btn:not([hidden])) h1{margin-bottom:20px}.mission-tasks{font-size:5px;letter-spacing:0;margin-top:7px}.loadout-hint{font-size:5px;margin-top:4px}.save-status{font-size:5px;bottom:6%;right:5%}.lift-panel{width:190px;padding:6px 8px;top:19%}.lift-panel b{font-size:8px}.lift-panel>span{font-size:6px}.lift-track{height:3px;margin:5px 0}.touch-action{max-width:152px;gap:5px}.touch-action [data-touch="melee"],.touch-action [data-touch="grenadeType"]{width:29px;height:29px;font-size:11px}.touch-controls{bottom:9%}.option-row{font-size:15px;gap:14px}.option-row small{font-size:12px}.option-row select{padding:9px;font-size:14px;max-width:115px}.controller-status{font-size:10px}.modal-panel .text-button{padding:5px}.modal-panel h2{margin:9px 0}}
/* The game is the entire page; all menus and controls are in-game overlays. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#0c1c20}
.game-frame,.game-frame:fullscreen{position:fixed;inset:0;width:100%;height:100%;height:100dvh;aspect-ratio:auto;border:0;box-shadow:none;display:block}
.game-frame canvas,.game-frame:fullscreen canvas{width:100%;height:100%;object-fit:fill}
.game-frame:fullscreen .title-screen{padding-left:0}
.game-tools{position:absolute;z-index:15;top:max(18px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:flex-end;gap:22px;max-width:calc(100% - 40px);padding:3px 12px;background:#0a202356;border-radius:3px}
.game-tools .text-button{margin:0;padding:10px 0;white-space:nowrap;font-size:10px}
.game-tools .controls-button{padding-left:0;font-size:10px}
.game-tools .icon-button{font-size:10px}
.game-frame[data-state="playing"] .game-tools{display:none}
.title-copy{padding-left:max(6vw,env(safe-area-inset-left));margin-top:0;max-width:calc(100% - 24px)}
.title-copy h1{font-size:clamp(58px,17vh,150px);margin:26px 0 20px}
.title-copy h1>span{font-size:clamp(13px,2.8vh,25px)}
.title-copy .tagline{font-size:clamp(14px,2.6vh,22px);margin:24px 0}
.title-copy .save-note{font-size:11px;max-width:410px}
.mission-stamp{top:22%;right:6%}
.title-bottom{bottom:max(25px,env(safe-area-inset-bottom))}
.action-row{display:flex;align-items:stretch;gap:12px;width:max-content;max-width:100%}
.action-row .primary-button{margin:0;flex:1;min-width:220px;width:auto}
.more-games{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:145px;padding:15px 18px;border:1px solid #c8d9b66e;background:#13282cab;color:#dce8cd;text-decoration:none;white-space:nowrap;font:600 14px var(--display);letter-spacing:1.4px;transition:background .15s,border-color .15s}
.more-games>span{font-size:20px;line-height:1}
.more-games:hover{background:#294342;border-color:#e6d09a;color:#f7e5b8}
.action-row:has(.new-mission)>.more-games{display:none}
.primary-button.is-loading:disabled{opacity:1;cursor:progress;background:linear-gradient(90deg,#ebd095 0 var(--load-progress,0%),#8a805c var(--load-progress,0%) 100%);box-shadow:inset 0 0 0 3px #c9b68033;transform:none}
.primary-button.is-loading>span{font:600 14px var(--mono);min-width:36px;text-align:right;letter-spacing:0}
.modal-panel{max-width:590px;width:min(100%,590px);max-height:100%;overflow:auto;padding:30px}
.modal-panel .action-row{margin:24px auto 12px}
dialog .action-row{width:100%;margin-top:22px}
dialog .action-row .primary-button{min-width:0}
dialog .action-row .more-games{min-width:125px;padding:14px;font-size:13px}
.mission-comms{position:absolute;bottom:9%;left:3.5%;max-width:min(40%,500px);font:13px/1.55 var(--body);color:#c7dac4;text-shadow:0 1px 5px #071818;margin:0}
.mission-comms b{display:block;font:9px var(--mono);letter-spacing:1.4px;color:#e0ce9d;margin-bottom:5px}
@media(max-width:850px){.game-tools{gap:15px;right:16px}.game-tools .icon-button span{display:none}.game-tools .controls-button{font-size:0;gap:0}.game-tools .controls-button .keyboard-icon{font-size:25px}.game-tools .controls-button>span:last-child{display:none}.title-copy .primary-button{min-width:200px}.more-games{min-width:125px;padding:13px 15px;font-size:13px}.mission-comms{display:none}}
@media(max-width:650px){.game-tools{top:max(12px,env(safe-area-inset-top));right:12px;gap:16px}.game-tools .text-button{font-size:9px}.title-copy{padding-left:6%;max-width:94%;margin-top:0}.title-copy h1{font-size:clamp(60px,19vw,108px);letter-spacing:13px}.title-copy h1>span{font-size:14px;letter-spacing:9px}.title-copy .eyebrow{font-size:8px;line-height:1.5}.title-copy .tagline{font-size:16px;line-height:1.65;margin:26px 0}.title-copy .save-note{font-size:10px;max-width:290px;line-height:1.65;margin-top:14px}.title-copy .new-mission{font-size:11px;padding:12px 0}.title-copy .primary-button,.action-row .primary-button{min-width:165px;font-size:12px;gap:14px;padding:14px 12px;letter-spacing:1px}.action-row{gap:8px}.more-games{min-width:104px;padding:13px 10px;font-size:12px;letter-spacing:.8px;gap:8px}.more-games>span{font-size:17px}.mission-stamp{display:none}.title-bottom{font-size:8px;bottom:max(24px,env(safe-area-inset-bottom))}.modal-panel{padding:22px}.modal-panel h2{font-size:42px;line-height:1;margin:20px 0}.modal-panel .eyebrow{font-size:9px}.modal-panel p{font-size:14px;margin:14px 0}.modal-panel .text-button{font-size:11px;padding:11px}.modal-panel .action-row{margin:24px auto 14px}.results{font-size:9px;gap:20px}.results b{font-size:26px}.hud-label{font-size:8px}.health-row>span:last-child{font-size:6px}.weapon-switch{font-size:8px}.loadout-hint{font-size:7px}.mission-tasks{font-size:7px}.hud-center .hud-label{font-size:7px}.grenade-count{font-size:8px}.objective b{font-size:12px}.objective span{font-size:8px}.toast{font-size:11px}.interaction{font-size:10px}.save-status{font-size:7px}.hud-bottom{font-size:8px}.hud-bottom>span:last-child{font-size:12px}dialog{padding:24px}dialog .action-row .more-games{min-width:102px;font-size:12px;padding:12px 9px}}
@media(max-aspect-ratio:3/4){.hud-left{top:4%;left:5%;width:43%}.hud-right{top:4%;right:5%}.hud-center{top:18%;left:50%}.objective{top:32%;max-width:70%}.extraction-panel,.boss-panel,.lift-panel{top:24%;width:235px}.lift-panel b,.boss-heading b{font-size:11px}.lift-panel>span,.boss-panel>span{font-size:9px}.toast{top:43%}.title-copy:has(#continue-btn:not([hidden])) .tagline{display:block}}
@media(max-height:550px) and (min-aspect-ratio:4/3){.game-tools{top:8px;gap:15px}.title-copy h1{font-size:clamp(45px,16vh,85px);margin:18px 0 14px}.title-copy h1>span{font-size:12px;letter-spacing:8px;margin-top:12px}.title-copy .eyebrow{font-size:8px}.title-copy .tagline{font-size:13px;line-height:1.5;margin:14px 0}.title-copy .primary-button{padding:11px 14px;font-size:12px;min-width:200px}.more-games{padding:10px 14px}.title-copy .save-note{font-size:9px;margin-top:9px}.start-hint{display:none}.title-bottom{bottom:15px;font-size:8px}.title-copy:has(#continue-btn:not([hidden])) .tagline{display:none}.mission-stamp{width:90px;top:25%}.mission-stamp b{font-size:50px}.modal-panel{padding:15px}.modal-panel h2{font-size:36px;margin:12px 0}.modal-panel p{font-size:12px;margin:8px 0}.modal-panel .text-button{padding:7px}.modal-panel .action-row{margin:14px auto 8px}.modal-panel .primary-button{padding:11px 16px}}