:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;--ink: #eef7f6;--muted: #80918f;--dim: #40504f;--panel: rgba(7, 13, 15, .86);--panel-strong: rgba(4, 8, 10, .96);--line: rgba(155, 191, 185, .2);--line-hot: rgba(171, 255, 233, .65);--accent: #96ffe1;--accent-strong: #5fffcf;--warning: #f4bd6a;--danger: #ff5c55;--safe-top: max(10px, env(safe-area-inset-top));--safe-right: max(12px, env(safe-area-inset-right));--safe-bottom: max(12px, env(safe-area-inset-bottom));--safe-left: max(12px, env(safe-area-inset-left));--control-size: clamp(48px, 13.5vh, 68px);--fire-size: clamp(62px, 17.55vh, 88px);--aim-lift: clamp(28px, 7.83vh, 39px);--control-gap: clamp(7px, 2vh, 13px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;background:#020405}body{position:fixed;inset:0;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}button,select,input{font:inherit}button{border:0;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#game-canvas{position:fixed;inset:0;display:block;width:100%;height:100%;background:radial-gradient(circle at 50% 36%,#142023 0,#071011 40%,#020405);outline:none;touch-action:none}.screen{position:fixed;z-index:30;inset:0;display:grid;place-items:center;min-width:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.screen--boot{background:linear-gradient(90deg,#020607f7,#030809e6 36%,#0308099e 64%,#020607db),radial-gradient(circle at 76% 32%,rgba(65,137,129,.18),transparent 32%),#030607}.boot-atmosphere,.boot-grid,.boot-scanline{position:absolute;inset:0;pointer-events:none}.boot-atmosphere{overflow:hidden}.boot-grid{opacity:.16;background-image:linear-gradient(rgba(131,211,195,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(131,211,195,.13) 1px,transparent 1px);background-size:44px 44px;transform:perspective(360px) rotateX(58deg) scale(1.4) translateY(34%);transform-origin:center bottom;mask-image:linear-gradient(to bottom,transparent 5%,black 65%)}.boot-scanline{background:linear-gradient(to bottom,transparent,rgba(136,255,226,.055),transparent);background-size:100% 11px;mix-blend-mode:screen;opacity:.45}.boot-card{position:relative;width:min(560px,84vw);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px);margin-right:min(38vw,460px);padding:clamp(18px,4vh,36px);overflow:auto;border:1px solid var(--line);background:linear-gradient(135deg,#0e1a1cf5,#050a0ce6),var(--panel);box-shadow:0 32px 100px #00000080,inset 0 1px #ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);touch-action:pan-y;-webkit-overflow-scrolling:touch}.boot-card:before,.menu-card:before{position:absolute;top:-1px;left:-1px;width:66px;height:3px;background:var(--accent);content:"";box-shadow:0 0 18px #71ffdab3}.brand-lockup{display:flex;align-items:center;gap:16px}.brand-mark{position:relative;flex:0 0 auto;width:48px;height:48px;border:1px solid rgba(151,255,224,.52);transform:rotate(45deg)}.brand-mark:before,.brand-mark:after{position:absolute;content:"";background:var(--accent)}.brand-mark:before{top:8px;bottom:8px;left:50%;width:1px}.brand-mark:after{top:50%;right:8px;left:8px;height:1px}.brand-mark span{position:absolute;width:6px;height:6px;background:var(--accent);box-shadow:0 0 10px #73ffdbcc}.brand-mark span:nth-child(1){top:7px;left:7px}.brand-mark span:nth-child(2){right:7px;bottom:7px}.brand-mark span:nth-child(3){right:7px;top:7px;opacity:.28}.eyebrow,.hud-label,.button-kicker,.boot-footnote,.control-button em{font-size:clamp(8px,1.5vw,11px);font-style:normal;font-weight:650;letter-spacing:.18em;text-transform:uppercase}.eyebrow{margin:0 0 5px;color:var(--accent)}h1,h2,p{margin-top:0}h1{display:flex;align-items:baseline;gap:10px;margin-bottom:0;font-size:clamp(28px,5.2vw,52px);line-height:.92;letter-spacing:-.045em}h1 span{font-weight:800}h1 strong{color:var(--accent);font-size:.5em;font-weight:500;letter-spacing:.28em}.mission-brief{display:grid;gap:6px;margin:clamp(15px,3vh,27px) 0 14px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brief-line{display:flex;justify-content:space-between;gap:20px;font-size:clamp(9px,1.4vw,11px);letter-spacing:.08em}.brief-line span{color:var(--muted)}.brief-line strong{color:#b9c9c6;font-weight:650;text-align:right}.mission-selector{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 12px}.mission-option{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 10px;border:1px solid rgba(132,172,166,.2);background:#02090b85;color:#7f918f;font-size:9px;letter-spacing:.1em;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease}.mission-option span{color:var(--dim);font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.mission-option strong{font-size:10px}.mission-option:hover,.mission-option:focus-visible,.mission-option[aria-current=true]{border-color:#7effdd94;background:#44d7b31f;color:#c9fff0}.mission-option[aria-current=true]{box-shadow:inset 2px 0 var(--accent)}.boot-copy{max-width:48ch;margin-bottom:clamp(13px,2.6vh,24px);color:#9cacab;font-size:clamp(11px,1.7vw,14px);line-height:1.55}.system-status{display:flex;align-items:center;gap:9px;min-height:18px;margin-bottom:10px;color:#90a19f;font-size:9px;letter-spacing:.16em}.status-pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 #68ffd880;animation:status-pulse 1.8s infinite}@keyframes status-pulse{70%{box-shadow:0 0 0 7px #68ffd800}to{box-shadow:0 0 #68ffd800}}.primary-action{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:10px 18px;overflow:hidden;border:1px solid rgba(144,255,225,.54);background:linear-gradient(100deg,#4effcf2e,#4effcf0a);text-align:left}.primary-action:after{position:absolute;top:0;bottom:0;left:-28%;width:18%;background:linear-gradient(90deg,transparent,rgba(194,255,238,.16),transparent);content:"";transform:skew(-18deg);transition:left .42s ease}.primary-action:not(:disabled):hover:after,.primary-action:not(:disabled):focus-visible:after{left:112%}.primary-action:disabled{border-color:#819b9638;color:#65716f;cursor:progress}.button-kicker{color:var(--muted)}.button-label{font-size:clamp(17px,3vw,24px);font-weight:750;letter-spacing:.12em}.boot-footnote{display:flex;justify-content:space-between;gap:16px;margin-top:10px;color:var(--dim);font-size:8px}#rotate-device{position:fixed;z-index:100;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#030708;text-align:center}#rotate-device strong{margin-top:28px;font-size:18px;letter-spacing:.14em}#rotate-device p{margin:8px 0 0;color:var(--muted);font-size:13px}.rotate-phone{position:relative;width:42px;height:72px;border:2px solid var(--accent);border-radius:8px;animation:rotate-device 2.2s ease-in-out infinite}.rotate-phone:before{position:absolute;top:5px;left:50%;width:12px;height:2px;border-radius:2px;background:var(--accent);content:"";transform:translate(-50%)}.rotate-phone span{position:absolute;right:-24px;bottom:-18px;width:34px;height:34px;border-top:2px solid rgba(150,255,225,.44);border-radius:50%}@keyframes rotate-device{0%,25%{transform:rotate(0)}70%,to{transform:rotate(90deg)}}.hud{position:fixed;z-index:10;inset:0;pointer-events:none}.hud-top{position:absolute;top:var(--safe-top);right:var(--safe-right);left:var(--safe-left);display:flex;align-items:flex-start;justify-content:center}.objective-panel{min-width:min(410px,54vw);padding:8px 34px 10px;border-top:1px solid var(--line-hot);background:linear-gradient(90deg,transparent,rgba(4,11,12,.76) 16%,rgba(4,11,12,.76) 84%,transparent);text-align:center;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.hud-label{display:block;color:var(--muted)}.objective-panel strong{display:block;margin-top:3px;font-size:clamp(11px,1.65vw,14px);letter-spacing:.14em}.status-text{display:inline-block;margin-top:4px;color:var(--accent);font-size:8px;font-weight:700;letter-spacing:.16em}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);background:#040a0bb3;pointer-events:auto}.pause-button{position:absolute;right:0}.pause-button span{position:absolute;width:3px;height:14px;background:#a9bbb8}.pause-button span:first-child{transform:translate(-4px)}.pause-button span:last-child{transform:translate(4px)}.vitals-panel,.ammo-panel{position:absolute;top:var(--safe-top);min-width:clamp(118px,17vw,180px);padding:9px 12px;border-top:1px solid var(--line-hot);background:linear-gradient(180deg,#050c0dc7,#050c0d26)}.vitals-panel{left:var(--safe-left)}.ammo-panel{right:calc(var(--safe-right) + 50px);text-align:right}.vitals-heading{display:flex;align-items:baseline;justify-content:space-between}.vitals-heading strong,.ammo-panel>strong{font-variant-numeric:tabular-nums}.health-track{height:4px;margin-top:7px;overflow:hidden;background:#8caaa52e}#health-fill{display:block;width:100%;height:100%;background:var(--accent);box-shadow:0 0 10px #5effcf80;transform-origin:left;transition:width .18s ease,background-color .18s ease}.ammo-panel>strong{display:block;font-size:clamp(20px,3.8vw,32px);font-weight:600;line-height:1}.ammo-panel small{color:var(--muted);font-size:.43em;font-weight:500}.crosshair,.hitmarker{position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%)}.crosshair-line,.crosshair-dot,.hitmarker i{position:absolute;display:block;background:#e9fff9e0;box-shadow:0 0 3px #000000e6}.crosshair-line--top,.crosshair-line--bottom{left:50%;width:1px;height:7px}.crosshair-line--top{top:0}.crosshair-line--bottom{bottom:0}.crosshair-line--right,.crosshair-line--left{top:50%;width:7px;height:1px}.crosshair-line--right{right:0}.crosshair-line--left{left:0}.crosshair-dot{top:50%;left:50%;width:2px;height:2px;transform:translate(-50%,-50%)}.hitmarker{width:38px;height:38px;opacity:0;transition:opacity 70ms linear}.hitmarker.is-visible{opacity:1}.hitmarker i{top:50%;left:50%;width:9px;height:2px;background:#fff;transform-origin:-4px center}.hitmarker i:nth-child(1){transform:rotate(45deg) translate(8px)}.hitmarker i:nth-child(2){transform:rotate(135deg) translate(8px)}.hitmarker i:nth-child(3){transform:rotate(225deg) translate(8px)}.hitmarker i:nth-child(4){transform:rotate(315deg) translate(8px)}#damage-vignette{--damage-opacity: 0;position:absolute;inset:0;background:radial-gradient(circle,transparent 42%,rgba(145,0,0,.68) 100%);opacity:var(--damage-opacity);transition:opacity 90ms linear}#mobile-controls{position:fixed;z-index:12;inset:0;pointer-events:none;touch-action:none}#look-zone{position:absolute;z-index:1;inset:16% 0 0 37%;pointer-events:auto;touch-action:none}.move-stick{position:absolute;z-index:4;bottom:calc(var(--safe-bottom) + clamp(8px,2vh,18px));left:calc(var(--safe-left) + clamp(10px,3vw,32px));width:clamp(94px,26vh,138px);height:clamp(94px,26vh,138px);border:1px solid rgba(196,226,220,.19);border-radius:50%;background:radial-gradient(circle,#8faca70d 0 36%,#8faca71f 37% 38%,#04090a4d 39%);box-shadow:inset 0 0 25px #00000059;pointer-events:auto;touch-action:none}.stick-guides i{position:absolute;width:7px;height:1px;background:#c1ddd84d}.stick-guides i:nth-child(1){top:10px;left:50%;transform:translate(-50%) rotate(90deg)}.stick-guides i:nth-child(2){right:7px;top:50%}.stick-guides i:nth-child(3){bottom:10px;left:50%;transform:translate(-50%) rotate(90deg)}.stick-guides i:nth-child(4){left:7px;top:50%}.move-knob{position:absolute;top:27%;left:27%;display:grid;place-items:center;width:46%;height:46%;border:1px solid rgba(187,255,236,.4);border-radius:50%;background:#142a2ab8;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff14;transform:translateZ(0);will-change:transform}.move-knob span{width:7px;height:7px;border:1px solid var(--accent);border-radius:50%}.action-cluster{position:absolute;z-index:4;display:grid;gap:var(--control-gap);pointer-events:none}.action-cluster--combat{right:calc(var(--safe-right) + clamp(8px,2vw,22px));bottom:calc(var(--safe-bottom) + clamp(7px,1.8vh,15px));grid-template-columns:auto auto;align-items:end}.action-cluster--utility{right:calc(var(--safe-right) + var(--fire-size) + var(--control-size) + var(--control-gap) + clamp(28px,4vw,38px));bottom:calc(var(--safe-bottom) + clamp(8px,2vh,18px));grid-template-columns:repeat(3,auto);align-items:end}.control-button{position:relative;display:grid;place-items:center;width:var(--control-size);height:var(--control-size);padding:5px;border:1px solid rgba(190,219,214,.24);border-radius:50%;background:#050c0d8a;box-shadow:0 7px 18px #00000042,inset 0 1px #ffffff0f;pointer-events:auto;touch-action:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.control-button em{position:absolute;bottom:5px;color:#cce0dcad;font-size:clamp(6px,1.2vh,8px);letter-spacing:.08em}.control-button--fire{width:var(--fire-size);height:var(--fire-size);border-color:#ff847075;background:radial-gradient(circle,#9f2a1f59,#370e0d85)}.control-button--aim{margin-bottom:var(--aim-lift)}.control-button--interact{border-color:#6fffd466}.control-button--interact.is-ready{border-color:var(--accent);background:#319d7e6b;box-shadow:0 0 22px #53ffcf47;animation:interact-ready 1.25s ease-in-out infinite}@keyframes interact-ready{50%{transform:scale(1.06)}}.control-button:active,.control-button.is-active,.control-button[aria-pressed=true]{border-color:var(--accent);background-color:#3e978061;transform:scale(.94)}.control-button--fire:active,.control-button--fire.is-active{border-color:#ff9a87;background-color:#ab2e229e;box-shadow:0 0 22px #ff4b3740}.fire-reticle,.control-icon{position:relative;display:block;width:20px;height:20px;margin-bottom:8px}.fire-reticle{border:1px solid rgba(255,225,219,.8);border-radius:50%}.fire-reticle:before,.fire-reticle:after{position:absolute;top:50%;left:50%;background:#ffe1dbd9;content:"";transform:translate(-50%,-50%)}.fire-reticle:before{width:28px;height:1px}.fire-reticle:after{width:1px;height:28px}.control-icon--aim{border:1px solid #bcd0cc;border-radius:50%}.control-icon--aim:before,.control-icon--aim:after{position:absolute;background:#bcd0cc;content:""}.control-icon--aim:before{top:50%;left:-4px;right:-4px;height:1px}.control-icon--aim:after{left:50%;top:-4px;bottom:-4px;width:1px}.control-icon--reload{border:2px solid #aebfbc;border-left-color:transparent;border-radius:50%}.control-icon--reload:after{position:absolute;top:-3px;left:-2px;border-top:4px solid transparent;border-right:6px solid #aebfbc;border-bottom:4px solid transparent;content:"";transform:rotate(-18deg)}.control-icon--crouch:before,.control-icon--crouch:after,.control-icon--hand:before,.control-icon--hand:after{position:absolute;content:""}.control-icon--crouch:before{top:0;left:7px;width:7px;height:7px;border-radius:50%;background:#aebfbc}.control-icon--crouch:after{right:1px;bottom:1px;width:16px;height:8px;border-bottom:2px solid #aebfbc;border-left:2px solid #aebfbc;transform:skew(-28deg)}.control-icon--hand:before{top:1px;left:6px;width:10px;height:17px;border:2px solid #b9d7d0;border-radius:7px 7px 5px 5px}.control-icon--hand:after{top:0;left:10px;width:2px;height:9px;background:#b9d7d0;box-shadow:-4px 2px #b9d7d0,4px 2px #b9d7d0}.screen--menu{background:#010405c2;backdrop-filter:blur(10px) saturate(.75);-webkit-backdrop-filter:blur(10px) saturate(.75)}.menu-card{position:relative;width:min(420px,84vw);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px);padding:clamp(20px,5vh,38px);overflow:auto;border:1px solid var(--line);background:var(--panel-strong);box-shadow:0 24px 80px #0000007a;touch-action:pan-y;-webkit-overflow-scrolling:touch}.menu-card h2{margin-bottom:0;font-size:clamp(25px,5vw,40px);letter-spacing:-.035em}.menu-divider{position:relative;height:1px;margin:clamp(14px,3vh,24px) 0;background:var(--line)}.menu-divider span{position:absolute;top:-2px;left:0;width:36px;height:5px;background:var(--accent)}.primary-action--compact,.secondary-action{justify-content:center;min-height:46px;margin-top:9px;font-size:12px;font-weight:700;letter-spacing:.14em}.secondary-action{width:100%;padding:12px 16px;border:1px solid var(--line);background:#82a39d0f}.secondary-action--danger{color:#e8948f}.settings-card{width:min(680px,88vw);padding:clamp(18px,4vh,30px)}.settings-header{display:flex;align-items:flex-start;justify-content:space-between}.close-button{position:relative;flex:0 0 auto}.close-button span{position:absolute;width:18px;height:1px;background:#b5c4c1}.close-button span:first-child{transform:rotate(45deg)}.close-button span:last-child{transform:rotate(-45deg)}.settings-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:17px;background:var(--line);border:1px solid var(--line)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:12px 14px;background:#070d0f}.setting-row>span:first-child{min-width:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:10px;letter-spacing:.11em}.setting-row small{max-width:32ch;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}.setting-row select{flex:0 0 auto;min-width:102px;padding:8px 24px 8px 9px;border:1px solid var(--line);border-radius:0;background:#0c1517;color:var(--ink);font-size:10px;font-weight:700}.setting-row--range{grid-column:1 / -1}input[type=range]{width:min(220px,38vw);accent-color:var(--accent-strong)}.toggle{position:relative;flex:0 0 auto;width:44px;height:24px}.toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle i{position:absolute;inset:0;border:1px solid var(--line);border-radius:20px;background:#111b1d;transition:background-color .15s ease,border-color .15s ease}.toggle i:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#73827f;content:"";transition:transform .15s ease,background-color .15s ease}.toggle input:checked+i{border-color:#68ffd68a;background:#46ba9c33}.toggle input:checked+i:after{background:var(--accent);transform:translate(20px)}.toggle input:focus-visible+i{outline:2px solid var(--accent);outline-offset:3px}.end-card{text-align:center}.end-card:before{left:50%;transform:translate(-50%)}.end-card>p:not(.eyebrow){margin:14px auto 20px;color:var(--muted);font-size:13px;line-height:1.55}.mission-stamp{width:max-content;margin:0 auto 15px;padding:7px 12px;border:1px solid rgba(143,255,223,.44);color:var(--accent);font-size:9px;font-weight:700;letter-spacing:.2em;transform:rotate(-2deg)}.noscript-message{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:#030708;color:#fff;text-align:center}@media(orientation:portrait)and (pointer:coarse){#rotate-device{display:flex}}@media(hover:hover)and (pointer:fine){#mobile-controls{display:none!important}.primary-action:not(:disabled):hover,.secondary-action:hover,.icon-button:hover{border-color:#98ffe3a6;background-color:#37766833}}@media(any-pointer:coarse){#mobile-controls:not([hidden]){display:block!important}}@media(max-height:480px){.boot-card{width:min(530px,76vw);padding:15px 20px}.brand-mark{width:38px;height:38px}.mission-brief{margin-top:11px;padding:8px 0}.mission-selector{margin-bottom:8px}.mission-option{min-height:32px;padding-top:5px;padding-bottom:5px}.boot-copy{margin-bottom:10px;line-height:1.4}.primary-action{min-height:44px}.boot-footnote{display:none}.objective-panel{padding-top:5px;padding-bottom:6px}.vitals-panel,.ammo-panel{padding-top:6px}.settings-list{margin-top:10px}.setting-row{min-height:58px;padding:8px 11px}.menu-card{padding-top:18px;padding-bottom:18px}}@media(max-width:760px)and (orientation:landscape){.boot-card{margin-right:20vw}.settings-list{grid-template-columns:1fr 1fr}.setting-row small{display:none}.ammo-panel{min-width:95px;max-width:105px}.objective-panel{min-width:min(330px,48vw);max-width:340px;padding-right:20px;padding-left:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}