@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--green: #00ff41;--green-dim: #00aa2a;--green-dark: #004d15;--amber: #ffaa00;--red: #ff3333;--red-dim: #aa2222;--cyan: #00ddff;--white: #e0e0e0;--bg-panel: rgba(0, 10, 2, .65);--border: rgba(0, 255, 65, .3)}body{background:#000;overflow:hidden;font-family:Share Tech Mono,monospace;color:var(--green);cursor:crosshair}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}#canvas-container canvas{display:block}#hud{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none}#scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:100}#vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:99}#hud-top{position:absolute;top:0;left:0;right:0;height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:13px;z-index:20}#hud-top-left,#hud-top-right{display:flex;gap:20px;align-items:center}#hud-top-center{position:absolute;left:50%;transform:translate(-50%)}#hud-state{font-size:18px;font-weight:700;letter-spacing:4px;padding:2px 16px;border:1px solid}.state-safe{color:var(--green);border-color:var(--green-dim)}.state-scan{color:var(--cyan);border-color:var(--cyan)}.state-detect,.state-classify{color:var(--amber);border-color:var(--amber)}.state-iff{color:var(--cyan);border-color:var(--cyan)}.state-lock{color:var(--amber);border-color:var(--amber);animation:pulse-border .5s infinite}.state-solution{color:var(--amber);border-color:var(--amber)}.state-auth{color:var(--red);border-color:var(--red);animation:pulse-border .3s infinite}.state-fire{color:var(--red);border-color:var(--red);background:#ff000026}.state-bda{color:var(--green);border-color:var(--green)}@keyframes pulse-border{0%,to{opacity:1}50%{opacity:.4}}.rec-dot{display:inline-block;width:8px;height:8px;background:var(--red);border-radius:50%;animation:blink-rec 1s infinite;vertical-align:middle;margin-right:4px}@keyframes blink-rec{0%,to{opacity:1}50%{opacity:.1}}#reticle{position:absolute;top:50%;left:50%;width:200px;height:200px;z-index:15;pointer-events:none;transition:none}.reticle-h{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--green);opacity:.7}.reticle-h:before,.reticle-h:after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--green)}.reticle-h:before{left:30%}.reticle-h:after{right:30%}.reticle-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--green);opacity:.7}.reticle-v:before,.reticle-v:after{content:"";position:absolute;left:-4px;height:1px;width:9px;background:var(--green)}.reticle-v:before{top:30%}.reticle-v:after{bottom:30%}.reticle-center{position:absolute;top:50%;left:50%;width:6px;height:6px;transform:translate(-50%,-50%);border:1px solid var(--green);border-radius:50%}.range-mark{position:absolute;left:50%;width:12px;height:1px;background:var(--green);opacity:.5;transform:translate(-50%)}.rm-1{top:60%}.rm-2{top:65%}.rm-3{top:72%}.rm-4{top:80%}#tracking-box{position:absolute;width:80px;height:100px;z-index:16;transition:all .3s ease}#tracking-box.locked{border:1px solid var(--amber);box-shadow:0 0 10px #ffaa004d}#tracking-box.firing{border-color:var(--red);box-shadow:0 0 15px #ff000080}.tb-corner{position:absolute;width:12px;height:12px;border-color:var(--green);border-style:solid}.tb-corner.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.tb-corner.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.tb-corner.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.tb-corner.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}#tracking-box.locked .tb-corner{border-color:var(--amber)}#tracking-box.firing .tb-corner{border-color:var(--red)}#tracking-label{position:absolute;top:-20px;left:0;font-size:11px;white-space:nowrap}.detect-box{position:absolute;border:1px solid var(--green);z-index:14;opacity:0;transition:opacity .3s}.detect-box.visible{opacity:1}.detect-box .detect-label{position:absolute;bottom:-18px;left:0;font-size:10px;color:var(--green);white-space:nowrap;font-family:Share Tech Mono,monospace}.detect-box.friend{border-color:var(--cyan)}.detect-box.friend .detect-label{color:var(--cyan)}.detect-box.hostile{border-color:var(--red)}.detect-box.hostile .detect-label{color:var(--red)}#hud-left{position:absolute;top:60px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:20}#hud-right{position:absolute;top:60px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:20}.hud-panel{background:var(--bg-panel);border:1px solid var(--border);padding:8px 12px;min-width:180px;font-size:12px;line-height:1.6}.panel-title{font-size:10px;color:var(--green-dim);letter-spacing:2px;border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:4px}.roe-item{opacity:.4;transition:all .3s}.roe-item.checked{opacity:1;color:var(--green)}.roe-item.failed{opacity:1;color:var(--red)}#iff-status{font-size:14px;font-weight:700}#iff-status.unknown{color:var(--amber)}#iff-status.friend{color:var(--cyan)}#iff-status.clear{color:var(--green)}#hud-bottom{position:absolute;bottom:0;left:0;right:0;background:var(--bg-panel);border-top:1px solid var(--border);padding:8px 20px;z-index:20}#engagement-steps{display:flex;justify-content:center;gap:4px;margin-bottom:6px}.eng-step{font-size:11px;padding:2px 10px;border:1px solid var(--green-dark);color:var(--green-dark);letter-spacing:1px;transition:all .3s}.eng-step.active{color:#000;background:var(--green);border-color:var(--green);box-shadow:0 0 8px #00ff4180}.eng-step.completed{color:var(--green-dim);border-color:var(--green-dim)}.eng-step.active-fire{color:#000;background:var(--red);border-color:var(--red);box-shadow:0 0 12px #f009}.eng-step.active-auth{color:#000;background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px #ffaa0080;animation:pulse-border .4s infinite}#hud-bottom-info{display:flex;justify-content:center;gap:24px;font-size:11px;color:var(--green-dim)}#fire-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffc8324d;z-index:50;pointer-events:none}#fire-flash.active{animation:flash .15s ease-out}@keyframes flash{0%{opacity:1}to{opacity:0}}#instruction{position:absolute;bottom:80px;left:50%;transform:translate(-50%);font-size:14px;color:var(--green);text-align:center;line-height:1.6;padding:8px 20px;background:var(--bg-panel);border:1px solid var(--border);animation:blink-text 1.5s infinite;z-index:20;white-space:nowrap}@keyframes blink-text{0%,to{opacity:.8}50%{opacity:.2}}#instruction.hidden{display:none}kbd{border:1px solid var(--green-dim);padding:1px 6px;font-family:inherit;font-size:13px}.hidden{display:none!important}#boot-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;z-index:200;display:flex;flex-direction:column;justify-content:center;padding:15% 20%;font-size:13px;line-height:1.8;color:var(--green);overflow:hidden}#boot-overlay .boot-line{opacity:0;animation:boot-appear .1s forwards}@keyframes boot-appear{to{opacity:1}}.bda-result{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;font-weight:700;letter-spacing:6px;padding:10px 30px;border:2px solid;z-index:30;animation:bda-appear .5s ease-out}.bda-result.neutralized{color:var(--green);border-color:var(--green);background:#00ff411a}.bda-result.vehicle.disabled{color:var(--amber);border-color:var(--amber);background:#ffaa001a}@keyframes bda-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}#back-btn{position:fixed;top:12px;left:12px;z-index:50;background:var(--bg-panel);border:1px solid var(--border);color:var(--green);font-family:Share Tech Mono,monospace;font-size:11px;padding:6px 12px;cursor:pointer;text-decoration:none;letter-spacing:1px;transition:background .2s,border-color .2s}#back-btn:hover{background:#00ff4114;border-color:var(--green)}