feat: cockpit sidebar — design tokens, panels harmonisés, header stats fixe

- Design tokens game dans root.scss (--gp-*) — un seul endroit pour thémiser
- game-panels.scss : classes partagées (gp, gp-row, gp-btn, gp-progress, etc.)
- CockpitHeader : dashboard résumé (prod/s, ponte, mult, ADN, génération)
- Tous les panels refactorisés sur le système gp-* (tailles, couleurs, spacing)
- Sidebar structurée en zones : header → progression → générateurs → prestige → évolution

Frontend/src/scss/home.scss

@@ -47,45 +47,29 @@
   }
 }
 
-// --- Stats bar sous le compteur ---
+// --- Stats sous le compteur ---
 
 .click-zone-stats {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 0.3rem;
   pointer-events: none;
   user-select: none;
 }
 
-.stats-bar {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  font-family: var(--font);
-  font-size: 0.85rem;
-  font-weight: 500;
-  color: rgba(255, 255, 255, 0.7);
-  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
-}
-
-.stats-sep {
-  opacity: 0.4;
-}
-
 // --- Badge achievements sidebar ---
 
 .achieve-badge {
   display: block;
   text-align: center;
-  padding: 0.5rem;
-  border-radius: 0.5rem;
-  background: rgba(16, 185, 129, 0.1);
+  padding: 0.4rem;
+  border-radius: var(--gp-radius);
+  background: var(--gp-accent-green-bg);
   border: 1px solid rgba(16, 185, 129, 0.2);
   font-family: var(--font);
-  font-size: 0.8rem;
-  font-weight: 500;
-  color: #6ee7b7;
+  font-size: var(--gp-text-sm);
+  font-weight: 600;
+  color: var(--gp-accent-green);
   text-decoration: none;
   transition: all 0.15s ease;