:root{--flir: #d6ecd4;--flir-dim: rgba(214, 236, 212, .55);--flir-glow: rgba(190, 255, 190, .35);--bg: #020402;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--flir);overflow:hidden;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}.game-shell{position:absolute;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.mobile-controls,.mobile-hints{display:none}body.sensor-ir:not(.blackhot) #game{filter:grayscale(1) contrast(1.38) brightness(1.25)}body.sensor-ir.blackhot #game{filter:grayscale(1) invert(1) contrast(1.42) brightness(1.08)}body.sensor-eo #game{filter:saturate(.58) contrast(1.24) brightness(.96)}body.sensor-eo .scanlines{opacity:.24;animation-duration:7s}body.sensor-eo .flir-vignette{background:radial-gradient(ellipse at center,transparent 64%,rgba(0,0,0,.34) 100%)}body.sensor-sar #game{filter:grayscale(1) contrast(1.65) brightness(.9)}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.14) 0px,rgba(0,0,0,.14) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply;animation:flicker 4s infinite steps(2);z-index:2}.sensor-noise{position:absolute;inset:-8%;z-index:2;pointer-events:none;opacity:0;background-image:repeating-radial-gradient(circle at 17% 33%,rgba(255,255,255,.24) 0,rgba(255,255,255,.24) .45px,transparent .8px,transparent 3px),repeating-radial-gradient(circle at 71% 61%,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) .5px,transparent .9px,transparent 4px);background-size:5px 5px,7px 7px;mix-blend-mode:soft-light;will-change:transform,opacity}body.sensor-ir .sensor-noise{opacity:.14;animation:sensor-grain .16s steps(2) infinite}body.sensor-sar .sensor-noise{opacity:.08;animation:sensor-grain .24s steps(2) infinite}@keyframes sensor-grain{0%{transform:translate3d(-1.5%,1%,0)}25%{transform:translate3d(1%,-1.5%,0)}50%{transform:translate3d(1.5%,1.5%,0)}75%{transform:translate3d(-1%,-.5%,0)}to{transform:translate3d(.5%,1%,0)}}@keyframes flicker{0%,to{opacity:.85}50%{opacity:1}}.flir-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);z-index:2}#sensor-transition{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;mix-blend-mode:screen;will-change:transform,opacity}body.sensor-ir:not(.blackhot) .flir-vignette{background:radial-gradient(ellipse at center,transparent 62%,rgba(0,0,0,.4) 100%)}body.sensor-ir.blackhot .flir-vignette{background:radial-gradient(ellipse at center,transparent 62%,rgba(255,255,255,.24) 100%)}body.sensor-ir.blackhot .scanlines{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.11) 0,rgba(255,255,255,.11) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen}body.sensor-ir.blackhot #flash{background:#000}body.sensor-ir.blackhot{--flir: #111;--flir-dim: rgba(15, 15, 15, .62);--flir-glow: rgba(0, 0, 0, .22)}#flash{position:absolute;inset:0;pointer-events:none;background:#fff;opacity:0;z-index:3;transition:opacity .3s ease-out}#flash.on{opacity:.22;transition:none}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.1rem;padding:2rem;background:radial-gradient(ellipse at center,#040a04e0,#000000f5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.hidden,.hud.hidden{display:none}.eyebrow{letter-spacing:.35em;font-size:.72rem;color:var(--flir-dim)}.overlay h1{font-size:clamp(2.6rem,8vw,5.5rem);line-height:.95;letter-spacing:.06em;text-shadow:0 0 24px var(--flir-glow)}.overlay h1 i{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--flir)}.overlay h2{font-size:clamp(2rem,6vw,3.6rem);letter-spacing:.12em;text-shadow:0 0 24px var(--flir-glow)}.lead{max-width:46rem;line-height:1.55;font-size:.92rem;color:var(--flir-dim)}button.primary{font:inherit;font-size:.95rem;letter-spacing:.22em;color:var(--bg);background:var(--flir);border:none;padding:.95rem 2.2rem;cursor:pointer;box-shadow:0 0 28px var(--flir-glow);transition:transform .12s ease,box-shadow .12s ease}button.primary:hover{transform:translateY(-2px);box-shadow:0 0 42px var(--flir-glow)}.hints{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.4rem;font-size:.72rem;color:var(--flir-dim);margin-top:.8rem}kbd{font:inherit;border:1px solid var(--flir-dim);padding:.1rem .35rem;border-radius:3px;margin-right:.3rem}.hud{position:absolute;inset:0;z-index:5;pointer-events:none;text-shadow:0 0 10px var(--flir-glow);font-size:.8rem}.corner{position:absolute}.top-left{top:1.2rem;left:1.4rem}.top-right{top:1.2rem;right:1.4rem;text-align:right}.bottom-left{bottom:1.2rem;left:1.4rem}.bottom-center{bottom:1.2rem;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.3rem}.callsign{position:relative;min-width:9.5rem;font-size:.72rem;line-height:1.45;letter-spacing:.11em;color:var(--flir-dim)}.callsign b{color:var(--flir)}.callsign .mode-line{display:flex;gap:.8rem;margin-bottom:.22rem;color:var(--flir);font-size:.82rem}.callsign strong{display:block;margin-top:.75rem;color:var(--flir);font-size:.9rem;font-weight:500;letter-spacing:.14em}.callsign i{position:absolute;top:0;left:11rem;color:var(--flir);font-style:normal;font-size:.62rem}.blink{animation:blink 1.2s infinite steps(1)}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}.weapons{position:fixed;left:1.4rem;bottom:6.7rem;display:flex;flex-direction:column;gap:.06rem}.weapon{font:inherit;display:flex;align-items:center;gap:.4rem;background:transparent;border:0;border-left:2px solid transparent;color:var(--flir-dim);padding:.13rem .35rem;min-width:8.5rem;text-align:left;cursor:pointer;pointer-events:auto;opacity:.48}.weapon kbd{width:1rem;margin:0;padding:0;border:0;color:inherit}.weapon b{font-size:.78rem;letter-spacing:.1em}.weapon small{display:none}.weapon.selected{color:var(--flir);border-left-color:var(--flir);background:transparent;box-shadow:none;opacity:1}.cooldown{position:fixed;left:1.75rem;bottom:6.15rem;width:8.15rem;height:2px;border:0;background:color-mix(in srgb,var(--flir) 14%,transparent)}.cooldown i{display:block;height:100%;width:100%;background:var(--flir)}.readouts div{letter-spacing:.14em;color:var(--flir-dim);margin-bottom:.3rem}.readouts b{color:var(--flir);font-size:.95rem}.sensor-telemetry{position:absolute;right:3%;bottom:3%;display:flex;gap:1.4rem;color:var(--flir-dim);font-size:.62rem;letter-spacing:.12em;text-shadow:0 1px 3px var(--bg)}.audio-toggle{position:absolute;right:1.4rem;bottom:5.25rem;padding:.26rem .38rem;border:0;border-left:2px solid var(--flir);background:#0005003d;color:var(--flir);font:inherit;font-size:.62rem;letter-spacing:.12em;cursor:pointer;pointer-events:auto;text-shadow:0 0 8px var(--flir-glow)}.audio-toggle kbd{margin:0 0 0 .35rem;padding:0;border:0}.audio-toggle[aria-pressed=true]{color:var(--flir-dim);border-left-color:var(--flir-dim);opacity:.72}.sensor-strip{position:absolute;top:4.5rem;left:50%;transform:translate(-50%);display:flex;gap:1.4rem;padding:.35rem .7rem;border-top:1px solid color-mix(in srgb,var(--flir) 42%,transparent);border-bottom:1px solid color-mix(in srgb,var(--flir) 20%,transparent);background:#0005002e;color:var(--flir-dim);font-size:.62rem;letter-spacing:.12em;white-space:nowrap}.sensor-strip b{color:var(--flir);font-weight:600}.fire-control-panel{position:absolute;right:1.4rem;top:39%;width:12.8rem;padding:.55rem .65rem .62rem;border:0;background:transparent;font-size:.64rem;letter-spacing:.11em}.fire-control-panel .panel-title{margin-bottom:.48rem;padding-bottom:.3rem;border-bottom:1px solid color-mix(in srgb,var(--flir) 22%,transparent);color:var(--flir);letter-spacing:.2em}.fire-control-panel>div:not(.panel-title){display:flex;justify-content:space-between;gap:.8rem;margin-top:.3rem;color:var(--flir-dim)}.fire-control-panel b{color:var(--flir);font-style:normal;font-weight:600;text-align:right}.fire-control-panel i{font-style:normal}.fire-control-panel .acquiring,.solution-caption.acquiring{opacity:.48}.bottom-center small{letter-spacing:.25em;font-size:.62rem;color:var(--flir-dim)}.basebar{width:16rem;height:7px;border:1px solid rgba(214,236,212,.4)}.basebar i{display:block;height:100%;width:100%;background:var(--flir);transition:width .25s ease}.reticle{position:absolute;left:50%;top:50%;width:min(40vmin,370px);height:min(40vmin,370px);transform:translate(-50%,-50%);opacity:.92}.reticle svg{width:100%;height:100%;stroke:var(--flir);stroke-width:1.2;filter:drop-shadow(0 0 6px var(--flir-glow))}.reticle .sensor-cross{opacity:.9;stroke-width:1.35}.reticle .field-brackets{fill:none;opacity:.78;stroke-width:1.1}.reticle .track-gate{fill:none;stroke-width:1.25;transition:transform .15s ease,opacity .15s ease;transform-box:fill-box;transform-origin:center}.reticle.point-track .track-gate{transform:scale(.78);opacity:1}.reticle .solution-cue{fill:none;stroke-width:1.2;opacity:.82}.reticle:not(.solution-ready) .solution-cue{opacity:.28;animation:solution-scan 1.1s steps(2) infinite}.reticle.point-track .solution-cue{opacity:1}.reticle .dot{fill:var(--flir);stroke:none}.reticle-caption{position:absolute;left:50%;transform:translate(-50%);color:var(--flir);font-size:.58rem;letter-spacing:.16em;line-height:1;white-space:nowrap;text-shadow:0 1px 4px var(--bg),0 0 8px var(--flir-glow)}.track-caption{top:29%}.range-caption{bottom:27%}.solution-caption{bottom:19%;color:var(--flir-dim);font-size:.5rem}.reticle.point-track .track-caption{letter-spacing:.2em}@keyframes solution-scan{50%{opacity:.72}}.announcement{position:absolute;top:16%;left:50%;transform:translate(-50%);z-index:6;pointer-events:none;letter-spacing:.3em;font-size:1.05rem;padding:.5rem 1.4rem;border:1px solid transparent;opacity:0;transition:opacity .25s ease;text-shadow:0 0 14px var(--flir-glow);white-space:nowrap}.announcement.show{opacity:1}.announcement.motion-controlled{transition:none;will-change:transform,opacity}.announcement.warn{color:var(--bg);background:var(--flir);border-color:var(--flir);animation:blink .5s infinite steps(1)}.announcement.warn.motion-controlled{animation:none}.radio-comms{position:absolute;left:50%;bottom:8.2rem;z-index:7;min-width:min(31rem,calc(100vw - 2rem));max-width:min(40rem,calc(100vw - 2rem));padding:.58rem .78rem .64rem;border-left:2px solid var(--flir);background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 84%,transparent),color-mix(in srgb,var(--bg) 56%,transparent),transparent);color:var(--flir);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%);text-align:left;text-shadow:0 1px 4px var(--bg),0 0 8px var(--flir-glow);will-change:transform,opacity}.radio-channel{display:flex;align-items:center;gap:.48rem;margin-bottom:.28rem;color:var(--flir-dim);font-size:.58rem;letter-spacing:.2em}.radio-channel i{width:.42rem;height:.42rem;border:1px solid var(--flir);border-radius:50%;background:transparent}.radio-comms.transmitting .radio-channel i{background:var(--flir);box-shadow:0 0 9px var(--flir-glow);animation:radio-pulse .42s steps(1) infinite}.radio-channel b{color:var(--flir);font-weight:600}.radio-comms p{font-size:.78rem;line-height:1.35;letter-spacing:.055em}@keyframes radio-pulse{50%{opacity:.28}}@media(max-width:760px),(pointer:coarse){html,body,#app,.game-shell{width:100%;height:100dvh;min-height:100svh;overscroll-behavior:none}.scanlines{opacity:.38}.sensor-noise{display:none}.overlay{justify-content:flex-start;gap:.8rem;padding:max(1.25rem,env(safe-area-inset-top)) 1.15rem max(1.25rem,env(safe-area-inset-bottom));overflow-y:auto}.overlay.intro{justify-content:center}.eyebrow{font-size:.56rem;line-height:1.5}.overlay h1{font-size:clamp(2.25rem,15vw,4rem)}.overlay h2{margin-top:auto;font-size:2.1rem}.overlay .lead{max-width:34rem;font-size:.76rem;line-height:1.42}button.primary{min-height:50px;padding:.85rem 1.25rem;font-size:.78rem;touch-action:manipulation}.hints{display:none}.mobile-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem .8rem;color:var(--flir-dim);font-size:.58rem;line-height:1.3}.hud{font-size:.65rem}.top-left{top:max(.65rem,env(safe-area-inset-top));left:max(.7rem,env(safe-area-inset-left))}.top-right{top:max(.65rem,env(safe-area-inset-top));right:max(.7rem,env(safe-area-inset-right))}.top-right.readouts div:nth-child(1),.top-right.readouts div:nth-child(2){display:none}.callsign{min-width:0;font-size:.6rem}.callsign>div:not(.mode-line),.callsign>strong,.callsign>i{display:none}.callsign .mode-line{gap:.45rem;font-size:.66rem}.weapons,.cooldown,.sensor-telemetry,.sensor-strip,.fire-control-panel,.audio-toggle{display:none}.reticle{top:45%;width:min(52vmin,245px);height:min(52vmin,245px)}.reticle-caption{font-size:.48rem}.solution-caption{font-size:.43rem}.bottom-left{left:max(.7rem,env(safe-area-inset-left));bottom:calc(7.9rem + env(safe-area-inset-bottom))}.bottom-left.readouts div{display:inline-block;margin:0 .45rem 0 0}.bottom-center{right:max(.7rem,env(safe-area-inset-right));bottom:calc(7.75rem + env(safe-area-inset-bottom));left:auto;transform:none;align-items:flex-end}.bottom-center small{display:none}.basebar{width:7rem;height:5px}.announcement{top:13%;max-width:calc(100vw - 1.5rem);padding:.4rem .65rem;overflow:hidden;font-size:.72rem;letter-spacing:.12em;text-overflow:ellipsis}.radio-comms{bottom:calc(10.2rem + env(safe-area-inset-bottom));min-width:calc(100vw - 1.4rem);max-width:calc(100vw - 1.4rem);padding:.45rem .58rem}.radio-comms p{font-size:.65rem}.mobile-controls{position:absolute;z-index:8;right:max(.45rem,env(safe-area-inset-right));bottom:max(.45rem,env(safe-area-inset-bottom));left:max(.45rem,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(118px,1.15fr) minmax(92px,1fr) 44px;grid-template-rows:44px 56px;gap:5px;padding:6px;border:1px solid color-mix(in srgb,var(--flir) 34%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 28px #0000008c;pointer-events:auto}.mobile-controls.hidden{display:none}.mobile-controls button{min-width:0;min-height:44px;border:1px solid color-mix(in srgb,var(--flir) 38%,transparent);border-radius:0;background:color-mix(in srgb,var(--bg) 68%,var(--flir) 8%);color:var(--flir);font:inherit;font-size:.74rem;touch-action:manipulation}.mobile-controls button:active{background:color-mix(in srgb,var(--flir) 24%,var(--bg))}.mobile-controls button:disabled{opacity:.38}.mobile-controls small,.mobile-controls b{display:block}.mobile-controls small{margin-bottom:2px;font-size:.48rem;letter-spacing:.1em;opacity:.62}.mobile-controls b{font-size:.67rem;letter-spacing:.08em}.mobile-gesture-hint{position:absolute;right:0;bottom:calc(100% + 7px);left:0;color:var(--flir-dim);font-size:.5rem;letter-spacing:.08em;text-align:center;pointer-events:none}.mobile-weapon-control{grid-column:1;grid-row:2;display:grid;grid-template-columns:36px minmax(48px,1fr) 36px;gap:3px}.mobile-weapon-control button{padding:.2rem;font-size:1.25rem}#mobile-weapon-current{font-size:.68rem}.mobile-fire{grid-column:2;grid-row:2;padding:.25rem;border-color:var(--flir)!important;background:var(--flir)!important;color:var(--bg)!important;box-shadow:0 0 18px var(--flir-glow)}.mobile-fire span{display:block;font-size:.88rem;font-weight:800;letter-spacing:.16em}.mobile-fire small{color:var(--bg);opacity:.68}.mobile-utility-control{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.mobile-utility-control button{padding:.15rem .35rem}.mobile-pause{grid-column:3;grid-row:2;padding:0;font-size:.9rem!important}}@media(max-width:390px){.mobile-controls{grid-template-columns:minmax(108px,1.1fr) minmax(78px,.9fr) 44px}.mobile-weapon-control{grid-template-columns:32px minmax(42px,1fr) 32px}.mobile-fire span{font-size:.75rem}}@media(orientation:landscape)and (max-height:540px)and (pointer:coarse){.overlay.intro{justify-content:flex-start}.overlay h1{font-size:2.4rem}.overlay .lead{max-width:48rem;font-size:.68rem}.mobile-controls{left:auto;width:min(440px,58vw)}.reticle{top:48%;width:min(47vmin,215px);height:min(47vmin,215px)}.bottom-left{bottom:max(.8rem,env(safe-area-inset-bottom))}.bottom-center{right:auto;bottom:max(.8rem,env(safe-area-inset-bottom));left:max(10rem,calc(env(safe-area-inset-left) + 10rem));align-items:flex-start}.radio-comms{bottom:calc(1rem + env(safe-area-inset-bottom));left:38%;min-width:min(32rem,54vw);max-width:min(32rem,54vw)}}