:root{font-family:Arial,Helvetica,sans-serif;color:#edf0ed;background:#10191e;font-synthesis:none;--amber:#f3ad52;--muted:#a5b0b2;--panel:rgba(13,23,29,.94)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button:disabled{cursor:default;opacity:.4}[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 center,transparent 42%,rgba(4,10,14,.36));z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px}.accent{color:var(--amber)}.eyebrow span{padding:0 10px;color:#7a878a}.menu{position:fixed;inset:0;z-index:5;background:linear-gradient(90deg,rgba(10,18,24,.96) 0%,rgba(10,18,24,.85) 27%,rgba(10,18,24,.14) 72%),linear-gradient(0deg,rgba(10,18,24,.65),transparent 25%);padding:36px 52px;display:flex;flex-direction:column}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center}.wordmark{text-decoration:none;font-weight:900;letter-spacing:3px;font-size:22px;color:#f2f3ee}.wordmark span{display:block;font-size:8px;color:var(--muted);letter-spacing:5px;margin-top:7px}.mode-tag{font-size:9px;letter-spacing:1.6px;border:1px solid #ffffff24;padding:12px 15px;background:#0d171e65}.mode-tag i,.mission-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:9px}.menu-content{margin-top:auto;margin-bottom:auto;padding-top:35px}h1{font-size:clamp(65px,7.6vw,118px);line-height:.89;letter-spacing:-5px;margin:28px 0 25px;font-weight:900}h1 em{font-style:normal;color:var(--amber)}.menu-content>p{font-size:15px;line-height:1.8;color:#b5bebf;margin-bottom:31px}.menu-actions{display:flex;gap:12px}.primary,.secondary{padding:17px 21px;border:0;font-size:11px;font-weight:800;letter-spacing:1.2px;min-height:48px;transition:background .15s,transform .15s}.primary{background:var(--amber);color:#172229;display:flex;justify-content:space-between;align-items:center;gap:33px}.primary:hover{background:#ffc577;transform:translateY(-1px)}.primary span{font-size:21px}.secondary{background:#ffffff08;border:1px solid #ffffff28;color:#eef0ed}.secondary:hover{background:#ffffff13}.mission-meta{display:flex;gap:35px;margin-top:39px}.mission-meta div{padding-left:15px;border-left:1px solid #ffffff24}.mission-meta span{font-size:8px;letter-spacing:1.6px;color:#879396;display:block;margin-bottom:9px}.mission-meta strong{font-size:11px;font-weight:500}.menu-bottom{font-size:9px;letter-spacing:1.2px;color:#97a2a5}.menu-bottom i{color:var(--amber);font-style:normal;margin:0 10px}.map-card{position:absolute;right:52px;bottom:120px;width:266px;padding:24px;background:rgba(15,25,30,.8);border:1px solid #ffffff20;backdrop-filter:blur(10px)}.map-card>div:first-child{display:flex;justify-content:space-between;color:var(--amber)}.map-card>div:first-child>span:last-child{font-size:10px;color:#9aa6a8}.map-card h2{font-size:31px;letter-spacing:-1px;margin:16px 0 7px}.map-card p{font-size:11px;color:#a4afb1}.site-tags{display:flex;gap:8px;margin:22px 0}.site-tags span{font-size:7px;letter-spacing:.5px;padding:7px 5px;border:1px solid #ffffff22;color:#e0c397}.card-line{height:1px;background:#ffffff20;margin:0 0 17px}.map-card small{font-size:10px;line-height:1.8;color:#9aa6a8}
#hud{position:fixed;inset:0;pointer-events:none;z-index:3;text-shadow:0 1px 4px #0008}.top-left{position:absolute;top:25px;left:28px;display:flex;gap:17px;align-items:center}.small-brand{font-size:24px;font-weight:900;letter-spacing:-2px}.small-brand span{color:var(--amber);padding:0 3px}.top-left .eyebrow{font-size:8px;color:#c3cccc;display:block;letter-spacing:1.6px}.top-left strong{font-size:12px;letter-spacing:1px;display:block;margin-top:7px}.round-hud{position:absolute;top:17px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:23px;padding:12px 24px 13px;background:linear-gradient(180deg,#101b22e6,#101b2280);border-top:2px solid #f3ad5280}.team-score{display:flex;gap:13px;align-items:center}.team-score span{font-size:8px;letter-spacing:1.4px;color:#efba75}.team-score b{font-size:28px}.defenders span{color:#83bbc9}.round-center{text-align:center;min-width:72px}.round-center>span{display:block;letter-spacing:1.7px;color:#aeb9bb;font-size:8px}.round-center strong{font-size:24px;display:block;letter-spacing:1px;margin:5px 0}.round-center small{font-size:7px;letter-spacing:1.7px;color:var(--amber)}.top-right{position:absolute;top:27px;right:28px;display:flex;align-items:center;gap:18px}.top-right>span{font-size:10px;letter-spacing:1.3px}.top-right button{pointer-events:auto;border:1px solid #ffffff30;background:#0e1c2180;padding:8px 10px;color:#e4e9e7;font-size:8px}.top-right button span{padding-left:8px}.radar-panel{position:absolute;left:28px;top:96px;width:182px;background:#101b22bd;border:1px solid #ffffff22}.radar-panel canvas{display:block;width:180px;height:152px}.radar-panel>div{padding:8px 10px;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.6px;color:#a4b0b3}.feed{position:absolute;right:28px;top:96px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.feed div{background:#0e1a21d0;border-right:2px solid var(--amber);font-size:10px;padding:10px 13px;letter-spacing:.4px}.feed span{color:var(--amber);margin:0 12px}.crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--gap:7px}.crosshair i{background:#e6f6df;box-shadow:0 0 2px #0008;position:absolute;width:7px;height:2px}.crosshair i:nth-child(1){right:var(--gap);top:-1px}.crosshair i:nth-child(2){left:var(--gap);top:-1px}.crosshair i:nth-child(3){transform:rotate(90deg);top:calc(-1 * var(--gap) - 4px);left:-3.5px}.crosshair i:nth-child(4){transform:rotate(90deg);top:calc(var(--gap) + 2px);left:-3.5px}.crosshair b{position:absolute;left:-1px;top:-1px;width:2px;height:2px;background:#e6f6df}.crosshair.aiming i{opacity:0}.hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:32px Arial;color:#faf5d6}.hitmarker.headshot{color:var(--amber)}.damage{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse,transparent 45%,#d74735a0);transition:opacity .12s}.bottom-left{position:absolute;bottom:31px;left:28px;display:flex;gap:24px;align-items:center}.health-status{display:flex;align-items:center;gap:12px}.plus{color:var(--amber);font-size:25px;font-weight:300}.health-status>strong{font-size:38px;font-weight:500}.health-status>div{width:72px}.health-status>div>span,.armor-status small{font-size:8px;color:#c0cacb;letter-spacing:1.6px}.health-track{height:3px;background:#ffffff20;margin-top:9px}.health-track i{display:block;height:100%;width:100%;background:var(--amber)}.armor-status{display:grid;grid-template-columns:18px 30px;gap:3px 5px}.armor-status>span{font-size:21px;color:#9ac5d0}.armor-status strong{font-size:21px;font-weight:500}.armor-status small{grid-column:2;font-size:7px}.mission-strip{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);text-align:center;max-width:45%;font-size:10px;line-height:1.5;color:#d6dddd}.mission-strip small{display:block;color:var(--amber);margin-top:7px;font-size:12px;font-weight:bold;letter-spacing:1px}.weapon-status{position:absolute;right:28px;bottom:27px;text-align:right}.weapon-status>span{font-size:9px;letter-spacing:1.5px;color:#bdc9cb}.weapon-status>div:nth-child(2){margin:6px 0 9px}.weapon-status strong{font-size:42px;font-weight:500}.weapon-status>div>span{font-size:18px;color:#c2ced0}.weapon-status b{font-weight:400}.equipment{display:flex;gap:12px;justify-content:flex-end}.equipment>span{font-size:8px!important;letter-spacing:.5px;color:#9eaaad!important}.equipment>span.equipped{color:var(--amber)!important}kbd{font-family:inherit;font-size:9px;border:1px solid #ffffff35;background:#ffffff0b;border-radius:2px;padding:3px 5px;white-space:nowrap}.equipment kbd{font-size:7px;padding:2px 4px;margin-right:3px}.weapon-status>small{display:block;margin-top:13px;font-size:7px;color:#8d9a9e;letter-spacing:1px}.interaction{position:absolute;left:50%;top:65%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:#0c1821dd;padding:13px 18px;border:1px solid #ffffff20;min-width:280px}.interaction>kbd{font-size:15px;padding:8px 11px;color:var(--amber)}.interaction strong{display:block;font-size:12px;letter-spacing:.5px}.interaction span{font-size:10px;color:#aeb9bb;margin-top:5px;display:block}.progress{position:absolute;height:3px;bottom:0;left:0;right:0;background:#ffffff15}.progress i{display:block;height:100%;width:0;background:var(--amber)}.prep-hint{position:absolute;bottom:109px;left:50%;transform:translateX(-50%);font-size:10px;background:#101c22d9;padding:12px 17px;letter-spacing:.7px}.prep-hint>span{margin:0 15px;color:#7d8e93}.round-banner{position:absolute;top:25%;left:50%;transform:translateX(-50%);width:430px;text-align:center;background:linear-gradient(90deg,transparent,#101c22e8 15%,#101c22e8 85%,transparent);padding:23px}.round-banner>span{font-size:9px;color:var(--amber);letter-spacing:3px}.round-banner strong{font-size:31px;display:block;margin:10px 0 8px;letter-spacing:-.7px}.round-banner p{font-size:11px;color:#b7c4c7;margin:0}.scoreboard{position:absolute;left:50%;top:31%;transform:translateX(-50%);width:480px;padding:30px;background:#0d1b23ee;border:1px solid #ffffff25}.scoreboard h2{font-size:28px;margin:13px 0 25px}.score-row{display:grid;grid-template-columns:1fr 115px 70px;align-items:center;gap:15px;font-size:12px;padding:15px 0;border-top:1px solid #ffffff20}.score-row.labels{font-size:8px;color:#9eaeb2;letter-spacing:.8px;border:0;padding:0 0 12px}.score-row strong small{color:var(--amber);font-size:8px;margin-left:12px}.scoreboard p{font-size:10px;color:#95a7ad;margin-bottom:0}
.modal-backdrop{position:fixed;inset:0;z-index:10;background:#06111ba8;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.panel{width:450px;max-width:100%;padding:34px;background:var(--panel);border:1px solid #ffffff24;border-top:2px solid var(--amber);box-shadow:0 20px 100px #0006}.panel h2{font-size:35px;letter-spacing:-1.5px;margin:15px 0 12px}.panel>p{font-size:12px;line-height:1.75;color:#a5b3b8}.panel>label{font-size:11px;color:#c3ced1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:21px 0;gap:12px}.panel output{color:var(--amber)}input[type=range]{width:100%;accent-color:var(--amber);height:5px}select{background:#182932;border:1px solid #ffffff25;color:#e3e9eb;font-size:11px;padding:7px 11px}.check-label{border-bottom:1px solid #ffffff18;padding-bottom:16px}input[type=checkbox]{accent-color:var(--amber);width:16px;height:16px}.panel-actions{display:flex;flex-wrap:wrap;gap:10px}.panel-actions .primary{flex:1}.text-button{background:none;border:0;padding:15px 0;color:#a8b8bd;font-size:11px;text-decoration:underline;text-underline-offset:4px}.panel-actions .text-button{width:100%}.panel .panel-note{font-size:9px;margin-bottom:0;color:#82969d}.guide-panel{width:560px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;margin:24px 0}.guide-grid>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:10px;color:#adbdc2}.guide-grid kbd{font-size:8px}.guide-panel>.primary,.shop-panel>.primary,.result-panel>.primary{width:100%;margin-top:20px}.shop-panel{width:500px}.shop-balance{color:var(--amber);font-size:22px;margin:18px 0}.shop-item{display:flex;width:100%;align-items:center;text-align:left;gap:14px;border:1px solid #ffffff18;background:#ffffff04;color:#e8efef;padding:17px 12px;margin:9px 0}.shop-item:hover{border-color:#f3ad5270;background:#f3ad5208}.shop-icon{font-size:24px;color:var(--amber);width:26px;text-align:center}.shop-item>div{flex:1}.shop-item strong{font-size:12px;display:block;margin-bottom:6px}.shop-item>div>span{font-size:10px;color:#8fa4ac}.shop-item>b{font-size:12px;color:var(--amber)}.shop-message{font-size:11px;color:#bfc9cc;min-height:15px;margin-top:17px}.result-panel{text-align:center}.result-score{font-size:69px;font-weight:bold;letter-spacing:7px;color:var(--amber);margin:20px 0}.loading{position:fixed;inset:0;z-index:20;background:#10191e;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading p{font-size:12px;color:#a4b4b9;margin-top:20px}.loading.error p{max-width:440px;line-height:1.7;text-align:center;padding:20px}.loading.error a{color:var(--amber)}
@media(max-width:1000px){.menu{padding:28px}.map-card{right:28px;width:220px}.mission-meta{gap:20px}.mission-strip{max-width:32%;font-size:9px}.round-hud{gap:15px;padding:10px 16px}.team-score span{display:none}.weapon-status{right:20px}.bottom-left{left:20px;gap:12px}.health-status>div{display:none}}@media(max-width:700px){.map-card{display:none}.mode-tag{display:none}.menu{padding:26px}.menu-content{padding-top:0}h1{font-size:76px;letter-spacing:-4px}.menu-bottom{font-size:7px}.menu-bottom>span:last-child{display:none}.menu-actions{flex-wrap:wrap}.mission-meta{gap:18px}.mission-meta div{padding-left:10px}.mission-meta strong{font-size:10px}.top-left{left:16px;top:22px}.top-left>div:last-child{display:none}.radar-panel{left:16px;top:82px;transform:scale(.8);transform-origin:top left}.top-right{right:16px}.top-right>span{display:none}.round-hud{top:14px}.mission-strip{bottom:105px;max-width:80%;width:80%}.weapon-status{bottom:20px}.equipment{gap:7px}.weapon-status>span{font-size:8px}.weapon-status strong{font-size:34px}.bottom-left{bottom:30px}.armor-status{display:none}.guide-grid{gap:14px;grid-template-columns:1fr}.panel{padding:25px;max-height:95vh;overflow:auto}.guide-grid>div{justify-content:flex-start;gap:20px}.guide-grid kbd{min-width:90px}.scoreboard{width:90%}.round-banner{width:90%}.prep-hint{bottom:151px}}
