feat: tooltips explicatifs sur le cockpit, générateurs et prestige

Chaque stat du header, le titre Générateurs et Prestige ont un tooltip
natif (title) qui explique à quoi sert la valeur — aide le nouveau joueur
sans alourdir l'interface pour les habitués.

Frontend/src/components/CockpitHeader.tsx

@@ -12,25 +12,25 @@ export function CockpitHeader() {
 
   return (
     <div className="gp gp-cockpit-header">
-      <div className="gp-stat">
+      <div className="gp-stat" title="Têtards générés automatiquement chaque seconde">
         <span className="gp-label">Prod/s</span>
         <span className="gp-value gp-accent-green">
           {formatNumber(productionPerSecond)}
         </span>
       </div>
-      <div className="gp-stat">
+      <div className="gp-stat" title="Têtards gagnés à chaque clic sur le têtard">
         <span className="gp-label">/clic</span>
         <span className="gp-value">{formatNumber(clickGain)}</span>
       </div>
-      <div className="gp-stat">
+      <div className="gp-stat" title="Multiplicateur global — augmente avec le prestige">
         <span className="gp-label">Mult</span>
         <span className="gp-value">x{prestigeMultiplier.toFixed(1)}</span>
       </div>
-      <div className="gp-stat">
+      <div className="gp-stat" title="ADN Ancestral — monnaie de l'Arbre d'Évolution (gagné au prestige)">
         <span className="gp-label">ADN</span>
         <span className="gp-value gp-accent-purple">{ancestralDna}</span>
       </div>
-      <div className="gp-stat">
+      <div className="gp-stat" title="Nombre de prestiges effectués (Nouvelles Générations)">
         <span className="gp-label">Gén.</span>
         <span className="gp-value">{prestigeCount}</span>
       </div>

Frontend/src/components/GeneratorShop.tsx

@@ -13,8 +13,8 @@ export function GeneratorShop() {
   return (
     <div className="gp">
       <div style={{ display: "flex", justifyContent: "space-between", alignItems: "center" }}>
-        <span className="gp-title">Générateurs</span>
-        <span className="gp-value gp-accent-green">{formatNumber(productionPerSecond)}/s</span>
+        <span className="gp-title" title="Achète des générateurs pour produire des têtards automatiquement">Générateurs</span>
+        <span className="gp-value gp-accent-green" title="Production totale par seconde">{formatNumber(productionPerSecond)}/s</span>
       </div>
       {generators.map((gen) => {
         const cost = generatorCost(gen);

Frontend/src/components/PrestigePanel.tsx

@@ -24,7 +24,7 @@ export function PrestigePanel() {
 
   return (
     <div className="gp">
-      <span className="gp-title">Prestige</span>
+      <span className="gp-title" title="Recommence à zéro en échange d'un bonus permanent — tes têtards et générateurs sont réinitialisés mais tu gagnes de l'ADN et un multiplicateur">Prestige</span>
       {canPrestige ? (
         <div style={{ display: "flex", flexDirection: "column", gap: "0.4rem" }}>
           <span className="gp-value gp-accent-purple">