Phase 5 : position/déplacement d'élément + condition de collision

Ajoute le positionnement absolu (pos_x/pos_y, réutilise left/top en %
déjà en place) et relatif (pos_x_relatif/pos_y_relatif, ajoute un delta
à la position actuelle plutôt que de l'écraser) comme nouvelles
propriétés de l'action "Modifier un élément".

Ajoute une nouvelle source de condition "collision" (aux côtés de
"objet"/"variable") : deux éléments (cond_element_a/cond_element_b,
ALTER TABLE sans contrainte FK, même patron que block_id/
trigger_custom_event_id) dont on compare les rectangles à l'écran via
getBoundingClientRect() côté client (elementsOverlap(), dans
conditions.js). Pas d'opérateur/valeur à choisir : le chevauchement EST
directement le booléen vrai/faux du nœud — le créateur relie le port
"Faux" pour "ne se touchent pas", exactement comme pour n'importe quelle
autre condition (design plus simple que réinterpréter égal/différent,
qui n'a pas de sens pour superieur/inferieur).

delete_element.py et flow_nodes_referencing_element.py nettoient
désormais aussi les nœuds de collision référençant un élément supprimé
(ou l'un de ses descendants), pour rester cohérents avec le nettoyage
déjà en place pour trigger_element_id/target_element_id.

Combiné à la Phase 3 (minuteur récurrent) et au déplacement au clavier,
ça couvre des jeux type casse-briques/Pong/ramasse-objets sans
construire un vrai moteur physique (pas de vélocité/accélération/
gravité continues, cadrage volontairement limité).

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

static/js/play/actions.js

@@ -12,6 +12,12 @@ var ELEMENT_PROPERTY_CSS = {
   border_color: { css: 'borderColor', suffix: '' },
   width: { css: 'width', suffix: '%' },
   height: { css: 'height', suffix: '%' },
+  // Phase 5 (moteur) — les éléments sont DÉJÀ positionnés en absolu avec
+  // left/top en % (voir filters/element_style_filter.py) : piloter ces
+  // deux propriétés est donc cohérent avec l'existant, pas une nouvelle
+  // mécanique de positionnement.
+  pos_x: { css: 'left', suffix: '%' },
+  pos_y: { css: 'top', suffix: '%' },
 };
 
 function applyElementProperty(targetEl, property, value) {
@@ -70,6 +76,19 @@ function applyElementProperty(targetEl, property, value) {
     }
     return;
   }
+  if (property === 'pos_x_relatif' || property === 'pos_y_relatif') {
+    // Phase 5 — AJOUTE la valeur à la position actuelle plutôt que de
+    // l'écraser (contrairement à pos_x/pos_y, "absolus") : combiné à un
+    // déclencheur clavier (Phase 3), ça permet un personnage/objet qui se
+    // déplace pas à pas à chaque appui de touche plutôt que de sauter
+    // toujours au même endroit.
+    const relSpec = ELEMENT_PROPERTY_CSS[property === 'pos_x_relatif' ? 'pos_x' : 'pos_y'];
+    const delta = parseFloat(value);
+    if (isNaN(delta)) return;
+    const current = parseFloat(targetEl.style[relSpec.css]) || 0;
+    targetEl.style[relSpec.css] = (current + delta) + relSpec.suffix;
+    return;
+  }
 
   const spec = ELEMENT_PROPERTY_CSS[property];
   if (!spec || value === undefined || value === null) return;