:root{--bg-color:#03070d;--card-bg:rgba(9,18,33,.78);--border-color:rgba(56,189,248,.28);--text-white:#fff;--text-silver:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--cyan:#38bdf8;--teal:#14b8a6;--emerald:#10b981}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100vh;background-color:var(--bg-color);color:var(--text-white);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.drone-hud-bg{position:fixed;inset:0;pointer-events:none;z-index:1}.hud-canvas{position:absolute;inset:0;width:100%;height:100%}.hud-vignette{background:radial-gradient(circle at 50% 50%,transparent 40%,rgba(3,7,13,.85) 90%)}.hud-scanline,.hud-vignette{position:absolute;inset:0;pointer-events:none}.hud-scanline{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3) 51%);background-size:100% 4px;opacity:.7}.military-glass-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(56,189,248,.08),inset 0 1px 1px hsla(0,0%,100%,.1);border-radius:10px;position:relative;overflow:hidden}.corner-bracket{position:absolute;width:14px;height:14px;border-color:var(--cyan);opacity:.8;pointer-events:none}.top-left{left:8px;border-left:2px solid}.top-left,.top-right{top:8px;border-top:2px solid}.top-right{right:8px;border-right:2px solid}.bottom-left{left:8px;border-left:2px solid}.bottom-left,.bottom-right{bottom:8px;border-bottom:2px solid}.bottom-right{right:8px;border-right:2px solid}.progress-bar-glow{background:linear-gradient(90deg,#0284c7,#38bdf8,#14b8a6);box-shadow:0 0 14px rgba(56,189,248,.6);position:relative;overflow:hidden;transition:width .4s ease-out}.progress-bar-glow:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);animation:hudShimmer 2s linear infinite}@keyframes hudShimmer{0%{left:-100%}to{left:100%}}.pulsing-dot{width:7px;height:7px;position:relative}.pulsing-dot,.pulsing-dot:after{border-radius:50%;background-color:#10b981}.pulsing-dot:after{content:"";position:absolute;inset:-3px;opacity:.6;animation:dotPulse 1.8s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(2.4);opacity:0}}