:root{--color-black:#000000;--color-gray-950:#0A0A0B;--color-gray-900:#111113;--color-gray-850:#16161A;--color-gray-800:#1C1C21;--color-gray-700:#26262E;--color-gray-600:#3B3B47;--color-gray-500:#5E5E6E;--color-gray-400:#8B8B9E;--color-gray-300:#ACACBE;--color-gray-200:#CFCFDC;--color-gray-100:#ECECF1;--color-white:#FFFFFF;--void-deepest:var(--color-gray-950);--void-deep:var(--color-gray-900);--void-mid:var(--color-gray-850);--void-surface:var(--color-gray-800);--void-highlight:var(--color-gray-700);--mist-faint:rgba(255,255,255,0.03);--mist-subtle:rgba(255,255,255,0.06);--mist-visible:rgba(255,255,255,0.12);--mist-strong:rgba(255,255,255,0.20);--signal-white:#f0f2f5;--signal-silver:#9ca3af;--signal-dim:#6b7280;--color-success:#22C55E;--color-warning:#EAB308;--color-error:#EF4444;--color-info:#3B82F6;--color-live:#EF4444;--color-primary:#F97316;--color-primary-hover:#FB923C;--color-primary-active:#EA580C;--color-primary-muted:rgba(249,115,22,0.15);--color-primary-glow:rgba(249,115,22,0.4);--color-secondary:#A1A1AA;--color-secondary-hover:#D4D4D8;--bg-base:var(--color-gray-900);--bg-elevated:var(--color-gray-850);--bg-surface:var(--color-gray-800);--bg-overlay:rgba(0,0,0,0.8);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-400);--text-tertiary:var(--color-gray-500);--text-inverse:var(--color-gray-950);--border-default:var(--color-gray-700);--border-subtle:var(--color-gray-800);--border-focus:var(--color-primary);--interactive-hover:rgba(255,255,255,0.05);--interactive-active:rgba(255,255,255,0.08);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-display:"Rajdhani","Inter",var(--font-sans);--font-archivo-black:"Archivo Black",Impact,sans-serif;--font-oxanium:"Oxanium",monospace;--font-jetbrains:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-card-padding:var(--space-5);--space-section-gap:var(--space-16);--space-component-gap:var(--space-4);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--border-width:1px;--border-width-2:2px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -4px rgba(0,0,0,0.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5),0 8px 10px -6px rgba(0,0,0,0.5);--glow-sm:0 0 10px var(--color-primary-glow);--glow-md:0 0 20px var(--color-primary-glow);--glow-lg:0 0 40px var(--color-primary-glow);--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px;--duration-fast:100ms;--duration-normal:150ms;--duration-slow:300ms;--duration-slower:500ms;--motion-instant:50ms;--motion-fast:100ms;--motion-smooth:200ms;--motion-dramatic:400ms;--motion-epic:800ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-snap:cubic-bezier(0.2,0,0,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-dramatic:cubic-bezier(0.16,1,0.3,1);--ease-tactical:cubic-bezier(0.77,0,0.175,1);--transition-colors:color var(--duration-normal) var(--ease-default),background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);--transition-opacity:opacity var(--duration-normal) var(--ease-default);--transition-transform:transform var(--duration-normal) var(--ease-default);--transition-all:all var(--duration-normal) var(--ease-default);--bg:var(--bg-base);--bg2:var(--bg-elevated);--bg3:var(--bg-surface);--surface:var(--bg-surface);--surface2:var(--bg-elevated);--surface3:var(--color-gray-700);--border:var(--border-subtle);--border-hover:var(--border-default);--border-active:var(--color-gray-600);--text:var(--text-primary);--text-strong:var(--color-white);--muted:var(--text-secondary);--muted-dark:var(--text-tertiary);--accent:var(--color-primary);--accent-light:var(--color-primary-hover);--accent-dark:var(--color-primary-active);--accent-soft:var(--color-primary-muted);--accent-glow:var(--color-primary-glow);--accent-border:var(--color-primary-glow);--accent-surface:var(--color-primary-muted);--accent-abyss:#7c2d12;--accent-gradient:linear-gradient(135deg,#c2410c,#f97316 50%,#fdba74);--status-live:#ef4444;--status-live-glow:rgba(239,68,68,0.4);--status-online:#22c55e;--status-away:#eab308;--status-offline:#6b7280;--status-danger:#dc2626;--status-available:var(--color-success);--status-building:var(--color-info);--status-planned:var(--color-gray-500);--status-blocked:var(--color-warning);--theme-transition:var(--duration-normal) var(--ease-default);--hover-transition:var(--duration-fast) var(--ease-default)}.scoped-theme-myria,.theme-myria,[data-faction=myria]{--color-primary:#F97316;--color-primary-hover:#FB923C;--color-primary-active:#EA580C;--color-primary-muted:rgba(249,115,22,0.15);--color-primary-glow:rgba(249,115,22,0.4);--accent:#F97316;--accent-light:#FB923C;--accent-dark:#EA580C;--accent-soft:rgba(249,115,22,0.08);--accent-glow:rgba(249,115,22,0.4);--accent-border:rgba(249,115,22,0.5);--accent-surface:rgba(249,115,22,0.06);--accent-abyss:#7c2d12;--accent-gradient:linear-gradient(135deg,#c2410c,#f97316 50%,#fdba74)}.scoped-theme-aetheron,.theme-aetheron,[data-faction=aetheron]{--color-primary:#8B5CF6;--color-primary-hover:#A78BFA;--color-primary-active:#7C3AED;--color-primary-muted:rgba(139,92,246,0.15);--color-primary-glow:rgba(139,92,246,0.4);--accent:#8B5CF6;--accent-light:#A78BFA;--accent-dark:#5B21B6;--accent-soft:rgba(139,92,246,0.08);--accent-glow:rgba(139,92,246,0.4);--accent-border:rgba(139,92,246,0.5);--accent-surface:rgba(139,92,246,0.06);--accent-abyss:#2e1065;--accent-gradient:linear-gradient(135deg,#5b21b6,#8b5cf6 50%,#c4b5fd)}.scoped-theme-glint,.theme-glint,[data-faction=glint]{--color-primary:#EAB308;--color-primary-hover:#FACC15;--color-primary-active:#CA8A04;--color-primary-muted:rgba(234,179,8,0.15);--color-primary-glow:rgba(234,179,8,0.4);--accent:#EAB308;--accent-light:#FACC15;--accent-dark:#CA8A04;--accent-soft:rgba(234,179,8,0.08);--accent-glow:rgba(234,179,8,0.4);--accent-border:rgba(234,179,8,0.5);--accent-surface:rgba(234,179,8,0.06);--accent-abyss:#713f12;--accent-gradient:linear-gradient(135deg,#a16207,#eab308 50%,#fef08a)}.color-mode-light,[data-color-mode=light]{--color-gray-950:#FAFAFA;--color-gray-900:#F5F5F5;--color-gray-850:#EEEEEE;--color-gray-800:#E5E5E5;--color-gray-700:#D4D4D4;--color-gray-600:#A3A3A3;--color-gray-500:#737373;--color-gray-400:#525252;--color-gray-300:#404040;--color-gray-200:#262626;--color-gray-100:#171717;--color-white:#FFFFFF;--color-black:#000000;--void-deepest:var(--color-gray-950);--void-deep:var(--color-gray-900);--void-mid:var(--color-gray-850);--void-surface:var(--color-gray-800);--void-highlight:var(--color-gray-700);--mist-faint:rgba(0,0,0,0.02);--mist-subtle:rgba(0,0,0,0.04);--mist-visible:rgba(0,0,0,0.08);--mist-strong:rgba(0,0,0,0.12);--signal-white:#171717;--signal-silver:#525252;--signal-dim:#737373;--bg-base:var(--color-gray-900);--bg-elevated:var(--color-gray-850);--bg-surface:var(--color-white);--bg-overlay:rgba(255,255,255,0.9);--text-primary:var(--color-gray-100);--text-secondary:var(--color-gray-400);--text-tertiary:var(--color-gray-500);--text-inverse:var(--color-white);--border-default:var(--color-gray-700);--border-subtle:var(--color-gray-800);--interactive-hover:rgba(0,0,0,0.04);--interactive-active:rgba(0,0,0,0.08);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--bg:var(--bg-base);--bg2:var(--bg-elevated);--bg3:var(--bg-surface);--surface:var(--bg-surface);--surface2:var(--bg-elevated);--surface3:var(--color-gray-700);--border:var(--border-subtle);--border-hover:var(--border-default);--border-active:var(--color-gray-600);--text:var(--text-primary);--text-strong:var(--color-black);--muted:var(--text-secondary);--muted-dark:var(--text-tertiary)}