:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--mode-mvt: #3b82f6;--mode-stat: #22c55e;--mode-resp: #8b5cf6;--success: #22c55e;--warn: #f59e0b;--error: #ef4444;--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--ink: #0f172a;--ink-2: #1e293b;--ink-3: #475569;--ink-4: #64748b;--ink-5: #94a3b8;--line: #e2e8f0;--ring: 0 0 0 4px rgba(59, 130, 246, .18);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .12), 0 4px 8px -4px rgba(15, 23, 42, .08);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;--accent: var(--primary-500);--danger: var(--error);--card: var(--surface);--border: var(--line)}.theme-dark{--bg: #0f172a;--surface: #1e293b;--surface-2: #0f172a;--surface-3: #334155;--ink: #f1f5f9;--ink-2: #e2e8f0;--ink-3: #94a3b8;--ink-4: #64748b;--ink-5: #475569;--line: #334155;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .4);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .5), 0 4px 8px -4px rgba(0, 0, 0, .3);background:var(--bg);color:var(--ink)}.theme-light{--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--ink: #0f172a;--ink-2: #1e293b;--ink-3: #475569;--ink-4: #64748b;--ink-5: #94a3b8;--line: #e2e8f0;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:var(--font-sans);background:var(--bg);color:var(--ink-2);line-height:1.5;-webkit-font-smoothing:antialiased}.type-display{font-family:var(--font-display);font-weight:700;font-size:36px;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.type-h1{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.15;letter-spacing:-.015em;color:var(--ink)}.type-h2{font-family:var(--font-display);font-weight:700;font-size:22px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.type-h3{font-family:var(--font-display);font-weight:600;font-size:17px;line-height:1.3;color:var(--ink)}.type-body{font-family:var(--font-sans);font-size:15px;line-height:1.5}.type-body-sm{font-family:var(--font-sans);font-size:13px;line-height:1.45}.type-caption{font-family:var(--font-sans);font-size:12px;line-height:1.4;color:var(--ink-4)}.type-label{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}.type-mono{font-family:var(--font-mono)}.type-timer{font-family:var(--font-mono);font-weight:700;letter-spacing:-.04em;line-height:.9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:none;border-radius:var(--radius);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;transition:all .12s ease;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--primary-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-600);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--ink-3)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink-2)}.btn-lg{height:52px;padding:0 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{width:44px;padding:0}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--s-5)}.card-pad-lg{padding:var(--s-6)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.badge-debutant{background:#dcfce7;color:#166534}.badge-intermediaire{background:var(--primary-100);color:var(--primary-700)}.badge-avance{background:#fed7aa;color:#9a3412}.badge-mine{background:#f3e8ff;color:#6b21a8}.input{width:100%;height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-sans);font-size:15px;color:var(--ink-2);transition:all .12s ease}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:var(--ring)}h1,h2,h3{margin:0 0 1rem;font-weight:600}h1{font-size:28px;letter-spacing:.2px}h2{font-size:20px}h3{font-size:16px}