@layer components{@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 40px}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 color-mix(in srgb,var(--brand-accent) 20%,transparent);opacity:.7}50%{box-shadow:0 0 18px color-mix(in srgb,var(--brand-accent) 50%,transparent);opacity:1}}@keyframes drift{0%{transform:translateZ(0)}50%{transform:translate3d(10px,-12px,0)}to{transform:translateZ(0)}}@keyframes spinSlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinSlowReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes sweep{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.2}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hud-corner{position:relative;overflow:hidden}.hud-corner:after,.hud-corner:before{content:"";position:absolute;width:12px;height:12px;border-color:var(--neon-cyan);border-style:solid;pointer-events:none}.hud-corner:before{top:10px;left:10px;border-width:1px 0 0 1px}.hud-corner:after{right:10px;bottom:10px;border-width:0 1px 1px 0}.hud-button-shine:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,color-mix(in srgb,var(--text-primary) 20%,transparent) 50%,transparent 65%);transform:translateX(-120%);transition:transform .26s ease}.hud-button-shine:hover:before{transform:translateX(120%)}.hud-panel{position:relative;background:color-mix(in srgb,var(--bg-primary) 72%,transparent);border:1px solid color-mix(in srgb,var(--brand-accent) 20%,transparent);box-shadow:0 0 25px rgba(0,240,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hud-panel:after,.hud-panel:before{content:"";position:absolute;width:18px;height:18px;border-style:solid;border-color:color-mix(in srgb,var(--brand-accent) 60%,transparent);pointer-events:none}.hud-panel:before{left:12px;top:12px;border-width:1px 0 0 1px}.hud-panel:after{right:12px;bottom:12px;border-width:0 1px 1px 0}.hud-ring{position:relative;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-accent) 30%,transparent);background:radial-gradient(circle at center,color-mix(in srgb,var(--brand-accent) 20%,transparent),color-mix(in srgb,var(--bg-primary) 90%,transparent) 55%,color-mix(in srgb,var(--text-primary) 20%,transparent) 100%);box-shadow:inset 0 0 26px rgba(0,240,255,.12),0 0 22px rgba(0,240,255,.12)}.hud-ring:after,.hud-ring:before{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-accent) 18%,transparent)}.hud-ring:after{inset:20%;border-color:color-mix(in srgb,var(--cultural-gold) 28%,transparent)}.data-stream-line{position:relative;padding-left:12px;border-left:1px solid color-mix(in srgb,var(--brand-accent) 40%,transparent);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.04em}.caret{display:inline-block;margin-left:2px;width:8px;color:var(--neon-cyan);animation:blink 1s steps(1) infinite}}