:root{--bg-primary: #0f0f1a;--bg-surface: #1a1a2e;--bg-card: #16213e;--color-text: #c4c4f0;--color-accent: #7c3aed;--color-accent-2: #60a5fa;--cell-correct: #34d399;--cell-incorrect: #f87171;--cell-missed: #fbbf24;--cell-selected: #7c3aed33;--border-radius: 8px;--font-family: "Roboto", sans-serif;--header-bg: #1a1a2e;--shadow-color: rgba(124, 58, 237, .3);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem}[data-theme=neon-arcade]{--bg-primary: #0a0a0f;--bg-surface: #12121f;--bg-card: #1a1a2e;--color-text: #e0e0ff;--color-accent: #00ffff;--color-accent-2: #ff00ff;--cell-correct: #00ff88;--cell-incorrect: #ff0055;--cell-missed: #ff8800;--cell-selected: #00ffff33;--border-radius: 4px;--font-family: "Roboto", sans-serif;--header-bg: #12121f;--shadow-color: rgba(0, 255, 255, .3)}[data-theme=deep-space]{--bg-primary: #0f0f1a;--bg-surface: #1a1a2e;--bg-card: #16213e;--color-text: #c4c4f0;--color-accent: #7c3aed;--color-accent-2: #60a5fa;--cell-correct: #34d399;--cell-incorrect: #f87171;--cell-missed: #fbbf24;--cell-selected: #7c3aed33;--border-radius: 8px;--font-family: "Roboto", sans-serif;--header-bg: #1a1a2e;--shadow-color: rgba(124, 58, 237, .3)}[data-theme=midnight-forest]{--bg-primary: #0a1a0e;--bg-surface: #0f2418;--bg-card: #1a3a24;--color-text: #d4f0d8;--color-accent: #4ade80;--color-accent-2: #86efac;--cell-correct: #22c55e;--cell-incorrect: #ef4444;--cell-missed: #f97316;--cell-selected: #4ade8033;--border-radius: 12px;--font-family: "Roboto", sans-serif;--header-bg: #0f2418;--shadow-color: rgba(74, 222, 128, .3)}[data-theme=chalk-board]{--bg-primary: #2d5016;--bg-surface: #3a6b1e;--bg-card: #2d5016;--color-text: #f5f0e8;--color-accent: #fff9c4;--color-accent-2: #ffd54f;--cell-correct: #aed581;--cell-incorrect: #ef9a9a;--cell-missed: #ffcc02;--cell-selected: #fff9c433;--border-radius: 2px;--font-family: "Roboto", sans-serif;--header-bg: #1e3d0e;--shadow-color: rgba(255, 249, 196, .2)}[data-theme=sunshine-maths]{--bg-primary: #fef9c3;--bg-surface: #ffffff;--bg-card: #fffde7;--color-text: #1a1a2e;--color-accent: #f59e0b;--color-accent-2: #3b82f6;--cell-correct: #22c55e;--cell-incorrect: #ef4444;--cell-missed: #f97316;--cell-selected: #f59e0b33;--border-radius: 16px;--font-family: "Roboto", sans-serif;--header-bg: #fef08a;--shadow-color: rgba(245, 158, 11, .3)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--color-text);font-family:var(--font-family);min-height:100vh;transition:background-color .3s ease,color .3s ease}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-family)}.btn{background:var(--color-accent);color:var(--bg-primary);border:none;border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-md);font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.btn-secondary{background:var(--bg-card);color:var(--color-text);border:1px solid var(--color-accent)}.card{background:var(--bg-card);border-radius:var(--border-radius);padding:var(--space-md);box-shadow:0 2px 8px var(--shadow-color)}.page-container{max-width:1200px;margin:0 auto;padding:var(--space-md)}