Collision : une carte par objet occupe toute la largeur

L'ancienne grille (auto-fill, colonnes de 300px minimum) réservait des
colonnes vides même avec une seule carte, la laissant étroite avec un
grand vide à droite. Empilées en pleine largeur à la place — laisse
aussi la place à une longue chaîne de règles de s'étendre sans se
faire couper.

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

static/style.css

@@ -705,7 +705,12 @@ body.builderBody > main.content{ flex:1 1 auto; min-height:0; overflow:hidden; d
 @keyframes collisionLinkIn{ from{ opacity:0; transform:translateX(-10px) scale(.9); } to{ opacity:1; transform:none; } }
 @keyframes collisionChoiceIn{ from{ opacity:0; transform:translateY(8px) scale(.92); } to{ opacity:1; transform:none; } }
 
-.collisionRulesCards{ display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:18px; margin-top:14px; }
+/* Une carte par ligne, PLEINE LARGEUR (demandé explicitement — l'ancien
+   grid.auto-fill réservait des colonnes de 300px même pour une seule
+   carte, la laissant étroite avec un grand vide à droite) : une règle
+   peut porter une longue chaîne de maillons, la pleine largeur lui
+   laisse la place de s'étendre sans se faire couper. */
+.collisionRulesCards{ display:flex; flex-direction:column; gap:18px; margin-top:14px; }
 .collisionRuleCard{
   position:relative; background:linear-gradient(165deg, var(--panel), var(--panel2));
   border:1px solid var(--border); border-radius:16px; padding:16px;