:root{--color-bg:#0B0710;--color-bg-alt:#150C22;--color-surface:#1E1330;--color-surface-raised:#291A3D;--color-text:#F2EEF7;--color-text-muted:#B6AFC4;--color-accent:#B84DFF;--color-accent-alt:#4DDCFF;--color-common:#9CA3AF;--color-rare:#4DA6FF;--color-epic:#B84DFF;--color-legendary:#FFB84D;--color-mythic:#FF65BD;--color-unique:#D8C3FF;--color-success:#73E2BC;--color-danger:#FF8395;--color-border:#FFFFFF18;--color-black:#000000;--color-white:#FFFFFF;--font-display:'Cabinet Grotesk',sans-serif;--font-body:'General Sans',sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:32px;--space-xl:64px;--space-2xl:96px;--radius-card:12px;--radius-panel:24px;--radius-pill:999px;--transition-default:200ms ease;--shadow:0 24px 64px color-mix(in srgb,var(--color-black) 45%,transparent);--page-width:1380px;--header-height:88px;--card-width:260px;--font-small:.875rem;--font-body-size:1rem;--font-title:clamp(2.3rem,5vw,4.5rem);--font-hero:clamp(3.5rem,6.6vw,7rem);--line-body:1.65}

:root{--size-1rem:1rem;--size-1_1rem:1.1rem;--size-1_2rem:1.2rem;--size-1_3rem:1.3rem;--size-1_8rem:1.8rem;--size-2rem:2rem;--size-2_3rem:2.3rem;--size-2_5rem:2.5rem;--size-2_8rem:2.8rem;--size-3rem:3rem;--size-3_5rem:3.5rem;--size-5rem:5rem;--size-6rem:6rem;--size-8rem:8rem;--size-62rem:62rem;--size-65rem:65rem;--size-75rem:75rem;--size-1px:1px;--size-2px:2px;--size-3px:3px;--size-4px:4px;--size-8px:8px;--size-10px:10px;--size-12px:12px;--size-14px:14px;--size-18px:18px;--size-20px:20px;--size-30px:30px;--size-32px:32px;--size-36px:36px;--size-40px:40px;--size-44px:44px;--size-48px:48px;--size-56px:56px;--size-85px:85px;--size-90px:90px;--size-100px:100px;--size-185px:185px;--size-190px:190px;--size-200px:200px;--size-210px:210px;--size-220px:220px;--size-230px:230px;--size-240px:240px;--size-250px:250px;--size-260px:260px;--size-270px:270px;--size-310px:310px;--size-340px:340px;--size-420px:420px;--size-470px:470px;--size-490px:490px;--size-520px:520px;--size-600px:600px;--size-650px:650px;--size-690px:690px;--size-700px:700px;--size-800px:800px;--size-880px:880px;--size-900px:900px;--size-1100px:1100px;--size-1200px:1200px;}
:root{--size-0_6rem:0.6rem;--size-0_65rem:0.65rem;--size-0_62rem:0.62rem;--size-0_75rem:0.75rem;--size-0_8rem:0.8rem;--size-0_5rem:0.5rem;}