Fix accès au canevas masqué + quiz : header quête, réponse fausse n'avance jamais bloquée, animé

- Bug corrigé : les panneaux flottants "🧩 Objets"/"⚙️ Propriétés" sont en
  position:fixed (hors du flux flex de .builder3) — ils flottaient
  PAR-DESSUS le canevas sans jamais réduire sa largeur, rendant sa
  partie droite/gauche inaccessible au clic/glisser tant qu'un panneau
  restait ouvert. .builderCanvasArea réserve maintenant leur largeur
  (marge) dès qu'un panneau est ouvert (:has()).

- Boîte à quiz : header = "Quête : <titre>" (au lieu du texte de la
  question), corps = la question ET ses choix ensemble.

- Mauvaise réponse : ne bloque plus JAMAIS la progression (bug signalé :
  "je suis obligé de bien répondre sinon j'avance pas") — surligne la
  bonne réponse en vert (le choix cliqué en rouge s'il était faux) puis
  avance automatiquement après un court délai, sans jamais octroyer de
  points. Un second clic pendant la révélation est ignoré.

- Animations : la boîte à quiz rejoue une entrée (pop-in) à CHAQUE
  nouvelle question, la bonne réponse pulse en vert, une mauvaise
  réponse "secoue" en rouge.

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

screens/scenes/render_scene_object.py

@@ -69,11 +69,12 @@ def render_scene_object(obj):
         # Widget "❓ Boîte à quiz" (voir "🖥️ Interface") — réutilise le
         # MÊME style que "💬 Boîte de dialogue" (resolve_dialogue_box_style/
         # set_scene_object_dialogue_box_style, une seule "🎨 Style" pour
-        # les deux) : header = la question, corps = les choix de réponse
-        # (boutons remplis EN JEU par static/js/play/dialogue-box-controller.js,
-        # data-quiz-role sert de sélecteur) — pas de pied (une question se
-        # résout au clic sur un choix, pas de "Suivant"). Masqué par
-        # défaut au jeu, comme la boîte de dialogue.
+        # les deux) : header = "Quête : <titre>" (comme demandé), corps =
+        # la question ET ses choix de réponse ensemble (remplis EN JEU par
+        # static/js/play/dialogue-box-controller.js, data-quiz-role sert de
+        # sélecteur) — pas de pied (une question se résout au clic sur un
+        # choix, pas de "Suivant"). Masqué par défaut au jeu, comme la
+        # boîte de dialogue.
         style = resolve_dialogue_box_style(obj)
         box_style = (
             f"position:absolute; left:{obj['x']}px; top:{obj['y']}px; "
@@ -83,11 +84,13 @@ def render_scene_object(obj):
         )
         return (
             f'<div class="quizBoxWidget" data-object-id="{obj["id"]}" data-element-id="{obj["id"]}" style="{box_style}">'
-            f'<div class="quizBoxHeader" data-quiz-role="header" style="background:{html_lib.escape(style["header_bg"])}">La question s\'affiche ici.</div>'
-            f'<div class="quizBoxChoices" data-quiz-role="choices" style="background:{html_lib.escape(style["body_bg"])}">'
+            f'<div class="quizBoxHeader" data-quiz-role="header" style="background:{html_lib.escape(style["header_bg"])}">Quête : Titre de la quête</div>'
+            f'<div class="quizBoxBody" data-quiz-role="body" style="background:{html_lib.escape(style["body_bg"])}">'
+            f'<p class="quizBoxQuestionText" data-quiz-role="question">La question s\'affiche ici.</p>'
+            f'<div class="quizBoxChoices" data-quiz-role="choices">'
             f'<button type="button" class="quizBoxChoiceBtn" disabled>Choix A</button>'
             f'<button type="button" class="quizBoxChoiceBtn" disabled>Choix B</button>'
-            f'</div></div>'
+            f'</div></div></div>'
         )
     if obj["kind"] == "score_widget":
         # Widget "🏆 Score" (voir "🖥️ Interface") — toujours VISIBLE une