:root{--font-display:"Exo 2", sans-serif;--font-body:"Exo 2", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Roboto Mono", monospace;--od-telemetry:var(--font-mono);--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:24px;--space-stack:12px;--space-section:24px;--bg:oklch(22% .005 250);--bg-dark:oklch(18% .003 250);--bg-card:oklch(25% .008 250/.6);--bg-card-hov:oklch(27% .01 250/.8);--profile-card-bg:oklch(20% .006 250/.96);--card-bg:var(--bg-card);--border:oklch(48% .08 75/.12);--border-hov:oklch(52% .12 75/.35);--border-sub:oklch(100% 0 0/.05);--text:oklch(92% .004 100);--text-2:oklch(75% .006 250);--muted:oklch(72% .008 250);--text-muted:var(--muted);--danger-rgb:255, 71, 87;--accent:oklch(72% .15 75);--accent-dim:oklch(72% .15 75/.1);--accent-gradient:linear-gradient(180deg, oklch(72% .15 75/.1) 0%, oklch(72% .15 75/.05) 100%);--accent-shadow:0 0 20px oklch(20% 0 0/.5);--terran:oklch(82% .16 210);--zerg:oklch(65% .22 305);--protoss:oklch(80% .18 80);--random:oklch(68% .12 280);--terran-text:var(--terran);--zerg-text:var(--zerg);--protoss-text:var(--protoss);--random-text:var(--random);--race-terran:var(--terran);--race-zerg:var(--zerg);--race-protoss:var(--protoss);--race-random:var(--random);--success:oklch(85% .18 140);--danger:oklch(78% .22 25);--warn:oklch(88% .2 85);--color-win:oklch(80% .2 140);--color-loss:oklch(72% .22 25);--success-bg-subtle:oklch(85% .18 140/.06);--success-border-subtle:oklch(85% .18 140/.18);--danger-bg-subtle:oklch(78% .22 25/.04);--danger-border-subtle:oklch(78% .22 25/.15);--danger-bg-soft:oklch(78% .22 25/.04);--danger-border-soft:oklch(78% .22 25/.2);--success-bg-soft:oklch(85% .18 140/.08);--success-border-soft:oklch(85% .18 140/.25);--info-bg-subtle:oklch(82% .16 210/.06);--info-border-subtle:oklch(82% .16 210/.22);--warn-bg-subtle:oklch(88% .2 85/.06);--warn-border-subtle:oklch(88% .2 85/.22);--surface:oklch(100% 0 0/.03);--surface-hov:oklch(100% 0 0/.06);--surface-elev:oklch(100% 0 0/.08);--surface-faint:oklch(100% 0 0/.04);--surface-strong:oklch(100% 0 0/.08);--border-control:oklch(100% 0 0/.08);--border-control-hover:oklch(100% 0 0/.15);--menu-bg:oklch(23% .006 250);--focus-ring:oklch(72% .15 75/.6);--focus-ring-soft:oklch(72% .15 75/.12);--status-active:oklch(72% .15 75/.8);--progress-fill:oklch(68% .12 75);--badge-accent:oklch(72% .15 75/.15);--map-bar-glow:oklch(68% .1 75/.4);--r:8px;--r-lg:14px;--r-sm:4px;--r-pill:999px;--shadow-sm:0 4px 12px oklch(15% 0 0/.5);--shadow-md:0 12px 36px oklch(10% 0 0/.7);--shadow-float:0 16px 48px oklch(10% 0 0/.8);--glow-accent:0 0 20px oklch(72% .15 75/.15);--shadow-glow:0 0 15px oklch(72% .15 75/.1);--league-bronze:oklch(65% .15 50);--league-silver:oklch(82% .01 250);--league-gold:oklch(72% .15 75);--league-platinum:oklch(75% .01 250);--league-diamond:oklch(48% .18 310);--league-master:oklch(70% .12 75);--league-grandmaster:oklch(88% .2 85);--ease:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.165, .84, .44, 1);--ease-out-quint:cubic-bezier(.23, 1, .32, 1);--dur:.28s;--dur-fast:.15s;--dur-slow:.5s;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-xl:22px;--text-2xl:28px;--primary:var(--accent);--primary-rgb:243, 160, 25;--bg-body:var(--bg);--text-1:var(--text);--surface-2:var(--surface-hov);--border-subtle:var(--border-sub);--btn-text:oklch(98% .002 100);--grid-line:oklch(100% 0 0/.03);--chart-grid:oklch(100% 0 0/.05);--chart-grid-minor:oklch(100% 0 0/.03);--chart-zero-line:oklch(100% 0 0/.12);--chart-text:oklch(100% 0 0/.7);--chart-tick:oklch(100% 0 0/.3);--chart-bg:oklch(23% .006 250/.9);--chart-fill-cyan:oklch(82% .16 210/.12);--chart-fill-gold:oklch(72% .15 75/.12);--chart-fill-red:oklch(78% .22 25/.12);--chart-fill-green:oklch(85% .18 140/.12);--chart-fill-orange:oklch(85% .18 80/.12);--chart-fill-purple:oklch(48% .18 310/.12);--glass:oklch(100% 0 0/.03);--header-bg:oklch(23% .006 250/.96);--field-bg:oklch(100% 0 0/.04);--field-bg-focus:oklch(100% 0 0/.07);--field-border:oklch(100% 0 0/.12);--surface-tertiary:oklch(100% 0 0/.03);--track-bg:oklch(100% 0 0/.06);--chat-bg:oklch(100% 0 0/.05);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-toast:700;--od-accent:var(--accent);--od-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #00000008 2px, #00000008 4px)}[data-theme=light]{--terran-text:oklch(50% .11 225);--zerg-text:oklch(50% .21 305);--protoss-text:oklch(50% .11 70);--random-text:oklch(50% .12 280);--bg:oklch(96% .004 100);--bg-dark:oklch(92% .004 100);--bg-card:oklch(98% 0 0/.95);--bg-card-hov:oklch(100% 0 0);--profile-card-bg:oklch(99% 0 0/.98);--border:oklch(65% .16 75/.22);--border-hov:oklch(70% .12 75/.55);--border-sub:oklch(0% 0 0/.08);--text:oklch(22% .005 250);--text-2:oklch(30% .008 250);--muted:oklch(40% .008 250);--text-muted:var(--muted);--danger-rgb:255, 71, 87;--accent:oklch(50% .16 75);--primary-rgb:184, 134, 11;--accent-dim:oklch(65% .16 75/.12);--accent-gradient:linear-gradient(135deg, oklch(65% .16 75) 0%, oklch(55% .12 75) 100%);--surface:oklch(0% 0 0/.04);--surface-hov:oklch(0% 0 0/.07);--surface-faint:oklch(0% 0 0/.035);--surface-strong:oklch(0% 0 0/.08);--border-control:oklch(0% 0 0/.1);--border-control-hover:oklch(0% 0 0/.2);--glass:oklch(0% 0 0/.02);--menu-bg:oklch(98% 0 0/.98);--header-bg:oklch(98% 0 0/.96);--field-bg:oklch(0% 0 0/.04);--field-bg-focus:oklch(0% 0 0/.07);--field-border:oklch(0% 0 0/.12);--focus-ring:oklch(65% .16 75/.6);--focus-ring-soft:oklch(65% .16 75/.12);--status-active:oklch(55% .16 75/.8);--progress-fill:oklch(58% .12 75);--badge-accent:oklch(55% .16 75/.18);--map-bar-glow:oklch(58% .1 75/.4);--grid-line:oklch(0% 0 0/.05);--shadow-float:0 8px 32px oklch(0% 0 0/.18), 0 1px 0 oklch(65% .16 75/.04) inset;--chart-tick:oklch(50% .008 250);--chart-text:oklch(22% .005 250);--success-bg-subtle:oklch(85% .18 140/.08);--success-border-subtle:oklch(85% .18 140/.22);--danger-bg-subtle:oklch(78% .22 25/.06);--danger-border-subtle:oklch(78% .22 25/.18);--danger-bg-soft:oklch(78% .22 25/.06);--danger-border-soft:oklch(78% .22 25/.25);--success-bg-soft:oklch(85% .18 140/.12);--success-border-soft:oklch(85% .18 140/.35);--surface-tertiary:oklch(0% 0 0/.03);--track-bg:oklch(0% 0 0/.08);--chat-bg:oklch(0% 0 0/.1);--shadow-glow:0 0 10px oklch(65% .16 75/.05);--chart-grid:oklch(0% 0 0/.08);--chart-grid-minor:oklch(0% 0 0/.05);--chart-zero-line:oklch(0% 0 0/.22);--chart-bg:oklch(98% 0 0/.95);--chart-fill-cyan:oklch(82% .16 210/.12);--chart-fill-gold:oklch(65% .16 75/.12);--chart-fill-red:oklch(78% .22 25/.12);--chart-fill-green:oklch(85% .18 140/.12);--chart-fill-orange:oklch(85% .18 80/.12);--chart-fill-purple:oklch(48% .18 310/.12);--od-accent:var(--accent);--od-scanline:repeating-linear-gradient(0deg, transparent, transparent 2px, #00000005 2px, #00000005 4px)}