:root{--color-brand-primary: #00C853;--color-brand-primary-700: #00A040;--color-brand-primary-100: #69F0AE;--color-brand-secondary: #3B82F6;--color-brand-secondary-700: #1E5BC6;--color-brand-secondary-100: #93C5FD;--color-game-energy: #FF6B35;--color-game-power: #FFD600;--color-game-danger: #E53935;--color-bg-base: #0B1224;--color-bg-surface: #131C33;--color-bg-elevated: #1A2541;--color-bg-overlay: #243149;--color-bg-glass: rgba(30, 45, 70, .6);--color-bg-glass-hover: rgba(40, 60, 90, .8);--color-text-strong: #FFFFFF;--color-text: #E6EBF5;--color-text-muted: #9AA8C0;--color-text-subtle: #5E6B85;--color-border: #2D3F5F;--color-border-soft: rgba(255, 255, 255, .08);--color-border-focus: #3B82F6;--color-success: #00C853;--color-success-soft: rgba(0, 200, 83, .15);--color-warning: #FFB74D;--color-warning-soft: rgba(255, 183, 77, .15);--color-danger: #FF5252;--color-danger-soft: rgba(255, 82, 82, .15);--color-info: #42A5F5;--color-info-soft: rgba(66, 165, 245, .15);--color-mastery-bronze: #CD7F32;--color-mastery-silver: #C0C0C0;--color-mastery-gold: #FFD700;--color-mastery-unmeasured: #6B7896;--color-primary: var(--color-brand-primary);--color-primary-dark: var(--color-brand-primary-700);--color-primary-soft: var(--color-brand-primary-100);--color-accent: #00d4ff;--color-accent-soft: #80deea;--color-alert: var(--color-danger);--color-alert-soft: #ff8a80;--color-warm: #ffd54f;--color-bg: var(--color-bg-base);--color-surface: var(--color-bg-glass);--color-surface-hover: var(--color-bg-glass-hover);--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 26px;--font-size-display-sm: 20px;--font-size-display-md: 26px;--font-size-display-lg: 32px;--line-height-tight: 1.15;--line-height-snug: 1.35;--line-height-normal: 1.55;--line-height-relaxed: 1.7;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 700;--font-weight-black: 900;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .25);--shadow-md: 0 4px 14px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .45);--shadow-glow-success: 0 0 20px rgba(0, 200, 83, .45);--shadow-glow-info: 0 0 20px rgba(59, 130, 246, .45);--shadow-glow-game: 0 0 24px rgba(255, 107, 53, .55);--motion-fast: .12s;--motion-base: .2s;--motion-slow: .4s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--content-max-width: 640px;--tap-target-min: 44px;--bottom-nav-height: 64px}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms;--motion-slow: 0ms}}