: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}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:720px){.weapon{min-width:10rem}.basebar{width:10rem}.hud{font-size:.7rem}.sensor-telemetry,.sensor-strip,.fire-control-panel{display:none}.audio-toggle{right:.8rem;bottom:.8rem}.reticle{width:min(58vmin,350px);height:min(58vmin,350px)}.radio-comms{bottom:7.2rem;min-width:calc(100vw - 2rem)}}