@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #0c0e12;--hud-bg: rgba(12, 14, 18, .82);--panel-bg: rgba(12, 14, 18, .92);--hud-border: rgba(255, 255, 255, .06);--panel-border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .03);--border-strong: rgba(255, 255, 255, .12);--hud-text: #c8cdd5;--hud-text-bright: #e8ecf2;--hud-muted: #6b7280;--hud-accent: #5b9cf5;--accent-bg: rgba(91, 156, 245, .08);--accent-bg-medium: rgba(91, 156, 245, .12);--accent-bg-strong: rgba(91, 156, 245, .2);--accent-border: rgba(91, 156, 245, .25);--hud-gold: #e8c468;--hud-green: #34d399;--green-bg: rgba(52, 211, 153, .12);--green-border: rgba(52, 211, 153, .3);--hud-yellow: #fbbf24;--yellow-bg: rgba(251, 191, 36, .12);--yellow-border: rgba(251, 191, 36, .3);--hud-red: #f87171;--red-bg: rgba(248, 113, 113, .12);--red-border: rgba(248, 113, 113, .3);--surface-raised: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .06);--surface-input: rgba(255, 255, 255, .05);--overlay: rgba(0, 0, 0, .6);--font-ui: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: 9px;--text-sm: 11px;--text-base: 13px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 20px;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--radius-xs: 2px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 999px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-panel: -4px 0 24px rgba(0, 0, 0, .3);--ease-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0c0e12;font-family:var(--font-ui)}button,select,input,textarea{font-family:inherit}canvas{display:block}