:root{--palette-white:#ffffff;--palette-black:#000000;--palette-transparent:transparent;--palette-red-50:#f8d0c8;--palette-red-100:#f0a090;--palette-red-200:#e06050;--palette-red-400:#d03e22;--palette-red-500:#b3341c;--palette-red-600:#8b2010;--palette-red-900:#4a1a1a;--palette-red-accessible:#ef4444;--palette-gray-50:#f7f7f7;--palette-gray-100:#eeeeee;--palette-gray-150:#cccccc;--palette-gray-200:#d4d4d4;--palette-gray-250:#cccccc;--palette-gray-275:#bbbbbb;--palette-gray-300:#aaaaaa;--palette-gray-350:#999999;--palette-gray-400:#888888;--palette-gray-450:#777777;--palette-gray-500:#6b6b6b;--palette-gray-550:#666666;--palette-gray-600:#555555;--palette-gray-700:#4a4a4a;--palette-gray-800:#333333;--palette-gray-900:#2d2d2d;--palette-surface-base:#111111;--palette-surface-card:#1a1a1a;--palette-surface-raised:#222222;--palette-surface-elevated:#2a2a2a;--palette-surface-deep:#151515;--palette-bg-950:#141414;--palette-bg-900:#0a0a0a;--palette-violet-300:#8b5cf6;--palette-violet-400:#6b46c1;--palette-violet-500:#9900cc;--palette-violet-glow:rgba(139,92,246,0.18);--palette-violet-glow-subtle:rgba(139,92,246,0.1);--palette-green-400:#22c55e;--palette-green-500:#10b981;--palette-amber-400:#f59e0b;--palette-blue-400:#3b82f6;--palette-red-tint-08:rgba(179,52,28,0.08);--palette-red-tint-15:rgba(179,52,28,0.15);--palette-red-tint-25:rgba(179,52,28,0.25);--palette-white-87:rgba(255,255,255,0.87);--palette-white-60:rgba(255,255,255,0.6);--palette-white-38:rgba(255,255,255,0.38);--palette-white-15:rgba(255,255,255,0.15);--palette-white-08:rgba(255,255,255,0.08);--palette-white-06:rgba(255,255,255,0.06);--color-accent-bright:var(--palette-red-500);--color-accent-hover:var(--palette-red-400);--color-accent-deep:var(--palette-red-600);--color-accent-glow:var(--palette-red-tint-08);--color-accent-border:var(--palette-red-tint-25);--color-bg-base:var(--palette-surface-base);--color-bg-card:var(--palette-surface-card);--color-bg-raised:var(--palette-surface-raised);--color-bg-elevated:var(--palette-surface-elevated);--color-bg-deep:var(--palette-bg-900);--color-bg-surface-deep:var(--palette-surface-deep);--color-text-primary:var(--palette-white-87);--color-text-secondary:var(--palette-white-60);--color-text-tertiary:var(--palette-white-38);--color-text-dim:var(--palette-white-38);--color-text-inverse:var(--palette-black);--color-border-default:var(--palette-white-06);--color-border-subtle:var(--palette-white-08);--color-border-emphasis:var(--palette-white-15);--color-success:var(--palette-green-400);--color-warning:var(--palette-amber-400);--color-error:var(--palette-red-accessible);--color-info:var(--palette-blue-400);--color-xp-ring-track:var(--palette-white-15);--color-xp-ring-fill:var(--palette-red-500);--color-queens-accent:var(--palette-violet-300);--color-queens-glow:var(--palette-violet-glow);--color-queens-border:var(--palette-violet-400);--color-queens-bg:var(--palette-violet-glow-subtle);--color-surface-track:var(--palette-white-08);--color-accent-vivid:var(--palette-red-500);--color-accent-vivid-hover:var(--palette-red-400);--color-surface-overlay:rgba(255,255,255,0.06);--color-surface-2:var(--palette-surface-raised);--color-text-on-accent:var(--palette-white);--color-text-muted:var(--palette-white-38);--color-border-focus:var(--palette-red-tint-25);--color-feedback-error:var(--palette-red-accessible);--color-feedback-success:var(--palette-green-400);--color-feedback-warning:var(--palette-amber-400);--spacing-touch-target:2.75rem;--color-feedback-info:var(--palette-blue-400);--color-tier-free:var(--color-feedback-success);--color-tier-ai:var(--color-feedback-info);--color-tier-gearhead:var(--color-accent-vivid);--color-tier-coming-soon:var(--color-text-muted);--color-state-live:#22c55e;--color-featured-banner-bg:rgba(0,0,0,0.7);--color-rank-gold:#fbbf24;--color-rank-silver:#94a3b8;--color-rank-bronze:#cd7f32;--color-badge-new:var(--color-accent-vivid);--color-date-badge-bg:var(--color-bg-raised);--font-tabular-nums:"tabular-nums";--btn-bg:var(--color-accent-bright);--btn-bg-hover:var(--color-accent-hover);--btn-text:var(--palette-white);--btn-border:transparent;--btn-radius:0.5rem;--btn-shadow-focus:0 0 0 3px var(--color-accent-glow);--btn-outline-border:var(--color-border-emphasis);--btn-outline-text:var(--color-text-primary);--btn-ghost-hover-bg:var(--color-border-default);--btn-disabled-opacity:0.4;--btn-bg-primary:var(--color-accent-vivid);--btn-bg-primary-hover:var(--color-accent-vivid-hover);--btn-bg-secondary:var(--color-bg-raised);--btn-bg-secondary-hover:var(--color-bg-elevated);--btn-text-primary:var(--color-text-on-accent);--btn-text-secondary:var(--color-text-primary);--btn-radius-button:0.5rem;--btn-shadow-focus-ring:0 0 0 3px var(--color-border-focus);--btn-padding-x:1rem;--btn-padding-y:0.5rem;--btn-height-touch:var(--spacing-touch-target);--btn-font-weight:600;--card-bg:var(--color-bg-card);--card-border:var(--color-border-default);--card-radius:0.75rem;--card-shadow:0 1px 3px rgba(0,0,0,0.3);--card-hover-border:var(--color-border-subtle);--card-padding-x:1.5rem;--card-padding-y:1.25rem;--card-elevated-bg:var(--color-bg-raised);--card-overlay-bg:var(--color-surface-overlay);--card-focus-ring:0 0 0 2px var(--color-border-focus);--motion-duration-instant:0ms;--motion-duration-fast:150ms;--motion-duration-base:200ms;--motion-duration-slow:300ms;--motion-duration-xslow:500ms;--motion-ease-linear:linear;--motion-ease-out:cubic-bezier(0.0,0.0,0.2,1);--motion-ease-in:cubic-bezier(0.4,0.0,1,1);--motion-ease-in-out:cubic-bezier(0.4,0.0,0.2,1);--motion-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--motion-transition-fast:var(--motion-duration-fast) var(--motion-ease-out);--motion-transition-base:var(--motion-duration-base) var(--motion-ease-out);--motion-transition-slow:var(--motion-duration-slow) var(--motion-ease-out);--transition-slow:var(--motion-duration-slow) var(--motion-ease-out);--duration-instant:var(--motion-duration-instant);--duration-fast:var(--motion-duration-fast);--duration-base:var(--motion-duration-base);--duration-slow:var(--motion-duration-slow);--duration-xslow:var(--motion-duration-xslow);--ease-linear:var(--motion-ease-linear);--ease-out:var(--motion-ease-out);--ease-in:var(--motion-ease-in);--ease-in-out:var(--motion-ease-in-out);--ease-spring:var(--motion-ease-spring);--ease-entrance:var(--motion-ease-spring);--ease-exit:var(--motion-ease-in)}