feat: Adding credits and rules sections

public/index.html

@@ -243,6 +243,49 @@
           </div>
         </details>
 
+        <!-- Game rules -->
+        <details class="panel panelCollapsible">
+          <summary class="panelTitle panelTitleSummary">📜 Règles du jeu</summary>
+          <div class="rulesContent">
+            <p><strong>Points de Victoire</strong><br/>
+              À la fin de chaque période (rotation de la carte), l'équipe ayant le <em>score économique</em> le plus élevé remporte <strong>1 Point de Victoire</strong>. Ces points sont cumulatifs d'une manche à l'autre.</p>
+
+            <p><strong>Tableau des scores</strong><br/>
+              Sous le tableau des scores, plusieurs indicateurs sont affichés :</p>
+            <ul>
+              <li><strong>Revenu/s</strong> — crédits générés chaque seconde grâce aux ressources naturelles des planètes découvertes.</li>
+              <li><strong>Score économique</strong> — total cumulé des crédits gagnés au fil du temps. Mis à jour toutes les 5 secondes.</li>
+            </ul>
+
+            <p><strong>💰 Ressources</strong><br/>
+              En explorant la galaxie, vous révélez des tuiles qui peuvent contenir des planètes. Chaque planète possède des ressources naturelles (minerais, bois, pétrole, etc.) dont la valeur contribue au revenu de votre équipe.</p>
+
+            <p><strong>⚡ Bonus d'exploration</strong><br/>
+              Les planètes produisent des éléments (matières premières, carburant, nourriture, science…) qui offrent un bonus cumulatif. Ce bonus réduit le temps de recharge entre deux clics, permettant d'explorer plus vite.</p>
+
+            <p><strong>⚔️ Puissance militaire</strong><br/>
+              La population des planètes conquises fournit des unités militaires. Lorsque vous accumulez suffisamment de troupes, vous pouvez lancer une attaque sur une tuile ennemie pour la capturer. Chaque attaque consomme une partie de vos forces.</p>
+          </div>
+        </details>
+
+        <!-- Credits -->
+        <details class="panel panelCollapsible">
+          <summary class="panelTitle panelTitleSummary">🏷️ Crédits</summary>
+          <div class="rulesContent">
+            <p><strong>Dépôt Git</strong><br/>
+              <a href="https://git.gbmm-holocron.eu/gauvain/star-wars-wild-space" target="_blank" rel="noopener">
+                git.gbmm-holocron.eu/gauvain/star-wars-wild-space
+              </a>
+            </p>
+
+            <p>Le projet "Star Wars: Wild Space" a été pensé et pitché en 2021 par Mya TELLIS et Harlon ASTELLAN (moi), pseudonymes hérités du forum de jeu de rôle littéraire "Star Wars - Online Roleplay" anciennement "Star Wars Old Revolution". Le projet n'ayant pas abouti faute de développeur disponible, il a été abandonné, mais pas en esprit. Faute de temps, de motivation et d'argent pour coder/le faire coder, j'ai décidé de mettre à profit l'agentique IA pour faire naître ce jeu sans prétention.</p>
+
+            <p>Des morceaux ne sont pas issus de l'IA, notamment la section de génération des planètes, réalisée à la main pour m'entraîner d'abord sur Python puis Javascript. Mais les morceaux ont été "révisés" par l'IA pour l'intégrer à une API, aussi on peut considérer que 100% du contenu ici est généré par Claude Sonnet 4.6, à 1% près. Aussi si vous êtes le genre à chouiner "gnagnagna l'IA le voooool des artiiiiistes" etc, sachez que sans l'IA il n'y aurait rien eu, l'outil existe, autant vous y faire, et pour ce projet personne n'a été remplacé, et personne ne vous force à y jouer. Allez révolutionner ailleurs.</p>
+
+            <p>Il n'y a pas (encore ?) de gestion de compte par courriel avec mot de passe oublié etc parce que l'implémentation est plus complexe. Pour l'instant, c'est suffisamment tranquille pour s'en passer. Au besoin refaites un compte.</p>
+          </div>
+        </details>
+
       </aside>
 
       <!-- ── Galaxy (square, 1000×1000, fixed ratio) ────────────────────────── -->

public/style.css

@@ -981,6 +981,37 @@ button:hover {
   margin: 0 6px;
 }
 
+/* ── Rules / Credits content ──────────────────────────────────────────────── */
+
+.rulesContent {
+  padding: 8px 12px 12px;
+  font-size: 12px;
+  line-height: 1.6;
+  color: rgba(255, 255, 255, 0.78);
+}
+
+.rulesContent p {
+  margin: 0 0 10px;
+}
+
+.rulesContent ul {
+  margin: 4px 0 10px 16px;
+  padding: 0;
+}
+
+.rulesContent li {
+  margin-bottom: 4px;
+}
+
+.rulesContent a {
+  color: rgba(90, 200, 255, 0.9);
+  text-decoration: none;
+}
+
+.rulesContent a:hover {
+  text-decoration: underline;
+}
+
 /* ── Military attack modal ────────────────────────────────────────────────── */
 
 .attackOverlay {