:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;color:#e0e4d8;--void:#080b09;--panel:#111a17;--line:#425249;--muted:#9cae9e;--glow:#9ae0bd;--amber:#edb865;--danger:#ff765e;--safe-top:max(12px, env(safe-area-inset-top));--safe-right:max(16px, env(safe-area-inset-right));--safe-bottom:max(12px, env(safe-area-inset-bottom));--safe-left:max(16px, env(safe-area-inset-left));background:#080b09;font-family:Consolas,Lucida Console,monospace}*{box-sizing:border-box}html,body,#app,.game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input,select{font:inherit}button{border:1px solid var(--line);color:#e0e4d8;cursor:pointer;letter-spacing:.07em;text-align:left;touch-action:manipulation;background:linear-gradient(110deg,#243229,#151e1a);border-radius:2px;min-height:48px;padding:12px 18px;font-size:13px;transition:border-color .12s,background .12s,color .12s}button:hover:not(:disabled){border-color:var(--amber);color:var(--amber);background:#2e3428}button:active:not(:disabled),button.held,button[aria-pressed=true]{border-color:var(--amber);background:#55523a}button:disabled{color:#6d7e70;cursor:default;background:#111914;border-color:#2a362e}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.hidden{display:none!important}.game-shell{isolation:isolate;height:100dvh;position:relative}.game-canvas{image-rendering:auto;background:var(--void);touch-action:none;outline:none;width:100%;height:100%;display:block}.screen{z-index:10;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;padding:max(32px, env(safe-area-inset-top)) max(28px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(28px, env(safe-area-inset-left));flex-direction:column;justify-content:safe center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden auto}.screen::-webkit-scrollbar{width:0;height:0;display:none}.eyebrow,.terminal-heading,.menu-footer,.automap-title{letter-spacing:.18em;font-size:11px;line-height:1.7}.eyebrow{color:var(--amber)}h2{letter-spacing:-.035em;text-align:center;margin:12px 0 28px;font-family:Arial Black,Arial,sans-serif;font-size:clamp(26px,4vw,48px)}.menu-screen{background:linear-gradient(90deg,#0a100fee,#0d1715ca),repeating-linear-gradient(0deg,#41514333 0 1px,#0000 1px 64px),repeating-linear-gradient(90deg,#41514333 0 1px,#0000 1px 64px),#15211b;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-content:center;gap:5vw;padding:6vh 7vw;display:grid}.menu-screen:after{content:"";pointer-events:none;border:1px solid #82927633;border-left:3px solid #edb86580;position:absolute;inset:14px}.menu-identity,.menu-terminal,.menu-footer{z-index:1;position:relative}.game-title{letter-spacing:-.045em;color:#e6e4d3;text-shadow:0 3px #5f3c28;overflow-wrap:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;max-width:780px;margin:20px 0 26px;font-family:Arial Black,Impact,sans-serif;font-size:clamp(36px,5.7vw,92px);line-height:.98}.menu-subtitle{color:var(--muted);letter-spacing:.06em;max-width:470px;font-size:13px;line-height:1.9}.menu-terminal{border:1px solid #69725c70;border-top:3px solid var(--amber);background:linear-gradient(130deg,#25322ccf,#0c1211ed);width:100%;max-width:390px;padding:24px;box-shadow:0 18px 50px #0006,inset 0 0 0 5px #0002}.terminal-heading{color:var(--muted);margin-bottom:20px;font-size:10px}.menu-actions{gap:9px;width:100%;display:grid}.menu-actions>button:first-child{color:#161b13;background:var(--amber);border-color:#f6d8a6;font-weight:700}.menu-actions>button:first-child:hover{color:#10140e;background:#f4cc90}.menu-actions>button:first-child:disabled{color:#6d7e70;background:#111914;border-color:#2a362e}.menu-actions.compact{max-width:350px}.menu-info{border-top:1px solid var(--line);color:var(--muted);margin-top:16px;padding-top:12px;font-size:12px;line-height:1.6}.menu-footer{color:#91a294;border-top:1px solid #64756355;grid-column:1/-1;padding-top:16px;font-size:10px}.breach-seal{pointer-events:none;border:1px solid #7f92612b;border-radius:50%;place-items:center;width:min(54vw,78dvh);height:min(54vw,78dvh);display:grid;position:absolute;top:10%;left:10%;transform:rotate(-12deg);box-shadow:0 0 0 30px #7f926108,0 0 0 80px #7f926107}.breach-seal:before,.breach-seal:after{content:"";border:1px solid #9cb67424;position:absolute;inset:14%}.breach-seal:after{transform:rotate(45deg)}.breach-seal span{color:#88a6790c;font:700 min(20vw,30dvh) Arial Black,sans-serif}.overlay-screen{background:linear-gradient(120deg,#0a1311f5,#16211efa);border:12px solid #03080744}.settings-grid,.controls-grid{width:min(620px,100%);margin:0 0 22px}.setting-row{border-bottom:1px solid #45584866;grid-template-columns:minmax(170px,1fr) minmax(120px,.85fr);align-items:center;gap:24px;min-height:48px;padding:9px 0;font-size:12px;display:grid}.setting-row input[type=range]{width:100%;min-height:32px;accent-color:var(--amber)}.setting-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--amber);justify-self:end}.setting-row select{border:1px solid var(--line);background:#17241e;max-width:100%;min-height:40px;padding:5px}.settings-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.settings-actions button{text-align:center;min-width:140px}.settings-note{max-width:540px;color:var(--amber);text-align:center;font-size:12px;line-height:1.6}.settings-note:empty{display:none}.control-row{border-bottom:1px solid #45584866;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding:10px 0;font-size:12px;display:grid}.control-row dt{color:var(--amber)}.control-row dd{color:#c2d0c3;margin:0}.end-statistics{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:30px;display:flex}.end-statistics span{color:var(--muted);gap:12px;font-size:11px;display:grid}.end-statistics strong{color:var(--amber);font-size:28px}.hud{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.hud-cluster{bottom:var(--safe-bottom);border:1px solid #9eaa8466;border-top:2px solid var(--glow);background:linear-gradient(120deg,#0c1715ed,#18231be6);gap:24px;padding:12px 18px;display:flex;position:absolute}.hud-cluster.vitals{left:var(--safe-left)}.hud-cluster.vitals:after{content:"";width:var(--health,100%);background:var(--glow);height:3px;transition:width .15s;position:absolute;bottom:0;left:0}.hud-cluster.tactical{right:var(--safe-right);border-top-color:var(--amber)}.hud-readout{gap:5px;display:grid}.hud-readout small{letter-spacing:.12em;color:var(--muted);font-size:9px}.hud-readout>span{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.vitals .hud-readout:first-child>span{color:var(--glow)}.vitals .hud-readout:nth-child(2)>span{color:#a8b9af}.tactical .hud-readout:first-child{align-content:end;padding-bottom:3px}.tactical .hud-readout:first-child>span{color:#b8c6b9;font-size:14px}.tactical .hud-readout:last-child>span{color:var(--amber)}.critical .vitals{border-top-color:var(--danger)}.critical .vitals .hud-readout:first-child>span{color:var(--danger)}.critical .vitals:after{background:var(--danger)}.reticle{color:#d6f5cbcc;text-shadow:1px 1px #111;font:22px monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.weapon-canvas{width:clamp(220px,31vw,430px);height:auto;image-rendering:pixelated;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.hud-message{top:calc(var(--safe-top) + 8px);border-left:2px solid var(--amber);max-width:min(620px,75vw);color:var(--amber);text-align:center;background:#0a1511db;padding:10px 16px;font-size:12px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.hud-message:empty{display:none}.use-prompt{color:#e4eac8;text-align:center;background:#111e16ed;border:1px solid #aaba8977;max-width:70vw;padding:10px 14px;font-size:12px;line-height:1.5;display:none;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.use-prompt.visible{display:block}.map-open .weapon-canvas,.map-open .reticle,.map-open .hud-message{display:none}.damage-flash,.muzzle-flash{opacity:0;pointer-events:none;position:absolute;inset:0}.damage-flash.active{animation:.35s ease-out damage-flash}.damage-flash{box-shadow:inset 0 0 120px 35px #aa291da6}.muzzle-flash.active{animation:.1s ease-out muzzle-flash}.muzzle-flash{background:radial-gradient(at 50% 90%,#ffbd551f,#0000 70%)}@keyframes damage-flash{0%{opacity:1}to{opacity:0}}@keyframes muzzle-flash{0%{opacity:1}to{opacity:0}}.automap{z-index:4;padding:var(--safe-top) var(--safe-right) 90px var(--safe-left);background:#06100bef;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.automap-title{color:var(--glow);text-align:center;font-size:11px}.automap canvas{object-fit:contain;width:min(65vh,72vw);height:min(65vh,72vw);max-height:65%;image-rendering:pixelated;border:1px solid #5e836650}.automap-stats{color:var(--amber);white-space:pre-wrap;text-align:center;font-size:12px}.automap-help{color:#9fb19e;text-align:center;font-size:10px}.map-close{right:var(--safe-right);top:var(--safe-top);font-size:11px;position:absolute}.loading-screen{z-index:30;color:var(--amber);text-align:center;background:#08110f;gap:20px}.loading-screen strong{letter-spacing:.1em;font-size:24px}.loading-stage{color:var(--muted);max-width:460px;font-size:12px;line-height:1.8}.loading-screen progress{width:min(400px,80vw);height:6px;accent-color:var(--amber)}.loading-screen button{text-align:center;margin-top:20px}.loading-indicator{border:2px solid #4f5c4444;border-top-color:var(--amber);border-radius:50%;width:52px;height:52px;animation:1s linear infinite loading-spin}.load-error .loading-indicator,.load-error progress{display:none}@keyframes loading-spin{to{transform:rotate(360deg)}}.mobile-controls{display:none}.orientation-guard{z-index:50;text-align:center;color:var(--amber);background:#08110f;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:28px;display:flex;position:absolute;inset:0}.orientation-guard strong{font-size:22px;line-height:1.4}.orientation-guard p{color:var(--muted);font-size:14px;line-height:1.7}.orientation-icon{font-size:84px;line-height:1}.mobile-fullscreen-prompt{z-index:60;padding:max(22px, env(safe-area-inset-top)) max(26px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(26px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 45%,#c8964b18,#0000 42%),#06100ee8;place-items:center;display:grid;position:absolute;inset:0}.mobile-fullscreen-panel{scrollbar-width:none;-ms-overflow-style:none;border:1px solid #73846b88;border-top:3px solid var(--amber);text-align:center;background:linear-gradient(145deg,#19251ff5,#0b1512fa);width:min(560px,92vw);max-height:calc(100dvh - 44px);padding:clamp(22px,6vh,44px);overflow:auto;box-shadow:0 26px 80px #000b}.mobile-fullscreen-panel::-webkit-scrollbar{width:0;height:0;display:none}.mobile-fullscreen-panel h2{margin-bottom:12px}.mobile-fullscreen-copy,.mobile-fullscreen-status{color:var(--muted);margin:0 auto 20px;font-size:13px;line-height:1.65}.mobile-fullscreen-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.mobile-fullscreen-actions button{text-align:center;min-height:50px}.mobile-fullscreen-actions button:first-child{background:var(--amber);color:#10130e}.mobile-fullscreen-status{min-height:1.65em;color:var(--amber);margin-top:14px;margin-bottom:0}[data-input=touch] .mobile-controls.active{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.mobile-move-zone,.mobile-look-zone,.mobile-button{touch-action:none;pointer-events:auto;position:absolute}.mobile-move-zone{left:var(--safe-left);bottom:var(--safe-bottom);width:32%;height:48%}.mobile-stick-base{pointer-events:none;background:radial-gradient(circle,#a0b89910 30%,#0a151640 31%);border:1px solid #b7cf9470;border-radius:50%;width:104px;height:104px;position:absolute;top:calc(100% - 72px);left:82px;transform:translate(-50%,-50%)}.mobile-stick-base:after{content:"";border:1px dashed #b7cf9438;border-radius:50%;position:absolute;inset:12px}.mobile-stick-knob{background:#90ae7340;border:2px solid #b8cba48c;border-radius:50%;width:40px;height:40px;position:absolute;top:31px;left:31px}.mobile-look-zone{right:var(--safe-right);bottom:var(--safe-bottom);width:46%;height:78%}.mobile-button{text-align:center;color:#e6edce;-webkit-tap-highlight-color:transparent;background:#101e18ad;border:1px solid #b8c79775;min-width:56px;min-height:48px;padding:8px;font-size:10px}.mobile-button:disabled{color:#81947c;background:#09140c70;border-color:#516a474d}.mobile-button.fire{right:calc(var(--safe-right) + 24px);bottom:calc(var(--safe-bottom) + 54px);color:#ffe1a4;background:#3e321bb3;border:2px solid #efc784b0;border-radius:50%;width:82px;height:82px;font-size:12px;font-weight:700;box-shadow:0 0 0 5px #0b110e66}.mobile-button.use{right:calc(var(--safe-right) + 119px);bottom:calc(var(--safe-bottom) + 62px);width:74px}.mobile-button.reload{right:calc(var(--safe-right) + 118px);bottom:var(--safe-bottom);width:76px}.mobile-button.weapon{right:calc(var(--safe-right) + 24px);bottom:var(--safe-bottom);width:82px}.mobile-button.sprint{left:calc(var(--safe-left) + 55px);bottom:calc(var(--safe-bottom) + 141px);width:56px}.mobile-button.map{left:calc(var(--safe-left) + 189px);top:var(--safe-top);width:64px}.mobile-button.pause{right:calc(var(--safe-right) + 197px);top:var(--safe-top);width:52px;font-size:20px}.mobile-controls.map-open>:not(.map):not(.pause){display:none}[data-input=touch] .hud-cluster{top:var(--safe-top);gap:16px;height:52px;padding:8px 12px;bottom:auto}[data-input=touch] .hud-readout{gap:3px}[data-input=touch] .hud-readout small{font-size:8px}[data-input=touch] .hud-readout>span{font-size:22px}[data-input=touch] .tactical{flex-direction:column;align-items:flex-end;gap:4px;width:168px}[data-input=touch] .tactical .hud-readout{max-width:100%;padding:0;display:block}[data-input=touch] .tactical .hud-readout small{display:none}[data-input=touch] .tactical .hud-readout:first-child>span{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}[data-input=touch] .hud-message{top:calc(var(--safe-top) + 62px);max-width:60vw;padding:7px 10px;font-size:10px}[data-input=touch] .use-prompt{max-width:38vw;font-size:10px;bottom:36%}[data-input=touch] .weapon-canvas{width:clamp(180px,32vw,310px)}[data-input=touch] .automap{padding:calc(var(--safe-top) + 65px) 20px var(--safe-bottom);gap:6px}[data-input=touch] .automap canvas{width:min(55vh,65vw);height:min(55vh,65vw)}[data-input=touch] .map-close{display:none}@media (max-width:900px){.menu-screen{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr);gap:5vw;padding:32px 5vw}.menu-terminal{padding:16px}.game-title{overflow-wrap:normal;font-size:clamp(24px,4.5vw,58px)}.menu-subtitle{font-size:11px}.eyebrow{font-size:9px}.hud-cluster{gap:14px;padding:10px}.hud-readout>span{font-size:22px}}@media (max-height:540px) and (orientation:landscape){.mobile-fullscreen-prompt{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom))}.mobile-fullscreen-panel{max-height:calc(100dvh - 24px);padding:18px 24px}.mobile-fullscreen-panel h2{margin:4px 0 8px}.mobile-fullscreen-copy{margin-bottom:12px;font-size:11px}.mobile-fullscreen-status{margin-top:7px;font-size:10px}.menu-screen{padding:max(20px, env(safe-area-inset-top)) max(26px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(26px, env(safe-area-inset-left));gap:10px 5vw}.menu-terminal{padding:12px}.terminal-heading{margin-bottom:8px;font-size:9px}.menu-actions{gap:4px}.menu-actions button{min-height:48px;padding:10px 14px;font-size:11px}.menu-footer{padding-top:8px;font-size:9px}.overlay-screen{border-width:4px;padding-top:20px;padding-bottom:20px}h2{margin:5px 0 14px;font-size:26px}.settings-grid,.controls-grid{margin-bottom:12px}.end-statistics{margin-bottom:18px}}@media (max-width:600px) and (orientation:portrait){.mobile-fullscreen-actions{grid-template-columns:1fr}.menu-screen{grid-template-columns:1fr;align-content:start;gap:24px}.menu-terminal{max-width:none}.setting-row{grid-template-columns:1fr;gap:4px;padding:10px 0}.control-row{gap:10px;font-size:10px}.hud-cluster{gap:8px;padding:8px}.tactical .hud-readout:first-child{display:none}.map-close{top:auto;bottom:92px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}