Éditeur de quêtes : titre/objectif/récompense/statut/résultat + dialogue à 3 colonnes

Nouvel espace "🗺️ Quêtes" (game-wide, comme les événements
personnalisés) : liste de cartes + "+ Nouvelle quête", chaque carte
ouvrant une modale d'arbre de dialogue en bulles de théâtre
("speaker: texte"), une colonne par statut de quête (nouvelle/en
cours/terminée) puisque le dialogue joué dépend de l'état de la
quête au moment où le joueur parle au PNJ. Bulles alternées
joueur/PNJ, couleur différente selon qui parle.

L'action "Déclencher une quête" de l'éditeur de collision n'est plus
un champ texte libre : elle ouvre directement CETTE MÊME modale
(picker de quêtes existantes + création à la volée), et finalise la
règle avec l'id numérique de la quête choisie — collision_rules.py
migré en conséquence (quete_id devient un entier, comme evenement_id).

Corrige aussi la miniature d'objet de la carte "🧩 Collision", 3× plus
grande (120px) comme demandé.

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

static/style.css

@@ -690,7 +690,7 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d
 .collisionRuleCard:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(0,0,0,.28); }
 .collisionRuleCardHeader{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
 .collisionRuleCardThumb{
-  position:relative; width:40px; height:40px; border-radius:10px; overflow:hidden; background:var(--panel2);
+  position:relative; width:120px; height:120px; border-radius:10px; overflow:hidden; background:var(--panel2);
   display:flex; align-items:center; justify-content:center; flex-shrink:0;
   border:1px solid var(--border); box-shadow:inset 0 0 0 2px rgba(255,255,255,.03);
 }
@@ -760,6 +760,64 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d
 
 .collisionInteractBubble{ display:none; position:absolute; left:50%; bottom:100%; transform:translateX(-50%); margin-bottom:6px; background:#111; color:#fff; border-radius:10px; padding:4px 10px; font-size:12px; white-space:nowrap; pointer-events:none; z-index:20; }
 
+/* ---- Éditeur de quêtes (templates/quests.html + modale de dialogue
+   partagée avec l'assistant "+ Action" de l'éditeur de collision, voir
+   static/js/quests/quest-editor.js) ---- */
+.questsGrid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:18px; margin-top:14px; }
+.questCard{
+  background:linear-gradient(165deg, var(--panel), var(--panel2)); border:1px solid var(--border);
+  border-radius:16px; padding:16px; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.18);
+  animation:collisionCardIn .35s ease backwards; transition:transform .18s ease, box-shadow .18s ease;
+}
+.questCard:hover{ transform:translateY(-3px); box-shadow:0 10px 26px rgba(0,0,0,.28); border-color:var(--accent); }
+.questCardHeader{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }
+.questCardTitle{ margin:0; font-size:15px; font-weight:700; }
+.questCardObjectif{ font-size:12.5px; color:var(--forge-text-muted, #8b95a7); margin-bottom:12px; min-height:1.4em; }
+.questCardFooter{ display:flex; gap:8px; flex-wrap:wrap; }
+.questPill{ display:inline-flex; align-items:center; border-radius:999px; padding:3px 10px; font-size:11.5px; font-weight:700; }
+.questPill-score{ background:rgba(242,153,74,.18); color:#f2994a; }
+.questPill-resultat{ background:rgba(23,162,184,.18); color:#17a2b8; }
+.questPill-status{ background:var(--panel2); border:1px solid var(--border); }
+.questPill-status-nouvelle{ background:rgba(155,89,182,.18); color:#9b59b6; border-color:transparent; }
+.questPill-status-en_cours{ background:rgba(242,153,74,.18); color:#f2994a; border-color:transparent; }
+.questPill-status-terminee{ background:rgba(46,204,113,.18); color:#2ecc71; border-color:transparent; }
+
+.questDialogueModalContent{ max-width:min(92vw, 1080px); }
+.questDialogueModalHeader{ margin-bottom:10px; }
+.questFieldsGrid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:10px; margin-bottom:14px; }
+.questField{ display:flex; flex-direction:column; gap:4px; font-size:12px; font-weight:600; }
+.questField-wide{ grid-column:span 2; }
+.questDialogueColumns{ display:grid; grid-template-columns:repeat(3, minmax(220px, 1fr)); gap:14px; overflow-x:auto; }
+.questDialogueColumn{
+  background:rgba(0,0,0,.15); border:1px solid var(--border); border-radius:12px; padding:10px;
+  display:flex; flex-direction:column; gap:8px; min-height:160px;
+}
+.questDialogueColumnTitle{ margin:0 0 2px; font-size:13px; text-align:center; }
+.questDialogueColumnBubbles{ display:flex; flex-direction:column; gap:8px; flex:1; }
+.questDialogueAddBtn{ align-self:center; padding:6px 14px; font-size:12px; }
+
+.questBubbleRow{ display:flex; }
+.questBubbleRow-pnj{ justify-content:flex-start; }
+.questBubbleRow-joueur{ justify-content:flex-end; }
+.questBubble{
+  display:flex; flex-direction:column; gap:4px; max-width:88%; border-radius:14px; padding:8px 10px;
+  animation:collisionLinkIn .25s ease backwards;
+}
+.questBubble-pnj{ background:linear-gradient(135deg, #2f6fed, #1e4fb0); border-bottom-left-radius:4px; }
+.questBubble-joueur{ background:linear-gradient(135deg, #2ecc71, #1e9e57); border-bottom-right-radius:4px; }
+.questBubbleSpeaker{ font-size:10.5px; font-weight:700; color:rgba(255,255,255,.85); cursor:pointer; }
+.questBubbleText{
+  resize:none; overflow:hidden; border:none; background:transparent; color:#fff; font-size:13px;
+  font-family:inherit; padding:0; min-height:1.4em;
+}
+.questBubbleText::placeholder{ color:rgba(255,255,255,.6); }
+.questBubbleText:focus{ outline:none; }
+.questBubbleDelete{
+  align-self:flex-end; background:none; border:none; color:rgba(255,255,255,.6); cursor:pointer;
+  font-size:11px; padding:0; transition:color .15s ease;
+}
+.questBubbleDelete:hover{ color:#fff; }
+
 .listRow.selected{ border-color:var(--accent); background:var(--panel2); }
 
 .childList{ display:flex; flex-direction:column; gap:6px; margin:2px 0 10px 18px; padding-left:10px; border-left:2px dashed var(--border); }