1.5.0 : page « Règles des talents » au format fiches MountyHall

Les 10 fiches compétences/sortilèges (coût en PA, type, jet de
résistance, effet de zone, limite par DLA, formules de jets, lore),
accessibles depuis l'accueil et en jeu. En partie, encart « Mes infos »
par talent de la race jouée : maîtrise actuelle et plafond, taux de
réussite sur les jets effectués, dernière utilisation et jets calculés
du troll. tryTalent compte désormais essais/réussites/dernier usage.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

README.md

@@ -61,6 +61,16 @@ Profils de base repris des pages officielles, compétence (🥋 2 PA) et sortil
 | 🟡 Tomawak | ATT 3D6 · ESQ 3D6 · DEG 3D3 · REG 1D3 · PV 30 · Vue 4 | **Camouflage** : invisible, jet sous 75 % de la maîtrise à chaque pas | **Projectile Magique** : à distance (portée = Vue), bonus de proximité |
 | 🟣 Darkling | ATT 3D6 · ESQ 3D6 · DEG 3D3 · REG 2D3 · PV 30 · Vue 3 | **Balayage** : déstabilise (la cible perd son tour) | **Siphon des Âmes** : 1D3 par dé de REG, ignore toute armure, nécrose −ATT |
 
+### Page « Règles des talents »
+
+Accessible depuis l'accueil (📜 Règles des talents) et en jeu (bouton 📜 Règles
+dans l'en-tête) : les 10 fiches au format MountyHall — Coût en PA, Type, Jet de
+résistance, Effet de zone, limite par DLA, EFFET détaillé avec les formules de
+jets, et DESCRIPTION d'ambiance. En cours de partie, la fiche des talents de ta
+race affiche en plus un encart « **Mes infos** » : pourcentage actuel et plafond,
+taux de réussite sur tes jets, dernière utilisation, et tes jets calculés
+(ex. Vampirisme : Attaque 2 D6 · Dégâts 4 D3 · Vol de vie 50 %).
+
 ### Coûts d'amélioration (officiels, [Rules_3.php](https://www.mountyhall.com/MH_Rules/Rules_3.php))
 
 Le N-ième achat d'une caractéristique coûte N × le coût de base :
@@ -142,6 +152,10 @@ non affilié au jeu original de Mountyhall SARL.
 
 ## Versions
 
+- **1.5.0** (2026-06-11) — Page « Règles des talents » : les 10 fiches compétences/
+  sortilèges au format MountyHall (coût, type, jet de résistance, formules, lore),
+  avec encart « Mes infos » en partie (maîtrise, taux de réussite, jets calculés du
+  troll). Suivi des statistiques d'utilisation des talents.
 - **1.4.0** (2026-06-11) — Panneau « Détail du combat » au format des rapports
   MountyHall (jets d'Attaque/Esquive, coup critique, Seuil et jet de Résistance,
   progression de Maîtrise, dégâts, mise à mort, butin, total de PX), pour chaque

css/style.css

