:root{--color-bg-primary: #0d3d10;--color-bg-gradient-top: rgba(13, 61, 16, .3);--color-bg-gradient-bottom: rgba(6, 30, 8, .3);--color-nav-start: #0a3a0d;--color-nav-end: #072808;--color-nav-border: #041205;--color-btn-primary-start: #1b5e20;--color-btn-primary-end: #0d3d10;--color-btn-primary-hover-start: #2e7d32;--color-btn-primary-hover-end: #1b5e20;--color-btn-secondary-start: #0d3d10;--color-btn-secondary-end: #061e08;--color-stats-bg-start: #061e08;--color-stats-bg-end: #041205;--color-stats-highlight: #81c784;--color-stats-border: rgba(129, 199, 132, .5);--color-tableau-pattern: #0d3d10;--color-text-primary: #e8f5e9;--color-text-heading: #81c784;--color-text-heading-secondary: #a5d6a7;--color-text-light: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--color-text-on-light: #0d3d10;--color-overlay-text: #ffffff;--color-overlay-text-muted: rgba(255, 255, 255, .7);--color-border-accent: #4caf50;--color-highlight: #ffd700;--color-success: #4caf50;--color-success-light: #90EE90;--color-success-lighter: #98FB98;--color-error: #f44336;--color-warning: #ff9800;--color-card-red: #d32f2f;--color-card-black: #212121;--color-card-bg: #ffffff;--color-card-border: rgba(0, 0, 0, .2);--color-overlay-dark: rgba(0, 0, 0, .6);--color-overlay-light: rgba(255, 255, 255, .1);--color-levelup-bg-start: #1b5e20;--color-levelup-bg-end: #0d3d10;--color-levelup-text: #ffffff;--color-levelup-text-muted: #c8e6c9;--color-levelup-title: #ffd700;--color-levelup-glow: rgba(27, 94, 32, .4);--color-achievement-bg-start: #0a3a0d;--color-achievement-bg-end: #041205;--color-achievement-text: #e8f5e9;--color-achievement-text-muted: #a5d6a7;--color-badge-bronze: #cd7f32;--color-badge-bronze-dark: #8b5a2b;--color-badge-silver: #c0c0c0;--color-badge-silver-dark: #808080;--color-badge-gold: #ffd700;--color-badge-gold-dark: #b8860b;--color-badge-platinum: #e5e4e2;--color-badge-platinum-dark: #9ca3af;--color-badge-diamond: #b9f2ff;--color-badge-diamond-dark: #60a5fa;--color-badge-legendary: #ff6b6b;--color-badge-legendary-dark: #ee5a6f;--color-streak-start: #f6ad55;--color-streak-end: #ed8936;--modal-stat-value: var(--color-success, #4ade80);--modal-stat-border: rgba(76, 175, 80, .5);--modal-highlight-bg: rgba(255, 215, 0, .15);--modal-highlight-border: rgba(255, 215, 0, .4);--modal-streak-bg: rgba(255, 107, 0, .2);--modal-streak-border: rgba(255, 107, 0, .4);--modal-streak-text: #ffb347;--modal-progress-gradient: linear-gradient(90deg, var(--color-success, #4ade80) 0%, #22c55e 100%);--modal-undo-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--modal-undo-shadow: rgba(245, 158, 11, .3);--modal-undo-shadow-hover: rgba(245, 158, 11, .4);--modal-loss-gradient: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);--modal-levelup-gradient: linear-gradient(135deg, var(--color-highlight, #ffd700) 0%, var(--color-warning, #ff8c00) 100%);--modal-levelup-shadow: rgba(255, 215, 0, .4);--color-success-dark: #22c55e}[data-theme=green]{--color-bg-primary: #008000;--color-bg-gradient-top: rgba(0, 140, 0, .3);--color-bg-gradient-bottom: rgba(0, 100, 0, .3);--color-nav-start: #006400;--color-nav-end: #004d00;--color-nav-border: #003300;--color-achievement-bg-start: #004d00;--color-achievement-bg-end: #003300;--color-achievement-text: #ffffff;--color-achievement-text-muted: #a5d6a7;--color-levelup-bg-start: #2e7d32;--color-levelup-bg-end: #1b5e20;--color-levelup-text: #ffffff;--color-levelup-text-muted: #c8e6c9;--color-levelup-title: #ffd700;--color-levelup-glow: rgba(46, 125, 50, .4);--color-btn-primary-start: #2e7d32;--color-btn-primary-end: #1b5e20;--color-btn-primary-hover-start: #388e3c;--color-btn-primary-hover-end: #2e7d32;--color-btn-secondary-start: #1b5e20;--color-btn-secondary-end: #0d3d10;--color-stats-bg-start: #004d00;--color-stats-bg-end: #003300;--color-stats-highlight: #ffeb3b;--color-stats-border: rgba(255, 235, 59, .5);--color-tableau-pattern: #008000;--color-text-primary: #1b5e20;--color-text-heading: #006400;--color-text-heading-secondary: #2e7d32;--color-text-on-light: #1b5e20;--color-border-accent: #4caf50;--color-highlight: #ffd700;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=dark-green]{--color-bg-primary: #0d3d10;--color-bg-gradient-top: rgba(13, 61, 16, .3);--color-bg-gradient-bottom: rgba(6, 30, 8, .3);--color-nav-start: #0a3a0d;--color-nav-end: #072808;--color-nav-border: #041205;--color-achievement-bg-start: #0a3a0d;--color-achievement-bg-end: #041205;--color-achievement-text: #e8f5e9;--color-achievement-text-muted: #a5d6a7;--color-levelup-bg-start: #1b5e20;--color-levelup-bg-end: #0d3d10;--color-levelup-text: #ffffff;--color-levelup-text-muted: #c8e6c9;--color-levelup-title: #ffd700;--color-levelup-glow: rgba(27, 94, 32, .4);--color-btn-primary-start: #1b5e20;--color-btn-primary-end: #0d3d10;--color-btn-primary-hover-start: #2e7d32;--color-btn-primary-hover-end: #1b5e20;--color-btn-secondary-start: #0d3d10;--color-btn-secondary-end: #061e08;--color-stats-bg-start: #061e08;--color-stats-bg-end: #041205;--color-stats-highlight: #81c784;--color-stats-border: rgba(129, 199, 132, .5);--color-tableau-pattern: #0d3d10;--color-text-primary: #e8f5e9;--color-text-heading: #81c784;--color-text-heading-secondary: #a5d6a7;--color-text-on-light: #0d3d10;--color-border-accent: #4caf50;--color-highlight: #ffd700;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=blue]{--color-bg-primary: #1a4a7c;--color-bg-gradient-top: rgba(26, 74, 124, .3);--color-bg-gradient-bottom: rgba(15, 45, 80, .3);--color-nav-start: #0f2d50;--color-nav-end: #0a1f38;--color-nav-border: #061525;--color-achievement-bg-start: #0f2d50;--color-achievement-bg-end: #061525;--color-achievement-text: #e0f2fe;--color-achievement-text-muted: #93c5fd;--color-levelup-bg-start: #2563eb;--color-levelup-bg-end: #1d4ed8;--color-levelup-text: #ffffff;--color-levelup-text-muted: #bfdbfe;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(37, 99, 235, .4);--color-btn-primary-start: #2563eb;--color-btn-primary-end: #1d4ed8;--color-btn-primary-hover-start: #3b82f6;--color-btn-primary-hover-end: #2563eb;--color-btn-secondary-start: #1e40af;--color-btn-secondary-end: #1e3a8a;--color-stats-bg-start: #0f2d50;--color-stats-bg-end: #0a1f38;--color-stats-highlight: #60a5fa;--color-stats-border: rgba(96, 165, 250, .5);--color-tableau-pattern: #1a4a7c;--color-text-primary: #e0f2fe;--color-text-heading: #60a5fa;--color-text-heading-secondary: #93c5fd;--color-text-on-light: #0f2d50;--color-border-accent: #3b82f6;--color-highlight: #fbbf24;--modal-stat-value: #60a5fa;--modal-stat-border: rgba(96, 165, 250, .5);--modal-progress-gradient: linear-gradient(90deg, #60a5fa 0%, #3b82f6 100%);--color-success: #60a5fa;--color-success-dark: #3b82f6;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=red]{--color-bg-primary: #7f1d1d;--color-bg-gradient-top: rgba(127, 29, 29, .3);--color-bg-gradient-bottom: rgba(69, 10, 10, .3);--color-nav-start: #450a0a;--color-nav-end: #2a0505;--color-nav-border: #1a0303;--color-achievement-bg-start: #450a0a;--color-achievement-bg-end: #1a0303;--color-achievement-text: #fef2f2;--color-achievement-text-muted: #fecaca;--color-levelup-bg-start: #dc2626;--color-levelup-bg-end: #991b1b;--color-levelup-text: #ffffff;--color-levelup-text-muted: #fecaca;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(220, 38, 38, .4);--color-btn-primary-start: #b91c1c;--color-btn-primary-end: #991b1b;--color-btn-primary-hover-start: #dc2626;--color-btn-primary-hover-end: #b91c1c;--color-btn-secondary-start: #991b1b;--color-btn-secondary-end: #7f1d1d;--color-stats-bg-start: #450a0a;--color-stats-bg-end: #2a0505;--color-stats-highlight: #fca5a5;--color-stats-border: rgba(252, 165, 165, .5);--color-tableau-pattern: #7f1d1d;--color-text-primary: #fef2f2;--color-text-heading: #fca5a5;--color-text-heading-secondary: #fecaca;--color-text-on-light: #450a0a;--color-border-accent: #ef4444;--color-highlight: #fbbf24;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=purple]{--color-bg-primary: #581c87;--color-bg-gradient-top: rgba(88, 28, 135, .3);--color-bg-gradient-bottom: rgba(59, 7, 100, .3);--color-nav-start: #3b0764;--color-nav-end: #2e0550;--color-nav-border: #1e0333;--color-achievement-bg-start: #3b0764;--color-achievement-bg-end: #1e0333;--color-achievement-text: #faf5ff;--color-achievement-text-muted: #ddd6fe;--color-levelup-bg-start: #8b5cf6;--color-levelup-bg-end: #6d28d9;--color-levelup-text: #ffffff;--color-levelup-text-muted: #ddd6fe;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(139, 92, 246, .4);--color-btn-primary-start: #7c3aed;--color-btn-primary-end: #6d28d9;--color-btn-primary-hover-start: #8b5cf6;--color-btn-primary-hover-end: #7c3aed;--color-btn-secondary-start: #6d28d9;--color-btn-secondary-end: #5b21b6;--color-stats-bg-start: #3b0764;--color-stats-bg-end: #2e0550;--color-stats-highlight: #c4b5fd;--color-stats-border: rgba(196, 181, 253, .5);--color-tableau-pattern: #581c87;--color-text-primary: #faf5ff;--color-text-heading: #c4b5fd;--color-text-heading-secondary: #ddd6fe;--color-text-on-light: #3b0764;--color-border-accent: #8b5cf6;--color-highlight: #fbbf24;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=dark]{--color-bg-primary: #1f2937;--color-bg-gradient-top: rgba(31, 41, 55, .3);--color-bg-gradient-bottom: rgba(17, 24, 39, .3);--color-nav-start: #111827;--color-nav-end: #0a0f18;--color-nav-border: #030712;--color-achievement-bg-start: #111827;--color-achievement-bg-end: #030712;--color-achievement-text: #f9fafb;--color-achievement-text-muted: #d1d5db;--color-levelup-bg-start: #6b7280;--color-levelup-bg-end: #4b5563;--color-levelup-text: #ffffff;--color-levelup-text-muted: #d1d5db;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(107, 114, 128, .4);--color-btn-primary-start: #4b5563;--color-btn-primary-end: #374151;--color-btn-primary-hover-start: #6b7280;--color-btn-primary-hover-end: #4b5563;--color-btn-secondary-start: #374151;--color-btn-secondary-end: #1f2937;--color-stats-bg-start: #111827;--color-stats-bg-end: #0a0f18;--color-stats-highlight: #9ca3af;--color-stats-border: rgba(156, 163, 175, .5);--color-tableau-pattern: #1f2937;--color-text-primary: #f9fafb;--color-text-heading: #e5e7eb;--color-text-heading-secondary: #d1d5db;--color-text-on-light: #111827;--color-border-accent: #6b7280;--color-highlight: #fbbf24;--color-success: #4ade80;--color-error: #f87171;--color-warning: #fbbf24;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=navy]{--color-bg-primary: #0d1b2a;--color-bg-gradient-top: rgba(13, 27, 42, .3);--color-bg-gradient-bottom: rgba(27, 38, 59, .3);--color-nav-start: #1b263b;--color-nav-end: #0d1b2a;--color-nav-border: #415a77;--color-achievement-bg-start: #1b263b;--color-achievement-bg-end: #0d1b2a;--color-achievement-text: #e0e1dd;--color-achievement-text-muted: #a8b4c4;--color-levelup-bg-start: #415a77;--color-levelup-bg-end: #1b263b;--color-levelup-text: #ffffff;--color-levelup-text-muted: #a8b4c4;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(65, 90, 119, .4);--color-btn-primary-start: #415a77;--color-btn-primary-end: #1b263b;--color-btn-primary-hover-start: #778da9;--color-btn-primary-hover-end: #415a77;--color-btn-secondary-start: #1b263b;--color-btn-secondary-end: #0d1b2a;--color-stats-bg-start: #1b263b;--color-stats-bg-end: #0d1b2a;--color-stats-highlight: #778da9;--color-stats-border: rgba(119, 141, 169, .5);--color-tableau-pattern: #0d1b2a;--color-text-primary: #e0e1dd;--color-text-heading: #778da9;--color-text-heading-secondary: #a8b4c4;--color-text-on-light: #0d1b2a;--color-border-accent: #415a77;--color-highlight: #fbbf24;--color-success: #4ade80;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=walnut]{--color-bg-primary: #3d2914;--color-bg-gradient-top: rgba(61, 41, 20, .3);--color-bg-gradient-bottom: rgba(92, 61, 46, .3);--color-nav-start: #5c3d2e;--color-nav-end: #3d2914;--color-nav-border: #8b6914;--color-achievement-bg-start: #5c3d2e;--color-achievement-bg-end: #3d2914;--color-achievement-text: #f5e6d3;--color-achievement-text-muted: #e8c9a0;--color-levelup-bg-start: #8b6914;--color-levelup-bg-end: #5c3d2e;--color-levelup-text: #ffffff;--color-levelup-text-muted: #e8c9a0;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(139, 105, 20, .4);--color-btn-primary-start: #8b6914;--color-btn-primary-end: #6b4f10;--color-btn-primary-hover-start: #a67c00;--color-btn-primary-hover-end: #8b6914;--color-btn-secondary-start: #5c3d2e;--color-btn-secondary-end: #3d2914;--color-stats-bg-start: #5c3d2e;--color-stats-bg-end: #3d2914;--color-stats-highlight: #d4a574;--color-stats-border: rgba(212, 165, 116, .5);--color-tableau-pattern: #3d2914;--color-text-primary: #f5e6d3;--color-text-heading: #d4a574;--color-text-heading-secondary: #e8c9a0;--color-text-on-light: #3d2914;--color-border-accent: #8b6914;--color-highlight: #fbbf24;--color-success: #a3be8c;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=teal]{--color-bg-primary: #134e4a;--color-bg-gradient-top: rgba(19, 78, 74, .3);--color-bg-gradient-bottom: rgba(17, 94, 89, .3);--color-nav-start: #115e59;--color-nav-end: #0d4744;--color-nav-border: #2dd4bf;--color-achievement-bg-start: #115e59;--color-achievement-bg-end: #0d4744;--color-achievement-text: #f0fdfa;--color-achievement-text-muted: #99f6e4;--color-levelup-bg-start: #14b8a6;--color-levelup-bg-end: #0d9488;--color-levelup-text: #ffffff;--color-levelup-text-muted: #99f6e4;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(20, 184, 166, .4);--color-btn-primary-start: #14b8a6;--color-btn-primary-end: #0d9488;--color-btn-primary-hover-start: #2dd4bf;--color-btn-primary-hover-end: #14b8a6;--color-btn-secondary-start: #0d9488;--color-btn-secondary-end: #0f766e;--color-stats-bg-start: #115e59;--color-stats-bg-end: #0d4744;--color-stats-highlight: #5eead4;--color-stats-border: rgba(94, 234, 212, .5);--color-tableau-pattern: #134e4a;--color-text-primary: #f0fdfa;--color-text-heading: #5eead4;--color-text-heading-secondary: #99f6e4;--color-text-on-light: #134e4a;--color-border-accent: #2dd4bf;--color-highlight: #fbbf24;--color-success: #5eead4;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=midnight]{--color-bg-primary: #18181b;--color-bg-gradient-top: rgba(24, 24, 27, .3);--color-bg-gradient-bottom: rgba(39, 39, 42, .3);--color-nav-start: #27272a;--color-nav-end: #18181b;--color-nav-border: #52525b;--color-achievement-bg-start: #27272a;--color-achievement-bg-end: #18181b;--color-achievement-text: #fafafa;--color-achievement-text-muted: #d4d4d8;--color-levelup-bg-start: #52525b;--color-levelup-bg-end: #3f3f46;--color-levelup-text: #ffffff;--color-levelup-text-muted: #d4d4d8;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(82, 82, 91, .4);--color-btn-primary-start: #52525b;--color-btn-primary-end: #3f3f46;--color-btn-primary-hover-start: #71717a;--color-btn-primary-hover-end: #52525b;--color-btn-secondary-start: #3f3f46;--color-btn-secondary-end: #27272a;--color-stats-bg-start: #27272a;--color-stats-bg-end: #18181b;--color-stats-highlight: #a1a1aa;--color-stats-border: rgba(161, 161, 170, .5);--color-tableau-pattern: #18181b;--color-text-primary: #fafafa;--color-text-heading: #e4e4e7;--color-text-heading-secondary: #d4d4d8;--color-text-on-light: #18181b;--color-border-accent: #71717a;--color-highlight: #fbbf24;--color-success: #4ade80;--color-error: #f87171;--color-warning: #fbbf24;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--border-accent: var(--color-border-accent)}[data-theme=dragon]{--color-bg-primary: #1c0c0c;--color-bg-gradient-top: rgba(28, 12, 12, .95);--color-bg-gradient-bottom: rgba(40, 10, 10, .95);--color-nav-start: #3a0e0e;--color-nav-end: #1c0606;--color-nav-border: #b34700;--color-achievement-bg-start: #3a0e0e;--color-achievement-bg-end: #1c0606;--color-achievement-text: #fde8d0;--color-achievement-text-muted: #f0a860;--color-levelup-bg-start: #8b2020;--color-levelup-bg-end: #5c1212;--color-levelup-text: #ffffff;--color-levelup-text-muted: #f0a860;--color-levelup-title: #ffd700;--color-levelup-glow: rgba(139, 32, 32, .4);--color-btn-primary-start: #8b2020;--color-btn-primary-end: #5c1212;--color-btn-primary-hover-start: #a63030;--color-btn-primary-hover-end: #8b2020;--color-btn-secondary-start: #5c1212;--color-btn-secondary-end: #3a0e0e;--color-stats-bg-start: #2a0808;--color-stats-bg-end: #1c0606;--color-stats-highlight: #e8853a;--color-stats-border: rgba(232, 133, 58, .5);--color-tableau-pattern: #1c0c0c;--color-text-primary: #fde8d0;--color-text-heading: #e8853a;--color-text-heading-secondary: #f0a860;--color-text-on-light: #3a0e0e;--color-text-light: #ffffff;--color-text-muted: rgba(253, 232, 208, .7);--color-overlay-text: #fde8d0;--color-overlay-text-muted: rgba(253, 232, 208, .7);--color-border-accent: #b34700;--color-highlight: #ffd700;--color-success: #e8853a;--color-success-light: #f0a860;--color-success-lighter: #f5c080;--color-error: #ff5555;--color-warning: #ffd700;--color-card-red: #ff4444;--color-card-black: #fde8d0;--color-card-bg: #2a1010;--color-card-border: rgba(179, 71, 0, .4);--modal-stat-value: #e8853a;--modal-stat-border: rgba(232, 133, 58, .5);--modal-highlight-bg: rgba(255, 215, 0, .15);--modal-highlight-border: rgba(255, 215, 0, .4);--modal-streak-bg: rgba(232, 133, 58, .2);--modal-streak-border: rgba(232, 133, 58, .4);--modal-streak-text: #f0a860;--modal-progress-gradient: linear-gradient(90deg, #e8853a 0%, #cc4400 100%);--color-success-dark: #cc4400;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--overlay-text: var(--color-overlay-text);--overlay-text-muted: var(--color-overlay-text-muted);--border-accent: var(--color-border-accent)}[data-theme=dark-blue]{--color-bg-primary: #0d1b2a;--color-bg-gradient-top: rgba(13, 27, 42, .95);--color-bg-gradient-bottom: rgba(27, 38, 59, .95);--color-nav-start: #1b263b;--color-nav-end: #0d1b2a;--color-nav-border: #415a77;--color-achievement-bg-start: #1b263b;--color-achievement-bg-end: #0d1b2a;--color-achievement-text: #e0e1dd;--color-achievement-text-muted: #a8b4c4;--color-levelup-bg-start: #415a77;--color-levelup-bg-end: #1b263b;--color-levelup-text: #ffffff;--color-levelup-text-muted: #a8b4c4;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(65, 90, 119, .4);--color-btn-primary-start: #415a77;--color-btn-primary-end: #1b263b;--color-btn-primary-hover-start: #778da9;--color-btn-primary-hover-end: #415a77;--color-btn-secondary-start: #1b263b;--color-btn-secondary-end: #0d1b2a;--color-stats-bg-start: #1b263b;--color-stats-bg-end: #0d1b2a;--color-stats-highlight: #778da9;--color-stats-border: rgba(119, 141, 169, .5);--color-tableau-pattern: #0d1b2a;--color-text-primary: #e0e1dd;--color-text-heading: #778da9;--color-text-heading-secondary: #a8b4c4;--color-text-on-light: #0d1b2a;--color-text-light: #ffffff;--color-text-muted: rgba(224, 225, 221, .7);--color-overlay-text: #e0e1dd;--color-overlay-text-muted: rgba(224, 225, 221, .7);--color-border-accent: #415a77;--color-highlight: #fbbf24;--color-success: #4ade80;--color-error: #f87171;--color-warning: #fbbf24;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--overlay-text: var(--color-overlay-text);--overlay-text-muted: var(--color-overlay-text-muted);--border-accent: var(--color-border-accent)}[data-theme=light]{--color-bg-primary: #f5f0e8;--color-bg-gradient-top: rgba(238, 228, 218, .25);--color-bg-gradient-bottom: rgba(237, 224, 200, .25);--color-nav-start: #6b5744;--color-nav-end: #5a4836;--color-nav-border: #4a3a2c;--color-achievement-bg-start: #6b5744;--color-achievement-bg-end: #5a4836;--color-achievement-text: #ffffff;--color-achievement-text-muted: #f5e6d3;--color-levelup-bg-start: #6b5744;--color-levelup-bg-end: #5a4836;--color-levelup-text: #ffffff;--color-levelup-text-muted: #f5e6d3;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(107, 87, 68, .4);--color-btn-primary-start: #6b5744;--color-btn-primary-end: #5a4836;--color-btn-primary-hover-start: #7d6b58;--color-btn-primary-hover-end: #6b5744;--color-btn-secondary-start: #5a4836;--color-btn-secondary-end: #4a3a2c;--color-stats-bg-start: #6b5744;--color-stats-bg-end: #5a4836;--color-stats-highlight: #6b5744;--color-stats-border: rgba(107, 87, 68, .3);--color-tableau-pattern: #e8ddd0;--color-text-primary: #3d3229;--color-text-heading: #4a3a2c;--color-text-heading-secondary: #5a4836;--color-text-on-light: #3d3229;--color-text-light: #ffffff;--color-text-muted: rgba(61, 50, 41, .6);--color-overlay-text: #3d3229;--color-overlay-text-muted: rgba(61, 50, 41, .6);--color-card-bg: #ffffff;--color-card-border: rgba(0, 0, 0, .15);--color-overlay-dark: rgba(0, 0, 0, .5);--color-overlay-light: rgba(0, 0, 0, .06);--color-border-accent: #b0a090;--color-highlight: #e08e0b;--color-success: #16a34a;--color-success-light: #22c55e;--color-success-lighter: #4ade80;--color-success-dark: #15803d;--color-error: #dc2626;--color-warning: #e08e0b;--modal-stat-value: #16a34a;--modal-stat-border: rgba(22, 163, 74, .4);--modal-highlight-bg: rgba(224, 142, 11, .12);--modal-highlight-border: rgba(224, 142, 11, .35);--modal-streak-bg: rgba(224, 142, 11, .12);--modal-streak-border: rgba(224, 142, 11, .35);--modal-streak-text: #c77d0a;--modal-progress-gradient: linear-gradient(90deg, #16a34a 0%, #15803d 100%);--modal-undo-gradient: linear-gradient(135deg, #e08e0b 0%, #fbbf24 100%);--modal-undo-shadow: rgba(224, 142, 11, .3);--modal-undo-shadow-hover: rgba(224, 142, 11, .4);--modal-loss-gradient: linear-gradient(135deg, #5a4836 0%, #4a3a2c 100%);--modal-levelup-gradient: linear-gradient(135deg, #e08e0b 0%, #c77d0a 100%);--modal-levelup-shadow: rgba(224, 142, 11, .4);--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--overlay-text: var(--color-overlay-text);--overlay-text-muted: var(--color-overlay-text-muted);--border-accent: var(--color-border-accent)}[data-theme=light-blue]{--color-bg-primary: #ffffff;--color-bg-gradient-top: rgba(239, 246, 255, .5);--color-bg-gradient-bottom: rgba(219, 234, 254, .3);--color-nav-start: #2563eb;--color-nav-end: #1d4ed8;--color-nav-border: #1e40af;--color-achievement-bg-start: #2563eb;--color-achievement-bg-end: #1d4ed8;--color-achievement-text: #ffffff;--color-achievement-text-muted: #dbeafe;--color-levelup-bg-start: #3b82f6;--color-levelup-bg-end: #2563eb;--color-levelup-text: #ffffff;--color-levelup-text-muted: #dbeafe;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(37, 99, 235, .4);--color-btn-primary-start: #2563eb;--color-btn-primary-end: #1d4ed8;--color-btn-primary-hover-start: #3b82f6;--color-btn-primary-hover-end: #2563eb;--color-btn-secondary-start: #3b82f6;--color-btn-secondary-end: #2563eb;--color-stats-bg-start: #ffffff;--color-stats-bg-end: #f8fafc;--color-stats-highlight: #2563eb;--color-stats-border: rgba(37, 99, 235, .2);--color-tableau-pattern: #eff6ff;--color-text-primary: #1e293b;--color-text-heading: #1d4ed8;--color-text-heading-secondary: #475569;--color-text-on-light: #1e293b;--color-text-light: #ffffff;--color-text-muted: rgba(30, 41, 59, .6);--color-overlay-text: #1e293b;--color-overlay-text-muted: rgba(30, 41, 59, .6);--color-border-accent: #60a5fa;--color-highlight: #f59e0b;--color-error: #dc2626;--color-warning: #f59e0b;--modal-stat-value: #2563eb;--modal-stat-border: rgba(59, 130, 246, .4);--modal-progress-gradient: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);--color-success: #059669;--color-success-dark: #047857;--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--overlay-text: var(--color-overlay-text);--overlay-text-muted: var(--color-overlay-text-muted);--border-accent: var(--color-border-accent)}:root{--bg-primary: var(--color-bg-primary);--bg-gradient-top: var(--color-bg-gradient-top);--bg-gradient-bottom: var(--color-bg-gradient-bottom);--nav-gradient-start: var(--color-nav-start);--nav-gradient-end: var(--color-nav-end);--nav-border: var(--color-nav-border);--btn-primary-start: var(--color-btn-primary-start);--btn-primary-end: var(--color-btn-primary-end);--btn-primary-hover-start: var(--color-btn-primary-hover-start);--btn-primary-hover-end: var(--color-btn-primary-hover-end);--btn-secondary-start: var(--color-btn-secondary-start);--btn-secondary-end: var(--color-btn-secondary-end);--stats-bg-start: var(--color-stats-bg-start);--stats-bg-end: var(--color-stats-bg-end);--stats-highlight: var(--color-stats-highlight);--stats-border: var(--color-stats-border);--tableau-pattern: var(--color-tableau-pattern);--text-primary: var(--color-text-primary);--heading-color: var(--color-text-heading);--heading-secondary: var(--color-text-heading-secondary);--text-on-light: var(--color-text-on-light);--overlay-text: var(--color-overlay-text);--overlay-text-muted: var(--color-overlay-text-muted);--border-accent: var(--color-border-accent);--color-success-light: #90EE90;--color-success-lighter: #98FB98}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.4}.all-games-page{min-height:100vh;background:linear-gradient(135deg,var(--color-btn-primary-start, #2e7d32) 0%,var(--color-btn-primary-end, #1b5e20) 100%);padding:1rem}.all-games-container{max-width:1400px;margin:0 auto}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;color:#fff}.back-home-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .2s ease}.back-home-btn:hover{background:#ffffff40}.header-content{flex:1}.page-title{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;display:inline}.search-container{position:relative;width:240px}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.9rem;border:2px solid rgba(255,255,255,.3);border-radius:20px;background:#fffffff2}.search-input:focus{outline:none;border-color:var(--color-highlight, #ffc107)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#888;font-size:.85rem}.search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;display:none}.search-clear.visible{display:block}.families-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.game-family{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000026}.game-family.hidden{display:none}.family-header{display:flex;align-items:center;padding:.6rem 1rem;background:linear-gradient(135deg,var(--color-btn-primary-start, #2e7d32) 0%,var(--color-btn-primary-end, #1b5e20) 100%);border-bottom:1px solid rgba(0,0,0,.1);gap:.5rem}.family-icon{font-size:1.1rem;color:#fff}.family-name{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;color:#fff;flex:1;margin:0}.family-desc{font-size:.75rem;color:#666;display:none}.family-count{background:#ffffff40;color:#fff;padding:.15rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.family-games{padding:1rem;display:flex;flex-direction:column;gap:.6rem}.game-row{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px;flex-wrap:wrap;border:1px solid #e9ecef}.game-row.popular{background:linear-gradient(90deg,#fffbeb,#fef3c7);border-left:3px solid var(--color-highlight, #ffc107);border-color:#fde68a}.game-name{font-weight:600;font-size:.95rem;color:#1a1a1a;min-width:140px}.popular-badge{background:var(--color-highlight, #ffc107);color:#333;padding:.1rem .4rem;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase}.variant-buttons{display:flex;gap:.35rem;flex-wrap:wrap;margin-left:auto}.variant-btn{padding:.35rem .75rem;background:var(--color-btn-primary-start, #2e7d32);color:#fff;border:none;border-radius:15px;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.variant-btn:hover{background:var(--color-btn-primary-end, #1b5e20);transform:translateY(-1px)}.variant-btn .difficulty{font-size:.65rem;opacity:.85;font-weight:400;margin-left:.25rem}.compact-games{display:flex;flex-wrap:wrap;gap:.5rem}.game-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .15s ease;text-decoration:none;color:#1a1a1a;font-weight:600;font-size:.9rem;border:1px solid #e9ecef}.game-chip:hover{background:var(--color-btn-primary-start, #2e7d32);color:#fff;border-color:var(--color-btn-primary-start, #2e7d32)}.game-chip.featured{background:#fff;border:1px solid #e0e0e0}.game-chip .play-icon{font-size:.7rem;opacity:.7}.no-results{text-align:center;color:#fff;padding:2rem;display:none;grid-column:1 / -1}.no-results.visible{display:block}@media(max-width:900px){.families-grid{grid-template-columns:1fr}}@media(max-width:600px){.page-header{flex-wrap:wrap}.header-content{order:-1;width:100%;text-align:center;margin-bottom:.5rem}.search-container{flex:1;width:auto;max-width:none}.back-home-btn{padding:.4rem .6rem;font-size:.8rem}.game-row{flex-direction:column;align-items:flex-start}.variant-buttons{margin-left:0;margin-top:.5rem;width:100%}.variant-btn{flex:1;text-align:center;justify-content:center}}