@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Inter:wght@400;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#6fd8ff;--cyan-soft:#6fd8ff59;--red:#ff5c45;--amber:#ffb35c;--ink:#02080c;--text:#e8f8ff;--muted:#8ea6b3;background:#02070b;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background:#02070b}canvas{width:100%;height:100%;display:block}button{letter-spacing:.16em;text-transform:uppercase;cursor:pointer;font:800 1rem/1 Barlow Condensed,sans-serif}.hidden{display:none!important}#loading{z-index:40;background:radial-gradient(circle at 50% 30%,#12293a 0,#040b11 60%,#010305 100%);place-items:center;transition:opacity .6s;display:grid;position:absolute;inset:0}#loading.fade{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:min(420px,100% - 32px)}.load-bar{background:#ffffff1a;height:3px;margin:22px 0 14px;overflow:hidden}.load-bar i{width:0;height:100%;box-shadow:0 0 12px var(--cyan);background:linear-gradient(90deg,#4fc4f5,#e1f9ff);transition:width .25s;display:block}#load-text{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font:600 .72rem Inter,sans-serif}.panel{z-index:30;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:linear-gradient(145deg,#051018e6,#03090edb);border:1px solid #71d5ff4d;width:min(600px,100% - 32px);max-height:calc(100% - 32px);padding:36px 42px;position:absolute;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 100px #000c,inset 0 0 50px #2a97cc12}.panel:before{content:"";pointer-events:none;border-top:2px solid #78ddff4d;border-bottom:2px solid #78ddff1a;position:absolute;inset:7px}.eyebrow,small{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin:0;font:700 .7rem/1.2 Inter,sans-serif}h1,h2{color:#f4fbff;letter-spacing:.08em;text-shadow:0 0 35px #69d2ff59;margin:8px 0 12px;font-family:Barlow Condensed,sans-serif;line-height:.88}h1{font-size:clamp(4.2rem,13vw,7.4rem);font-weight:800}h2{font-size:clamp(2.6rem,7vw,4.4rem)}.mission-copy,#result-copy{color:#a9bdc9;max-width:490px;margin:0 auto 22px;font-size:.95rem;line-height:1.65}.panel button{color:#06131b;background:linear-gradient(100deg,#89e4ff,#e1f9ff);border:0;min-width:220px;padding:15px 22px;transition:transform .16s,box-shadow .16s;box-shadow:0 0 28px #55ccff47}.panel button:hover{transform:translateY(-2px);box-shadow:0 0 40px #55ccff80}.panel button.secondary{color:var(--text);border:1px solid var(--cyan-soft);box-shadow:none;background:#6fd8ff1a}.options,.settings{flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:0 0 24px;display:flex}.settings{text-align:left;flex-direction:column;align-items:stretch;max-width:360px;margin:18px auto 26px}.options label,.settings label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;flex-direction:column;gap:6px;font:700 .66rem Inter,sans-serif;display:flex}select{color:var(--text);border:1px solid var(--cyan-soft);background:#041018e6;padding:9px 12px;font:600 .85rem Inter,sans-serif}input[type=range]{accent-color:var(--cyan)}.buttons{flex-direction:column;align-items:center;gap:10px;display:flex}.controls{color:#8da3b0;text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:10px 12px;margin-top:28px;font:600 .68rem/1.5 Inter,sans-serif;display:grid}kbd{color:#effaff;margin-bottom:3px;font:700 .74rem/1.2 Inter,sans-serif;display:block}.disclaimer{color:#526773;margin:24px 0 -10px;font-size:.62rem;line-height:1.5}.credits{color:#6f8794;text-align:left;margin-top:18px;font:.66rem/1.6 Inter,sans-serif}.credits summary{cursor:pointer;color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;text-align:center;font-weight:700}.credits ul{margin:10px 0 6px;padding-left:18px}.credits p{margin:0}.credits a{color:#9fdcf3}.stats{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 26px;display:grid}.stats div{background:#6fd8ff0a;border:1px solid #6fd8ff2e;padding:12px 6px}.stats strong{font:700 1.9rem/1 Barlow Condensed,sans-serif;display:block}.stats span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font:700 .58rem Inter,sans-serif}#hud{z-index:10;pointer-events:none;color:#fff;text-shadow:0 1px 3px #000000e6;position:absolute;inset:0}#visor{background:radial-gradient(120% 95% at 50% 46%,#0000 62%,#020a1073 82%,#010509eb 100%),linear-gradient(#01060a8c 0,#0000 9% 88%,#01060a8c 100%);position:absolute;inset:0}#visor:after{content:"";mix-blend-mode:screen;background:radial-gradient(circle,#0000 55%,#50b4e60d 80%);position:absolute;inset:0}#front{align-items:center;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}#front .node{letter-spacing:.04em;border:2px solid var(--red);width:34px;height:34px;color:var(--red);background:#2806048c;place-items:center;font:800 1rem Barlow Condensed,sans-serif;transition:all .4s;display:grid;position:relative;transform:rotate(45deg)}#front .node span{transform:rotate(-45deg)}#front .node.ours{border-color:var(--cyan);color:#04121a;background:var(--cyan);box-shadow:0 0 16px #6fd8ff8c}#front .node.contested{border-color:var(--amber);color:var(--amber);background:#301c0499;animation:1s infinite pulse}#front .link{background:#ff5c4573;width:46px;height:3px;margin:0 6px;overflow:hidden}#front .link i{background:var(--cyan);width:0;height:100%;box-shadow:0 0 8px var(--cyan);transition:width .5s;display:block}#front .label{white-space:nowrap;position:absolute;top:46px;left:50%;transform:translate(-50%)}@keyframes pulse{50%{box-shadow:0 0 18px #ffb35ccc}}.objective{border-left:2px solid var(--cyan);background:linear-gradient(90deg,#020a10b8,#020a1000);min-width:300px;max-width:360px;padding:12px 16px;position:absolute;top:26px;left:30px}.objective strong{letter-spacing:.07em;text-transform:uppercase;margin-top:4px;font:700 1.3rem Barlow Condensed,sans-serif;display:block}.objective span{color:#b7cbd6;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font:600 .74rem Inter,sans-serif;display:block}#capture-meter{background:#ffffff1f;width:220px;height:6px;margin-top:10px;overflow:hidden;transform:skew(-18deg)}#capture-meter i{width:0;height:100%;box-shadow:0 0 10px var(--cyan);background:linear-gradient(90deg,#5bd2ff,#e6fbff);display:block}#marker{flex-direction:column;align-items:center;gap:4px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#marker b{border:2px solid var(--cyan);width:16px;height:16px;box-shadow:0 0 12px var(--cyan);background:#6fd8ff40;transform:rotate(45deg)}#marker span{color:#dff7ff;letter-spacing:.14em;font:700 .66rem Inter,sans-serif}#marker.enemy b{border-color:var(--red);box-shadow:0 0 12px var(--red);background:#ff5c4540}#killfeed{flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:26px;right:30px}#killfeed div{letter-spacing:.1em;text-transform:uppercase;border-right:2px solid var(--red);background:linear-gradient(-90deg,#020a10bf,#0000);padding:5px 10px;font:700 .72rem Inter,sans-serif;animation:4s forwards feed}#killfeed div.head{border-right-color:var(--amber)}#killfeed div.ally{border-right-color:var(--cyan);color:#bfe9ff}#killfeed em{color:var(--amber);font-style:normal}@keyframes feed{0%{opacity:0;transform:translate(10px)}8%,80%{opacity:1;transform:none}to{opacity:0}}#reticle{width:0;height:0;transition:opacity .15s;position:absolute;top:50%;left:50%}#reticle i{background:#e1f8ffeb;position:absolute;box-shadow:0 0 3px #0a2533}#reticle i:first-child,#reticle i:nth-child(2){width:9px;height:2px;top:-1px}#reticle i:nth-child(3),#reticle i:nth-child(4){width:2px;height:9px;left:-1px}#reticle b{background:#e8fbff;border-radius:50%;width:3px;height:3px;position:absolute;top:-1.5px;left:-1.5px}#reticle.enemy i,#reticle.enemy b{background:#ff7a62}#hit-marker{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}#hit-marker i{background:#fff;width:10px;height:2px;position:absolute;box-shadow:0 0 4px #000c}#hit-marker i:first-child{transform:translate(-15px,-12px)rotate(45deg)}#hit-marker i:nth-child(2){transform:translate(5px,-12px)rotate(-45deg)}#hit-marker i:nth-child(3){transform:translate(-15px,10px)rotate(-45deg)}#hit-marker i:nth-child(4){transform:translate(5px,10px)rotate(45deg)}#hit-marker.show{opacity:1}#hit-marker.head i{background:var(--amber)}#hit-marker.kill i{background:var(--red);width:14px}#damage-arcs{width:0;height:0;position:absolute;top:50%;left:50%}#damage-arcs div{filter:drop-shadow(0 0 6px #ff2814cc);border-top:4px solid #ff3c28d9;border-radius:50%;width:220px;height:220px;animation:1.2s forwards arc;position:absolute;top:-110px;left:-110px;-webkit-mask:linear-gradient(90deg,#0000 30%,#000 45% 55%,#0000 70%);mask:linear-gradient(90deg,#0000 30%,#000 45% 55%,#0000 70%)}@keyframes arc{0%{opacity:1}to{opacity:0}}#banner{text-align:center;opacity:0;transition:opacity .4s,transform .4s;position:absolute;top:24%;left:50%;transform:translate(-50%)}#banner.show{opacity:1;transform:translate(-50%,-6px)}#banner strong{letter-spacing:.12em;text-shadow:0 0 30px #69d2ff80;margin-top:6px;font:800 clamp(2rem,5vw,3.4rem)/1 Barlow Condensed,sans-serif;display:block}#banner.enemy small{color:var(--red)}#radio{text-align:center;opacity:0;background:linear-gradient(90deg,#0000,#020a10bf,#0000);max-width:min(640px,100% - 40px);padding:10px 16px;transition:opacity .35s;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}#radio.show{opacity:1}#radio .radio-from{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;font:800 .7rem Inter,sans-serif}#radio p{color:#f1fbff;margin:4px 0 0;font:500 .98rem/1.45 Inter,sans-serif}.vitals{border-left:2px solid var(--cyan);background:linear-gradient(90deg,#020a10b8,#020a1000);width:280px;padding:12px 16px;position:absolute;bottom:30px;left:30px}.vitals strong{font:700 1.6rem Barlow Condensed,sans-serif;position:absolute;top:18px;right:10px}.meter{background:#ffffff24;width:205px;height:8px;margin-top:10px;overflow:hidden;transform:skew(-18deg)}.meter i{background:linear-gradient(90deg,#5bd2ff,#d7f8ff);width:100%;height:100%;transition:width .2s,background .2s;display:block}#grenades{gap:6px;margin-top:10px;display:flex}#grenades i{background:radial-gradient(circle at 35% 35%,#e9eef0,#6f7a80 60%,#2a3034);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #00000080}#grenades i:after{content:"";background:#ff4a2a;width:100%;height:2px;margin-top:5px;display:block;box-shadow:0 0 4px #ff4a2a}#grenades i.used{opacity:.18}#squad{gap:6px;display:flex;position:absolute;bottom:116px;left:30px}#squad i{background:#dff3fb;border-radius:5px 5px 2px 2px;width:10px;height:16px;box-shadow:0 0 6px #6fd8ff99}#squad i.down{box-shadow:none;background:#ffffff26}.ammo{text-align:right;border-right:2px solid var(--cyan);background:linear-gradient(-90deg,#020a10b8,#0000);min-width:190px;padding:12px 16px;position:absolute;bottom:30px;right:30px}.ammo small{display:block}.ammo strong{font:700 3rem/1 Barlow Condensed,sans-serif}.ammo strong.low{color:var(--red)}.ammo span{color:#708793;font:600 .95rem Inter,sans-serif}#reload-bar{opacity:0;background:#ffffff14;height:3px;margin-top:8px}#reload-bar.show{opacity:1}#reload-bar i{background:var(--cyan);width:0;height:100%;display:block}#damage-flash{z-index:8;pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:0;box-shadow:inset 0 0 160px 50px #ff1f0cb3}#damage-flash.show{opacity:1;transition:none}@media (width<=760px){.panel{padding:28px 20px}.controls,.stats{grid-template-columns:repeat(2,1fr)}.objective{min-width:0;max-width:60%;top:74px;left:12px}#killfeed{top:74px;right:12px}.vitals{width:220px;bottom:12px;left:12px}.meter{width:150px}#squad{bottom:100px;left:12px}.ammo{min-width:140px;bottom:12px;right:12px}#front .link{width:20px}}