@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap);:root{--hud-primary:#00f0ff;--hud-primary-dim:rgba(0, 240, 255, 0.3);--hud-secondary:#ff6b35;--hud-warning:#ffd93d;--hud-success:#6bff8e;--hud-danger:#ff4757;--hud-purple:#a78bfa;--hud-pink:#f472b6;--hud-bg-dark:#0a0e17;--hud-bg-panel:rgba(10, 20, 35, 0.9);--hud-text:#e0f4ff;--hud-text-dim:#5a7a9a;--hud-grid-color:rgba(0, 240, 255, 0.03);--hud-border-color:rgba(0, 240, 255, 0.15)}body{background:var(--hud-bg-dark)}.hud-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.hud-grid{position:absolute;inset:0;background-image:linear-gradient(var(--hud-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--hud-grid-color) 1px,transparent 1px);background-size:40px 40px}.hud-scanline{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--hud-primary),transparent);animation:8s linear infinite hud-scanDown;opacity:.5}@keyframes hud-scanDown{0%{top:0}100%{top:100%}}.hud-noise{position:absolute;inset:0;opacity:.02;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.hud-decoration{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hud-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.35;animation:20s ease-in-out infinite hud-orbFloat}.hud-orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--hud-purple) 0,transparent 60%);top:-150px;left:-100px;animation-delay:0s}.hud-orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--hud-primary) 0,transparent 60%);top:50%;right:-100px;animation-delay:-7s}.hud-orb-3{width:450px;height:450px;background:radial-gradient(circle,var(--hud-secondary) 0,transparent 60%);bottom:-100px;left:30%;animation-delay:-14s}@keyframes hud-orbFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(-30px,-10px) scale(1.02)}}.hud-hex-grid{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2300f0ff' fill-opacity='1'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hud-radar-sweep{position:absolute;top:50%;left:50%;width:1000px;height:1000px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg,rgba(167,139,250,.25) 30deg,transparent 60deg);border-radius:50%;opacity:.6;animation:6s linear infinite hud-radarSweep}@keyframes hud-radarSweep{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.hud-particles{position:absolute;inset:0}.hud-particle{position:absolute;width:3px;height:3px;background:var(--hud-primary);border-radius:50%;box-shadow:0 0 6px var(--hud-primary),0 0 12px var(--hud-primary);animation:15s linear infinite hud-particleFloat;opacity:0}.hud-particle:first-child{left:10%;animation-delay:0s}.hud-particle:nth-child(2){left:20%;animation-delay:2s}.hud-particle:nth-child(3){left:30%;animation-delay:4s}.hud-particle:nth-child(4){left:40%;animation-delay:6s}.hud-particle:nth-child(5){left:50%;animation-delay:8s}.hud-particle:nth-child(6){left:60%;animation-delay:10s}.hud-particle:nth-child(7){left:70%;animation-delay:12s}.hud-particle:nth-child(8){left:80%;animation-delay:14s}.hud-particle:nth-child(9){left:90%;animation-delay:1s}.hud-particle:nth-child(10){left:15%;animation-delay:3s}@keyframes hud-particleFloat{0%{bottom:-10px;opacity:0}10%,90%{opacity:.9}100%{bottom:100%;opacity:0}}.hud-corner-lines{position:absolute;inset:0}.hud-corner-line{position:absolute;background:var(--hud-primary);opacity:.25}.hud-corner-line.top-left-h{top:60px;left:0;width:200px;height:2px}.hud-corner-line.top-left-v{top:60px;left:0;width:2px;height:150px}.hud-corner-line.top-right-h{top:60px;right:0;width:200px;height:2px}.hud-corner-line.top-right-v{top:60px;right:0;width:2px;height:150px}.hud-corner-line.bottom-left-h{bottom:30px;left:0;width:200px;height:2px}.hud-corner-line.bottom-left-v{bottom:30px;left:0;width:2px;height:150px}.hud-corner-line.bottom-right-h{bottom:30px;right:0;width:200px;height:2px}.hud-corner-line.bottom-right-v{bottom:30px;right:0;width:2px;height:150px}.hud-data-streams{position:absolute;inset:0;overflow:hidden}.hud-data-stream{position:absolute;width:2px;height:150px;background:linear-gradient(to bottom,transparent,var(--hud-primary),transparent);opacity:.4;animation:3s linear infinite hud-dataStream}.hud-data-stream:first-child{left:5%;animation-delay:0s}.hud-data-stream:nth-child(2){left:15%;animation-delay:.5s}.hud-data-stream:nth-child(3){left:85%;animation-delay:1s}.hud-data-stream:nth-child(4){left:95%;animation-delay:1.5s}@keyframes hud-dataStream{0%{top:-150px;opacity:0}50%{opacity:.5}100%{top:100%;opacity:0}}