@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--lime:#c6ff39;--ink:#08141d;--muted:#9bacb9}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#f1f5eb;font-family:'Space Grotesk',sans-serif;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button{border:1px solid #ffffff30;background:#112632;border-radius:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.screen{position:fixed;inset:0;overflow:auto;background:linear-gradient(90deg,#071019f2 0%,#071019b5 42%,#07101900 78%)}nav{display:flex;justify-content:space-between;padding:26px 4vw;font-size:10px;letter-spacing:2px;border-bottom:1px solid #ffffff15}.lobby-grid{display:grid;grid-template-columns:minmax(390px,570px) 1fr;padding:5vh 6vw 3vh;max-width:1600px;margin:auto;gap:3vw}.eyebrow,.badge{font-size:10px;letter-spacing:3px;color:var(--lime);font-weight:700}h1{font:900 clamp(64px,7.5vw,112px)/.83 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:24px 0}h1 em{color:var(--lime);font-style:normal}.lede{font-size:18px;line-height:1.5}.description{color:#b0bec8;font-size:12px;line-height:1.8;max-width:480px}.mission-strip{display:flex;gap:30px;border-block:1px solid #ffffff20;padding:15px 0;font-size:10px;color:#79919e}.mission-strip b{font-size:10px;color:#dde4df;line-height:2.3}.loadouts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 14px}.loadout{padding:13px 10px;text-align:left;min-height:99px;display:flex;flex-direction:column;gap:7px;background:#0e2230d9}.loadout small{font-size:8px;letter-spacing:1px;color:#94a6b1}.loadout b{font:700 17px 'Barlow Condensed',sans-serif}.loadout span{font-size:9px;color:var(--muted)}.loadout.active{border-color:var(--lime);background:#c6ff3911}.loadout.active b{color:var(--lime)}.setting{display:flex;gap:15px;align-items:center;font-size:10px;margin-bottom:18px;flex-wrap:wrap}.setting label{display:flex;gap:5px;align-items:center}.setting input{accent-color:var(--lime)}.setting button{padding:6px 10px;font-size:9px}.primary{width:100%;background:var(--lime);color:#102012;font-weight:800;letter-spacing:1px;border:0;padding:20px 22px;text-align:left;box-shadow:0 8px 30px #b6f32715}.primary span{float:right}.primary:hover{background:#ddff8a}.controls-copy{font-size:9px;color:#8193a0;line-height:1.9}.operator-info{position:relative;min-height:570px;pointer-events:none}.operator-info h2{font:800 37px/.95 'Barlow Condensed',sans-serif;margin-top:20px}.operator-info>p{font-size:10px;color:#9bacb9}.operator-note{position:absolute;bottom:35px;right:0;display:flex;gap:12px;align-items:center;font-size:11px;line-height:1.6}.operator-note i{background:var(--lime);width:8px;height:8px;border-radius:50%;box-shadow:0 0 25px var(--lime)}#preview-drag{position:absolute;inset:90px 0 70px;pointer-events:auto;touch-action:none;cursor:grab}#hud{position:fixed;inset:0;pointer-events:none;user-select:none}#hud button{pointer-events:auto}.hud-top{position:absolute;top:max(20px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;justify-content:space-between;z-index:6}.callsign{display:flex;gap:11px;align-items:center}.callsign img{height:49px;width:39px;object-fit:cover;object-position:50% 0;border:1px solid var(--lime);background:#15352d}.callsign span{display:flex;flex-direction:column;gap:5px}.callsign small{font-size:9px;color:#c3d5db;letter-spacing:2px}.callsign b{font:700 21px 'Barlow Condensed',sans-serif}.top-controls{display:flex;gap:8px}.top-controls button{background:#091720bb;height:40px;min-width:42px;font-size:10px}.objective{position:absolute;top:92px;left:24px;display:flex;flex-direction:column;gap:6px;background:#07151bcc;padding:13px 18px;border-left:3px solid var(--lime);max-width:290px}.objective small{color:var(--lime);font-size:9px;letter-spacing:1px}.objective b{font-size:12px}.objective>span{font-size:10px;color:#aabec8}#minimap{position:absolute;top:82px;right:24px;width:140px;height:140px;border:1px solid #b7d6df35;border-radius:50%;background:#061018aa}#marker{position:absolute;color:var(--lime);text-align:center;text-shadow:0 2px 5px #000;font-size:26px;transform:translate(-50%,-50%)}#marker small{display:block;font-size:9px;letter-spacing:1px;background:#07151dbb;padding:3px}#crosshair{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%)}#crosshair i{background:#eaffdc;position:absolute;box-shadow:0 1px 2px #000}#crosshair i:nth-child(1){width:2px;height:7px;left:14px;top:0}#crosshair i:nth-child(2){width:2px;height:7px;left:14px;bottom:0}#crosshair i:nth-child(3){height:2px;width:7px;top:14px;left:0}#crosshair i:nth-child(4){height:2px;width:7px;top:14px;right:0}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--lime);font-size:42px;opacity:0;font-weight:400}#damage{position:absolute;inset:0;box-shadow:inset 0 0 140px 40px #e7404070;opacity:0}#killfeed{position:absolute;right:26px;top:235px;font-size:10px;color:var(--lime);text-align:right;line-height:2}#radio{position:absolute;top:24px;left:50%;transform:translateX(-50%);background:#0a1b24dc;border:1px solid #ffffff25;padding:12px 18px;max-width:420px;min-width:260px;opacity:0;transition:opacity .3s}#radio small{font-size:8px;color:var(--lime);letter-spacing:2px}#radio p{font-size:12px;line-height:1.5;margin:7px 0 0}#interact-prompt{position:absolute;left:50%;bottom:25%;transform:translateX(-50%);padding:15px 25px;background:#10212de6;border:1px solid var(--lime);min-width:240px;text-align:center}#interact-prompt b{font-size:11px;color:var(--lime);display:block}#interact-prompt span{font-size:11px;display:block;margin:8px}#interact-prompt>div{height:4px;background:#ffffff25}#interact-progress{height:4px;background:var(--lime);display:block;width:0}#countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font:900 96px 'Barlow Condensed';text-shadow:0 0 50px #b1ff4933}.bottom-hud{position:absolute;left:28px;right:28px;bottom:max(25px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between}.vitals small,.ammo small{font-size:9px;letter-spacing:2px;color:#b8c9d0}.vitals>b,.ammo>b{font:800 45px 'Barlow Condensed';display:block}.vitals em,.ammo em{font:500 13px 'Space Grotesk';margin-left:10px;color:#94a8b5}.vitals>div{height:4px;width:145px;background:#ffffff20;margin:4px 0 8px}.vitals i{display:block;height:100%;background:var(--lime);width:100%}.vitals>span{font-size:9px;color:#85c7ff}.ammo{text-align:right}.ammo button{padding:6px 9px;font-size:8px}.mission-stats{text-align:center;display:flex;flex-direction:column;gap:7px;font-size:9px;color:#adc2ca}.mission-stats small{font-size:14px}.mission-stats b{color:var(--lime);height:14px}#reticle-caption{position:absolute;bottom:20%;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:4px;color:#f4ffe7;opacity:0}.modal{position:fixed;inset:0;z-index:12;background:#040e17c9;backdrop-filter:blur(12px);display:grid;place-items:center;overflow:auto;padding:24px}.panel{width:min(100%,500px);padding:38px;background:linear-gradient(145deg,#1b303c,#071721);border:1px solid #6f89944a;box-shadow:0 25px 100px #0009}.panel>small{font-size:10px;letter-spacing:3px;color:var(--lime)}.panel h2{font:900 clamp(44px,7vw,65px)/.93 'Barlow Condensed';margin:20px 0}.panel p{font-size:13px;color:#aec0ca;line-height:1.8}.secondary{display:block;width:100%;padding:16px;margin-top:10px;font-size:11px}.text-button{display:block;text-align:center;width:100%;padding:20px 5px 0;font-size:10px;border:0;background:none;letter-spacing:1px}.end-stats{display:flex;justify-content:space-between;padding:20px 0 30px}.end-stats span{font-size:8px;color:#99b0bc}.end-stats b{display:block;font:800 35px 'Barlow Condensed';color:#f1f5eb;margin-bottom:6px}#joystick,.touch-actions,#look-zone{display:none}#error{font-size:13px;color:#ff9595;line-height:1.5}
@media(pointer:coarse),(max-width:900px){#look-zone{display:block;position:absolute;right:0;top:80px;width:60%;bottom:100px;pointer-events:auto;touch-action:none;z-index:1}#joystick{display:block;position:absolute;left:30px;bottom:120px;width:115px;height:115px;border:1px solid #d5eddb50;background:#162b3150;border-radius:50%;pointer-events:auto;touch-action:none;z-index:4}#joystick span{position:absolute;left:35px;top:35px;width:45px;height:45px;border-radius:50%;border:1px solid #d4efce;background:#d4efce35}#joystick small{position:absolute;bottom:-22px;left:38px;font-size:9px;letter-spacing:2px}.touch-actions{display:block;position:absolute;right:20px;bottom:124px;width:200px;height:145px;z-index:5}.touch-actions button{position:absolute;touch-action:none;background:#071922aa;border:1px solid #d1f2da70;border-radius:50%;font-size:9px;font-weight:700}.touch-actions #fire{width:84px;height:84px;right:0;bottom:0;background:#c6ff392a;color:var(--lime);border:2px solid var(--lime);font-size:14px}.touch-actions #aim{width:54px;height:54px;right:92px;bottom:12px}.touch-actions #reload{width:54px;height:54px;right:8px;bottom:94px;font-size:8px}.touch-actions #interact{width:58px;height:58px;right:85px;bottom:80px;color:var(--lime);border-color:var(--lime)}.mission-stats{display:none}#interact-prompt{bottom:44%}}
@media(max-width:700px){nav{padding:18px 20px;font-size:8px;letter-spacing:1px}.lobby-grid{display:flex;flex-direction:column;padding:25px 22px}.brief{position:relative;z-index:1}h1{font-size:75px;margin-top:18px}.lede{font-size:14px}.operator-info{height:320px;min-height:320px;order:-1;display:none}.screen{background:linear-gradient(90deg,#06121df0,#06121dbb)}.description{font-size:11px}.mission-strip{gap:18px}.loadouts{gap:5px}.loadout{padding:10px 8px}.loadout b{font-size:16px}.primary{padding:18px}.hud-top{top:max(12px,env(safe-area-inset-top));left:13px;right:13px}.callsign img{height:37px;width:30px}.callsign small{font-size:7px;letter-spacing:1px}.callsign b{font-size:17px}.top-controls button{height:34px;min-width:34px;font-size:8px}.objective{top:65px;left:13px;padding:9px 11px;max-width:215px}.objective small{font-size:7px}.objective b{font-size:10px}.objective>span{font-size:9px}#minimap{width:88px;height:88px;top:61px;right:13px}#radio{top:166px;width:calc(100% - 30px);max-width:350px;min-width:0;padding:10px 13px}#radio p{font-size:11px}#killfeed{right:15px;top:150px;font-size:8px}.bottom-hud{left:17px;right:17px;bottom:max(18px,env(safe-area-inset-bottom))}.vitals>b,.ammo>b{font-size:36px}.vitals>div{width:105px}.ammo small{font-size:8px}.ammo button{min-height:33px}#joystick{left:21px;bottom:132px;width:100px;height:100px}#joystick span{left:28px;top:28px}#joystick small{left:29px}.touch-actions{right:13px;bottom:120px;width:180px}#interact-prompt{min-width:200px;padding:10px 13px}.panel{padding:27px}.setting{font-size:9px;gap:12px}}
@media(max-height:540px) and (orientation:landscape){.lobby-grid{padding:25px 5vw;grid-template-columns:1fr 1fr}.operator-info{min-height:440px}.hud-top{top:10px}.objective{top:64px;max-width:230px;padding:8px 10px}#minimap{width:90px;height:90px;top:60px}.bottom-hud{bottom:12px}.vitals>b,.ammo>b{font-size:32px}#joystick{bottom:77px;width:95px;height:95px}.touch-actions{bottom:77px;height:125px}.touch-actions #fire{width:70px;height:70px}.touch-actions #reload{bottom:77px}.touch-actions #interact{bottom:68px}.touch-actions #aim{right:80px}#radio{top:14px;max-width:300px;padding:9px 12px}#radio p{font-size:10px}.mission-stats{display:none}#interact-prompt{bottom:25%}#killfeed{top:165px}.callsign img{height:34px}.panel{padding:22px}.panel h2{font-size:43px;margin:12px 0}.end-stats{padding:12px 0}.modal{padding:14px}.primary{padding:15px}.text-button{padding-top:13px}}

@media(min-width:901px) and (max-height:800px){.lobby-grid{padding-top:3vh}.eyebrow{font-size:9px}h1{font-size:82px;margin:18px 0}.lede{font-size:15px;margin:14px 0}.mission-strip{padding:10px 0}.description{font-size:11px;margin:12px 0}.loadouts{margin:15px 0 12px}.loadout{min-height:86px;padding:10px}.setting{margin-bottom:12px}.controls-copy{font-size:8px}.operator-info{min-height:550px}}
@media(max-height:540px) and (orientation:landscape){#joystick{bottom:102px}#joystick small{display:none}.touch-actions{bottom:104px}}

#bossbar{position:absolute;left:50%;top:105px;transform:translateX(-50%);width:min(320px,45vw);text-align:center;background:#081720bb;padding:10px 14px}#bossbar small{font-size:8px;letter-spacing:2px;color:#ff9772}#bossbar>div{height:4px;background:#ffffff25;margin-top:8px}#bossbar i{display:block;height:100%;width:100%;background:#ff8056}@media(max-width:700px){#bossbar{top:153px;width:230px}#bossbar small{font-size:7px}}

.crew-link{display:inline-block;font-size:9px;letter-spacing:1px;color:var(--lime);padding:0 0 16px}

#build-cover{position:absolute;right:25px;bottom:170px;z-index:6;pointer-events:auto;min-width:64px;min-height:48px;background:#30264dee;color:#e2d4ff;border:1px solid #ad91ff;touch-action:none;font-size:10px}#build-cover:disabled{opacity:.55}
@media(pointer:coarse),(max-width:900px){#build-cover{right:166px;bottom:208px;width:58px;min-width:58px;height:54px;font-size:8px;border-radius:12px}}
@media(max-height:540px) and (orientation:landscape){#build-cover{bottom:170px;right:166px}}

/* Travel edition: distinct equipment, a live mirror, and thumb-friendly abilities. */
.loadouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.loadout{min-width:0}.loadout[data-loadout=rail]{border-color:#80dddd66}.loadout[data-loadout=plasma]{border-color:#c398ff66}.mirror-entry{border-color:#96e7d5;color:#c5ffee;margin:12px 0}.tactics-guide{font-size:11px;line-height:1.7;color:#b9cbd2;max-width:540px}
#district{position:absolute;left:28px;top:173px;color:#e6c898;background:#081922cc;padding:8px 11px;font-size:9px;letter-spacing:1px}
.tactical-actions{position:absolute;right:28px;bottom:174px;display:flex;gap:8px;pointer-events:auto;z-index:7}.tactical-actions button{min-height:44px;min-width:85px;padding:10px;background:#112c3eee;border:1px solid #8cdefa;color:#c0f4ff;font-size:10px;touch-action:none}.tactical-actions button:disabled{opacity:.55}#build-cover{right:28px;bottom:232px}
#mirror-ui{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(24px,env(safe-area-inset-top)) 5vw max(22px,env(safe-area-inset-bottom));background:linear-gradient(#06121dba,transparent 25%,transparent 72%,#06121dec)}#mirror-ui header{display:flex;justify-content:space-between;gap:20px;align-items:start}#mirror-ui h2{font:900 40px 'Barlow Condensed';margin:5px 0}#mirror-ui small{font-size:10px;letter-spacing:2px;color:#c6ff39}#mirror-ui p{font-size:12px;color:#c0d3d6}#mirror-ui button{pointer-events:auto;min-height:46px;padding:10px 18px;background:#0f2531ee;border:1px solid #8dafaa;font-size:11px}#mirror-ui footer{text-align:center}#mirror-ui footer>div{display:flex;justify-content:center;gap:8px}#mirror-ui button[aria-pressed=true]{background:#c6ff39;color:#11252b}
@media(max-width:700px){.loadouts{grid-template-columns:repeat(2,minmax(0,1fr))}#district{top:139px;left:13px;font-size:7px;max-width:220px}.tactical-actions{right:15px;bottom:286px;gap:6px}.tactical-actions button{min-width:73px;min-height:42px;font-size:8px}#build-cover{right:15px;bottom:337px;border-radius:8px}#mirror-ui{padding:18px 14px}#mirror-ui header{gap:8px}#mirror-ui header p{max-width:200px;font-size:10px}#mirror-ui header button{max-width:112px;padding:8px}#mirror-ui h2{font-size:32px}#mirror-ui footer>div{gap:4px}#mirror-ui footer button{padding:10px 8px;font-size:9px}#mirror-ui footer p{font-size:10px}}
@media(max-height:540px) and (orientation:landscape){.tactical-actions{right:22px;bottom:246px}.tactical-actions button{min-height:36px;padding:7px;font-size:8px}#build-cover{right:212px;bottom:124px}#district{top:132px;font-size:8px}#mirror-ui header p,#mirror-ui footer p{display:none}#mirror-ui h2{font-size:27px}}
.crew-options{border-top:1px solid #59737b55;border-bottom:1px solid #59737b55;margin:15px 0}.crew-options summary{padding:17px 0;color:#c2d5d8;font-size:11px;cursor:pointer;letter-spacing:1px}

.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}