: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;--sudoku-cell-bg: #374151;--sudoku-cell-border: #6b7280;--sudoku-cell-selected: rgba(255, 255, 255, .15);--sudoku-cell-highlighted: rgba(255, 255, 255, .05);--sudoku-cell-same-number: rgba(255, 255, 255, .1);--sudoku-given-color: #f9fafb;--sudoku-user-color: #60a5fa;--sudoku-pencil-color: #9ca3af;--sudoku-error-bg: rgba(248, 113, 113, .2);--sudoku-container-bg: rgba(31, 41, 55, .98);--sudoku-grid-border: #6b7280;--sudoku-box-border: #9ca3af;--sudoku-success: #34d399;--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;--sudoku-cell-bg: #27272a;--sudoku-cell-border: #52525b;--sudoku-cell-selected: rgba(255, 255, 255, .15);--sudoku-cell-highlighted: rgba(255, 255, 255, .05);--sudoku-cell-same-number: rgba(255, 255, 255, .1);--sudoku-given-color: #fafafa;--sudoku-user-color: #60a5fa;--sudoku-pencil-color: #a1a1aa;--sudoku-error-bg: rgba(248, 113, 113, .2);--sudoku-container-bg: rgba(39, 39, 42, .98);--sudoku-grid-border: #52525b;--sudoku-box-border: #a1a1aa;--sudoku-success: #34d399;--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-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;--sudoku-cell-bg: #1b263b;--sudoku-cell-border: #4a6a8a;--sudoku-cell-selected: rgba(255, 255, 255, .15);--sudoku-cell-highlighted: rgba(255, 255, 255, .05);--sudoku-cell-same-number: rgba(255, 255, 255, .1);--sudoku-given-color: #e0e1dd;--sudoku-user-color: #60a5fa;--sudoku-pencil-color: #a8b4c4;--sudoku-error-bg: rgba(248, 113, 113, .2);--sudoku-container-bg: rgba(27, 38, 59, .98);--sudoku-grid-border: #5a7a9a;--sudoku-box-border: #8fa8c8;--sudoku-success: #34d399;--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: #faf8ef;--color-bg-gradient-top: rgba(238, 228, 218, .2);--color-bg-gradient-bottom: rgba(237, 224, 200, .2);--color-nav-start: #8f7a66;--color-nav-end: #766558;--color-nav-border: #665544;--color-achievement-bg-start: #8f7a66;--color-achievement-bg-end: #766558;--color-achievement-text: #ffffff;--color-achievement-text-muted: #f5e6d3;--color-levelup-bg-start: #8f7a66;--color-levelup-bg-end: #766558;--color-levelup-text: #ffffff;--color-levelup-text-muted: #f5e6d3;--color-levelup-title: #fbbf24;--color-levelup-glow: rgba(143, 122, 102, .4);--color-btn-primary-start: #8f7a66;--color-btn-primary-end: #766558;--color-btn-primary-hover-start: #a89080;--color-btn-primary-hover-end: #8f7a66;--color-btn-secondary-start: #766558;--color-btn-secondary-end: #5a4a3a;--color-stats-bg-start: #8f7a66;--color-stats-bg-end: #766558;--color-stats-highlight: #8f7a66;--color-stats-border: rgba(143, 122, 102, .3);--color-tableau-pattern: #eee4da;--color-text-primary: #776e65;--color-text-heading: #8f7a66;--color-text-heading-secondary: #776e65;--color-text-on-light: #5a4a3a;--color-text-light: #ffffff;--color-text-muted: rgba(119, 110, 101, .7);--color-overlay-text: #5a4a3a;--color-overlay-text-muted: rgba(90, 74, 58, .7);--color-border-accent: #bbada0;--color-highlight: #f59e0b;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--sudoku-cell-bg: #ffffff;--sudoku-cell-border: #d4c8bc;--sudoku-cell-selected: #ffe4b5;--sudoku-cell-highlighted: rgba(143, 122, 102, .15);--sudoku-cell-same-number: rgba(143, 122, 102, .25);--sudoku-given-color: #5a4a3a;--sudoku-user-color: #2563eb;--sudoku-pencil-color: #8f7a66;--sudoku-error-bg: rgba(239, 68, 68, .2);--sudoku-container-bg: rgba(250, 248, 239, .98);--sudoku-grid-border: #bbada0;--sudoku-box-border: #8f7a66;--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;--sudoku-cell-bg: #ffffff;--sudoku-cell-border: #e2e8f0;--sudoku-cell-selected: rgba(59, 130, 246, .15);--sudoku-cell-highlighted: rgba(59, 130, 246, .05);--sudoku-cell-same-number: rgba(59, 130, 246, .1);--sudoku-given-color: #0f172a;--sudoku-user-color: #1d4ed8;--sudoku-pencil-color: #64748b;--sudoku-error-bg: rgba(220, 38, 38, .1);--sudoku-container-bg: #ffffff;--sudoku-grid-border: #cbd5e1;--sudoku-box-border: #94a3b8;--sudoku-success: #059669;--sudoku-btn-highlight-bg: #f0f7ff;--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}