.draw-hud{--hud-bg0:#04060b;--hud-bg1:#070b14;--hud-bg2:#0b1322;--hud-grid:rgba(56,110,220,0.06);--hud-hairline:rgba(120,170,255,0.18);--hud-hairline-2:rgba(120,170,255,0.1);--hud-accent:#2f6bff;--hud-accent-bri:#5b8cff;--hud-conso:#38c0ff;--hud-glow:rgba(47,107,255,0.45);--hud-radius:4px;--hud-glow-sm:0 0 0 1px var(--hud-hairline),0 0 18px -6px var(--hud-glow);--hud-glow-md:0 0 0 1px rgba(120,170,255,0.28),0 0 30px -8px var(--hud-glow);position:relative;isolation:isolate;background:var(--hud-bg0)}.hud-grid{background-image:repeating-linear-gradient(to right,var(--hud-grid) 0 1px,transparent 1px 40px),repeating-linear-gradient(to bottom,var(--hud-grid) 0 1px,transparent 1px 40px);-webkit-mask-image:radial-gradient(120% 80% at 50% 25%,#000 50%,transparent 100%);mask-image:radial-gradient(120% 80% at 50% 25%,#000 50%,transparent 100%);animation:hudDrift 26s ease-in-out infinite alternate;will-change:transform}.hud-grid,.hud-vignette{position:absolute;inset:0;z-index:0;pointer-events:none}.hud-vignette{background:radial-gradient(140% 120% at 50% 0,transparent 55%,var(--hud-bg0) 100%)}.hud-scanlines{mix-blend-mode:overlay;opacity:.45;background:repeating-linear-gradient(180deg,rgba(180,210,255,.05) 0 1px,transparent 1px 4px)}.hud-scanlines,.hud-sweep{position:absolute;inset:0;z-index:1;pointer-events:none}.hud-sweep{overflow:hidden}.hud-sweep__bar{position:absolute;left:0;right:0;height:22%;background:linear-gradient(180deg,transparent,rgba(91,140,255,.09) 45%,rgba(91,140,255,.16) 50%,rgba(91,140,255,.09) 55%,transparent);animation:hudSweep 11s linear infinite;will-change:transform}.hud-content{position:relative;z-index:2}@keyframes hudDrift{0%{transform:translateZ(0)}to{transform:translate3d(0,9px,0)}}@keyframes hudSweep{0%{transform:translateY(-120%)}to{transform:translateY(560%)}}@keyframes hudPulse{0%,to{opacity:1}50%{opacity:.3}}.hud-panel{position:relative;background:linear-gradient(180deg,rgba(120,170,255,.05),transparent 40%),var(--hud-bg1);border:1px solid var(--hud-hairline);border-radius:var(--hud-radius)}.hud-panel--primary{border-color:rgba(120,170,255,.3);box-shadow:0 0 60px -24px var(--hud-glow)}.hud-node{position:relative;background:var(--hud-bg2);border:1px solid var(--hud-hairline-2);border-radius:var(--hud-radius);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}@media (hover:hover){.hud-node:hover{transform:translateY(-2px) scale(1.01);border-color:var(--hud-hairline);box-shadow:var(--hud-glow-md)}}.hud-title-glow{text-shadow:0 0 22px var(--hud-glow)}.hud-underline{height:2px;transform-origin:left;background:linear-gradient(to right,var(--hud-accent),transparent)}.hud-dot-pulse{animation:hudPulse 2.4s ease-in-out infinite}.hud-seg{height:6px;flex:1 1 0;border-radius:1px;background:var(--hud-hairline-2)}.hud-seg--on{background:var(--hud-accent);box-shadow:0 0 8px -1px var(--hud-glow)}