:root{--c-cyan-border: 0, 180, 200;--c-cyan-menu: 86, 210, 230;--c-cyan-bright: 0, 200, 220;--c-cyan-glow: 0, 220, 240;--c-cyan-solid: #00bfff;--c-friendly: 60, 255, 120;--c-friendly-soft: 90, 230, 140;--c-enemy: 255, 110, 110;--c-gold: 255, 200, 50;--c-essence: 170, 120, 255;--c-ember: 242, 169, 75;--c-ember-light: 247, 217, 171;--c-panel-top: rgba(10, 16, 28, .85);--c-panel-bottom: rgba(15, 22, 35, .78);--font-ui: "Inter", "Segoe UI", Arial, sans-serif;--font-display: "Chakra Petch", "Inter", "Segoe UI", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", "SF Mono", Menlo, Consolas, monospace}.hud-card{background:linear-gradient(135deg,var(--c-panel-top),var(--c-panel-bottom));border:1px solid rgba(var(--c-cyan-border),.3);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0006}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}