@font-face{font-family:Sector;src:local("Consolas"),local("Menlo"),local("Monaco")}:root{--c-charcoal: #1b1d1c;--c-charcoal-2: #242623;--c-panel: rgba(24, 26, 23, .86);--c-panel-solid: #1c1e1b;--c-olive: #565f3f;--c-olive-dim: #3a4029;--c-offwhite: #e7e2d3;--c-amber: #d69a4a;--c-amber-bright: #f0b361;--c-green: #7c9a5b;--c-red: #c1503f;--c-border: rgba(231, 226, 211, .14);--c-border-strong: rgba(231, 226, 211, .28);--font-main: "Segoe UI", "Consolas", system-ui, sans-serif;--font-mono: "Consolas", "Menlo", "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden;font-family:var(--font-main);color:var(--c-offwhite);-webkit-user-select:none;user-select:none}#app{position:relative;width:100vw;height:100vh}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%;height:100%;cursor:crosshair}#ui-root{position:absolute;inset:0;pointer-events:none;font-variant-numeric:tabular-nums}#ui-root *{pointer-events:auto}.hidden{display:none!important}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#141613b3,#0a0b09f0);backdrop-filter:blur(2px)}.panel{background:var(--c-panel);border:1px solid var(--c-border-strong);box-shadow:0 12px 40px #00000080}.title-block{text-align:center;margin-bottom:28px}.title-block h1{font-size:46px;letter-spacing:8px;margin:0;color:var(--c-offwhite);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.6)}.title-block .subtitle{letter-spacing:4px;color:var(--c-amber);font-size:14px;margin-top:6px;text-transform:uppercase}.menu-panel{width:420px;padding:40px 36px;display:flex;flex-direction:column;gap:14px}.btn{font-family:var(--font-main);background:var(--c-olive-dim);border:1px solid var(--c-border-strong);color:var(--c-offwhite);padding:14px 20px;font-size:15px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:background .12s,border-color .12s,transform .08s;text-align:center}.btn:hover{background:var(--c-olive);border-color:var(--c-amber)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--c-amber);color:#201a0d;font-weight:700;border-color:var(--c-amber-bright)}.btn.primary:hover{background:var(--c-amber-bright)}.btn.danger{border-color:var(--c-red)}.btn.small{padding:8px 14px;font-size:12px;letter-spacing:1px}.btn:disabled{opacity:.4;cursor:not-allowed}.menu-footer{margin-top:18px;text-align:center;font-size:11px;letter-spacing:1px;color:#e7e2d380}#loading-screen{background:#0d0e0c;flex-direction:column;gap:22px}#loading-screen .load-title{font-size:28px;letter-spacing:6px;color:var(--c-offwhite)}.load-bar-track{width:420px;height:6px;background:#ffffff14;border:1px solid var(--c-border)}.load-bar-fill{height:100%;width:0%;background:var(--c-amber);transition:width .2s ease-out}.load-tip{font-size:12px;letter-spacing:1px;color:#e7e2d38c;max-width:420px;text-align:center}#hud{position:absolute;inset:0;pointer-events:none}.hud-bottom-left{position:absolute;left:22px;bottom:20px;display:flex;flex-direction:column;gap:8px;width:230px}.bar-row{display:flex;align-items:center;gap:8px}.bar-label{width:20px;font-size:11px;color:var(--c-offwhite);opacity:.75;text-align:center}.bar-track{flex:1;height:12px;background:#00000080;border:1px solid var(--c-border);position:relative;overflow:hidden}.bar-fill{height:100%;transition:width .15s ease-out}.bar-fill.health{background:linear-gradient(90deg,#7c9a5b,#a3c17a)}.bar-fill.armor{background:linear-gradient(90deg,#4d7c9e,#6ea3c4)}.bar-fill.stamina{background:linear-gradient(90deg,var(--c-amber),var(--c-amber-bright))}.armor-pips{display:flex;gap:3px}.armor-pip{width:10px;height:10px;border:1px solid var(--c-border-strong);background:#ffffff0d}.armor-pip.filled{background:var(--c-amber)}.hud-bottom-right{position:absolute;right:22px;bottom:20px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ammo-count{font-size:34px;font-family:var(--font-mono);color:var(--c-offwhite);letter-spacing:1px}.ammo-reserve{font-size:15px;color:#e7e2d399}.weapon-name{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--c-amber)}.fire-mode{font-size:11px;color:#e7e2d380;letter-spacing:1px}.reload-bar{width:120px;height:4px;background:#00000080;border:1px solid var(--c-border);margin-top:4px}.reload-fill{height:100%;background:var(--c-amber);width:0%}.hud-top-center{position:absolute;top:14px;left:50%;transform:translate(-50%);text-align:center}#compass{width:460px;height:26px;overflow:hidden;position:relative;border-bottom:1px solid var(--c-border);mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}#compass-strip{position:absolute;top:0;left:0;height:100%;white-space:nowrap;font-family:var(--font-mono);font-size:13px;color:#e7e2d3cc}#compass-strip span{display:inline-block;width:46px;text-align:center}.compass-center-marker{position:absolute;left:50%;top:-4px;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--c-amber)}.hud-top-right{position:absolute;top:14px;right:22px;text-align:right;display:flex;flex-direction:column;gap:4px;font-size:13px}.zone-phase-label{color:var(--c-amber);letter-spacing:2px;font-weight:600}.zone-timer{font-family:var(--font-mono);font-size:20px}.zone-timer.danger{color:var(--c-red)}.hostiles-count{color:#e7e2d3b3}.hud-top-left{position:absolute;top:14px;left:22px;font-size:12px;color:#e7e2d399;display:flex;flex-direction:column;gap:2px}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%)}.ch-line{position:absolute;background:#e7e2d3d9}.ch-line.top,.ch-line.bottom{width:2px;left:-1px}.ch-line.left,.ch-line.right{height:2px;top:-1px}#crosshair.hidden{display:none}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--c-offwhite);opacity:0;font-weight:700}#interact-prompt{position:absolute;left:50%;bottom:38%;transform:translate(-50%);background:#0f100ed1;border:1px solid var(--c-border-strong);padding:8px 16px;font-size:13px;letter-spacing:1px;white-space:nowrap}#interact-prompt .key{color:var(--c-amber);font-weight:700;margin-right:6px}.tutorial-prompt{position:absolute;padding:6px 14px;background:#0f100ec7;border:1px solid var(--c-border);font-size:12px;letter-spacing:1px;color:var(--c-offwhite);animation:fadeIn .3s ease-out}.high-contrast .tutorial-prompt,.high-contrast #interact-prompt{background:#000;border:2px solid var(--c-amber-bright);color:#fff;font-weight:700}.high-contrast .zone-phase-label,.high-contrast .zone-timer{color:#fff;text-shadow:0 0 4px #000}.high-contrast #extraction-banner{background:#000;border-width:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#damage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 140px #b41e1400;transition:box-shadow .1s}.hit-dir-indicator{position:absolute;width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:22px solid rgba(220,60,40,.85);left:50%;top:50%;transform-origin:center 90px}#zone-damage-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(140,60,20,.28) 100%);opacity:0;transition:opacity .4s}.settings-grid{display:flex;flex-direction:column;gap:16px;width:480px;max-height:70vh;overflow-y:auto;padding-right:6px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-row label{font-size:13px;letter-spacing:1px;color:#e7e2d3d9}.settings-row input[type=range]{width:180px;accent-color:var(--c-amber)}.settings-row select,.settings-row .segmented{display:flex;gap:4px}.seg-btn{padding:6px 12px;font-size:11px;border:1px solid var(--c-border-strong);background:transparent;color:var(--c-offwhite);cursor:pointer;letter-spacing:1px}.seg-btn.active{background:var(--c-amber);color:#201a0d;border-color:var(--c-amber)}.section-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--c-amber);margin-top:8px;border-bottom:1px solid var(--c-border);padding-bottom:4px}.checkbox-row{display:flex;align-items:center;gap:10px}.results-panel{width:460px;padding:36px}.results-title{font-size:30px;letter-spacing:4px;text-align:center;margin-bottom:4px}.results-title.success{color:var(--c-green)}.results-title.fail{color:var(--c-red)}.results-reason{text-align:center;font-size:13px;color:#e7e2d399;margin-bottom:22px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:26px}.stat-item{display:flex;justify-content:space-between;font-size:13px;border-bottom:1px dashed var(--c-border);padding-bottom:4px}.stat-item .val{color:var(--c-amber);font-family:var(--font-mono)}.results-actions{display:flex;gap:12px}.results-actions .btn{flex:1}.loadout-panel{width:720px;padding:34px}.loadout-classes{display:flex;gap:12px;margin-bottom:20px}.loadout-class{flex:1;padding:14px;border:1px solid var(--c-border-strong);cursor:pointer;text-align:center}.loadout-class.selected{border-color:var(--c-amber);background:#d69a4a1a}.loadout-class h3{margin:0 0 6px;font-size:14px;letter-spacing:2px;color:var(--c-offwhite)}.loadout-class p{margin:0;font-size:11px;color:#e7e2d399}.loadout-details{display:flex;gap:20px;margin-bottom:20px;font-size:12px}.loadout-slot{flex:1;border:1px solid var(--c-border);padding:10px}.loadout-slot .slot-label{color:var(--c-amber);letter-spacing:1px;font-size:10px;text-transform:uppercase;margin-bottom:4px}#map-screen{background:#080907eb}#map-canvas-wrap{width:780px;height:780px;border:1px solid var(--c-border-strong);position:relative;background:#14150f}#map-canvas{width:100%;height:100%}#minimap{position:absolute;top:14px;left:50%;margin-left:250px;width:168px;height:168px;border:1px solid var(--c-border-strong);border-radius:50%;overflow:hidden;background:#14150f}#inventory-screen .panel{width:760px;padding:30px}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:10px}.inv-slot{border:1px solid var(--c-border-strong);min-height:84px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;position:relative}.inv-slot .slot-title{color:var(--c-amber);letter-spacing:1px;text-transform:uppercase;font-size:10px}.inv-slot .slot-item{font-size:13px;color:var(--c-offwhite)}.inv-slot.rare{border-color:var(--c-amber)}.inv-slot.empty{opacity:.45}#extraction-banner{position:absolute;top:90px;left:50%;transform:translate(-50%);text-align:center;background:#0f100ed1;border:1px solid var(--c-amber);padding:10px 26px}#extraction-banner .ex-title{font-size:13px;letter-spacing:3px;color:var(--c-amber)}#extraction-banner .ex-timer{font-size:26px;font-family:var(--font-mono)}#debug-overlay{position:absolute;top:14px;left:22px;font-family:var(--font-mono);font-size:11px;color:#9adf7f;background:#00000080;padding:6px 10px;line-height:1.5}#mobile-gate{position:fixed;inset:0;background:#0d0e0c;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}#mobile-gate h1{letter-spacing:6px;font-size:30px}#mobile-gate p{color:#e7e2d3b3;max-width:320px;line-height:1.6}@media (min-width: 900px) and (pointer: fine){#mobile-gate{display:none!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--c-olive)}