Aperçu de la boîte de collision dans l'éditeur + blocage physique au jeu

Deux retours utilisateur sur la boîte de collision (ajoutée précédemment) :

- Visible et réglable directement dans l'éditeur de scène : pour l'objet
  sélectionné, un contour pointillé (rectangle/cercle) se superpose sur
  le canevas — glisser son corps ajuste le décalage, glisser sa poignée
  (coin bas-droit) ajuste la taille, les deux se répercutent dans le
  panneau "🧱 Collision" et inversement (édition des champs -> aperçu à
  jour). static/js/scenes/scene-editor.js::onCollisionBoxMouseDown/
  onCollisionBoxResizeMouseDown, mirror des poignées de position/taille
  déjà existantes pour l'objet lui-même.

- Bloque désormais RÉELLEMENT le déplacement au clavier : avant chaque
  pas, personnage-controller.js teste si la position candidate
  chevaucherait la boîte de collision d'un autre objet solide (jamais un
  "fond", jamais un objet à collision désactivée) et annule ce pas — par
  AXE séparément, pour permettre de glisser le long d'un mur en
  diagonale plutôt qu'un blocage total au moindre contact. Réutilise
  forgeShapesOverlap (conditions.js, factorisé depuis elementsOverlap
  pour ne jamais dupliquer la règle "qu'est-ce qui se touche").

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

static/style.css

@@ -654,6 +654,21 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d
   background:var(--accent); border-radius:3px 0 6px 0; opacity:.85;
 }
 
+/* Aperçu de la boîte de collision dans l'éditeur (voir "🧱 Collision",
+   templates/scene_edit.html) — seulement pour l'objet SÉLECTIONNÉ.
+   pointer-events déjà actifs par défaut (contrairement à .sceneBackground
+   au jeu) : c'est justement le but, la faire glisser/redimensionner. */
+.collisionBoxOverlay{
+  position:absolute; box-sizing:border-box; border:2px dashed #ff5c5c;
+  background:rgba(255,92,92,.12); cursor:move; z-index:20;
+}
+.collisionBoxOverlay.is-circle{ border-radius:50%; }
+.collisionBoxOverlay.is-disabled{ border-color:#8b95a7; background:rgba(139,149,167,.1); }
+.collisionResizeHandle{
+  position:absolute; right:-6px; bottom:-6px; width:12px; height:12px; cursor:nwse-resize;
+  background:#ff5c5c; border-radius:50%; border:2px solid #1a1d24;
+}
+
 .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); }