@@ -254,6 +254,71 @@ header h1 { font-size: 1.3em; color: #8fbf5a; }
 .ed-warn { color: #e06060; }
 .ed-ok { color: #8fbf5a; }
 .ed-note { font-size: .8em; color: #a89568; }
+
+/* ---------- Règles des talents ---------- */
+.header-right { display: flex; align-items: center; gap: 12px; }
+
+#rules-body {
+  max-width: 1100px;
+  margin: 0 auto;
+  padding: 10px 16px 40px;
+}
+.rules-race {
+  color: #8fbf5a;
+  border-bottom: 2px solid #4a3a20;
+  margin: 24px 0 12px;
+  font-size: 1.4em;
+}
+.rules-pair {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
+  gap: 14px;
+}
+.rules-fiche {
+  background: #2a2014;
+  border: 2px solid #6b5430;
+  border-radius: 8px;
+  padding: 14px;
+  font-size: .92em;
+}
+.rules-fiche-title {
+  color: #d8a040;
+  font-weight: bold;
+  font-size: 1.1em;
+  text-align: center;
+  border-bottom: 1px solid #4a3a20;
+  padding-bottom: 6px;
+  margin-bottom: 8px;
+}
+.rules-fiche table { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
+.rules-fiche td { padding: 2px 6px; vertical-align: top; }
+.rules-fiche td:first-child { color: #a89568; width: 45%; }
+.rules-section {
+  color: #8fbf5a;
+  font-weight: bold;
+  margin: 10px 0 4px;
+  letter-spacing: 1px;
+}
+.rules-text { color: #d8c79a; line-height: 1.5; }
+.rules-flavor { font-style: italic; color: #b9a878; }
+.rules-myinfo {
+  background: #1f2a14;
+  border: 2px solid #5d8535;
+  border-radius: 8px;
+  padding: 10px;
+  margin-bottom: 12px;
+}
+.rules-myinfo-title {
+  color: #8fbf5a;
+  font-weight: bold;
+  text-align: center;
+  border-bottom: 1px solid #41551f;
+  padding-bottom: 4px;
+  margin-bottom: 6px;
+}
+.rules-myinfo table { width: 100%; }
+.rules-myinfo td { padding: 2px 6px; }
+.rules-myinfo td:first-child { color: #a89568; width: 45%; }
 #ed-help { max-width: 600px; margin: 0 auto; }
 
 #equipment div, #inventory .empty { font-size: .88em; padding: 2px 0; color: #c9b685; }

index.html

@@ -22,6 +22,7 @@
     <div class="menu-row">
       <button id="btn-community" class="menu-btn">🌍 Niveaux de la communauté</button>
       <button id="btn-editor" class="menu-btn">🛠️ Éditeur de niveaux</button>
+      <button id="btn-rules" class="menu-btn">📜 Règles des talents</button>
     </div>
   </div>
 </div>
@@ -83,7 +84,10 @@
 <div id="screen-game" class="screen hidden">
   <header>
     <h1>🧌 MountyCrawl</h1>
-    <div id="depth-label">Profondeur −1</div>
+    <div class="header-right">
+      <div id="depth-label">Profondeur −1</div>
+      <button id="btn-rules-game" class="menu-btn">📜 Règles</button>
+    </div>
   </header>
   <div id="layout">
     <aside id="panel-left">
@@ -120,6 +124,15 @@
   </div>
 </div>
 
+<!-- Écran des règles des talents -->
+<div id="screen-rules" class="screen hidden">
+  <header>
+    <h1>📜 Règles des talents</h1>
+    <button id="rules-back" class="menu-btn">← Retour</button>
+  </header>
+  <div id="rules-body"></div>
+</div>
+
 <!-- Écran de fin -->
 <div id="screen-end" class="screen hidden">
   <div class="create-box">
@@ -131,5 +144,6 @@
 
 <script src="js/game.js"></script>
 <script src="js/editor.js"></script>
+<script src="js/rules.js"></script>
 </body>
 </html>

js/game.js

@@ -603,6 +603,9 @@ function tryTalent(talent, cap, cost, label) {
   cdStart(label);
   const before = talent.pct; // le jet se compare à la maîtrise d'avant progression
   const r = masteryRoll(talent, cap);
+  talent.tries = (talent.tries || 0) + 1;
+  if (r.success) talent.successes = (talent.successes || 0) + 1;
+  talent.lastUse = Date.now();
   cdLine(`Jet de maîtrise : <span class="cd-val">${r.roll}</span> (il fallait ${before} % ou moins)`);
   if (!r.success) {
     G.troll.pa += Math.floor(cost / 2);

js/rules.js

@@ -0,0 +1,258 @@
+/* Page « Règles des talents » : fiches des compétences et sortilèges par race,
+ * au format des fiches MountyHall, avec la section « Mes infos » du troll en cours.
+ * Partage les globales de game.js (chargé avant). */
+
+"use strict";
+
+const TALENT_RULES = {
+  "Botte Secrète": {
+    race: "Skrim", kind: "Compétence", icon: "🥋", type: "Attaque",
+    resist: false, zone: false, perDla: true,
+    effect: `La Botte Secrète permet de porter, <b>une fois par DLA</b>, une attaque
+      supplémentaire à moindre coût en PA.<br><br>
+      L'attaque par Botte Secrète a les caractéristiques suivantes :<br>
+      • Jet d'Attaque : <b>2 D6 par 3 D6 d'Attaque</b><br>
+      • Jet de Dégâts : <b>1 D3 par 2 D6 d'Attaque</b><br><br>
+      Les dégâts sont réduits normalement par l'armure de la cible.`,
+    flavor: `Le Skrim feinte, virevolte, et place le coup que personne n'a vu venir.
+      Les Maîtres d'Armes du Hall jurent qu'il est impossible de parer une botte
+      qu'on ne connaît pas — c'est exactement l'idée.`,
+    myInfo: t => [
+      ["Attaque", `${Math.max(1, Math.floor(t.att * 2 / 3))} D6`],
+      ["Dégâts", `${Math.max(1, Math.floor(t.att / 2))} D3`],
+    ],
+  },
+  "Hypnotisme": {
+    race: "Skrim", kind: "Sortilège", icon: "🔮", type: "Affaiblissement",
+    resist: true, zone: false, perDla: false,
+    effect: `L'Hypnotisme affaiblit un adversaire adjacent :<br>
+      • son <b>Esquive est divisée par 2</b> pendant 2 tours ;<br>
+      • il <b>perd son prochain tour</b>.<br><br>
+      Un Jet de Résistance réussi de la part de la cible réduit l'effet :
+      l'esquive n'est divisée que pendant 1 tour et le tour n'est pas perdu.`,
+    flavor: `Les yeux du Skrim se mettent à tournoyer, sa voix se fait sirupeuse…
+      et l'adversaire se demande soudain ce qu'il était venu faire dans ces cavernes.`,
+    myInfo: () => [],
+  },
+  "Régénération Accrue": {
+    race: "Durakuir", kind: "Compétence", icon: "🥋", type: "Soin",
+    resist: false, zone: false, perDla: false,
+    effect: `Le Durakuir récupère immédiatement des Points de Vie :<br>
+      • Soin : <b>1 D3 par tranche de 15 PV max</b>.<br><br>
+      Le calcul prend en compte les PV maximum avec tous leurs bonus.`,
+    flavor: `La peau du Durakuir se referme à vue d'œil, les os se ressoudent dans
+      un craquement sinistre. Ce qui ne le tue pas le laisse à peu près indifférent.`,
+    myInfo: t => [
+      ["Soin", `${Math.max(1, Math.floor(t.pvMax / 15))} D3`],
+    ],
+  },
+  "Rafale Psychique": {
+    race: "Durakuir", kind: "Sortilège", icon: "🔮", type: "Attaque",
+    resist: true, zone: false, perDla: false,
+    effect: `La Rafale Psychique est la seule attaque <b>imparable</b> du jeu :<br>
+      • Jet d'Attaque : <b>automatiquement réussi</b> (aucune esquive possible) ;<br>
+      • Jet de Dégâts : <b>1 D3 par D3 de Dégâts</b> ;<br>
+      • l'<b>armure physique est ignorée</b>.<br><br>
+      Un Jet de Résistance réussi de la part de la cible lui permet de ne subir
+      que la moitié des dégâts.`,
+    flavor: `Le Durakuir fronce les sourcils — un exploit en soi — et une onde de
+      pure mauvaise humeur traverse le crâne de son adversaire.`,
+    myInfo: t => [
+      ["Attaque", "automatiquement réussie"],
+      ["Dégâts", `${t.deg} D3`],
+    ],
+  },
+  "Accélération du Métabolisme": {
+    race: "Kastar", kind: "Compétence", icon: "🥋", type: "Utilitaire",
+    resist: false, zone: false, perDla: false,
+    effect: `Le Kastar sacrifie des Points de Vie pour agir davantage :<br>
+      • Coût : <b>1 D3 PV + la fatigue accumulée</b> ;<br>
+      • Gain : <b>+4 PA</b> (sans dépasser 6) ;<br>
+      • chaque usage augmente la <b>fatigue de 1</b> ; elle se dissipe à chaque
+      nouvelle DLA (division par 1,25).<br><br>
+      Attention : si les PV tombent à 0, le métabolisme a raison du Kastar.`,
+    flavor: `Le cœur du Kastar s'emballe, ses veines gonflent, le monde ralentit
+      autour de lui. La Faim paiera l'addition plus tard.`,
+    myInfo: t => [
+      ["Coût actuel", `1 D3 + ${t.fatigue} PV (fatigue)`],
+      ["Gain", "+4 PA"],
+    ],
+  },
+  "Vampirisme": {
+    race: "Kastar", kind: "Sortilège", icon: "🔮", type: "Attaque",
+    resist: true, zone: false, perDla: false,
+    effect: `Le Vampirisme permet une attaque magique particulièrement dévastatrice
+      pour la victime mais bénéfique pour l'assaillant : ce dernier gagne autant de
+      PV que la <b>moitié des dégâts réellement infligés</b>.<br><br>
+      L'attaque par Vampirisme a les caractéristiques suivantes :<br>
+      • Jet d'Attaque : <b>2 D6 par 3 D3 de Dégâts</b> ;<br>
+      • Jet de Dégâts : <b>1 D3 par D3 de Dégâts</b> ;<br>
+      • l'<b>armure physique est ignorée</b> ;<br>
+      • Vampirisme : <b>50 % des dégâts infligés</b> rendus en PV.<br><br>
+      Un Jet de Résistance réussi de la part de la cible lui permet de ne subir que
+      la moitié des dégâts (et réduit d'autant le gain de PV). Si la cible est tuée,
+      le gain est limité à la moitié des PV qu'il lui restait.`,
+    flavor: `Le Kastar plante ses dents dans son adversaire et lui arrache un bon
+      morceau. Mais ce n'est pas tout ! Faisant appel aux Enseignements du Dieu du
+      Manger, le Kastar digère sans mal ce qu'il a pris à son adversaire et sait
+      profiter de cet apport pour régénérer sans problème.`,
+    myInfo: t => [
+      ["Attaque", `${Math.max(1, Math.floor(t.deg * 2 / 3))} D6`],
+      ["Dégâts", `${t.deg} D3`],
+      ["Vol de vie", "50 % des dégâts infligés"],
+    ],
+  },
+  "Camouflage": {
+    race: "Tomawak", kind: "Compétence", icon: "🥋", type: "Furtivité",
+    resist: false, zone: false, perDla: false,
+    effect: `Le Tomawak devient <b>invisible</b> aux yeux des monstres.<br><br>
+      • Le camouflage persiste de DLA en DLA tant qu'il n'est pas rompu ;<br>
+      • à chaque déplacement, un jet sous <b>75 % de la maîtrise</b> est requis
+      pour rester caché ;<br>
+      • attaquer rompt le camouflage ; le Projectile Magique ne le conserve
+      que sur un jet sous <b>25 % de la maîtrise</b>.`,
+    flavor: `Un frémissement d'air, une ombre qui glisse le long de la paroi…
+      Le Tomawak n'est plus là. Enfin si, mais bonne chance pour le prouver.`,
+    myInfo: t => [
+      ["Jet de discrétion au déplacement", `${Math.floor(t.comp.pct * 0.75)} %`],
+      ["Conservation après Projectile Magique", `${Math.floor(t.comp.pct * 0.25)} %`],
+    ],
+  },
+  "Projectile Magique": {
+    race: "Tomawak", kind: "Sortilège", icon: "🔮", type: "Attaque à distance",
+    resist: true, zone: false, perDla: false,
+    effect: `Le Projectile Magique frappe à distance, dans la limite de la
+      <b>portée = Vue</b> du lanceur :<br>
+      • Jet d'Attaque : <b>1 D6 par case de Vue + 1 D6 par case de proximité</b>
+      (bonus quand la cible est plus proche que la portée maximale) ;<br>
+      • Jet de Dégâts : <b>1 D3 par 2 cases de Vue</b> ;<br>
+      • l'<b>armure physique est ignorée</b>.<br><br>
+      Un Jet de Résistance réussi de la part de la cible lui permet de ne subir
+      que la moitié des dégâts.`,
+    flavor: `Une bille de lumière verte file entre les stalactites et explose en
+      plein museau de la cible. Le Tomawak, lui, est déjà ailleurs.`,
+    myInfo: t => [
+      ["Portée", `${t.vue} case(s)`],
+      ["Attaque", `${t.vue} D6 + 1 D6 par case de proximité`],
+      ["Dégâts", `${Math.max(1, Math.floor(t.vue / 2))} D3`],
+    ],
+  },
+  "Balayage": {
+    race: "Darkling", kind: "Compétence", icon: "🥋", type: "Contrôle",
+    resist: false, zone: false, perDla: true,
+    effect: `Le Balayage fauche les jambes d'un adversaire adjacent,
+      <b>une fois par DLA</b> :<br>
+      • Jet de Déstabilisation : <b>1 D6 par D6 d'Attaque</b> ;<br>
+      • Jet de Stabilité de la cible : <b>2 D6 par 3 D6 d'Esquive</b> ;<br>
+      • si la déstabilisation l'emporte, la cible est <b>à terre</b> et
+      <b>perd son prochain tour</b>.<br><br>
+      Le Balayage n'inflige pas de dégâts et ne rompt pas la discrétion.`,
+    flavor: `D'un mouvement fluide et sournois — sa spécialité — le Darkling fauche
+      les appuis de son adversaire, qui découvre le plafond de la caverne.`,
+    myInfo: t => [
+      ["Déstabilisation", `${t.att} D6`],
+    ],
+  },
+  "Siphon des Âmes": {
+    race: "Darkling", kind: "Sortilège", icon: "🔮", type: "Attaque",
+    resist: true, zone: false, perDla: false,
+    effect: `Le Siphon des Âmes arrache des lambeaux d'essence vitale :<br>
+      • Jet d'Attaque : <b>1 D6 par D6 d'Attaque</b> ;<br>
+      • Jet de Dégâts : <b>1 D3 par D3 de Régénération</b> ;<br>
+      • <b>toute armure est ignorée</b> (physique et magique) ;<br>
+      • Nécrose : la cible perd <b>1 D6 d'Attaque par D3 de Régénération</b>
+      du lanceur pendant 2 tours.<br><br>
+      Un Jet de Résistance réussi de la part de la cible lui permet de ne subir
+      que la moitié des dégâts et de la nécrose.`,
+    flavor: `Des volutes noires s'échappent de la victime et s'enroulent autour du
+      Darkling, qui les hume comme un grand cru. L'âme a un goût de réglisse, paraît-il.`,
+    myInfo: t => [
+      ["Attaque", `${t.att} D6`],
+      ["Dégâts", `${t.reg} D3`],
+      ["Nécrose", `−${t.reg} D6 d'Attaque pendant 2 tours`],
+    ],
+  },
+};
+
+/* ---------- Rendu de la page ---------- */
+
+let rulesReturnTo = "create"; // écran à réafficher en quittant les règles
+
+function rulesFiche(name, rule, cost) {
+  const inGame = typeof G !== "undefined" && G && !G.over && G.troll && G.troll.race === rule.race;
+  let myInfos = "";
+  if (inGame) {
+    const t = G.troll;
+    const talent = rule.kind === "Compétence" ? t.comp : t.sort;
+    const cap = rule.kind === "Compétence" ? 90 : 80;
+    const tries = talent.tries || 0;
+    const rate = tries ? Math.round((talent.successes || 0) * 100 / tries) : 0;
+    const last = talent.lastUse ? new Date(talent.lastUse).toLocaleString("fr-FR") : "jamais";
+    const extra = rule.myInfo(t).map(([k, v]) => `<tr><td>${k} :</td><td><b>${v}</b></td></tr>`).join("");
+    myInfos = `
+      <div class="rules-myinfo">
+        <div class="rules-myinfo-title">Mes infos : ${name}</div>
+        <table>
+          <tr><td>Pourcentage actuel :</td><td><b>${talent.pct} %</b> (max. : ${cap} %)</td></tr>
+          <tr><td>Réussite :</td><td><b>${rate} % succès</b> sur ${tries} jet(s)</td></tr>
+          <tr><td>Dernière utilisation :</td><td>${last}</td></tr>
+          ${extra}
+        </table>
+      </div>`;
+  }
+  return `
+    <div class="rules-fiche">
+      ${myInfos}
+      <div class="rules-fiche-title">${rule.icon} ${rule.kind} : ${name}</div>
+      <table>
+        <tr><td>Coût en PA :</td><td><b>${cost}</b></td></tr>
+        <tr><td>Type :</td><td><b>${rule.type}</b></td></tr>
+        <tr><td>Jet de résistance :</td><td><b>${rule.resist ? "Oui" : "Non"}</b></td></tr>
+        <tr><td>Effet de zone :</td><td><b>${rule.zone ? "Oui" : "Non"}</b></td></tr>
+        <tr><td>Limité à 1 par DLA :</td><td><b>${rule.perDla ? "Oui" : "Non"}</b></td></tr>
+      </table>
+      <div class="rules-section">EFFET :</div>
+      <div class="rules-text">${rule.effect}</div>
+      <div class="rules-section">DESCRIPTION :</div>
+      <div class="rules-text rules-flavor">${rule.flavor}</div>
+    </div>`;
+}
+
+function rulesRender() {
+  const body = document.getElementById("rules-body");
+  let html = "";
+  for (const [raceName, race] of Object.entries(RACES)) {
+    html += `<h2 class="rules-race rules-race-${raceName}">${race.emoji} ${raceName}</h2><div class="rules-pair">`;
+    html += rulesFiche(race.comp.name, TALENT_RULES[race.comp.name], race.comp.cost);
+    html += rulesFiche(race.sort.name, TALENT_RULES[race.sort.name], race.sort.cost);
+    html += "</div>";
+  }
+  body.innerHTML = html;
+}
+
+function rulesShow(from) {
+  rulesReturnTo = from;
+  document.getElementById("screen-" + from).classList.add("hidden");
+  document.getElementById("screen-rules").classList.remove("hidden");
+  rulesRender();
+  document.getElementById("screen-rules").scrollTop = 0;
+  // si un troll est en jeu, amener sa race en tête de page
+  if (typeof G !== "undefined" && G && G.troll) {
+    const anchor = document.querySelector(`#rules-body .rules-race-${G.troll.race}`);
+    if (anchor) anchor.scrollIntoView();
+  }
+}
+
+if (typeof document !== "undefined") {
+  document.addEventListener("DOMContentLoaded", () => {
+    document.getElementById("btn-rules").onclick = () => rulesShow("create");
+    document.getElementById("btn-rules-game").onclick = () => rulesShow("game");
+    document.getElementById("rules-back").onclick = () => {
+      document.getElementById("screen-rules").classList.add("hidden");
+      document.getElementById("screen-" + rulesReturnTo).classList.remove("hidden");
+    };
+    if (new URLSearchParams(location.search).get("screen") === "rules") {
+      rulesShow(document.getElementById("screen-game").classList.contains("hidden") ? "create" : "game");
+    }
+  });
+}