@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body,html{background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}#root{width:100%;height:100%}:root{--hud-cyan:#00f0ff;--hud-cyan-dim:#00f0ff44;--hud-blue:#06f;--hud-glass:#0a141e99;--hud-border:#ffffff26;--hud-text:#fff;--hud-alert:#f33;--hud-success:#0f8}.hud-overlay{pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;width:100vw;height:100vh;font-family:Rajdhani,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.glass-panel{background:var(--hud-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hud-border);color:var(--hud-text);pointer-events:auto;border-radius:16px;padding:16px;transition:all .3s;box-shadow:0 4px 30px #0000001a}.glass-panel:hover{border-color:var(--hud-cyan-dim);box-shadow:0 0 15px var(--hud-cyan-dim)}.hud-title{letter-spacing:2px;color:var(--hud-cyan);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:8px;font-family:Share Tech Mono,monospace;font-size:12px;display:flex}.hud-value{text-shadow:0 0 10px #00f0ff80;font-size:24px;font-weight:600}.hud-unit{color:#8af;margin-left:4px;font-size:12px}.hud-corner-tl{position:absolute;top:20px;left:20px}.hud-corner-tr{text-align:right;position:absolute;top:20px;right:20px}.hud-corner-bl{position:absolute;bottom:20px;left:20px}.hud-corner-br{text-align:right;position:absolute;bottom:20px;right:20px}.hud-center{pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-bracket{border:2px solid var(--hud-cyan);opacity:.8;width:20px;height:20px;position:absolute}.bracket-tl{border-bottom:none;border-right:none;top:-2px;left:-2px}.bracket-tr{border-bottom:none;border-left:none;top:-2px;right:-2px}.bracket-bl{border-top:none;border-right:none;bottom:-2px;left:-2px}.bracket-br{border-top:none;border-left:none;bottom:-2px;right:-2px}.hud-tape-container{border-left:1px solid var(--hud-border);background:linear-gradient(#0000,#00000080,#0000);flex-direction:column;justify-content:center;width:60px;height:300px;display:flex;position:absolute;overflow:hidden}.hud-tape-left{border-left:none;border-right:1px solid var(--hud-border);align-items:flex-end;padding-right:10px;top:50%;left:100px;transform:translateY(-50%)}.hud-tape-right{align-items:flex-start;padding-left:10px;top:50%;right:100px;transform:translateY(-50%)}.hud-tape-marker{background:var(--hud-cyan);opacity:.5;height:1px;margin:10px 0}.hud-tape-marker.major{opacity:1;width:20px}.hud-tape-marker.minor{width:10px}.hud-compass-strap{border-bottom:2px solid var(--hud-cyan);justify-content:center;width:400px;height:40px;display:flex;position:absolute;top:20px;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.hud-crosshair{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-sonar{border:2px dashed var(--hud-cyan-dim);border-radius:50%;width:600px;height:600px;animation:20s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}