:root{--bg-canvas: #050607;--bg-surface-1: #0a0c0d;--text-primary: #f5f7fa;--text-secondary: #bac2cc;--text-tertiary: #8e97a3;--accent-neon: #7dd3ff;--border-subtle: #1a1f24;color-scheme:dark;font-family:Space Grotesk,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--bg-canvas);color:var(--text-primary);overflow:hidden}.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-canvas canvas{display:block;width:100%;height:100%;opacity:1;filter:saturate(1.15) contrast(1.05)}.bg-fade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 18%,#ffffff0a,#0000 32%),radial-gradient(circle at 82% 28%,#7dd3ff08,#0000 30%),linear-gradient(180deg,#05050566,#05050533 40%,#05050599)}.hud{position:fixed;z-index:2;left:1.25rem;bottom:1.25rem;max-width:min(360px,calc(100vw - 2.5rem));padding:.85rem 1rem;border:1px solid var(--border-subtle);background:#0a0c0dc7;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);pointer-events:none;user-select:none}.hud-eyebrow{margin:0 0 .15rem;color:var(--text-tertiary);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:16px}.hud-title{margin:0 0 .35rem;font-size:16px;font-weight:600;line-height:24px}.hud-meta{margin:0;color:var(--text-secondary);font-size:12px;line-height:18px}.hud[data-hidden=true]{display:none}.hud.is-error .hud-meta{color:#ffb4b4}@media(prefers-reduced-motion:reduce){.bg-canvas canvas{opacity:.4}}