Refonte du Scenario en arbre de decision (modale dediee, plus de vrai/faux

Retour utilisateur : "une consequence peut mener a d'autres choix et
ainsi de suite, il n'y a pas de notion vrai/faux, il faut une modale
avec la possibilite de construire un veritable arbre de choix
consequence". Remplace le modele plat (situation + 2-4 choix + un seul
bon choix + une consequence terminale) par un vrai graphe de nœuds :
{"title", "nodes": [{"id", "text", "choices": [{"text", "target_id"}]}]}
- nodes[0] est la situation initiale, chaque choix peut pointer vers
n'importe quel autre nœud (branchement, convergence, fins multiples),
un nœud sans choix est une fin de branche valide. Aucune notion de
bonne/mauvaise reponse.

L'arbre se construit desormais dans une modale dediee (trop de
structure pour la colonne etroite du panneau Proprietes) : liste de
nœuds, chaque choix avec un menu deroulant "mene a" listant les autres
nœuds ou "fin de branche". La modale est un composant generique
(.docModal*) independant de tout framework externe.

sanitize_scenario_config degrade silencieusement tout target_id
orphelin (nœud supprime) vers None plutot que de faire echouer le
scenario entier. Le lecteur cote client navigue le graphe nœud par
nœud, le texte du nœud visite remplace le precedent (toujours pas un
Quiz), jusqu'a une fin de branche puis passage au scenario suivant.

Verifie via simulation DOM reelle (jsdom) : navigation ramifiee
(branchement, convergence, fin via nœud vide ET via choix sans cible),
plusieurs arbres a la suite, et l'editeur modal complet (ouverture,
ajout/suppression de nœud avec reparation des references pendantes,
changement de cible, fermeture bouton/fond/Echap).

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

static/document/document-editor.css

@@ -1398,6 +1398,77 @@ img.docImage {
   padding: 40px;
 }
 
+/* ---- Modale générique (utilisée aujourd'hui par l'éditeur d'arbre du
+   mini-jeu Scénario, voir forgeDocOpenScenarioTreeModal) — overlay +
+   boîte de dialogue centrée, indépendante de tout framework externe
+   (aucune dépendance partagée avec game_engine, voir CLAUDE.md). ---- */
+.docModalBackdrop {
+  display: none;
+  position: fixed;
+  inset: 0;
+  background: rgb(11 14 20 / 65%);
+  z-index: 200;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+}
+
+.docModalBackdrop.is-open {
+  display: flex;
+}
+
+.docModalDialog {
+  background: var(--doc-bg-2);
+  border: 1px solid var(--doc-border);
+  border-radius: 16px;
+  width: min(640px, 100%);
+  max-height: min(80vh, 720px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.docModalHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--doc-border);
+}
+
+.docModalTitle {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--doc-text);
+}
+
+.docModalCloseBtn {
+  border: none;
+  background: transparent;
+  color: var(--doc-muted);
+  font-size: 16px;
+  cursor: pointer;
+  padding: 4px;
+}
+
+.docModalCloseBtn:hover {
+  color: var(--doc-text);
+}
+
+.docModalBody {
+  padding: 20px;
+  overflow-y: auto;
+}
+
+/* ---- Scénario : panneau Propriétés — une carte par scénario (titre +
+   nombre de nœuds + bouton d'ouverture de la modale), l'édition de
+   l'arbre lui-même se fait entièrement dans la modale (voir
+   forgeDocRenderScenarioTreeModal). ---- */
+.docScenarioCard .docBtnSecondary {
+  width: 100%;
+  justify-content: center;
+}
+
 /* ===== RESPONSIVE (chrome de l'éditeur lui-même, <900px) ===== */
 @media (width <= 900px) {
   .docCrumbDim {