:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-800:#075985;--color-primary-900:#0c4a6e;--color-secondary-50:#fefce8;--color-secondary-100:#fef9c3;--color-secondary-200:#fef08a;--color-secondary-300:#fde047;--color-secondary-400:#facc15;--color-secondary-500:#eab308;--color-secondary-600:#ca8a04;--color-secondary-700:#a16207;--color-secondary-800:#854d0e;--color-secondary-900:#713f12;--color-success-50:#f0fdf4;--color-success-100:#dcfce7;--color-success-200:#bbf7d0;--color-success-300:#86efac;--color-success-400:#4ade80;--color-success-500:#22c55e;--color-success-600:#16a34a;--color-success-700:#15803d;--color-success-800:#166534;--color-success-900:#14532d;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fed7aa;--color-warning-300:#fdba74;--color-warning-400:#fb923c;--color-warning-500:#f97316;--color-warning-600:#ea580c;--color-warning-700:#c2410c;--color-warning-800:#9a3412;--color-warning-900:#7c2d12;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-brand-orange:#f97316;--color-brand-pink:#ec4899;--color-brand-purple:#8b5cf6;--color-brand-indigo:#6366f1;--color-brand-blue:#3b82f6;--color-brand-green:#10b981;--color-bg-light:#ffffff;--color-bg-dark:#1f2937;--color-surface-light:#f9fafb;--color-surface-dark:#374151;--color-text-primary-light:#111827;--color-text-primary-dark:#f9fafb;--color-text-secondary-light:#6b7280;--color-text-secondary-dark:#d1d5db;--spacing-0:0px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--spacing-32:128px;--spacing-mobile:16px;--spacing-tablet:24px;--spacing-desktop:32px;--breakpoint-mobile:320px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1280px;--radius-none:0px;--radius-sm:2px;--radius-base:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.05);--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--easing-ease:cubic-bezier(0.4,0,0.2,1);--easing-ease-in:cubic-bezier(0.4,0,1,1);--easing-ease-out:cubic-bezier(0,0,0.2,1);--easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:#3b82f6;--contrast-minimum:4.5;--contrast-enhanced:7;--touch-target-minimum:44px;--touch-target-comfortable:48px;--hover-scale:1.02;--hover-opacity:0.8;--minimal-gray-50:#f8fafc;--minimal-gray-100:#f1f5f9;--minimal-gray-200:#e2e8f0;--minimal-gray-300:#cbd5e1;--minimal-gray-400:#94a3b8;--minimal-gray-500:#64748b;--minimal-gray-600:#475569;--minimal-gray-700:#334155;--minimal-gray-800:#1e293b;--minimal-gray-900:#0f172a;--game-purple-300:#c084fc;--game-purple-400:#a855f7;--game-purple-500:#9333ea;--game-pink-300:#f472b6;--game-pink-400:#ec4899;--game-pink-500:#db2777;--game-blue-300:#7dd3fc;--game-blue-400:#38bdf8;--game-blue-500:#0ea5e9;--game-green-300:#86efac;--game-green-400:#4ade80;--game-orange-300:#fdba74;--game-orange-400:#fb923c;--game-yellow-300:#fde047;--game-yellow-400:#facc15;--glass-light:rgba(255,255,255,0.8);--glass-medium:rgba(255,255,255,0.25);--glass-blur:16px;--glass-border:rgba(255,255,255,0.18);--gradient-purple:linear-gradient(135deg,var(--game-purple-300),var(--game-purple-400));--gradient-pink:linear-gradient(135deg,var(--game-pink-300),var(--game-pink-400));--gradient-blue:linear-gradient(135deg,var(--game-blue-300),var(--game-blue-400));--gradient-green:linear-gradient(135deg,var(--game-green-300),var(--game-green-400));--gradient-orange:linear-gradient(135deg,var(--game-orange-300),var(--game-orange-400));--gradient-rainbow:linear-gradient(135deg,var(--game-purple-400),var(--game-pink-400),var(--game-blue-400));--gradient-minimal:linear-gradient(135deg,var(--minimal-gray-50),var(--minimal-gray-100));--gradient-minimal-card:linear-gradient(135deg,#ffffff,var(--minimal-gray-50));--shadow-game-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-game-md:0 4px 16px rgba(0,0,0,0.12);--shadow-game-lg:0 8px 32px rgba(0,0,0,0.15);--shadow-game-xl:0 16px 48px rgba(0,0,0,0.2);--shadow-colored-purple:0 8px 32px rgba(168,85,247,0.25);--shadow-colored-pink:0 8px 32px rgba(236,72,153,0.25);--shadow-colored-blue:0 8px 32px rgba(56,189,248,0.25);--radius-4xl:32px;--radius-5xl:48px;--backdrop-blur-xs:2px;--backdrop-blur-sm:8px;--backdrop-blur-md:16px;--backdrop-blur-lg:24px}.touch-target{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.touch-feedback{-webkit-tap-highlight-color:rgba(59,130,246,.1);transition:all .15s ease-out}.touch-feedback:active{transform:scale(.98);opacity:.8}.swipeable{touch-action:pan-x;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hw-accelerated{transform:translateZ(0);will-change:transform}.performance-optimized{backface-visibility:hidden;perspective:1000px}@media (max-width:767px){.touch-target{min-width:48px;min-height:48px}.mobile-spacing{gap:12px}.smooth-scroll{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}@media (min-width:768px) and (max-width:1023px){.touch-target{min-width:52px;min-height:52px}.tablet-spacing{gap:16px}}@media (hover:none){.touch-feedback:hover{transform:none;opacity:1}}