:root[data-theme=frost]{--color-accent: #5BA8C8;--color-accent-light: #7CC4E0;--color-teal: var(--color-accent);--color-pink: #B0C8D8;--color-navy: #0A1018;--color-deep-blue: #0A1018;--color-surface: #0E1620;--color-surface-raised: #14202C;--color-surface-overlay: #182838;--color-sidebar: #070C12;--color-chrome: rgba(10, 20, 35, .45);--color-chrome-hover: rgba(140, 200, 240, .08);--color-border: rgba(140, 200, 240, .08);--color-border-subtle: rgba(140, 200, 240, .04);--color-text-primary: #D8E8F0;--color-text-secondary: #9CBCC8;--color-text-muted: #8AAAB8;--glass-bg: rgba(10, 16, 24, .88);--glass-border: rgba(140, 200, 240, .08);--color-heading: #D0E8F0;--color-info: var(--color-accent-light);--panel-bg: rgba(140, 200, 240, .06);--panel-border: rgba(140, 200, 240, .1);--panel-shadow: 0 4px 24px rgba(0, 0, 0, .3);--input-bg: rgba(140, 200, 240, .04);--input-border: rgba(140, 200, 240, .1);--input-focus-border: rgba(91, 168, 200, .5);--input-focus-bg: rgba(91, 168, 200, .06);--btn-primary-bg: linear-gradient(135deg, rgba(91, 168, 200, .25), rgba(91, 168, 200, .15));--btn-primary-bg-hover: linear-gradient(135deg, rgba(91, 168, 200, .35), rgba(91, 168, 200, .25));--btn-primary-border: rgba(91, 168, 200, .3);--btn-primary-text: #7CC4E0;--btn-secondary-bg-hover-from: rgba(140, 200, 240, .08);--btn-secondary-bg-hover-to: rgba(140, 200, 240, .04);--btn-primary-solid: linear-gradient(180deg, #5BA8C8, #4690A8);--btn-primary-solid-hover: linear-gradient(180deg, #6BB8D8, #56A0B8);--btn-secondary-solid-hover: linear-gradient(180deg, #1C2838, #182430);--white-a2: rgba(140, 200, 240, .02);--white-a3: rgba(140, 200, 240, .03);--white-a4: rgba(140, 200, 240, .04);--white-a5: rgba(140, 200, 240, .05);--white-a6: rgba(140, 200, 240, .06);--white-a8: rgba(140, 200, 240, .08);--white-a10: rgba(140, 200, 240, .1);--white-a12: rgba(140, 200, 240, .12);--white-a15: rgba(140, 200, 240, .15);--white-a20: rgba(140, 200, 240, .2);--white-a25: rgba(140, 200, 240, .25);--black-a10: rgba(0, 0, 0, .12);--black-a15: rgba(0, 0, 0, .18);--black-a20: rgba(0, 0, 0, .24);--black-a25: rgba(0, 0, 0, .3);--black-a30: rgba(0, 0, 0, .35);--black-a40: rgba(0, 0, 0, .45);--black-a50: rgba(0, 0, 0, .55);--accent-a5: rgba(91, 168, 200, .05);--accent-a8: rgba(91, 168, 200, .08);--accent-a10: rgba(91, 168, 200, .1);--accent-a12: rgba(91, 168, 200, .12);--accent-a15: rgba(91, 168, 200, .15);--accent-a20: rgba(91, 168, 200, .2);--accent-a25: rgba(91, 168, 200, .25);--accent-a30: rgba(91, 168, 200, .3);--accent-a40: rgba(91, 168, 200, .4);--accent-a50: rgba(91, 168, 200, .5);--navy-a10: rgba(10, 16, 24, .1);--navy-a20: rgba(10, 16, 24, .2);--navy-a30: rgba(10, 16, 24, .3);--navy-a40: rgba(10, 16, 24, .4);--navy-a50: rgba(10, 16, 24, .5);--navy-a60: rgba(10, 16, 24, .6);--navy-a70: rgba(10, 16, 24, .7);--navy-a80: rgba(10, 16, 24, .8)}:root[data-theme=desert]{--color-accent: #C48B3F;--color-accent-light: #DAA54E;--color-teal: var(--color-accent);--color-navy: #1A1208;--color-deep-blue: #1A1208;--color-pink: #E8A87C;--color-surface: #1E1610;--color-surface-raised: #2A1F15;--color-surface-overlay: #302318;--color-sidebar: #110D06;--color-chrome: rgba(26, 18, 8, .45);--color-chrome-hover: rgba(255, 200, 100, .08);--color-border: rgba(255, 200, 100, .06);--color-border-subtle: rgba(255, 200, 100, .03);--color-text-primary: #F0E4D4;--color-text-secondary: #B8A694;--color-text-muted: #A69480;--glass-bg: rgba(26, 18, 8, .88);--glass-border: rgba(255, 200, 100, .06);--color-heading: #E8DCCA;--color-info: var(--color-accent);--panel-bg: rgba(255, 200, 100, .06);--panel-border: rgba(255, 200, 100, .1);--panel-shadow: 0 4px 24px rgba(0, 0, 0, .3);--input-bg: rgba(255, 200, 100, .04);--input-border: rgba(255, 200, 100, .08);--input-focus-border: rgba(196, 139, 63, .5);--input-focus-bg: rgba(196, 139, 63, .06);--btn-primary-bg: linear-gradient(135deg, rgba(196, 139, 63, .25), rgba(196, 139, 63, .15));--btn-primary-bg-hover: linear-gradient(135deg, rgba(196, 139, 63, .35), rgba(196, 139, 63, .25));--btn-primary-border: rgba(196, 139, 63, .3);--btn-primary-text: #DAA54E;--btn-secondary-bg-hover-from: rgba(255, 200, 100, .08);--btn-secondary-bg-hover-to: rgba(255, 200, 100, .04);--btn-primary-solid: linear-gradient(180deg, #C48B3F, #A87230);--btn-primary-solid-hover: linear-gradient(180deg, #D49B4F, #B88240);--btn-secondary-solid-hover: linear-gradient(180deg, #302318, #281E14);--white-a2: rgba(255, 220, 160, .02);--white-a3: rgba(255, 220, 160, .03);--white-a4: rgba(255, 220, 160, .04);--white-a5: rgba(255, 220, 160, .05);--white-a6: rgba(255, 220, 160, .06);--white-a8: rgba(255, 220, 160, .08);--white-a10: rgba(255, 220, 160, .1);--white-a12: rgba(255, 220, 160, .12);--white-a15: rgba(255, 220, 160, .15);--white-a20: rgba(255, 220, 160, .2);--white-a25: rgba(255, 220, 160, .25);--black-a10: rgba(0, 0, 0, .12);--black-a15: rgba(0, 0, 0, .18);--black-a20: rgba(0, 0, 0, .24);--black-a25: rgba(0, 0, 0, .3);--black-a30: rgba(0, 0, 0, .35);--black-a40: rgba(0, 0, 0, .45);--black-a50: rgba(0, 0, 0, .55);--accent-a5: rgba(196, 139, 63, .05);--accent-a8: rgba(196, 139, 63, .08);--accent-a10: rgba(196, 139, 63, .1);--accent-a12: rgba(196, 139, 63, .12);--accent-a15: rgba(196, 139, 63, .15);--accent-a20: rgba(196, 139, 63, .2);--accent-a25: rgba(196, 139, 63, .25);--accent-a30: rgba(196, 139, 63, .3);--accent-a40: rgba(196, 139, 63, .4);--accent-a50: rgba(196, 139, 63, .5);--navy-a10: rgba(26, 18, 8, .1);--navy-a20: rgba(26, 18, 8, .2);--navy-a30: rgba(26, 18, 8, .3);--navy-a40: rgba(26, 18, 8, .4);--navy-a50: rgba(26, 18, 8, .5);--navy-a60: rgba(26, 18, 8, .6);--navy-a70: rgba(26, 18, 8, .7);--navy-a80: rgba(26, 18, 8, .8)}:root[data-theme=sunset]{--color-accent: #E07040;--color-accent-light: #F08858;--color-teal: var(--color-accent);--color-navy: #120810;--color-deep-blue: #120810;--color-pink: #F0A0C0;--color-surface: #1A0E16;--color-surface-raised: #241420;--color-surface-overlay: #2C1828;--color-sidebar: #0E060C;--color-chrome: rgba(18, 8, 16, .45);--color-chrome-hover: rgba(255, 140, 80, .08);--color-border: rgba(255, 140, 80, .06);--color-border-subtle: rgba(255, 140, 80, .03);--color-text-primary: #F0E0E8;--color-text-secondary: #B49CAC;--color-text-muted: #A08898;--glass-bg: rgba(18, 8, 16, .88);--glass-border: rgba(255, 140, 80, .06);--color-heading: #ECD8E4;--color-info: var(--color-accent);--panel-bg: rgba(255, 120, 80, .06);--panel-border: rgba(255, 140, 80, .1);--panel-shadow: 0 4px 24px rgba(0, 0, 0, .3);--input-bg: rgba(255, 140, 80, .04);--input-border: rgba(255, 140, 80, .08);--input-focus-border: rgba(224, 112, 64, .5);--input-focus-bg: rgba(224, 112, 64, .06);--btn-primary-bg: linear-gradient(135deg, rgba(224, 112, 64, .25), rgba(224, 112, 64, .15));--btn-primary-bg-hover: linear-gradient(135deg, rgba(224, 112, 64, .35), rgba(224, 112, 64, .25));--btn-primary-border: rgba(224, 112, 64, .3);--btn-primary-text: #F08858;--btn-secondary-bg-hover-from: rgba(255, 140, 80, .08);--btn-secondary-bg-hover-to: rgba(255, 140, 80, .04);--btn-primary-solid: linear-gradient(180deg, #E07040, #C05830);--btn-primary-solid-hover: linear-gradient(180deg, #F08050, #D06840);--btn-secondary-solid-hover: linear-gradient(180deg, #2C1828, #241420);--white-a2: rgba(255, 200, 200, .02);--white-a3: rgba(255, 200, 200, .03);--white-a4: rgba(255, 200, 200, .04);--white-a5: rgba(255, 200, 200, .05);--white-a6: rgba(255, 200, 200, .06);--white-a8: rgba(255, 200, 200, .08);--white-a10: rgba(255, 200, 200, .1);--white-a12: rgba(255, 200, 200, .12);--white-a15: rgba(255, 200, 200, .15);--white-a20: rgba(255, 200, 200, .2);--white-a25: rgba(255, 200, 200, .25);--black-a10: rgba(0, 0, 0, .12);--black-a15: rgba(0, 0, 0, .18);--black-a20: rgba(0, 0, 0, .24);--black-a25: rgba(0, 0, 0, .3);--black-a30: rgba(0, 0, 0, .35);--black-a40: rgba(0, 0, 0, .45);--black-a50: rgba(0, 0, 0, .55);--accent-a5: rgba(224, 112, 64, .05);--accent-a8: rgba(224, 112, 64, .08);--accent-a10: rgba(224, 112, 64, .1);--accent-a12: rgba(224, 112, 64, .12);--accent-a15: rgba(224, 112, 64, .15);--accent-a20: rgba(224, 112, 64, .2);--accent-a25: rgba(224, 112, 64, .25);--accent-a30: rgba(224, 112, 64, .3);--accent-a40: rgba(224, 112, 64, .4);--accent-a50: rgba(224, 112, 64, .5);--navy-a10: rgba(18, 8, 16, .1);--navy-a20: rgba(18, 8, 16, .2);--navy-a30: rgba(18, 8, 16, .3);--navy-a40: rgba(18, 8, 16, .4);--navy-a50: rgba(18, 8, 16, .5);--navy-a60: rgba(18, 8, 16, .6);--navy-a70: rgba(18, 8, 16, .7);--navy-a80: rgba(18, 8, 16, .8)}:root{--font-brand: "Plus Jakarta Sans", sans-serif;--font-mono: "Courier New", ui-monospace, monospace;--color-pink: #FDB5CE;--color-navy: #0a0e18;--color-deep-blue: #0a0e18;--color-accent: #3B9797;--color-teal: var(--color-accent);--color-accent-light: #5bcece;--color-surface: #0f1420;--color-surface-raised: #141a28;--color-surface-overlay: #181f30;--color-sidebar: #070a12;--color-chrome: rgba(10, 22, 42, .35);--color-chrome-hover: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .06);--color-text-primary: #E8ECF1;--color-text-secondary: #9CA8BA;--color-text-muted: #8793A6;--glass-bg: rgba(10, 14, 24, .85);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 12px;--rarity-common: #A0AEC0;--rarity-rare: #3B9797;--rarity-epic: #B06AFF;--rarity-legendary: #FFD700;--rarity-diamond: #E0F7FF;--glow-common: 0 0 8px rgba(160, 174, 192, .3);--glow-rare: 0 0 12px rgba(59, 151, 151, .4);--glow-epic: 0 0 16px rgba(176, 106, 255, .5), 0 0 32px rgba(176, 106, 255, .2);--glow-legendary: 0 0 20px rgba(255, 215, 0, .6), 0 0 40px rgba(255, 215, 0, .3), 0 0 60px rgba(255, 215, 0, .1);--glow-diamond: 0 0 20px rgba(180, 220, 255, .5), 0 0 40px rgba(136, 224, 243, .3), 0 0 60px rgba(232, 180, 248, .2), 0 0 80px rgba(180, 220, 255, .1);--font-micro: .625rem;--font-brand-sm: .75rem;--font-2xs: .6875rem;--font-xs: .8125rem;--font-brand-md: .875rem;--font-sm: .875rem;--font-base: 1rem;--font-md: 1.0625rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--radius-2xs: 2px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-4xl: 20px;--radius-5xl: 24px;--radius-card: 14px;--radius-pill: 30px;--radius-full: 50%;--white-a2: rgba(255, 255, 255, .02);--white-a3: rgba(255, 255, 255, .03);--white-a4: rgba(255, 255, 255, .04);--white-a5: rgba(255, 255, 255, .05);--white-a6: rgba(255, 255, 255, .06);--white-a8: rgba(255, 255, 255, .08);--white-a10: rgba(255, 255, 255, .1);--white-a12: rgba(255, 255, 255, .12);--white-a15: rgba(255, 255, 255, .15);--white-a20: rgba(255, 255, 255, .2);--white-a25: rgba(255, 255, 255, .25);--black-a10: rgba(0, 0, 0, .1);--black-a15: rgba(0, 0, 0, .15);--black-a20: rgba(0, 0, 0, .2);--black-a25: rgba(0, 0, 0, .25);--black-a30: rgba(0, 0, 0, .3);--black-a40: rgba(0, 0, 0, .4);--black-a50: rgba(0, 0, 0, .5);--accent-a5: rgba(59, 151, 151, .05);--accent-a8: rgba(59, 151, 151, .08);--accent-a10: rgba(59, 151, 151, .1);--accent-a12: rgba(59, 151, 151, .12);--accent-a15: rgba(59, 151, 151, .15);--accent-a20: rgba(59, 151, 151, .2);--accent-a25: rgba(59, 151, 151, .25);--accent-a30: rgba(59, 151, 151, .3);--accent-a40: rgba(59, 151, 151, .4);--accent-a50: rgba(59, 151, 151, .5);--teal-a5: var(--accent-a5);--teal-a8: var(--accent-a8);--teal-a10: var(--accent-a10);--teal-a12: var(--accent-a12);--teal-a15: var(--accent-a15);--teal-a20: var(--accent-a20);--teal-a25: var(--accent-a25);--teal-a30: var(--accent-a30);--teal-a40: var(--accent-a40);--teal-a50: var(--accent-a50);--navy-a10: rgba(10, 14, 24, .1);--navy-a20: rgba(10, 14, 24, .2);--navy-a30: rgba(10, 14, 24, .3);--navy-a40: rgba(10, 14, 24, .4);--navy-a50: rgba(10, 14, 24, .5);--navy-a60: rgba(10, 14, 24, .6);--navy-a70: rgba(10, 14, 24, .7);--navy-a80: rgba(10, 14, 24, .8);--error-a12: rgba(248, 113, 113, .12);--error-a15: rgba(248, 113, 113, .15);--error-a20: rgba(248, 113, 113, .2);--stop-a10: rgba(255, 107, 107, .1);--stop-a15: rgba(255, 107, 107, .15);--stop-a20: rgba(255, 107, 107, .2);--stop-a30: rgba(255, 107, 107, .3);--stop-a35: rgba(255, 107, 107, .35);--start-a8: rgba(91, 202, 122, .08);--start-a10: rgba(91, 202, 122, .1);--start-a15: rgba(91, 202, 122, .15);--start-a20: rgba(91, 202, 122, .2);--start-a25: rgba(91, 202, 122, .25);--start-a35: rgba(91, 202, 122, .35);--epic-a8: rgba(176, 106, 255, .08);--epic-a10: rgba(176, 106, 255, .1);--epic-a12: rgba(176, 106, 255, .12);--epic-a15: rgba(176, 106, 255, .15);--epic-a20: rgba(176, 106, 255, .2);--epic-a30: rgba(176, 106, 255, .3);--gold-a12: rgba(255, 215, 0, .12);--gold-a15: rgba(255, 215, 0, .15);--gold-a20: rgba(255, 215, 0, .2);--gold-a25: rgba(255, 215, 0, .25);--gold-a35: rgba(255, 215, 0, .35);--color-diamond: #E0F7FF;--color-diamond-cyan: #88E0F3;--color-diamond-pink: #E8B4F8;--diamond-a8: rgba(180, 220, 255, .08);--diamond-a12: rgba(180, 220, 255, .12);--diamond-a15: rgba(180, 220, 255, .15);--diamond-a20: rgba(180, 220, 255, .2);--diamond-a30: rgba(180, 220, 255, .3);--diamond-a40: rgba(180, 220, 255, .4);--color-white: #ffffff;--color-black: #000000;--color-brand-pink: #FDB5CE;--color-brand-pink-light: #FFE0EE;--rarity-common-light: #A0B4D2;--rarity-common-mid: #8C9BAA;--rarity-common-deep: #3C4650;--rarity-rare-light: #50D2D2;--rarity-rare-tint: #3BB9B9;--rarity-rare-deep: #0F3C3C;--rarity-epic-light: #D2A0FF;--rarity-epic-tint: #BE82FF;--rarity-epic-deep: #3C146E;--rarity-legendary-light: #FFF078;--rarity-legendary-pale: #FFFAB4;--rarity-legendary-tint: #FFE150;--rarity-legendary-mid: #DCBE28;--rarity-legendary-deep: #785A00;--rarity-legendary-orange: #FFAA00;--color-diamond-glow: #B4DCFF;--diamond-silver-light: #DCDCE6;--diamond-silver: #C8C8D7;--diamond-silver-dark: #A0A0B4;--pack-body-bg: linear-gradient(135deg, #1a1040 0%, #0d0820 30%, #1a0a35 60%, #0a0618 100%);--card-back-bg-common: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(40, 60, 100, .5) 0%, transparent 70%), linear-gradient(160deg, #121e38 0%, #1c2e52 30%, #162848 60%, #0e1a30 100%);--card-back-bg-rare: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(30, 90, 90, .4) 0%, transparent 70%), linear-gradient(160deg, #0e2828 0%, #14403e 30%, #103535 60%, #0a2020 100%);--card-back-bg-epic: radial-gradient(ellipse 75% 65% at 50% 50%, rgba(80, 40, 140, .4) 0%, transparent 65%), linear-gradient(160deg, #160e30 0%, #261550 30%, #1e1040 60%, #120a25 100%);--card-back-bg-legendary: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(120, 90, 20, .4) 0%, transparent 60%), linear-gradient(160deg, #201a08 0%, #38300e 25%, #2e2508 55%, #181204 100%);--card-back-bg-diamond: radial-gradient(ellipse 80% 70% at 50% 50%, rgba(60, 60, 80, .5) 0%, transparent 60%), linear-gradient(160deg, #0c0c14 0%, #14141e 25%, #101018 55%, #0a0a12 100%);--spectrum-red: #FF0000;--spectrum-orange: #FF9A00;--spectrum-yellow: #FFFF00;--spectrum-green: #00FF00;--spectrum-cyan: #00C8FF;--spectrum-violet: #6400FF;--spectrum-magenta: #FF00C8;--color-brand-pink-hot: #FF64B4;--foil-rainbow-soft: linear-gradient( 115deg, transparent 20%, rgba(255, 0, 0, .06) 25%, rgba(255, 154, 0, .06) 30%, rgba(255, 255, 0, .06) 35%, rgba(0, 255, 0, .06) 40%, rgba(0, 200, 255, .06) 45%, rgba(100, 0, 255, .06) 50%, rgba(255, 0, 200, .06) 55%, transparent 60%);--foil-rainbow: linear-gradient( 115deg, transparent 15%, rgba(255, 0, 0, .12) 22%, rgba(255, 154, 0, .12) 28%, rgba(255, 255, 0, .12) 34%, rgba(0, 255, 0, .12) 40%, rgba(0, 200, 255, .12) 46%, rgba(100, 0, 255, .12) 52%, rgba(255, 0, 200, .12) 58%, transparent 65%);--foil-diamond-border: conic-gradient( hsl(0, 0%, 95%) 0deg, hsl(0, 0%, 70%) 20deg, hsl(0, 0%, 95%) 40deg, hsl(40, 15%, 80%) 55deg, hsl(0, 0%, 95%) 70deg, hsl(0, 0%, 65%) 95deg, hsl(0, 0%, 95%) 115deg, hsl(200, 12%, 82%) 130deg, hsl(0, 0%, 95%) 150deg, hsl(0, 0%, 68%) 170deg, hsl(0, 0%, 95%) 190deg, hsl(300, 10%, 80%) 210deg, hsl(0, 0%, 95%) 230deg, hsl(0, 0%, 72%) 255deg, hsl(0, 0%, 95%) 275deg, hsl(80, 12%, 82%) 295deg, hsl(0, 0%, 95%) 315deg, hsl(0, 0%, 68%) 340deg, hsl(0, 0%, 95%) 360deg);--foil-diamond-fire-stops: hsla(0, 0%, 100%, .15) 0%, hsla(0, 80%, 75%, .2) 10%, hsla(40, 90%, 72%, .22) 18%, hsla(60, 85%, 75%, .18) 25%, hsla(0, 0%, 100%, .2) 32%, hsla(160, 70%, 72%, .18) 40%, hsla(200, 80%, 75%, .2) 48%, hsla(260, 65%, 74%, .18) 56%, hsla(0, 0%, 100%, .2) 64%, hsla(320, 50%, 75%, .15) 72%, hsla(0, 0%, 100%, .15) 80%, hsla(40, 90%, 72%, .2) 88%, hsla(0, 0%, 100%, .15) 100%;--foil-diamond-scan-stops: hsla(0, 0%, 10%, .4) 0%, hsla(0, 0%, 65%, .3) 2.5%, hsla(0, 0%, 45%, .2) 5%, hsla(0, 0%, 65%, .3) 7.5%, hsla(0, 0%, 10%, .4) 10%, hsla(0, 0%, 10%, .4) 15%;--foil-diamond-sweep-stops: transparent 25%, rgba(255, 100, 100, .05) 32%, rgba(255, 220, 80, .06) 36%, rgba(255, 255, 255, .12) 40%, rgba(100, 255, 180, .06) 44%, rgba(150, 150, 255, .05) 48%, transparent 55%;--color-deep-bg: rgba(10, 22, 42, .4);--color-prompt-db: #63b3ed;--color-prompt-auto: #b794f4;--color-prompt-runtime: #48bb78;--color-prompt-params: #ed8936;--color-error: #f87171;--color-error-soft: #fca5a5;--color-success: #4ade80;--color-warning: #fbbf24;--color-info: var(--color-accent-light);--color-heading: #E0E6EE;--color-log-success: #22c55e;--color-start: #5bca7a;--color-stop: #ff6b6b;--color-light-teal: var(--color-accent-light);--panel-bg: var(--color-surface-raised);--panel-border: rgba(255, 255, 255, .12);--panel-radius: 12px;--panel-shadow: 0 4px 24px rgba(0, 0, 0, .2);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .08);--input-focus-border: rgba(59, 151, 151, .4);--input-focus-bg: rgba(59, 151, 151, .05);--input-padding: 10px 14px;--input-radius: 8px;--input-font-size: 1rem;--btn-primary-bg: linear-gradient(135deg, rgba(59, 151, 151, .25), rgba(59, 151, 151, .15));--btn-primary-bg-hover: linear-gradient(135deg, rgba(59, 151, 151, .35), rgba(59, 151, 151, .25));--btn-primary-border: rgba(59, 151, 151, .3);--btn-primary-text: #5bcece;--btn-danger-bg: linear-gradient(135deg, rgba(248, 113, 113, .2), rgba(248, 113, 113, .1));--btn-danger-bg-hover: linear-gradient(135deg, rgba(248, 113, 113, .3), rgba(248, 113, 113, .2));--btn-danger-border: rgba(248, 113, 113, .3);--btn-danger-text: #f87171;--btn-secondary-bg-hover-from: rgba(255, 255, 255, .08);--btn-secondary-bg-hover-to: rgba(255, 255, 255, .04);--rarity-common-bg: rgba(160, 174, 192, .08);--rarity-rare-bg: rgba(59, 151, 151, .1);--rarity-epic-bg: rgba(176, 106, 255, .1);--rarity-legendary-bg: rgba(255, 215, 0, .1);--rarity-diamond-bg: rgba(180, 220, 255, .08);--glass-bg-light: var(--navy-a30);--glass-bg-heavy: var(--navy-a80);--glass-blur-sm: 4px;--glass-blur-md: 8px;--glass-blur-lg: 20px;--glass-blur-xl: 24px;--btn-primary-solid: linear-gradient(180deg, #449999, #327272);--btn-primary-solid-hover: linear-gradient(180deg, #4daaaa, #3a8484);--btn-danger-solid: linear-gradient(180deg, #9b3030, #7a2424);--btn-danger-solid-hover: linear-gradient(180deg, #b33636, #8a2a2a);--btn-secondary-solid-hover: linear-gradient(180deg, #1e2740, #1a2035);--btn-height-sm: 32px;--btn-height-md: 36px;--btn-padding-sm: var(--space-2) var(--space-3);--btn-padding-md: var(--space-2-5) var(--space-5);--btn-radius: var(--radius-lg);--input-height: 36px;--dialog-radius: var(--radius-2xl);--modal-width-sm: 420px;--modal-width-md: 480px;--modal-width-lg: 640px;--modal-width-xl: 1100px;--modal-width-history: 960px;--modal-width-wizard: 1080px;--modal-height-wizard: min(88vh, 920px);--input-width-sm: 140px;--dropdown-shadow: 0 8px 24px var(--black-a50), 0 2px 8px var(--black-a30);--chip-radius: var(--radius-2xl);--chip-padding: var(--space-1) var(--space-3-5);--color-toast-success: #22c55e;--color-toast-error: #f43f5e;--color-toast-info: #22d3ee;--color-log-info: #38bdf8;--color-badge-blue: #60a5fa;--color-status-rendering: #FFD36B;--color-admin-gold: #f0c030;--admin-gold-a8: rgba(255, 200, 50, .08);--admin-gold-a12: rgba(255, 200, 50, .12);--admin-gold-a15: rgba(255, 200, 50, .15);--admin-gold-a20: rgba(255, 200, 50, .2);--success-a12: rgba(74, 222, 128, .12);--success-a15: rgba(74, 222, 128, .15);--warning-a12: rgba(251, 191, 36, .12);--warning-a15: rgba(251, 191, 36, .15);--error-a10: rgba(248, 113, 113, .1);--color-mythic: #ffb74d;--color-mythic-light: #ffd54f;--color-mythic-warm: #ff8a65;--mythic-a10: rgba(255, 183, 77, .1);--mythic-a15: rgba(255, 183, 77, .15);--mythic-a30: rgba(255, 183, 77, .3);--pink-a10: rgba(253, 181, 206, .1);--scrim-editor: rgba(4, 8, 18, .72);--scrim-panel: rgba(4, 8, 18, .5);--sidebar-width: 230px;--sidebar-rail-width: 64px;--titlebar-height: 36px;--ovl-amber-50: #FFF8E1;--ovl-amber-300: #FFD54F;--ovl-amber-500: #FFC107;--ovl-amber-700: #FFA000;--ovl-amber-800: #FF8F00;--ovl-amber-a400: #FFC400;--ovl-blue-200: #90CAF9;--ovl-blue-500: #2196F3;--ovl-blue-a100: #82B1FF;--ovl-blue-grey-200: #B0BEC5;--ovl-blue-grey-300: #90A4AE;--ovl-blue-grey-400: #78909C;--ovl-blue-grey-700: #455A64;--ovl-blue-grey-800: #37474F;--ovl-brown-400: #8D6E63;--ovl-brown-700: #5D4037;--ovl-brown-900: #3E2723;--ovl-cyan-50: #E0F7FA;--ovl-cyan-200: #80DEEA;--ovl-cyan-500: #00BCD4;--ovl-cyan-a400: #00E5FF;--ovl-deep-orange-400: #FF7043;--ovl-deep-orange-500: #FF5722;--ovl-deep-orange-a400: #FF3D00;--ovl-deep-purple-200: #B39DDB;--ovl-green-200: #A5D6A7;--ovl-green-300: #81C784;--ovl-green-500: #4CAF50;--ovl-green-800: #2E7D32;--ovl-green-a100: #B9F6CA;--ovl-green-a200: #69F0AE;--ovl-green-a400: #00E676;--ovl-grey-50: #FAFAFA;--ovl-grey-300: #E0E0E0;--ovl-grey-500: #9E9E9E;--ovl-grey-900: #212121;--ovl-indigo-50: #E8EAF6;--ovl-indigo-900: #1A237E;--ovl-light-blue-200: #81D4FA;--ovl-light-blue-300: #4FC3F7;--ovl-light-blue-400: #29B6F6;--ovl-light-green-500: #8BC34A;--ovl-light-green-a400: #76FF03;--ovl-orange-200: #FFCC80;--ovl-orange-300: #FFB74D;--ovl-orange-500: #FF9800;--ovl-orange-a400: #FF9100;--ovl-pink-50: #FCE4EC;--ovl-pink-100: #F8BBD0;--ovl-pink-200: #F48FB1;--ovl-pink-500: #E91E63;--ovl-pink-a100: #FF80AB;--ovl-pink-a200: #FF4081;--ovl-purple-200: #CE93D8;--ovl-purple-500: #9C27B0;--ovl-purple-a200: #E040FB;--ovl-red-100: #FFCDD2;--ovl-red-200: #EF9A9A;--ovl-red-300: #E57373;--ovl-red-500: #F44336;--ovl-red-600: #E53935;--ovl-red-700: #D32F2F;--ovl-red-800: #C62828;--ovl-red-a400: #FF1744;--ovl-yellow-50: #FFFDE7;--ovl-yellow-200: #FFF59D;--ovl-yellow-500: #FFEB3B;--ovl-yellow-a700: #FFD600;--ovl-tw-blue-400: #60A5FA;--ovl-tw-blue-500: #3B82F6;--ovl-tw-fuchsia-300: #F0ABFC;--ovl-tw-purple-400: #C084FC;--ovl-alert-red: #FF4444;--ovl-boxing-red: #FF3C3C;--ovl-dark-orange: #FF8C00;--ovl-gold: #FFD700;--ovl-hp-red: #FF3232;--ovl-hp-red-light: #FF6464;--ovl-lavender: #C8C8FF;--ovl-mana-blue: #64B4FF;--ovl-metallic-gold: #D4AF37;--ovl-mic-red: #FF5050;--ovl-neon-pink: #FF0080;--ovl-neon-yellow: #FFE600;--ovl-news-red: #CC0000;--ovl-pure-blue: #0088FF;--ovl-pure-cyan: #00FFFF;--ovl-pure-green: #00FF00;--ovl-pure-orange: #FF8800;--ovl-pure-red: #FF0000;--ovl-pure-violet: #8800FF;--ovl-pure-yellow: #FFFF00;--ovl-scanner-cyan: #00D4FF;--ovl-scanner-orange: #FF6B35;--ovl-score-red: #FF3B3B;--ovl-silver: #C0C0C0;--ovl-sun-yellow: #FFC800;--ovl-ticker-red: #FF2D2D;--ovl-wheat: #F5DEB3;--ovl-grey-l4: #0A0A0A;--ovl-grey-l8: #141414;--ovl-grey-l20: #333333;--ovl-grey-l33: #555555;--ovl-grey-l40: #666666;--ovl-grey-l50: #808080;--ovl-grey-l94: #F0F0F0;--ovl-board-brown: #644614;--ovl-cork-bg: #281C0E;--ovl-old-gold: #8B6914;--ovl-paper-white: #FAFAFC;--ovl-parchment-tan: #D4A574;--ovl-poster-ink: #5C1A0A;--ovl-poster-paper: #F4E4C1;--ovl-scroll-bg: #282012;--ovl-scroll-gold: #8B6D14;--ovl-sepia: #C8A96E;--ovl-sepia-bg: #372A1A;--ovl-sepia-dark: #8B7355;--ovl-sepia-light: #DEC8A0;--ovl-tooltip-cream: #FFFFE6;--ovl-whiteboard: #F5F5F0;--ovl-boxing-header: #B41E1E;--ovl-breaking-red: #8C0A0A;--ovl-breaking-red-dark: #640000;--ovl-news-blue: #142878;--ovl-news-border-red: #C81E1E;--ovl-news-crimson: #8C141E;--ovl-olympic-blue: #0085C7;--ovl-olympic-green: #009F3D;--ovl-olympic-red: #DF0024;--ovl-olympic-yellow: #F4C300;--ovl-ps-blue: #283CA0;--ovl-sports-red: #A01414;--ovl-sports-red-dark: #780A0A;--ovl-xbox-green: #107C10;--ovl-alien-bg: #000810;--ovl-alien-node: #002814;--ovl-award-bg: #0A0804;--ovl-award-bg-light: #1E160A;--ovl-bomb-bg: #280A0A;--ovl-boxing-bg: #0A0808;--ovl-carpet-bg: #14060C;--ovl-casino-bg: #0F0808;--ovl-cyber-bg: #0A0518;--ovl-hologram-bg: #001428;--ovl-interpreter-bg: #0F192D;--ovl-navy: #0A0E18;--ovl-navy-raised: #141A28;--ovl-noir-bg: #08080C;--ovl-olympic-bg: #080C1C;--ovl-party-bg: #140F05;--ovl-press-blue-bg: #081024;--ovl-press-navy-bg: #080810;--ovl-ps-bg: #0A0E28;--ovl-race-bg: #140C04;--ovl-report-bg: #0F140A;--ovl-restaurant-bg: #140A0A;--ovl-rocket-bg: #0A0F23;--ovl-sitcom-bg: #3C2D14;--ovl-skating-bg: #0C0814;--ovl-soap-bg: #321428;--ovl-steam-bg: #14181C;--ovl-steam-border: #505A64;--ovl-steam-slate: #3C4650;--ovl-steam-slate-light: #646E78;--ovl-stock-bg: #040C04;--ovl-tech-bg: #050A14;--ovl-xbox-bg: #102410;--hp-green: var(--ovl-green-500);--hp-yellow: var(--ovl-amber-500);--hp-orange: var(--ovl-orange-500);--hp-red: var(--ovl-red-500);--transition-fast: .12s;--transition-base: .15s;--transition-slow: .2s}