:root{color:#dffcff;font-synthesis:none;text-rendering:geometricprecision;--cyan:#56f6ff;--cyan-bright:#b8fdff;--cyan-dim:#1aa5b5;--amber:#ffcb57;--danger:#ff4d5f;--ink:#02080c;--glass:#041117c7;--line:#76f0f73d;background:#02080c;font-family:SFMono-Regular,Cascadia Code,Roboto Mono,Segoe UI Mono,monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#dffcff;background:radial-gradient(circle at 50% 30%,#102833 0%,#041016 44%,#020609 100%)}button,kbd{font:inherit}button{color:inherit}.game-root{isolation:isolate;background:#02080c;width:100%;height:100%;position:relative}.game-root>canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.game-ui{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;--edge-x:clamp(20px, 2.2vw, 44px);--edge-y:clamp(18px, 2.6vh, 38px);position:absolute;inset:0;overflow:hidden;container-type:size}.ui-atmosphere,.screen-vignette,.damage-flash,.scanner-pulse,.damage-indicator{pointer-events:none;position:absolute;inset:0}.ui-atmosphere{z-index:20}.ui-scanlines{opacity:.075;mix-blend-mode:screen;background:repeating-linear-gradient(#0000 0 3px,#77f6ff36 4px);position:absolute;inset:0}.ui-grain{opacity:.035;background-image:repeating-radial-gradient(circle at 30% 20%,#0000 0 1px,#b8fdff 1.5px 2px);background-size:7px 9px;animation:.25s steps(2,end) infinite grain-shift;position:absolute;inset:-50%}.ui-corner{opacity:.55;border-color:var(--cyan);width:34px;height:34px;position:absolute}.ui-corner--tl{top:var(--edge-y);left:var(--edge-x);border-top:1px solid;border-left:1px solid}.ui-corner--tr{top:var(--edge-y);right:var(--edge-x);border-top:1px solid;border-right:1px solid}.ui-corner--bl{bottom:var(--edge-y);left:var(--edge-x);border-bottom:1px solid;border-left:1px solid}.ui-corner--br{right:var(--edge-x);bottom:var(--edge-y);border-bottom:1px solid;border-right:1px solid}.loading-screen{z-index:50;visibility:hidden;opacity:0;color:var(--cyan-bright);background:radial-gradient(circle at 50% 44%,#1575842b,#0000 32%),linear-gradient(135deg,#020609,#041218 52%,#020609);place-content:center;justify-items:center;transition:opacity .4s,visibility .4s;display:grid;position:absolute;inset:0}.loading-screen.is-active{visibility:visible;opacity:1}.loading-screen__core{width:90px;height:90px;color:var(--cyan);place-items:center;margin-bottom:28px;display:grid;position:relative}.loading-screen__core:before,.loading-screen__core:after,.loading-screen__core i{content:"";border:1px solid;position:absolute}.loading-screen__core:before{animation:5s linear infinite core-spin;inset:6px;transform:rotate(45deg)}.loading-screen__core:after{border-style:dashed;border-radius:50%;animation:3s linear infinite reverse core-spin;inset:19px}.loading-screen__core i:first-child{inset:0 44px}.loading-screen__core i:nth-child(2){inset:44px 0}.loading-screen__core i:nth-child(3){background:#56f6ff14;inset:31px;transform:rotate(45deg)}.loading-screen__core span{z-index:1;letter-spacing:.12em;font-size:11px;font-weight:800}.micro-label{color:var(--cyan);letter-spacing:.28em;margin:0;font-size:clamp(8px,.68vw,11px);font-weight:700;line-height:1.5}.loading-screen h1{letter-spacing:-.055em;margin:8px 0 38px;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(42px,5vw,76px);font-weight:800;font-stretch:75%;line-height:.9}.loading-screen__status{color:#d3fbffb8;letter-spacing:.16em;justify-content:space-between;align-items:center;width:min(430px,78vw);margin-bottom:9px;font-size:9px;display:flex}.loading-screen__status strong{color:var(--cyan)}.loading-screen__track{background:#5ee6f021;width:min(430px,78vw);height:2px;display:block;position:relative;overflow:hidden}.loading-screen__track:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 42px,#02080c 42px 45px);position:absolute;inset:-3px 0}.loading-screen__track i{width:var(--progress,0%);background:var(--cyan);height:100%;box-shadow:0 0 14px var(--cyan);transition:width .18s;display:block}.loading-screen.is-indeterminate .loading-screen__track i{width:28%;animation:1.25s ease-in-out infinite loading-sweep}.mission-overlay{z-index:40;visibility:hidden;opacity:0;pointer-events:none;align-items:center;transition:opacity .28s,visibility .28s;display:grid;position:absolute;inset:0}.mission-overlay.is-active{visibility:visible;opacity:1;pointer-events:auto}.mission-overlay__backdrop{-webkit-backdrop-filter:blur(4px)saturate(.65);backdrop-filter:blur(4px)saturate(.65);background:linear-gradient(90deg,#01070af7 0%,#020a0ee3 38%,#01070a57 67%,#01060985),linear-gradient(#0000 45%,#02070ab8);position:absolute;inset:0}.mission-overlay__backdrop:before{content:"";opacity:.5;background:linear-gradient(transparent, var(--cyan), transparent);width:1px;position:absolute;top:0;bottom:0;left:min(52vw,860px)}.mission-overlay__backdrop:after{content:"";background:linear-gradient(115deg,#0000 0 67%,#3ae5f109 67% 68%,#0000 68%),repeating-linear-gradient(135deg,#0000 0 30px,#67eef705 30px 31px);position:absolute;inset:0}.mission-overlay__content{width:min(650px,88vw);margin-left:clamp(44px,8vw,150px);padding:22px 0;position:relative}.brand-lockup{align-items:center;gap:13px;margin-bottom:clamp(48px,8vh,100px);display:flex}.brand-lockup__sigil{border:1px solid var(--cyan);place-items:center;width:38px;height:38px;display:grid;position:relative;transform:rotate(45deg);box-shadow:inset 0 0 14px #56f6ff14}.brand-lockup__sigil:before,.brand-lockup__sigil:after,.brand-lockup__sigil i{content:"";background:var(--cyan);position:absolute}.brand-lockup__sigil:before{width:17px;height:1px}.brand-lockup__sigil:after{width:1px;height:17px}.brand-lockup__sigil i{width:5px;height:5px;box-shadow:0 0 10px var(--cyan)}.brand-lockup>span:last-child{gap:2px;display:grid}.brand-lockup strong{letter-spacing:.17em;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:17px}.brand-lockup small{color:#bef1f57a;letter-spacing:.25em;font-size:7px}.mission-overlay__heading{border-left:2px solid var(--cyan);margin-bottom:34px;padding-left:22px;position:relative}.mission-overlay__heading:before{content:"";width:2px;height:28%;box-shadow:0 0 16px var(--cyan);background:#fff;position:absolute;top:0;left:-2px}.mission-overlay__heading h1{color:#eaffff;letter-spacing:-.078em;text-shadow:0 0 32px #47efff2e;margin:6px 0 13px -4px;font-family:Arial Narrow,Segoe UI,sans-serif;font-size:clamp(64px,8vw,132px);font-weight:900;font-stretch:75%;line-height:.79}.mission-overlay__copy{color:#ddfafba8;width:min(510px,100%);margin:0;font-family:Segoe UI,sans-serif;font-size:clamp(11px,.86vw,14px);line-height:1.7}.primary-action{cursor:pointer;color:#001015;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));background:var(--cyan);letter-spacing:.18em;border:0;min-width:240px;height:52px;margin-bottom:35px;padding:0 42px;font-size:11px;font-weight:900;transition:filter .14s,transform .14s;position:relative;overflow:hidden;box-shadow:0 0 35px #56f6ff2e}.primary-action:before{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);transition:transform .35s;position:absolute;inset:0;transform:translate(-110%)skew(-18deg)}.primary-action:hover{filter:brightness(1.18);transform:translate(4px)}.primary-action:hover:before{transform:translate(110%)skew(-18deg)}.primary-action:focus-visible,.mute-control:focus-visible{outline-offset:5px;outline:2px solid #fff}.primary-action:active{transform:translate(4px)scale(.985)}.mission-brief{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:620px;display:grid}.mission-brief>div{gap:5px;padding:15px 16px 15px 0;display:grid}.mission-brief>div+div{border-left:1px solid var(--line);padding-left:16px}.mission-brief span{color:#a2e2e873;letter-spacing:.22em;font-size:7px}.mission-brief strong{color:#ddfcffe6;letter-spacing:.08em;font-size:9px}.controls-grid{grid-template-columns:repeat(6,1fr);gap:7px;max-width:620px;margin-top:20px;display:grid}.controls-grid>div{color:#b6e8ec6b;letter-spacing:.16em;justify-items:center;gap:6px;font-size:6px;display:grid}.controls-grid kbd{color:#dafcffc7;background:#41acb50f;border:1px solid #77e8ef38;place-items:center;min-width:40px;height:26px;padding:0 6px;font-size:8px;font-weight:700;display:grid}.combat-hud{z-index:22;opacity:0;transition:opacity .3s;position:absolute;inset:0}.game-ui[data-state=playing] .combat-hud,.game-ui[data-state=paused] .combat-hud{opacity:1}.game-ui[data-state=paused] .combat-hud{opacity:.28}.hud-topline{top:var(--edge-y);color:#b8f0f457;letter-spacing:.22em;align-items:center;gap:14px;width:min(550px,46vw);font-size:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-topline i{background:linear-gradient(90deg, transparent, var(--line), transparent);flex:1;height:1px}.objective-panel,.scanner-panel,.shield-panel,.weapon-panel{color:#e0feffe6;filter:drop-shadow(0 5px 20px #00060873);position:absolute}.panel-index{color:#96dde261;letter-spacing:.2em;font-size:6px;position:absolute;top:-14px}.objective-panel{top:calc(var(--edge-y) + 39px);left:var(--edge-x);border-left:2px solid var(--cyan);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);background:linear-gradient(90deg,#05171de6,#04141a91);align-items:center;gap:13px;min-width:205px;height:64px;padding:11px 18px 10px 13px;display:flex}.objective-panel:after{content:"";background:var(--line);width:34%;height:1px;position:absolute;bottom:0;right:0}.objective-panel__icon{border:1px solid #56f6ff73;border-radius:50%;width:27px;height:27px;position:relative}.objective-panel__icon:before{content:"";border:1px solid var(--cyan);position:absolute;inset:7px;transform:rotate(45deg)}.objective-panel__icon:after{content:"";background:#56f6ff94;width:33px;height:1px;position:absolute;top:12px;left:-4px}.objective-panel>div,.scanner-panel>div:not(.scanner-panel__dial){gap:4px;display:grid}.objective-panel small,.scanner-panel small,.shield-panel small,.weapon-panel small{color:#aee7eb75;letter-spacing:.15em;font-size:7px}.objective-panel strong,.scanner-panel strong{letter-spacing:.09em;font-size:11px}.objective-panel strong span{color:var(--cyan);font-size:20px;line-height:0}.objective-panel.is-clear strong{color:var(--cyan)}.objective-panel:has(.is-clear) strong{color:var(--cyan)}.scanner-panel{top:calc(var(--edge-y) + 39px);right:var(--edge-x);border-right:1px solid var(--line);background:linear-gradient(270deg,#05171de6,#04141a85);align-items:center;gap:13px;width:210px;height:64px;padding:10px 14px;display:flex}.scanner-panel__dial{background:radial-gradient(circle,#56f6ff1f,#0000 62%);border:1px solid #53e2ed54;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden}.scanner-panel__dial:before,.scanner-panel__dial:after{content:"";background:#56f6ff3b;position:absolute}.scanner-panel__dial:before{width:100%;height:1px}.scanner-panel__dial:after{width:1px;height:100%}.scanner-panel__dial i{transform-origin:0;background:linear-gradient(90deg, var(--cyan), transparent);width:50%;height:1px;animation:2.4s linear infinite radar-spin;position:absolute;top:50%;left:50%}.scanner-panel__dial b{z-index:1;font-size:9px}.scanner-panel.is-ready strong{color:var(--cyan);text-shadow:0 0 10px #56f6ffb3}.scanner-panel__track{background:#56f6ff1a;height:2px;position:absolute;bottom:0;left:0;right:0}.scanner-panel__track i{width:var(--charge,100%);background:var(--cyan);height:100%;box-shadow:0 0 8px var(--cyan);margin-left:auto;transition:width .18s linear;display:block}.shield-panel{bottom:calc(var(--edge-y) + 20px);left:var(--edge-x);border-left:2px solid var(--cyan);background:linear-gradient(90deg,#031117e8,#04121759);align-items:center;gap:13px;width:268px;height:78px;padding:12px 15px;display:flex}.shield-panel__icon{clip-path:polygon(50% 0,92% 16%,88% 70%,50% 100%,12% 70%,8% 16%);background:#56f6ff40;width:42px;height:48px;display:block;position:relative}.shield-panel__icon:before{content:"";clip-path:inherit;background:#06181e;position:absolute;inset:2px}.shield-panel__icon i{z-index:1;clip-path:inherit;background:var(--cyan);filter:drop-shadow(0 0 7px var(--cyan));position:absolute;inset:10px}.shield-panel__data{gap:1px;min-width:119px;display:grid}.shield-panel__data>div{align-items:baseline;display:flex}.shield-panel__data strong{color:var(--cyan-bright);letter-spacing:-.07em;font-size:29px;font-weight:500;line-height:1}.shield-panel__data>div span{color:#a2e9ee80;margin-left:5px;font-size:9px}.shield-panel__track{background:#56f6ff21;width:118px;height:3px;margin-top:5px}.shield-panel__track i{width:var(--shield,100%);background:var(--cyan);height:100%;box-shadow:0 0 7px var(--cyan);transition:width .18s,background .18s;display:block}.shield-panel__status{color:#9fe2e759;letter-spacing:.16em;writing-mode:vertical-rl;font-size:6px;position:absolute;bottom:8px;right:8px}.shield-panel.is-critical{border-left-color:var(--danger);animation:.65s steps(2,end) infinite critical-blink}.shield-panel.is-critical .shield-panel__track i,.shield-panel.is-critical .shield-panel__icon i{background:var(--danger);box-shadow:0 0 9px var(--danger)}.shield-panel.is-critical .shield-panel__data strong{color:#ff8a92}.shield-panel.is-critical .shield-panel__status{color:var(--danger)}.shield-panel.is-critical .shield-panel__status:after{content:"CRITICAL"}.shield-panel.is-critical .shield-panel__status{font-size:0}.shield-panel.is-critical .shield-panel__status:after{font-size:6px}.weapon-panel{right:var(--edge-x);bottom:calc(var(--edge-y) + 20px);text-align:right;background:linear-gradient(270deg,#031117e6,#0412174d);border-right:2px solid #56f6ffb3;width:235px;height:78px;padding:13px 16px}.weapon-panel>div{justify-content:flex-end;align-items:baseline;gap:10px;display:flex}.weapon-panel strong{color:var(--cyan-bright);font-family:Segoe UI Symbol,sans-serif;font-size:35px;font-weight:300;line-height:1.1}.weapon-panel span{color:#afe8ec73;letter-spacing:.14em;font-size:7px}.weapon-panel>i{background:var(--cyan);width:28px;height:2px;margin-left:3px;display:inline-block;transform:skew(-28deg);box-shadow:0 0 6px #56f6ff99}.reticle,.hit-marker{width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle i{background:#dcffffd1;display:block;position:absolute;box-shadow:0 0 3px #56f6ffbf}.reticle__north,.reticle__south{width:1px;height:9px;left:28px}.reticle__north{top:5px}.reticle__south{bottom:5px}.reticle__east,.reticle__west{width:9px;height:1px;top:28px}.reticle__east{right:5px}.reticle__west{left:5px}.reticle b{border:1px solid #e3ffffd9;width:3px;height:3px;position:absolute;top:27px;left:27px;transform:rotate(45deg)}.hit-marker{opacity:0;transform:translate(-50%,-50%)scale(1.45)}.hit-marker i{transform-origin:1px 1px;background:#efffff;width:12px;height:2px;position:absolute;top:27px;left:27px;box-shadow:0 0 5px #fffc}.hit-marker i:first-child{transform:rotate(45deg)translate(7px)}.hit-marker i:nth-child(2){transform:rotate(135deg)translate(7px)}.hit-marker i:nth-child(3){transform:rotate(225deg)translate(7px)}.hit-marker i:nth-child(4){transform:rotate(315deg)translate(7px)}.hit-marker.is-visible{animation:.18s ease-out hit-confirm}.hit-marker.is-headshot i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.hit-marker.is-headshot.is-visible{animation-duration:.26s}.hud-callout{bottom:var(--edge-y);color:#a3dce147;letter-spacing:.17em;gap:7px;font-size:6px;display:flex;position:absolute}.hud-callout span{color:#56f6ff80}.hud-callout--left{left:calc(var(--edge-x) + 4px)}.hud-callout--right{right:calc(var(--edge-x) + 4px)}.mute-control{z-index:60;top:calc(var(--edge-y) + 4px);right:calc(var(--edge-x) + 4px);cursor:pointer;pointer-events:auto;color:#c1eff36b;letter-spacing:.16em;background:0 0;border:0;align-items:center;gap:8px;height:24px;padding:0;font-size:6px;transition:color .15s;display:flex;position:absolute}.game-ui[data-state=playing] .mute-control,.game-ui[data-state=paused] .mute-control{top:calc(var(--edge-y) + 112px)}.mute-control:hover{color:var(--cyan-bright)}.mute-control__glyph{align-items:end;gap:2px;height:12px;display:flex}.mute-control__glyph i{background:currentColor;width:2px;animation:.8s ease-in-out infinite alternate audio-meter}.mute-control__glyph i:first-child{height:5px}.mute-control__glyph i:nth-child(2){height:11px;animation-delay:-.25s}.mute-control__glyph i:nth-child(3){height:8px;animation-delay:-.48s}.mute-control.is-muted .mute-control__glyph i{height:2px;animation:none}.notification{z-index:30;opacity:0;min-width:290px;color:var(--cyan-bright);letter-spacing:.2em;text-align:center;background:linear-gradient(90deg,#0000,#031116c7 20% 80%,#0000);border-top:1px solid #56f6ff59;border-bottom:1px solid #56f6ff59;padding:10px 26px;font-size:8px;font-weight:700;position:absolute;top:23%;left:50%;transform:translate(-50%,-8px)}.notification.is-visible{animation:2.2s both notification-in}.scanner-pulse{z-index:25;visibility:hidden;opacity:0;place-items:center;display:grid}.scanner-pulse i{opacity:0;border:1px solid var(--cyan);border-radius:50%;width:30vmin;height:30vmin;position:absolute;box-shadow:0 0 20px #56f6ff29,inset 0 0 20px #56f6ff1a}.scanner-pulse i:nth-child(2){animation-delay:.18s!important}.scanner-pulse span{opacity:0;color:#a6f9ffa6;letter-spacing:.55em;font-size:7px}.scanner-pulse.is-visible{visibility:visible;animation:1.2s ease-out pulse-screen}.scanner-pulse.is-visible i{animation:1.05s ease-out forwards pulse-ring}.scanner-pulse.is-visible span{animation:.8s ease-out pulse-label}.damage-indicator{z-index:27;opacity:0;transform:rotate(var(--damage-angle,0deg));place-items:center;display:grid}.damage-indicator i{clip-path:polygon(50% 0,100% 100%,50% 65%,0 100%);background:linear-gradient(#ff4d5ff2,#0000);width:50px;height:16px;position:absolute;top:15%}.damage-indicator.is-visible{animation:.65s ease-out direction-hit}.damage-flash{z-index:26;opacity:0;background:radial-gradient(circle,#0000 42%,#ff253d5c 100%),linear-gradient(90deg,#ff18322b,#0000 20% 80%,#ff18322b)}.damage-flash.is-visible{animation:.43s ease-out damage-flash}.screen-vignette{z-index:21;background:radial-gradient(#0000 55%,#00040794 100%)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}to{transform:translate(-2%,-1%)}}@keyframes core-spin{to{transform:rotate(405deg)}}@keyframes loading-sweep{0%{transform:translate(-110%)}to{transform:translate(470%)}}@keyframes radar-spin{to{transform:rotate(360deg)}}@keyframes critical-blink{50%{filter:drop-shadow(0 0 8px #ff4d5f59)}}@keyframes hit-confirm{0%{opacity:0;transform:translate(-50%,-50%)scale(1.7)}35%{opacity:1;transform:translate(-50%,-50%)scale(.88)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes audio-meter{to{height:3px}}@keyframes notification-in{0%{opacity:0;transform:translate(-50%,-8px)}10%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,5px)}}@keyframes pulse-screen{0%{opacity:0;background:#56f6ff24}10%{opacity:1}to{opacity:0;background:0 0}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.08)}to{opacity:0;transform:scale(8)}}@keyframes pulse-label{0%{opacity:0;transform:scale(1.6)}25%{opacity:.8;transform:scale(1)}to{opacity:0}}@keyframes direction-hit{0%{opacity:0}15%{opacity:1}to{opacity:0}}@keyframes damage-flash{0%{opacity:0}16%{opacity:1}to{opacity:0}}@media (max-width:900px),(max-height:650px){.game-ui{--edge-x:18px;--edge-y:15px}.mission-overlay__content{width:min(590px,100vw - 70px);margin-left:42px}.brand-lockup{margin-bottom:34px}.mission-overlay__heading h1{font-size:clamp(55px,11vh,82px)}.mission-overlay__copy{line-height:1.45}.primary-action{height:46px;margin-bottom:22px}.shield-panel,.weapon-panel{transform:scale(.86)}.shield-panel{transform-origin:0 100%}.weapon-panel{transform-origin:100% 100%}.hud-callout{display:none}}@media (max-width:680px){.mission-overlay__content{width:calc(100vw - 48px);margin:0 24px}.mission-brief{grid-template-columns:1fr}.mission-brief>div{padding:8px 0}.mission-brief>div+div{border-top:1px solid var(--line);border-left:0;padding-left:0}.controls-grid{grid-template-columns:repeat(3,1fr)}.objective-panel,.scanner-panel{transform:scale(.76)}.objective-panel{transform-origin:0 0}.scanner-panel{transform-origin:100% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}