: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;--essence-badge-bg: rgba(110, 40, 200, .95);--essence-badge-ink: rgba(235, 220, 255, 1);--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-title: "Michroma", "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}.essence-badge{--essence-badge-size: 20px;position:absolute;top:-6px;right:-6px;z-index:1;width:var(--essence-badge-size);height:var(--essence-badge-size);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--essence-badge-bg);color:var(--essence-badge-ink);font-family:var(--font-ui);font-size:calc(var(--essence-badge-size) * .6);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}