diff --git a/components/RulesDisplay.vue b/components/RulesDisplay.vue
index 93aae29..8a675ae 100644
--- a/components/RulesDisplay.vue
+++ b/components/RulesDisplay.vue
@@ -25,10 +25,10 @@ const router = useRouter();
                 <p>&#8203;</p>
                 <p>Et quoi de mieux pour faire ça que des cartes colorées?</p>
                 <div class="card-row">
-                    <CardPreview :card_id="6"></CardPreview>
-                    <CardPreview :card_id="19"></CardPreview>
-                    <CardPreview :card_id="36"></CardPreview>
-                    <CardPreview :card_id="46"></CardPreview>
+                    <CardPreview :card_id="6" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="19" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="36" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="46" :tilted="false"></CardPreview>
                 </div>
                 <p>&#8203;</p>
                 <hr>
@@ -48,7 +48,7 @@ const router = useRouter();
                 <p>Comme c'est un jeu de "deckbuilding", on va expliquer ce qu'est le "deck" et ce qui nous permet de le
                     "build".</p>
                 <div class="card-row">
-                    <CardPreview :card_id="undefined"></CardPreview>
+                    <CardPreview :card_id="undefined" :tilted="false"></CardPreview>
                 </div>
                 <p>&#8203;</p>
                 <p>
@@ -76,10 +76,10 @@ const router = useRouter();
                     <li>1x Dégats (2)</li>
                 </ul>
                 <div class="card-row">
-                    <CardPreview :card_id="56"></CardPreview>
-                    <CardPreview :card_id="59"></CardPreview>
-                    <CardPreview :card_id="58"></CardPreview>
-                    <CardPreview :card_id="57"></CardPreview>
+                    <CardPreview :card_id="56" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="59" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="58" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="57" :tilted="false"></CardPreview>
                 </div>
                 <p>
                     La pioche est formée au hasard: on peut donc avoir une main de départ avec 5 or et 2 dégats, ou 3 or
@@ -99,15 +99,15 @@ const router = useRouter();
                     Les cartes sont divisées en 3 catégories: objets, actions et champions.
                 </p>
                 <div class="card-row">
-                    <CardPreview :card_id="56"></CardPreview>
-                    <CardPreview :card_id="52"></CardPreview>
-                    <CardPreview :card_id="43"></CardPreview>
+                    <CardPreview :card_id="56" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="52" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="43" :tilted="false"></CardPreview>
                 </div>
                 <p>&#8203;</p>
                 <h3>Objets & actions</h3>
                 <div class="card-row">
-                    <CardPreview :card_id="56"></CardPreview>
-                    <CardPreview :card_id="52"></CardPreview>
+                    <CardPreview :card_id="56" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="52" :tilted="false"></CardPreview>
                 </div>
                 <p>
                     Par simplicité, disons que les objets et les actions sont pareil: on les joue, ils font un effet
@@ -115,7 +115,7 @@ const router = useRouter();
                 </p>
                 <h3>Champions (& gardes)</h3>
                 <div class="card-row">
-                    <CardPreview :card_id="43"></CardPreview>
+                    <CardPreview :card_id="43" :tilted="false"></CardPreview>
                 </div>
                 <p>
                     Les champions sont un peu plus complexes: ils restent sur le terrain, et on peut les utiliser à
@@ -127,7 +127,7 @@ const router = useRouter();
                 <p>Ces dégats doivent être faits d'un coup. Je ne peux pas faire un peu de dégats pendant un tour, et un
                     peu le tour d'après pour les tuer.</p>
                 <div class="card-row">
-                    <CardPreview :card_id="49"></CardPreview>
+                    <CardPreview :card_id="49" :tilted="false"></CardPreview>
                 </div>
                 <p>
                     Par ailleurs, certains champions sont des Gardes <img src="/images/champion-shield-guard.png"
@@ -150,10 +150,10 @@ const router = useRouter();
                         class="icon_img" draggable="false" /> sert exclusivement à accomplir ce but: acheter des cartes.
                 </p>
                 <div class="card-row">
-                    <CardPreview :card_id="6"></CardPreview>
-                    <CardPreview :card_id="19"></CardPreview>
-                    <CardPreview :card_id="36"></CardPreview>
-                    <CardPreview :card_id="46"></CardPreview>
+                    <CardPreview :card_id="6" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="19" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="36" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="46" :tilted="false"></CardPreview>
                 </div>
                 <p>
                     Un marché est mis à disposition de tous les joueurs, mettant à disposition 5 cartes (pas ici parce
@@ -177,18 +177,18 @@ const router = useRouter();
                 </p>
                 <p>&#8203;</p>
                 <div class="card-row">
-                    <CardPreview :card_id="13"></CardPreview>
-                    <CardPreview :card_id="3"></CardPreview>
-                    <CardPreview :card_id="1"></CardPreview>
+                    <CardPreview :card_id="13" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="3" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="1" :tilted="false"></CardPreview>
                 </div>
                 <p>&#8203;</p>
                 <p>Les cartes <span style="color: darkgoldenrod">jaunes</span> sont les cartes Empire.</p>
                 <p>Elles font beaucoup de soin, et activent souvent des effets de pioche.</p>
                 <p>&#8203;</p>
                 <div class="card-row">
-                    <CardPreview :card_id="39"></CardPreview>
-                    <CardPreview :card_id="34"></CardPreview>
-                    <CardPreview :card_id="40"></CardPreview>
+                    <CardPreview :card_id="39" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="34" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="40" :tilted="false"></CardPreview>
                 </div>
                 <p>&#8203;</p>
                 <p>Les cartes <span style="color: red">rouges</span> sont les cartes Necros.</p>
@@ -196,18 +196,18 @@ const router = useRouter();
                 </p>
                 <p>&#8203;</p>
                 <div class="card-row">
-                    <CardPreview :card_id="52"></CardPreview>
-                    <CardPreview :card_id="46"></CardPreview>
-                    <CardPreview :card_id="47"></CardPreview>
+                    <CardPreview :card_id="52" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="46" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="47" :tilted="false"></CardPreview>
                 </div>
                 <p>&#8203;</p>
                 <p>Les cartes <span style="color: darkgreen">vertes</span> sont les cartes Sauvages.</p>
                 <p>Elles font beaucoup de dégats, et forcent vos adversaires à jouer moins de cartes.</p>
                 <p>&#8203;</p>
                 <div class="card-row">
-                    <CardPreview :card_id="24"></CardPreview>
-                    <CardPreview :card_id="25"></CardPreview>
-                    <CardPreview :card_id="19"></CardPreview>
+                    <CardPreview :card_id="24" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="25" :tilted="false"></CardPreview>
+                    <CardPreview :card_id="19" :tilted="false"></CardPreview>
                 </div>
                 <p>&#8203;</p>
                 <p>Les cartes <span style="color: darkblue">bleues</span> sont les cartes Guilde.</p>
@@ -217,7 +217,7 @@ const router = useRouter();
                 <h2>Déclencheurs</h2>
                 <p>Les effets de cartes peuvent se déclencher pour 3 raisons différentes.</p>
                 <div class="card-row">
-                    <CardPreview :card_id="14"></CardPreview>
+                    <CardPreview :card_id="14" :tilted="false"></CardPreview>
                 </div>
                 <p>Sur cette carte, on peut voir les trois en même temps.</p>
                 <p>La 1ère ligne s'active tout le temps.</p>