@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#111816;--panel:#19211eea;--line:#ffffff20;--ink:#f1f0e6;--muted:#9ca89e;--accent:#ef793e;--lime:#cbdc9c;--operator:#cbdc9c;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}button,a,input,select{outline-offset:5px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{transition:background .18s,transform .18s,border-color .18s}button:active:not(:disabled){transform:translateY(2px)}#arena{position:fixed;width:100%;height:100%;inset:0}#app{position:relative;height:100dvh;overflow:auto;background:linear-gradient(90deg,#101713ed 0%,#101713b8 42%,#10171344 76%,#10171388)}.shell{min-height:100%;display:flex;flex-direction:column;padding:0 4.5vw}.topbar{height:92px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:46px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;font-weight:800;letter-spacing:1.4px}.mark{width:29px;height:32px;display:inline-block;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 27%,35% 27%,35% 40%,82% 40%,82% 66%,35% 66%,35% 100%,0 100%)}nav{display:flex;height:100%;gap:28px;align-items:stretch}nav button{border:0;border-bottom:3px solid transparent;padding:0 2px;background:none;font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}nav button:hover{color:white}nav button.active{border-color:var(--accent);color:var(--ink)}.profile{margin-left:auto;display:flex;align-items:center;gap:13px}.avatar{border:1px solid #83917a;background:#2d3b2c;width:37px;height:37px;display:grid;place-items:center;font-size:18px;color:var(--lime)}.profile strong{font-size:11px;letter-spacing:1px}.profile small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.dot{display:inline-block;background:var(--lime);height:5px;width:5px;border-radius:50%;margin-right:6px}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--lime);text-transform:uppercase}.hero{flex:1;display:grid;grid-template-columns:1fr 340px;align-items:center;gap:40px;padding:45px 0 30px;min-height:540px}.hero h1{font:900 clamp(76px,8.8vw,142px)/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:29px 0 22px}.hero h1 span{color:transparent;-webkit-text-stroke:1px #dce1cf;display:block;margin-top:7px}.intro{max-width:350px;color:#afbaad;font-size:13px;line-height:1.9}.tag{display:inline-flex;align-items:center;gap:9px;border:1px solid #bbc6a63b;background:#b7c69e0b;padding:8px 10px;font-size:9px;letter-spacing:1.6px}.hero-actions{display:flex;gap:11px;margin-top:27px}.btn{border:1px solid #657160;background:#253028;padding:14px 19px;font-size:10px;text-transform:uppercase;letter-spacing:1.6px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:45px}.btn:hover:not(:disabled){background:#364431;border-color:#a5b293}.btn.primary{background:var(--accent);border-color:var(--accent);color:#182019}.btn.primary:hover{background:#ff9860}.btn.ghost{background:#17211ab5}.btn.danger{border-color:#bd665a;color:#ffb4a1}.btn.small{padding:8px 12px;min-height:32px;font-size:9px}.keyhint{display:flex;gap:17px;color:#9aa692;font-size:9px;letter-spacing:.5px;margin-top:28px}kbd{background:#b8c4aa0b;border:1px solid #b8c4aa40;border-bottom:2px solid #b8c4aa40;font:9px 'DM Sans';padding:3px 5px;color:#dbe2d2}.mission{border:1px solid #b7c69e3a;background:linear-gradient(135deg,#253026ee,#151e17f2);box-shadow:0 20px 80px #0004;align-self:end;margin-bottom:34px}.mission-visual{height:172px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#abc09710 25px),repeating-linear-gradient(90deg,#344936,#344936 24px,#abc09718 25px)}.mini-map{position:absolute;width:150px;height:130px;left:93px;top:23px;transform:rotate(-25deg) skewY(8deg);border:1px solid #a9b59455}.mini-map i{position:absolute;background:#8e9f794d;border:1px solid #b1bea25e;box-shadow:7px 7px 0 #0003}.mini-map i:nth-child(1){width:40px;height:65px;left:15px;top:10px}.mini-map i:nth-child(2){width:45px;height:30px;left:78px;top:20px}.mini-map i:nth-child(3){width:28px;height:45px;left:92px;top:75px}.mini-map i:nth-child(4){width:50px;height:20px;left:18px;top:95px}.mission-visual:after{content:'+';position:absolute;left:50%;top:43%;color:var(--accent);font-size:25px}.visual-label{position:absolute;top:16px;left:18px;font-size:8px;letter-spacing:1.6px;color:#d3dfc7}.mission-body{padding:22px}.mission h3{font:700 29px 'Barlow Condensed';margin:9px 0}.mission p{color:var(--muted);font-size:11px;line-height:1.7;margin:0 0 16px}.mission .btn{width:100%}.meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding-top:15px;color:var(--muted);border-top:1px solid var(--line);margin-top:20px}.bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding-bottom:28px}.feature{border-top:1px solid #9fad8c44;padding-top:17px;display:flex;align-items:center;gap:14px}.feature b{font:700 29px 'Barlow Condensed';color:#b5c5a5}.feature strong{font-size:10px;letter-spacing:1.5px;display:block}.feature small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.footer{padding:16px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;color:#8c9b87;letter-spacing:1.3px}.page{padding:34px 0;max-width:1200px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page h2{font:800 clamp(38px,5vw,60px)/1 'Barlow Condensed';letter-spacing:.3px;margin:8px 0}.sub{font-size:12px;color:var(--muted);line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{padding:22px;border:1px solid #53634e;background:#1a241de8;text-align:left;position:relative}.card:hover:not(:disabled){background:#2b382b;border-color:#a4b78e}.card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.card.selected:after{content:'✓ SELECTED';position:absolute;right:12px;top:12px;font-size:8px;letter-spacing:1px;color:var(--accent)}.card h3{font:700 28px 'Barlow Condensed';margin:9px 0}.card p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.number{font:600 12px 'Barlow Condensed';color:var(--accent);letter-spacing:2px}.section-label{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:2px;margin:26px 0 13px}.section-label:after{content:'';height:1px;background:var(--line);flex:1}.launch{display:flex;align-items:center;justify-content:space-between;padding:22px;background:#273326d9;border:1px solid #8a9c7055;gap:20px;margin-top:25px}.launch .btn{min-width:200px}.panel{background:#19231de8;border:1px solid #65775c55;padding:24px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting{margin-bottom:25px}.setting:last-child{margin-bottom:0}.setting label{font-size:11px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;letter-spacing:.7px}.setting output{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}select,input[type=text]{width:100%;padding:12px;background:#101a14;color:var(--ink);border:1px solid #667b5a;outline-offset:3px}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{height:44px;width:44px;border:3px solid transparent;border-radius:50%}.swatch:hover{transform:scale(1.08)}.swatch.selected{border-color:white;box-shadow:0 0 0 2px var(--accent)}.operator-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.operator-preview{min-height:320px;display:grid;place-items:center;background:radial-gradient(ellipse,#485b3555,transparent 70%),repeating-linear-gradient(0deg,transparent,transparent 39px,#b4c4990d 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#b4c4990d 40px);position:relative}.operator-preview svg{height:280px;width:180px;filter:drop-shadow(15px 20px 10px #0008)}.operator-preview .eyebrow{position:absolute;bottom:20px;left:20px}.weapon-drawing{height:90px;display:flex;align-items:center;color:var(--lime)}.weapon-drawing svg{width:100%;height:70px}.bars{margin-top:19px;display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:75px 1fr;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;color:var(--muted)}.bar{height:4px;background:#64705b44}.bar i{height:100%;display:block;background:var(--lime)}.lobby-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}.slot{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.slot strong{font-size:12px}.slot small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.slot .btn{margin-left:auto}.badge{font-size:8px;letter-spacing:1px;padding:5px 8px;border:1px solid #b2c69755;color:var(--lime);margin-left:auto}.unavailable{font-size:11px;line-height:1.8;color:#a4ad9e;padding:15px;border:1px dashed #68755f;margin-top:18px}.ready{background:var(--lime)!important;color:#182019!important}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.help-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.overlay{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:#0b120bd9;backdrop-filter:blur(9px);z-index:20;overflow:auto}.modal{width:min(520px,100%);background:#1b261dee;border:1px solid #798e6855;padding:35px}.modal h2{font:800 48px 'Barlow Condensed';margin:8px 0 22px}.stack{display:grid;gap:10px}.hud{position:fixed;inset:0;pointer-events:none;font-family:'Barlow Condensed',sans-serif}.hud-top{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 30px}.hud button{pointer-events:auto}.scoreboard{display:flex;background:#101912e8;border:1px solid #8fa07d55;align-items:center;gap:23px;padding:11px 25px}.scoreboard b{font-size:37px;color:var(--lime)}.scoreboard b.enemy{color:var(--accent)}.scoreboard span{text-align:center;font-size:11px;letter-spacing:1.6px;line-height:1.6}.hud-bottom{position:absolute;bottom:30px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between}.health{width:210px;background:#101912e0;padding:16px;border-left:3px solid var(--operator)}.health b{font-size:35px}.health small{font-size:11px;letter-spacing:1px;color:var(--muted)}.healthtrack{height:4px;background:#6668;margin-top:6px}.healthtrack i{display:block;height:100%;background:var(--operator);transition:width .1s}.ammo{text-align:right;background:#101912df;padding:16px 23px;border-right:3px solid var(--accent)}.ammo b{font-size:43px}.ammo span{font-size:23px;color:var(--muted)}.ammo small{display:block;letter-spacing:2px;font-size:11px;color:#bdc9b1}.hud-guide{font:10px 'DM Sans';color:#c9d5bb;background:#101912dc;padding:13px;letter-spacing:.5px}.feed{position:absolute;right:30px;top:105px;font:11px 'DM Sans';display:grid;gap:7px;text-align:right}.feed div{padding:7px 10px;background:#111a13c9;color:#dae6c9}.match-message{position:absolute;left:50%;top:20%;transform:translateX(-50%);text-align:center;font-size:35px;font-weight:800;text-shadow:0 2px 15px #000;letter-spacing:2px}.match-message small{font:11px 'DM Sans';display:block;margin-top:8px;letter-spacing:1px}.results{width:min(740px,100%)}.results h2{font-size:66px;margin-bottom:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0}.stat{background:#1b261d;padding:22px;text-align:center}.stat b{font:700 39px 'Barlow Condensed';display:block}.stat small{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.result-actions{display:flex;gap:12px}.result-actions .btn{flex:1}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);opacity:0;background:#e4ebd3;color:#172216;box-shadow:0 10px 50px #0006;padding:14px 24px;font-size:12px;transition:.2s;pointer-events:none;z-index:100;max-width:90vw}#toast.show{transform:translate(-50%,0);opacity:1}.touch-controls{display:none;pointer-events:auto}.cross-preview{height:90px;display:grid;place-items:center;background:#101a14;font:30px monospace;color:var(--lime);border:1px solid var(--line);margin-top:15px}.progress-history{font-size:11px;color:#b4c4a8;line-height:1.8}.supply{font-size:10px;color:var(--lime)}.map-art{height:75px;background:repeating-linear-gradient(90deg,transparent,transparent 26px,#aabd8e12 27px),repeating-linear-gradient(0deg,#3b4b31,#3b4b31 23px,#aabd8e12 24px);position:relative;margin-bottom:18px;overflow:hidden}.map-art:before{content:'';position:absolute;left:25%;top:15%;height:35px;width:22%;border:2px solid #a7b39177;box-shadow:85px 10px 0 #a7b39144,40px 50px 0 #a7b39144;transform:rotate(-14deg)}.map-art.harbor{background-color:#304a50;filter:hue-rotate(35deg)}.map-art.foundry{filter:hue-rotate(320deg)}.screen-enter{animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.shell{max-width:1600px;margin:auto}}@media(max-width:900px){.topbar{gap:20px;height:74px}nav{gap:16px}.profile strong,.profile small{display:none}.hero{grid-template-columns:1fr 280px;gap:20px;min-height:510px}.hero h1{font-size:90px}.mission{margin-bottom:20px}.mission-visual{height:140px}.mini-map{left:65px;top:8px}.grid{gap:10px}.card{padding:17px}.shell{padding:0 25px}.hud-guide{display:none}}@media(max-width:650px){.shell{padding:0 18px}.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:10px;padding:15px 0 0}.brand{font-size:19px}.mark{height:25px;width:23px}.profile{order:1}nav{order:2;width:100%;height:43px;justify-content:space-between;gap:0}nav button{font-size:9px}.hero{grid-template-columns:1fr;padding-top:36px;gap:30px}.hero h1{font-size:96px}.hero .intro{max-width:310px}.mission{margin-bottom:0}.mission-visual{height:110px}.mini-map{left:55%;top:-10px}.hero-actions .btn{padding:14px}.keyhint{gap:10px}.bottom{grid-template-columns:1fr;gap:5px;margin-top:25px}.feature{padding:12px 0}.footer{font-size:7px;gap:15px}.grid,.settings-grid,.operator-layout,.lobby-grid{grid-template-columns:1fr}.grid .card{padding:20px}.page-head{align-items:start}.page h2{font-size:42px}.launch{flex-direction:column;align-items:stretch}.launch .btn{width:100%}.operator-preview{min-height:260px}.operator-preview svg{height:230px}.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.result-actions{flex-direction:column}.modal{padding:25px}.results h2{font-size:50px}.help-grid{grid-template-columns:1fr}.hud-top{padding:12px;gap:8px}.scoreboard{padding:7px 13px;gap:13px}.scoreboard b{font-size:28px}.scoreboard span{font-size:9px}.hud-top .btn{font-size:8px;padding:9px}.hud-bottom{left:12px;right:12px;bottom:15px}.health{width:145px;padding:10px}.health b{font-size:26px}.ammo{padding:10px}.ammo b{font-size:30px}.feed{right:12px;top:80px;font-size:9px}.match-message{top:27%;font-size:25px;width:90%}}@media(pointer:coarse){.touch-controls{display:flex;position:absolute;left:20px;right:20px;bottom:105px;justify-content:space-between;align-items:end}.touch-pad{width:108px;height:108px;border:1px solid #cbdc9c55;border-radius:50%;background:#b7c69e10;display:grid;place-items:center;font:10px 'DM Sans';letter-spacing:1px;color:#d0ddbf;touch-action:none;user-select:none}.touch-buttons{display:flex;gap:10px;align-items:end}.touch-buttons button{border-radius:50%;height:50px;width:50px;background:#1d2c20dd;border:1px solid #cbdc9c66;pointer-events:auto;font-size:9px}.touch-pad.fire{border-color:#ef793e77;color:#f5a16f}.keyhint{display:none}}

.combat-stats{position:absolute;left:30px;top:95px;font:10px "DM Sans",sans-serif;letter-spacing:1px;color:#d2dfbf;background:#101912d9;padding:9px 12px}.touch-controls{touch-action:none}.hud{user-select:none}@media(max-width:650px){.combat-stats{left:12px;top:80px;font-size:8px}}@media(prefers-reduced-motion:reduce){.screen-enter{animation:none}button,#toast{transition:none}}
@media(max-width:650px){.hero h1{font-size:clamp(58px,18.5vw,84px)}.shell{overflow-x:clip}}