@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{color-scheme:dark;--ink:#060e17;--teal:#88f9e1;--muted:#9fafbf;--red:#ff665b;--line:#aacbdf30;font-family:Barlow,Arial,sans-serif;color:#eef5f7;background:var(--ink)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid white;outline-offset:5px}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 62% 45%,transparent 20%,#03091395 100%)}body.playing .vignette{opacity:.4}#damage{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 50px #ee3423;opacity:0;z-index:3}.topbar{position:absolute;top:0;left:0;width:100%;padding:30px 42px;display:flex;justify-content:space-between;align-items:center;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:700;letter-spacing:2px}.brandmark{display:grid;place-items:center;width:31px;height:34px;background:var(--teal);color:var(--ink);font-size:27px;font-weight:900;clip-path:polygon(0 0,100% 0,100% 73%,73% 100%,0 100%)}.edition{border-left:1px solid var(--line);padding-left:18px;margin-left:5px;font-size:11px;font-weight:500;letter-spacing:2px;color:var(--muted)}.top-actions{display:flex;gap:24px}.top-actions button{background:none;border:0;padding:10px 0;color:#aab9c7;font-size:11px;letter-spacing:1.5px}.top-actions b{color:var(--teal);font-weight:500;margin-left:5px}.menu{position:absolute;left:8%;top:50%;transform:translateY(-45%);width:530px;max-width:80%;z-index:2}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.5px;color:var(--teal);display:flex;align-items:center;gap:12px}.line{height:1px;width:35px;background:var(--teal)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(85px,9.4vw,152px);font-weight:800;line-height:.85;letter-spacing:-2px;margin:25px 0}h1 em{color:var(--teal);font-style:normal}.intro{font-size:17px;line-height:1.65;color:#c1cdd6;max-width:440px;margin:27px 0}.mission-grid{display:flex;gap:38px;margin:30px 0}.mission-grid>div,.results-grid>div{display:flex;flex-direction:column;gap:8px}.mission-grid span,.results-grid span{font-size:10px;letter-spacing:2px;color:#9cafbe}.mission-grid strong{font-weight:500;font-size:17px}.primary{width:340px;max-width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--teal);color:#06201f;border:0;padding:20px 24px;letter-spacing:1.7px;font-weight:700;font-size:13px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .15s,transform .15s}.primary:hover{background:#bcfff1;transform:translateY(-2px)}.primary:disabled{opacity:.45;cursor:wait}.primary>span:last-child{font-size:20px;line-height:1}.load-status{font-size:12px;color:#a7bcbe;min-height:20px;margin-top:10px}.controls{display:flex;gap:17px;flex-wrap:wrap;color:#96a7b6;font-size:11px;margin-top:23px}.controls span{display:flex;align-items:center;gap:6px}kbd{font-family:inherit;font-size:10px;border:1px solid #b7d4e044;border-radius:3px;padding:4px 5px;color:#cfdee5}.menu-caption{position:absolute;right:6%;bottom:19%;z-index:1}.menu-caption>span{font-size:10px;letter-spacing:3px;color:var(--teal)}.menu-caption strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:42px;line-height:1.08;margin-top:14px;letter-spacing:1px}.caption-rule{height:1px;width:200px;background:var(--line);margin:24px 0}.menu-caption p{font-size:10px;letter-spacing:1.4px;color:#a7bdce;line-height:1.9}.bottomline{position:absolute;bottom:0;width:100%;padding:24px 42px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#8c9eab;border-top:1px solid #ffffff12}.playing .topbar{padding:20px 28px}.playing .brand{font-size:12px}.playing .edition{display:none}.playing .top-actions{gap:15px}.objective{position:absolute;left:30px;top:98px;width:265px;background:linear-gradient(90deg,#030c1880,transparent);padding:10px 0}.objective .eyebrow{font-size:10px}.objective h2{font-size:18px;font-weight:500;margin:9px 0 13px}.objective p{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#b8c9d4}.progress{height:2px;background:#ffffff20}.progress i{display:block;width:0;height:100%;background:var(--teal);transition:width .25s}#compass{position:absolute;left:50%;top:26px;transform:translateX(-50%);font-size:12px;letter-spacing:4px;color:#dce9ee}.radar-wrap{position:absolute;right:26px;top:87px;display:flex;flex-direction:column;align-items:center;gap:10px}.radar-wrap span{font-size:9px;letter-spacing:2px;color:#9fb8c7}#radar{width:145px;height:145px;border-radius:50%;border:1px solid #7ae9dc44;background:#07121abd;box-shadow:0 0 35px #00172180}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;--spread:8px}#crosshair i{position:absolute;background:#c6fff2d0}#crosshair i:nth-child(1){width:1px;height:6px;left:0;bottom:var(--spread)}#crosshair i:nth-child(2){width:1px;height:6px;left:0;top:var(--spread)}#crosshair i:nth-child(3){width:6px;height:1px;top:0;left:var(--spread)}#crosshair i:nth-child(4){width:6px;height:1px;top:0;right:var(--spread)}#crosshair b{position:absolute;width:2px;height:2px;left:-.5px;top:-.5px;background:#dffff4}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:35px;font-weight:300;color:white;opacity:0;pointer-events:none}#toast{position:absolute;left:50%;top:62%;transform:translateX(-50%);font-size:12px;letter-spacing:2px;color:var(--teal);text-align:center;opacity:0;transition:opacity .15s;text-shadow:0 2px 6px #000}#wave-banner{position:absolute;left:50%;top:27%;transform:translateX(-50%);font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;letter-spacing:4px;white-space:nowrap;opacity:0;text-shadow:0 2px 15px #000}.health-panel{position:absolute;left:30px;bottom:54px;width:230px}.health-panel>span{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#ccdade}.health-panel b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:35px;letter-spacing:0;font-weight:500}.health-track{height:5px;margin:9px 0;background:#ffffff22}.health-track i{display:block;width:100%;height:100%;background:var(--teal);transition:width .2s}.health-panel small{font-size:9px;letter-spacing:2px;color:var(--muted)}.ammo-panel{position:absolute;bottom:48px;right:32px;text-align:right}.ammo-panel>span{font-size:10px;letter-spacing:2px;color:#becfd9}.ammo-panel>div{display:flex;gap:15px;align-items:baseline;justify-content:flex-end}.ammo-panel b{font-family:'Barlow Condensed',Impact,sans-serif;font-size:65px;line-height:1.1;font-weight:600}.ammo-panel small{font-size:22px;color:#8dabbc}.ammo-panel p{font-size:10px;letter-spacing:2px;color:var(--teal);margin:7px 0}.hud-help{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:1px;color:#94a6b4}.hud-help span{padding:0 8px;color:#416070}.modal{position:fixed;inset:0;display:grid;place-items:center;z-index:10;background:#030a13b8;backdrop-filter:blur(12px)}.modal-card{width:480px;max-width:90%;padding:45px;background:linear-gradient(135deg,#102330f0,#07131ef0);border:1px solid #93d7db30;border-top:2px solid var(--teal);box-shadow:0 20px 90px #0008}.modal-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:60px;font-weight:600;letter-spacing:-.8px;margin:17px 0 10px}.modal-card p{font-size:16px;line-height:1.6;color:#b4c7d4;margin-bottom:28px}.modal-card .primary{width:100%}.secondary{width:100%;padding:16px;background:none;border:1px solid #b8d4df30;margin-top:12px;color:#bcd1dc;font-size:11px;letter-spacing:2px}.modal-card small{font-size:11px;color:#8aa6b9;display:block;margin-top:25px;line-height:1.7}.results-grid{display:flex;justify-content:space-between;margin:30px 0}.results-grid strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;font-weight:500}.settings-row{margin-top:25px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#b4c7d4}.settings-row input{width:135px;accent-color:var(--teal)}
@media(max-height:760px){.menu{transform:translateY(-43%)}h1{font-size:100px;margin:18px 0}.intro{margin:16px 0}.mission-grid{margin:20px 0}.controls{margin-top:10px}.menu-caption{bottom:16%}}
@media(max-width:1000px){.menu-caption{display:none}.edition{display:none}.menu{left:7%;max-width:86%}.topbar{padding:25px}.radar-wrap{right:18px}#radar{width:115px;height:115px}.hud-help{font-size:9px}.objective{width:220px}}
@media(max-width:600px){.top-actions{gap:12px}.top-actions button{font-size:9px}.brand{font-size:12px}.menu{top:47%}h1{font-size:95px}.intro{font-size:15px}.mission-grid{gap:25px}.bottomline{padding:18px}.bottomline span:nth-child(2){display:none}.controls{max-width:330px}.modal-card{padding:28px}.modal-card h2{font-size:48px}}

.mission-options{display:flex;gap:15px;align-items:center;margin:0 0 16px;max-width:340px}.mission-options label{font-size:11px;letter-spacing:1.5px;color:#c4d7df}.mission-options select{background:#0b202c;border:1px solid #71e4d84d;color:#e3f9f2;padding:10px;font:inherit;font-size:14px;flex:1;min-width:0;border-radius:4px}.new-features{font-size:10px;letter-spacing:1.5px;color:#a6d6d0;margin-top:15px}.new-features span{padding:0 6px;color:#68b3a8}#mobile-instructions{font-size:14px;line-height:1.55;color:#c0d8de;margin:12px 0}.reload-track{height:3px;background:#ffffff17;overflow:hidden}.reload-track i{display:block;height:100%;width:0;background:var(--teal)}.ability-bar{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);display:flex;gap:14px;font-size:11px;letter-spacing:1px;color:var(--teal);white-space:nowrap}.ability-bar span{padding:8px 12px;background:#09242aa6;border:1px solid #82eed62c}#touch-controls{display:none}.modal-card{max-height:94dvh;overflow:auto}.menu{max-height:calc(100dvh - 140px);overflow-y:auto;scrollbar-width:thin}.menu h1{font-size:clamp(75px,8vw,125px)}
.squad-panel{max-width:340px;margin:-3px 0 16px;border:1px solid #70e8db35;background:#071925a8}.squad-toggle{display:flex;width:100%;align-items:center;gap:8px;padding:11px 13px;background:#0a2230;border:0;color:#d9fff5;font-size:11px;font-weight:700;letter-spacing:1.5px;text-align:left}.squad-toggle span{color:var(--teal)}.squad-toggle b{margin-left:auto;color:var(--teal);font-size:10px}.squad-toggle[aria-pressed="true"]{background:#103d42}.squad-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px 11px 0}.squad-inputs label{display:grid;gap:5px;font-size:9px;letter-spacing:1.1px;color:#a8c9cc}.squad-inputs input{width:100%;min-width:0;padding:9px;background:#05121e;border:1px solid #75d9d14d;color:#e6fffa;font:600 12px Barlow,Arial,sans-serif;text-transform:uppercase}.squad-buttons{display:flex;gap:8px;padding:10px 11px}.squad-buttons button{flex:1;padding:9px;background:#123440;border:1px solid #7ef0df48;color:#d9fff5;font-size:10px;font-weight:700;letter-spacing:1px}.squad-buttons button:active{background:#205662}#squad-status{min-height:29px;margin:0;padding:0 11px 10px;color:#9fbec2;font-size:10px;line-height:1.45}#squad-hud{position:absolute;right:198px;top:87px;display:flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid #78e9db42;background:#071a27bd;color:#9afbea;font-size:9px;letter-spacing:1.2px}#squad-hud strong{color:#fff;font-size:10px}#squad-hud small{font-size:8px;color:#b4d2d5}
.touch-mode{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}.touch-mode button{-webkit-tap-highlight-color:transparent;touch-action:none}.touch-mode #touch-controls{display:none}.touch-mode.playing #touch-controls{display:block;position:fixed;inset:0;z-index:4;pointer-events:none}.touch-mode #look-zone{position:absolute;right:0;top:0;bottom:0;width:60%;pointer-events:auto;touch-action:none}.touch-mode #touch-controls button,.touch-mode #move-stick{pointer-events:auto;touch-action:none;border:1px solid #91e7de70;color:#dbfff5;background:#091d2b9c;backdrop-filter:blur(3px);font:600 12px Barlow,Arial,sans-serif;letter-spacing:.5px;border-radius:50%;display:grid;place-items:center}.touch-mode #touch-controls .pressed{background:#7cffe373;border-color:#c3fff1;color:#fff}.touch-mode #touch-pause{position:absolute;right:max(14px,env(safe-area-inset-right));top:58px;width:44px;height:44px;font-size:19px}.touch-mode #move-stick{position:absolute;left:max(26px,env(safe-area-inset-left));bottom:max(38px,env(safe-area-inset-bottom));width:142px;height:142px;border-radius:50%;background:radial-gradient(circle,#67e8cc0d 30%,#08212b6b 31%);border-color:#aaffdf40}.touch-mode #stick-knob{width:58px;height:58px;border-radius:50%;background:#8cffe536;border:1px solid #befff3a0;box-shadow:0 0 20px #71ffe316}.touch-mode #move-stick span{position:absolute;bottom:13px;font-size:10px;letter-spacing:2px;color:#bce6de}.touch-mode #touch-sprint{position:absolute;left:max(73px,env(safe-area-inset-left));bottom:193px;width:55px;height:46px;border-radius:22px}.touch-actions{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));width:196px;height:208px;pointer-events:none}.touch-mode #touch-controls .touch-actions button{position:absolute;width:58px;height:58px}.touch-mode #touch-fire{right:0;bottom:43px;width:86px!important;height:86px!important;border:2px solid #b9ffed!important;background:#42c8a84d!important;font-size:15px!important;box-shadow:0 0 30px #43c89d18}.touch-mode #touch-aim{left:25px;bottom:59px}.touch-mode #touch-reload{right:13px;bottom:143px;border-radius:18px!important}.touch-mode #touch-weapon{left:10px;bottom:142px;border-radius:18px!important;font-size:10px!important;width:70px!important}.touch-mode #touch-pulse{left:18px;bottom:-3px;border-color:#ffb964a1!important;color:#ffe2b5!important}.touch-mode .hud-help{display:none}.touch-mode .ability-bar{bottom:20px;font-size:10px;gap:0}.touch-mode #weapon-chip{display:none}.touch-mode .ability-bar span{padding:5px 7px}.touch-mode .ammo-panel{bottom:250px;right:max(24px,env(safe-area-inset-right))}.touch-mode .ammo-panel b{font-size:42px}.touch-mode .ammo-panel>span{font-size:10px}.touch-mode .ammo-panel p{font-size:10px}.touch-mode .health-panel{bottom:250px;left:max(24px,env(safe-area-inset-left));width:135px}.touch-mode .health-panel b{font-size:26px}.touch-mode .health-panel small{font-size:9px;letter-spacing:1px}.touch-mode .topbar{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.touch-mode .objective{top:65px;left:max(18px,env(safe-area-inset-left));width:190px;pointer-events:none}.touch-mode .objective h2{font-size:15px;margin:6px 0}.touch-mode .objective p{font-size:10px;margin:9px 0}.touch-mode .radar-wrap{top:111px;right:15px;pointer-events:none}.touch-mode #radar{width:86px;height:86px}.touch-mode .radar-wrap span{display:none}.touch-mode #compass{top:52px;font-size:10px}.touch-mode .menu-caption{display:none}.touch-mode .menu{top:85px;transform:none;left:7%;width:86%;max-height:calc(100dvh - 135px)}.touch-mode .menu h1{font-size:clamp(70px,15vw,110px);margin:15px 0}.touch-mode .intro{font-size:15px;margin:16px 0}.touch-mode .mission-grid{margin:20px 0;gap:28px}.touch-mode .mission-options{margin:12px 0}.touch-mode .primary{min-height:48px}.touch-mode .new-features{margin:10px 0;font-size:10px}.touch-mode .bottomline{padding:14px 18px}.touch-mode #wave-banner{font-size:28px;top:32%;letter-spacing:1.5px}.touch-mode #toast{width:90%;font-size:12px;top:62%;letter-spacing:1px}.touch-mode .modal-card{touch-action:pan-y}.touch-mode .menu{touch-action:pan-y}.touch-mode .top-actions button{min-height:36px}.touch-mode .modal{z-index:12}
@media(orientation:landscape) and (max-height:600px){.touch-mode .menu{top:68px;max-height:calc(100dvh - 101px);width:90%;left:5%;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:center}.touch-mode .menu>.eyebrow{grid-column:1;grid-row:1;font-size:10px}.touch-mode .menu h1{grid-column:1;grid-row:2 / 6;font-size:clamp(60px,16vh,88px);line-height:.86;margin:14px 0}.touch-mode .intro,.touch-mode .mission-grid,.touch-mode .new-features{display:none}.touch-mode .mission-options{grid-column:2;grid-row:1 / 3;margin:0 0 10px}.touch-mode .primary{grid-column:2;grid-row:3;min-height:46px;padding:14px 20px;width:100%}.touch-mode .load-status{grid-column:2;grid-row:4;font-size:11px;margin-top:7px}.touch-mode #mobile-instructions{grid-column:2;grid-row:5;font-size:12px;margin:3px 0;line-height:1.6}.touch-mode .objective{top:48px;width:190px}.touch-mode .objective .eyebrow{display:none}.touch-mode .radar-wrap{top:57px;right:73px}.touch-mode #radar{width:65px;height:65px}.touch-mode #touch-pause{top:59px}.touch-mode .health-panel{bottom:193px;width:130px;left:26px}.touch-mode .ammo-panel{bottom:218px;right:27px}.touch-mode .ammo-panel>span,.touch-mode .ammo-panel p{display:none}.touch-mode .ammo-panel b{font-size:31px}.touch-mode .ammo-panel small{font-size:17px}.touch-mode #move-stick{bottom:25px;width:126px;height:126px}.touch-mode #touch-sprint{left:167px;bottom:36px}.touch-mode #wave-banner{font-size:25px;top:30%}.touch-mode .touch-actions{bottom:18px}.touch-mode .ability-bar{bottom:10px}.touch-mode #compass{top:18px}.touch-mode .health-panel small{display:none}.touch-mode .health-track{margin:5px 0}.touch-mode #toast{top:65%}.touch-mode .bottomline span:nth-child(2){display:none}}
@media(max-height:420px){.touch-mode .health-panel{bottom:169px}.touch-mode .ammo-panel{bottom:218px}.touch-mode .radar-wrap{display:none}.touch-mode .objective{width:170px}.touch-mode .objective h2{font-size:13px}.touch-mode .topbar{padding-top:8px}.touch-mode .brandmark{height:26px;width:24px;font-size:22px}}
.touch-mode .ability-bar{display:none}
.touch-mode #aim-dot{width:15px;height:15px}.touch-mode #aim-dot:before{height:20px}.touch-mode #aim-dot:after{width:20px}
#aim-dot{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);border:1px solid #d9fff4;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .12s;box-shadow:0 0 10px #6fffe880}#aim-dot.visible{opacity:1}#aim-dot:before,#aim-dot:after{content:'';position:absolute;left:50%;top:50%;background:#d9fff4;transform:translate(-50%,-50%)}#aim-dot:before{width:1px;height:24px}#aim-dot:after{height:1px;width:24px}#aim-dot i{position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:#9dffef;box-shadow:0 0 8px #7effeb}
.touch-mode .squad-panel{margin:0 0 12px}.touch-mode .squad-inputs{padding-top:9px}.touch-mode #squad-hud{right:12px;top:91px;font-size:8px;padding:5px 7px}.touch-mode #squad-hud small{display:none}@media(orientation:landscape) and (max-height:600px){.touch-mode .squad-panel{grid-column:2;grid-row:2;margin:0}.touch-mode .squad-toggle{padding:8px 10px}.touch-mode .squad-inputs{grid-template-columns:1fr 1fr;padding:6px 8px 0}.touch-mode .squad-inputs input{padding:6px}.touch-mode .squad-buttons{padding:6px 8px}.touch-mode .squad-buttons button{padding:6px}.touch-mode #squad-status{padding:0 8px 7px;min-height:20px}.touch-mode #squad-hud{top:49px;right:146px}}
@media(max-width:360px){.touch-mode #move-stick{width:116px;height:116px;left:14px;bottom:40px}.touch-mode #touch-sprint{left:45px}.touch-mode .touch-actions{width:170px;right:12px}.touch-mode #touch-fire{width:76px!important;height:76px!important}.touch-mode .health-panel{left:15px;width:115px}.touch-mode .objective{width:177px}.touch-mode .brand{font-size:10px;gap:6px}}