@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{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#root{width:100%;height:100%}:root{--hud-cyan: #00f0ff;--hud-cyan-dim: #00f0ff44;--hud-blue: #0066ff;--hud-glass: rgba(10, 20, 30, .6);--hud-border: rgba(255, 255, 255, .15);--hud-text: #ffffff;--hud-alert: #ff3333;--hud-success: #00ff88}.hud-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;font-family:Rajdhani,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.glass-panel{background:var(--hud-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--hud-border);border-radius:16px;box-shadow:0 4px 30px #0000001a;color:var(--hud-text);pointer-events:auto;padding:16px;transition:all .3s ease}.glass-panel:hover{border-color:var(--hud-cyan-dim);box-shadow:0 0 15px var(--hud-cyan-dim)}.hud-title{font-family:Share Tech Mono,monospace;font-size:12px;letter-spacing:2px;color:var(--hud-cyan);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px}.hud-value{font-size:24px;font-weight:600;text-shadow:0 0 10px rgba(0,240,255,.5)}.hud-unit{font-size:12px;color:#8af;margin-left:4px}.hud-corner-tl{position:absolute;top:20px;left:20px}.hud-corner-tr{position:absolute;top:20px;right:20px;text-align:right}.hud-corner-bl{position:absolute;bottom:20px;left:20px}.hud-corner-br{position:absolute;bottom:20px;right:20px;text-align:right}.hud-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.hud-bracket{position:absolute;width:20px;height:20px;border:2px solid var(--hud-cyan);opacity:.8}.bracket-tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.bracket-tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.bracket-bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.bracket-br{bottom:-2px;right:-2px;border-left:none;border-top:none}.hud-tape-container{position:absolute;width:60px;height:300px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.5),transparent);border-left:1px solid var(--hud-border);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hud-tape-left{left:100px;top:50%;transform:translateY(-50%);border-left:none;border-right:1px solid var(--hud-border);align-items:flex-end;padding-right:10px}.hud-tape-right{right:100px;top:50%;transform:translateY(-50%);align-items:flex-start;padding-left:10px}.hud-tape-marker{height:1px;background:var(--hud-cyan);margin:10px 0;opacity:.5}.hud-tape-marker.major{width:20px;opacity:1}.hud-tape-marker.minor{width:10px}.hud-compass-strap{position:absolute;top:20px;left:50%;transform:translate(-50%);width:400px;height:40px;border-bottom:2px solid var(--hud-cyan);display:flex;justify-content:center;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.hud-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px}.hud-sonar{border-radius:50%;border:2px dashed var(--hud-cyan-dim);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}