From ad6af3724d47680b29b4afa5e9c3a11cdff8d530 Mon Sep 17 00:00:00 2001
From: Erzangel <ertche@hotmail.fr>
Date: Tue, 16 Jul 2024 23:27:23 +0200
Subject: [PATCH] feat(assets): CARDS fr fr

---
 assets/images/cards/heron-svg/001.svg       |  8 ++++----
 assets/images/cards/heron-svg/002.svg       |  8 ++++----
 assets/images/cards/heron-svg/003.svg       |  6 +++---
 assets/images/cards/heron-svg/004.svg       |  6 +++---
 assets/images/cards/heron-svg/005.svg       |  6 +++---
 assets/images/cards/heron-svg/006.svg       |  6 +++---
 assets/images/cards/heron-svg/007.svg       | 10 +++++-----
 assets/images/cards/heron-svg/008.svg       |  8 ++++----
 assets/images/cards/heron-svg/009.svg       |  8 ++++----
 assets/images/cards/heron-svg/010.svg       |  2 +-
 assets/images/cards/heron-svg/011.svg       |  6 +++---
 assets/images/cards/heron-svg/012.svg       |  6 +++---
 assets/images/cards/heron-svg/013.svg       |  2 +-
 assets/images/cards/heron-svg/014.svg       |  6 +++---
 assets/images/cards/heron-svg/015.svg       |  6 +++---
 assets/images/cards/heron-svg/016.svg       |  6 +++---
 assets/images/cards/heron-svg/017.svg       | 10 +++++-----
 assets/images/cards/heron-svg/018.svg       |  8 ++++----
 assets/images/cards/heron-svg/019.svg       |  8 ++++----
 assets/images/cards/heron-svg/020.svg       |  6 +++---
 assets/images/cards/heron-svg/021.svg       |  4 ++--
 assets/images/cards/heron-svg/022.svg       |  6 +++---
 assets/images/cards/heron-svg/023.svg       |  8 ++++----
 assets/images/cards/heron-svg/024.svg       |  4 ++--
 assets/images/cards/heron-svg/025.svg       |  6 +++---
 assets/images/cards/heron-svg/026.svg       |  8 ++++----
 assets/images/cards/heron-svg/027.svg       |  8 ++++----
 assets/images/cards/heron-svg/028.svg       |  6 +++---
 assets/images/cards/heron-svg/029.svg       |  6 +++---
 assets/images/cards/heron-svg/030.svg       |  8 ++++----
 assets/images/cards/heron-svg/031.svg       |  6 +++---
 assets/images/cards/heron-svg/032.svg       |  6 +++---
 assets/images/cards/heron-svg/033.svg       |  8 ++++----
 assets/images/cards/heron-svg/034.svg       |  8 ++++----
 assets/images/cards/heron-svg/035.svg       |  4 ++--
 assets/images/cards/heron-svg/036.svg       |  8 ++++----
 assets/images/cards/heron-svg/037.svg       | 10 +++++-----
 assets/images/cards/heron-svg/038.svg       |  8 ++++----
 assets/images/cards/heron-svg/039.svg       |  8 ++++----
 assets/images/cards/heron-svg/040.svg       | 10 +++++-----
 assets/images/cards/heron-svg/041.svg       | 10 +++++-----
 assets/images/cards/heron-svg/042.svg       |  8 ++++----
 assets/images/cards/heron-svg/043.svg       |  6 +++---
 assets/images/cards/heron-svg/044.svg       |  6 +++---
 assets/images/cards/heron-svg/045.svg       |  8 ++++----
 assets/images/cards/heron-svg/046.svg       |  8 ++++----
 assets/images/cards/heron-svg/047.svg       | 10 +++++-----
 assets/images/cards/heron-svg/048.svg       |  6 +++---
 assets/images/cards/heron-svg/049.svg       |  8 ++++----
 assets/images/cards/heron-svg/050.svg       |  6 +++---
 assets/images/cards/heron-svg/051.svg       |  6 +++---
 assets/images/cards/heron-svg/052.svg       |  6 +++---
 assets/images/cards/heron-svg/053.svg       |  8 ++++----
 assets/images/cards/heron-svg/054.svg       |  8 ++++----
 assets/images/cards/heron-svg/055.svg       |  6 +++---
 assets/images/cards/heron-svg/056.svg       |  4 ++--
 assets/images/cards/heron-svg/057.svg       |  4 ++--
 assets/images/cards/heron-svg/058.svg       |  4 ++--
 assets/images/cards/heron-svg/059.svg       |  4 ++--
 assets/images/cards/heron-svg/060.svg       |  4 ++--
 assets/images/cards/heron-svg/061.svg       |  4 ++--
 assets/images/cards/heron-svg/062.svg       |  4 ++--
 assets/images/cards/heron-svg/063.svg       |  4 ++--
 assets/images/cards/heron-svg/064.svg       |  2 +-
 assets/images/cards/heron-svg/065.svg       |  2 +-
 assets/images/cards/heron-svg/066.svg       |  2 +-
 assets/images/cards/heron-svg/067.svg       |  2 +-
 assets/images/cards/heron-svg/068.svg       |  2 +-
 assets/images/cards/heron-svg/069.svg       |  4 ++--
 assets/images/cards/heron-svg/070.svg       |  2 +-
 assets/images/cards/heron-svg/071.svg       |  2 +-
 assets/images/cards/heron-svg/072.svg       |  4 ++--
 assets/images/cards/heron-svg/073.svg       |  2 +-
 assets/images/cards/heron-svg/074.svg       |  2 +-
 assets/images/cards/heron-svg/078.svg       |  2 +-
 assets/images/cards/heron-svg/079.svg       |  2 +-
 assets/images/cards/heron-svg/080.svg       |  2 +-
 assets/images/cards/heron-svg/081.svg       |  2 +-
 assets/images/cards/heron-svg/082.svg       |  2 +-
 assets/images/cards/heron-svg/086.svg       |  2 +-
 assets/images/cards/heron-svg/091.svg       |  2 +-
 assets/images/cards/heron-svg/092.svg       |  2 +-
 assets/images/cards/heron-svg/094.svg       |  2 +-
 assets/images/cards/heron-svg/095.svg       |  2 +-
 assets/images/cards/heron-svg/099.svg       |  2 +-
 assets/images/cards/heron-svg/101.svg       |  2 +-
 assets/images/cards/heron-svg/102.svg       |  2 +-
 public/img/skins/heron/001.png              |  3 +++
 public/img/skins/heron/004.png              |  3 +++
 public/img/skins/heron/006.png              |  3 +++
 public/img/skins/heron/{007.jpg => 007.png} |  0
 public/img/skins/heron/013.png              |  3 +++
 public/img/skins/heron/015.png              |  3 +++
 public/img/skins/heron/016.png              |  3 +++
 public/img/skins/heron/024.png              |  3 +++
 public/img/skins/heron/025.png              |  3 +++
 public/img/skins/heron/027.png              |  3 +++
 public/img/skins/heron/028.png              |  3 +++
 public/img/skins/heron/030.png              |  3 +++
 public/img/skins/heron/033.png              |  3 +++
 public/img/skins/heron/034.png              |  3 +++
 public/img/skins/heron/035.png              |  3 +++
 public/img/skins/heron/036.png              |  3 +++
 public/img/skins/heron/042.png              |  3 +++
 public/img/skins/heron/043.png              |  3 +++
 public/img/skins/heron/051.png              |  3 +++
 public/img/skins/heron/054.png              |  3 +++
 public/img/skins/heron/056.png              |  3 +++
 public/img/skins/heron/057.png              |  3 +++
 public/img/skins/heron/058.png              |  3 +++
 public/img/skins/heron/059.png              |  3 +++
 111 files changed, 302 insertions(+), 233 deletions(-)
 create mode 100644 public/img/skins/heron/001.png
 create mode 100644 public/img/skins/heron/004.png
 create mode 100644 public/img/skins/heron/006.png
 rename public/img/skins/heron/{007.jpg => 007.png} (100%)
 create mode 100644 public/img/skins/heron/013.png
 create mode 100644 public/img/skins/heron/015.png
 create mode 100644 public/img/skins/heron/016.png
 create mode 100644 public/img/skins/heron/024.png
 create mode 100644 public/img/skins/heron/025.png
 create mode 100644 public/img/skins/heron/027.png
 create mode 100644 public/img/skins/heron/028.png
 create mode 100644 public/img/skins/heron/030.png
 create mode 100644 public/img/skins/heron/033.png
 create mode 100644 public/img/skins/heron/034.png
 create mode 100644 public/img/skins/heron/035.png
 create mode 100644 public/img/skins/heron/036.png
 create mode 100644 public/img/skins/heron/042.png
 create mode 100644 public/img/skins/heron/043.png
 create mode 100644 public/img/skins/heron/051.png
 create mode 100644 public/img/skins/heron/054.png
 create mode 100644 public/img/skins/heron/056.png
 create mode 100644 public/img/skins/heron/057.png
 create mode 100644 public/img/skins/heron/058.png
 create mode 100644 public/img/skins/heron/059.png

diff --git a/assets/images/cards/heron-svg/001.svg b/assets/images/cards/heron-svg/001.svg
index c3b3b74..b19cfa3 100644
--- a/assets/images/cards/heron-svg/001.svg
+++ b/assets/images/cards/heron-svg/001.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Arkus, Imperial Dragon</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Tohru, Dragon Maid</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Lesbienne</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,12 +36,12 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/001.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
diff --git a/assets/images/cards/heron-svg/002.svg b/assets/images/cards/heron-svg/002.svg
index 46ff698..3bcac41 100644
--- a/assets/images/cards/heron-svg/002.svg
+++ b/assets/images/cards/heron-svg/002.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Close Ranks</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Serrer les... rangs?</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Motivation 😳</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/002.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/003.svg b/assets/images/cards/heron-svg/003.svg
index 61819c8..c5e1607 100644
--- a/assets/images/cards/heron-svg/003.svg
+++ b/assets/images/cards/heron-svg/003.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Command</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Commandement</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,10 +36,10 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/003.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(77.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
diff --git a/assets/images/cards/heron-svg/004.svg b/assets/images/cards/heron-svg/004.svg
index a63a586..a25045f 100644
--- a/assets/images/cards/heron-svg/004.svg
+++ b/assets/images/cards/heron-svg/004.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Darian , War Mage</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Saki, Pégase de Guerre</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Cowboy</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/004.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
diff --git a/assets/images/cards/heron-svg/005.svg b/assets/images/cards/heron-svg/005.svg
index 7307f9d..b7aaa94 100644
--- a/assets/images/cards/heron-svg/005.svg
+++ b/assets/images/cards/heron-svg/005.svg
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/005.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -59,7 +59,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Mobilisez un Champion</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/006.svg b/assets/images/cards/heron-svg/006.svg
index 2bee63c..a2c2b29 100644
--- a/assets/images/cards/heron-svg/006.svg
+++ b/assets/images/cards/heron-svg/006.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Cristov, the Just</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Raiden, le Juste</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/006.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -57,7 +57,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/007.svg b/assets/images/cards/heron-svg/007.svg
index faf5c3c..4333c29 100644
--- a/assets/images/cards/heron-svg/007.svg
+++ b/assets/images/cards/heron-svg/007.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Kraka, High Priest</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Kikuri, Grande Prêtre</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Alcoolique</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,12 +36,12 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/007.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/008.svg b/assets/images/cards/heron-svg/008.svg
index 4bc4bec..63c4f5b 100644
--- a/assets/images/cards/heron-svg/008.svg
+++ b/assets/images/cards/heron-svg/008.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Man-at-Arms</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Le Gardien</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Gardien</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/008.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre</tspan><tspan x="0" dy="1em">Garde que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/009.svg b/assets/images/cards/heron-svg/009.svg
index d048139..3a21d17 100644
--- a/assets/images/cards/heron-svg/009.svg
+++ b/assets/images/cards/heron-svg/009.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Master Weyan</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Dlanor A. Knox</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Inquisitrice</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/009.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/010.svg b/assets/images/cards/heron-svg/010.svg
index 573552d..dacff5c 100644
--- a/assets/images/cards/heron-svg/010.svg
+++ b/assets/images/cards/heron-svg/010.svg
@@ -56,7 +56,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Mobilisez un Champion</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/011.svg b/assets/images/cards/heron-svg/011.svg
index 0a52bbc..374fe42 100644
--- a/assets/images/cards/heron-svg/011.svg
+++ b/assets/images/cards/heron-svg/011.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Recruit</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Recrutement</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/011.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/012.svg b/assets/images/cards/heron-svg/012.svg
index 043e1d3..13de0f3 100644
--- a/assets/images/cards/heron-svg/012.svg
+++ b/assets/images/cards/heron-svg/012.svg
@@ -21,7 +21,7 @@
 </g>
 <g id="title">
 <text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Tits Priest</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Meuble</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/012.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/013.svg b/assets/images/cards/heron-svg/013.svg
index c521ba8..37f7631 100644
--- a/assets/images/cards/heron-svg/013.svg
+++ b/assets/images/cards/heron-svg/013.svg
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="lancersiz3.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/013.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/014.svg b/assets/images/cards/heron-svg/014.svg
index 476e82a..9cf0c3e 100644
--- a/assets/images/cards/heron-svg/014.svg
+++ b/assets/images/cards/heron-svg/014.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="rgb(206, 182, 167)" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Word of Power</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Parole de Puissance</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,12 +36,12 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/014.png" />
 <g transform="translate(12,265)">
 <path d="M10,45 L264,45" stroke="black" stroke-width="1" />
 <path d="M10,90 L264,90" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,26.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,26.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/015.svg b/assets/images/cards/heron-svg/015.svg
index c17e59c..ead288f 100644
--- a/assets/images/cards/heron-svg/015.svg
+++ b/assets/images/cards/heron-svg/015.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">borg, ogre mercenary</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Madeline, Mercenaire</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Guerrière</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/015.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
diff --git a/assets/images/cards/heron-svg/016.svg b/assets/images/cards/heron-svg/016.svg
index ef393d4..d6dc7ab 100644
--- a/assets/images/cards/heron-svg/016.svg
+++ b/assets/images/cards/heron-svg/016.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">bribe</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Pot-de-Vin</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/016.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">stack_next_action_bought</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/017.svg b/assets/images/cards/heron-svg/017.svg
index 67ff321..613e711 100644
--- a/assets/images/cards/heron-svg/017.svg
+++ b/assets/images/cards/heron-svg/017.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">death threat</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Menace de Mort</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Takano</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/017.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/018.svg b/assets/images/cards/heron-svg/018.svg
index f7a68e6..fee7196 100644
--- a/assets/images/cards/heron-svg/018.svg
+++ b/assets/images/cards/heron-svg/018.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">deception</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Fourberie</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/018.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em"> dans votre main.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/019.svg b/assets/images/cards/heron-svg/019.svg
index 7e273fb..adac1b0 100644
--- a/assets/images/cards/heron-svg/019.svg
+++ b/assets/images/cards/heron-svg/019.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">fire bomb</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Niko Incendiaire</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, gfhd;spfgljh.-</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/019.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Assomez le champion ciblé. </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/020.svg b/assets/images/cards/heron-svg/020.svg
index 02abf00..a7c0687 100644
--- a/assets/images/cards/heron-svg/020.svg
+++ b/assets/images/cards/heron-svg/020.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">tit job</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Tit job</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/020.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/021.svg b/assets/images/cards/heron-svg/021.svg
index 32aed27..86b90aa 100644
--- a/assets/images/cards/heron-svg/021.svg
+++ b/assets/images/cards/heron-svg/021.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">intimidation</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Intimidation</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/021.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/022.svg b/assets/images/cards/heron-svg/022.svg
index 7154573..92b4413 100644
--- a/assets/images/cards/heron-svg/022.svg
+++ b/assets/images/cards/heron-svg/022.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">myros, guild mage</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">S.W.M.G.</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Gang</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/022.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/023.svg b/assets/images/cards/heron-svg/023.svg
index 18f05d9..836a52c 100644
--- a/assets/images/cards/heron-svg/023.svg
+++ b/assets/images/cards/heron-svg/023.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">parov, the enforcer</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Parov, l'Exécuteur</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Bagarreur</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/023.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/024.svg b/assets/images/cards/heron-svg/024.svg
index 4c44fc5..a5b9619 100644
--- a/assets/images/cards/heron-svg/024.svg
+++ b/assets/images/cards/heron-svg/024.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">profit</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Bénéfice</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/024.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/025.svg b/assets/images/cards/heron-svg/025.svg
index 7d1a46b..082e5d3 100644
--- a/assets/images/cards/heron-svg/025.svg
+++ b/assets/images/cards/heron-svg/025.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">rake, master assassin</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Jester, Maître Assassin</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/025.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/026.svg b/assets/images/cards/heron-svg/026.svg
index 13e6c00..4750045 100644
--- a/assets/images/cards/heron-svg/026.svg
+++ b/assets/images/cards/heron-svg/026.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">rasmus, the smuggler</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Mako, le Contrebandier</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Charlatan</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/026.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em">au dessus de votre pioche.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/027.svg b/assets/images/cards/heron-svg/027.svg
index 588fe62..6a6804c 100644
--- a/assets/images/cards/heron-svg/027.svg
+++ b/assets/images/cards/heron-svg/027.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">smash and grab</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Casser et Piller (chez toi)</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Crime</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,10 +36,10 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/027.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">restack_discarded_card</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/028.svg b/assets/images/cards/heron-svg/028.svg
index e6c6c39..054df36 100644
--- a/assets/images/cards/heron-svg/028.svg
+++ b/assets/images/cards/heron-svg/028.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightblue" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Street Thug</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Cirno</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Baka</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/028.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
diff --git a/assets/images/cards/heron-svg/029.svg b/assets/images/cards/heron-svg/029.svg
index a1b6272..fbb0225 100644
--- a/assets/images/cards/heron-svg/029.svg
+++ b/assets/images/cards/heron-svg/029.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Ass Priest</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Prêtre du Cul</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Thicc</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/029.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/030.svg b/assets/images/cards/heron-svg/030.svg
index f9e6dbe..d43d4dc 100644
--- a/assets/images/cards/heron-svg/030.svg
+++ b/assets/images/cards/heron-svg/030.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">dark energy</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">LowTierGod</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Streamer</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/030.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/031.svg b/assets/images/cards/heron-svg/031.svg
index f702140..c5a7231 100644
--- a/assets/images/cards/heron-svg/031.svg
+++ b/assets/images/cards/heron-svg/031.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">dark reward</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Sombre Récompense</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/031.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/032.svg b/assets/images/cards/heron-svg/032.svg
index ded2763..b8f6305 100644
--- a/assets/images/cards/heron-svg/032.svg
+++ b/assets/images/cards/heron-svg/032.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">death cultist</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Bracken</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Entité</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/032.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
diff --git a/assets/images/cards/heron-svg/033.svg b/assets/images/cards/heron-svg/033.svg
index 6e0abdc..e18529b 100644
--- a/assets/images/cards/heron-svg/033.svg
+++ b/assets/images/cards/heron-svg/033.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">death touch</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Bad Touch</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Boisson</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/033.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/034.svg b/assets/images/cards/heron-svg/034.svg
index 5478080..8451a3e 100644
--- a/assets/images/cards/heron-svg/034.svg
+++ b/assets/images/cards/heron-svg/034.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">rayla, endweaver</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Alear, Tisseuse de Liens</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Dragon Divin</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/034.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/035.svg b/assets/images/cards/heron-svg/035.svg
index 6e34b74..cdfb393 100644
--- a/assets/images/cards/heron-svg/035.svg
+++ b/assets/images/cards/heron-svg/035.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">influence</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Trick-or-Treat!</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/035.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/036.svg b/assets/images/cards/heron-svg/036.svg
index eef65bf..26c7282 100644
--- a/assets/images/cards/heron-svg/036.svg
+++ b/assets/images/cards/heron-svg/036.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">krythos, master vampire</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Miguel O'Hara</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, DILF</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/036.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/037.svg b/assets/images/cards/heron-svg/037.svg
index 0f0ffe7..876dcdd 100644
--- a/assets/images/cards/heron-svg/037.svg
+++ b/assets/images/cards/heron-svg/037.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">life drain</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Drain de Vie</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Pas de Bol</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/037.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/038.svg b/assets/images/cards/heron-svg/038.svg
index 8ed5c42..dd96e73 100644
--- a/assets/images/cards/heron-svg/038.svg
+++ b/assets/images/cards/heron-svg/038.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Lys, the Unseen</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">V2</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Connard</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/038.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/039.svg b/assets/images/cards/heron-svg/039.svg
index 55583df..52c3743 100644
--- a/assets/images/cards/heron-svg/039.svg
+++ b/assets/images/cards/heron-svg/039.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">the rot</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">La Riamuification</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Malédiction</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/039.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/040.svg b/assets/images/cards/heron-svg/040.svg
index e8b5693..de09bb9 100644
--- a/assets/images/cards/heron-svg/040.svg
+++ b/assets/images/cards/heron-svg/040.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">tyrannor, the devourer</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Yuyuko, la Dévoreuse</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Fumo</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,12 +36,12 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/040.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier jusqu'à deux</tspan><tspan x="0" dy="1em">cartes de votre main et/ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/041.svg b/assets/images/cards/heron-svg/041.svg
index c1f50b5..b7f191e 100644
--- a/assets/images/cards/heron-svg/041.svg
+++ b/assets/images/cards/heron-svg/041.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightcoral" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">varrick, the necromancer</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Battler, Maître du jeu</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Sorcier Infini</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,19 +36,19 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/041.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez un champion de votre défausse</tspan><tspan x="0" dy="1em">au dessus de votre pioche.</tspan></text>
 </g>
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/042.svg b/assets/images/cards/heron-svg/042.svg
index 753f144..0bfef0f 100644
--- a/assets/images/cards/heron-svg/042.svg
+++ b/assets/images/cards/heron-svg/042.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">broelyn, loreweaver</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Featherine, la Spectatrice</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Sorcière</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/042.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/043.svg b/assets/images/cards/heron-svg/043.svg
index 1166347..8c66ef6 100644
--- a/assets/images/cards/heron-svg/043.svg
+++ b/assets/images/cards/heron-svg/043.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">cron, the berserker</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Panette, la Berserker</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/043.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/044.svg b/assets/images/cards/heron-svg/044.svg
index 012e8f9..e279d32 100644
--- a/assets/images/cards/heron-svg/044.svg
+++ b/assets/images/cards/heron-svg/044.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">dire wolf</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Koromaru Niveau 99</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Persona-user</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/044.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/045.svg b/assets/images/cards/heron-svg/045.svg
index 1491ac0..263fe9b 100644
--- a/assets/images/cards/heron-svg/045.svg
+++ b/assets/images/cards/heron-svg/045.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">elven curse</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Malédiction des Fibres</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Mind-control</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/045.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/046.svg b/assets/images/cards/heron-svg/046.svg
index 35bb8a9..0cdad58 100644
--- a/assets/images/cards/heron-svg/046.svg
+++ b/assets/images/cards/heron-svg/046.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">elven gift</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Don Insecte</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Potite</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/046.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/047.svg b/assets/images/cards/heron-svg/047.svg
index 97c36d2..36d163c 100644
--- a/assets/images/cards/heron-svg/047.svg
+++ b/assets/images/cards/heron-svg/047.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">grak, storm giant</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Leshy, Géant de la Forêt</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Maître du jeu</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,12 +36,12 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/047.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/048.svg b/assets/images/cards/heron-svg/048.svg
index 3a676dc..97510f1 100644
--- a/assets/images/cards/heron-svg/048.svg
+++ b/assets/images/cards/heron-svg/048.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">nature's bounty</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Don de la Nature</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/048.png" />
 <g transform="translate(12,265)">
 <path d="M10,45 L264,45" stroke="black" stroke-width="1" />
 <path d="M10,90 L264,90" stroke="black" stroke-width="1" />
@@ -51,7 +51,7 @@
 <g transform="translate(0,45)">
 <g class="svg_effect">
 <circle cx="30" cy="22.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,26.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,26.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/049.svg b/assets/images/cards/heron-svg/049.svg
index e3bbc95..5482d07 100644
--- a/assets/images/cards/heron-svg/049.svg
+++ b/assets/images/cards/heron-svg/049.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">orc grunt</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Grognasse</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Fille</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/049.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/050.svg b/assets/images/cards/heron-svg/050.svg
index 0b534bc..b9f2ad2 100644
--- a/assets/images/cards/heron-svg/050.svg
+++ b/assets/images/cards/heron-svg/050.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">rampage</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Impulsion Temporelle</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,10 +36,10 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/050.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher jusqu'à deux cartes,</tspan><tspan x="0" dy="1em">défaussez-vous ensuite d'autant de cartes</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/051.svg b/assets/images/cards/heron-svg/051.svg
index b67e03a..13769f8 100644
--- a/assets/images/cards/heron-svg/051.svg
+++ b/assets/images/cards/heron-svg/051.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">torgen rocksplitter</text>
+<text x="149.0" y="36" font-size="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Baiken, Samurai Slasher</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/051.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/052.svg b/assets/images/cards/heron-svg/052.svg
index a604696..1a33d4c 100644
--- a/assets/images/cards/heron-svg/052.svg
+++ b/assets/images/cards/heron-svg/052.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">spark</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Étincelle de Caine</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/052.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/053.svg b/assets/images/cards/heron-svg/053.svg
index ffbd13b..29a2a6e 100644
--- a/assets/images/cards/heron-svg/053.svg
+++ b/assets/images/cards/heron-svg/053.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">wolf form</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Forme de Loup</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
 </g>
 <g transform="translate(36,37)">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/053.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/054.svg b/assets/images/cards/heron-svg/054.svg
index 9af8a9d..64d2fb3 100644
--- a/assets/images/cards/heron-svg/054.svg
+++ b/assets/images/cards/heron-svg/054.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgreen" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">wolf shaman</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Leadeuse du Club</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Vieil Homme</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,11 +36,11 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/054.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre x</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/055.svg b/assets/images/cards/heron-svg/055.svg
index bafa6a6..e113e6d 100644
--- a/assets/images/cards/heron-svg/055.svg
+++ b/assets/images/cards/heron-svg/055.svg
@@ -20,8 +20,8 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgrey" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Fire Gem</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Live and maybe Kill</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item, Alien</text>
 </g>
 <g transform="translate(36,37)">
 <g id="faction_icon">
@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/055.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
diff --git a/assets/images/cards/heron-svg/056.svg b/assets/images/cards/heron-svg/056.svg
index 681d33c..21fa743 100644
--- a/assets/images/cards/heron-svg/056.svg
+++ b/assets/images/cards/heron-svg/056.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgrey" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Gold</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Live</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
 </g>
 <g transform="translate(36,37)">
@@ -30,7 +30,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/056.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/057.svg b/assets/images/cards/heron-svg/057.svg
index 365f87a..8745d59 100644
--- a/assets/images/cards/heron-svg/057.svg
+++ b/assets/images/cards/heron-svg/057.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgrey" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Shortsword</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Superkill</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
 </g>
 <g transform="translate(36,37)">
@@ -30,7 +30,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/057.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/058.svg b/assets/images/cards/heron-svg/058.svg
index 2027835..41c3374 100644
--- a/assets/images/cards/heron-svg/058.svg
+++ b/assets/images/cards/heron-svg/058.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgrey" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Dagger</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Kill</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
 </g>
 <g transform="translate(36,37)">
@@ -30,7 +30,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/058.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/059.svg b/assets/images/cards/heron-svg/059.svg
index 4d038fc..ac7d672 100644
--- a/assets/images/cards/heron-svg/059.svg
+++ b/assets/images/cards/heron-svg/059.svg
@@ -20,7 +20,7 @@
 <rect x="12" y="12" width="274" height="388" rx="0" ry="0" fill="lightgrey" />
 </g>
 <g id="title">
-<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Ruby</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Live Forever</text>
 <text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
 </g>
 <g transform="translate(36,37)">
@@ -30,7 +30,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/059.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/060.svg b/assets/images/cards/heron-svg/060.svg
index dccfffe..bb0ea05 100644
--- a/assets/images/cards/heron-svg/060.svg
+++ b/assets/images/cards/heron-svg/060.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em"> dans votre main.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/061.svg b/assets/images/cards/heron-svg/061.svg
index 50e5926..f491acc 100644
--- a/assets/images/cards/heron-svg/061.svg
+++ b/assets/images/cards/heron-svg/061.svg
@@ -40,14 +40,14 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé se défausse d'une carte. </tspan><tspan x="0" dy="1em">restack_discarded_card</tspan></text>
 </g>
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/062.svg b/assets/images/cards/heron-svg/062.svg
index 306083a..61c2318 100644
--- a/assets/images/cards/heron-svg/062.svg
+++ b/assets/images/cards/heron-svg/062.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -59,7 +59,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">prepare_all_champions</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/063.svg b/assets/images/cards/heron-svg/063.svg
index 2ae7feb..bbe811d 100644
--- a/assets/images/cards/heron-svg/063.svg
+++ b/assets/images/cards/heron-svg/063.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_champions_passive</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">control_opposing_champion_passive</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/064.svg b/assets/images/cards/heron-svg/064.svg
index 848bd1b..5e9d487 100644
--- a/assets/images/cards/heron-svg/064.svg
+++ b/assets/images/cards/heron-svg/064.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">+ x None</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/065.svg b/assets/images/cards/heron-svg/065.svg
index 7a80399..50eb65b 100644
--- a/assets/images/cards/heron-svg/065.svg
+++ b/assets/images/cards/heron-svg/065.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">damage_all_champions</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/066.svg b/assets/images/cards/heron-svg/066.svg
index 409a4f1..339de64 100644
--- a/assets/images/cards/heron-svg/066.svg
+++ b/assets/images/cards/heron-svg/066.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">restack_discarded_action</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/067.svg b/assets/images/cards/heron-svg/067.svg
index ef51f8b..4cd51e9 100644
--- a/assets/images/cards/heron-svg/067.svg
+++ b/assets/images/cards/heron-svg/067.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion x</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/068.svg b/assets/images/cards/heron-svg/068.svg
index 7c15369..ca6cdea 100644
--- a/assets/images/cards/heron-svg/068.svg
+++ b/assets/images/cards/heron-svg/068.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_for_free</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/069.svg b/assets/images/cards/heron-svg/069.svg
index edb9055..00e380e 100644
--- a/assets/images/cards/heron-svg/069.svg
+++ b/assets/images/cards/heron-svg/069.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">damage_all_champions </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/070.svg b/assets/images/cards/heron-svg/070.svg
index 2871107..8b636ee 100644
--- a/assets/images/cards/heron-svg/070.svg
+++ b/assets/images/cards/heron-svg/070.svg
@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">discard_x_and_draw_x</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/071.svg b/assets/images/cards/heron-svg/071.svg
index 859c7fe..ca2a8cb 100644
--- a/assets/images/cards/heron-svg/071.svg
+++ b/assets/images/cards/heron-svg/071.svg
@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/072.svg b/assets/images/cards/heron-svg/072.svg
index 8ce2f7f..057f6c5 100644
--- a/assets/images/cards/heron-svg/072.svg
+++ b/assets/images/cards/heron-svg/072.svg
@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">prepare_another_champion</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/073.svg b/assets/images/cards/heron-svg/073.svg
index f890b92..c203b7f 100644
--- a/assets/images/cards/heron-svg/073.svg
+++ b/assets/images/cards/heron-svg/073.svg
@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/074.svg b/assets/images/cards/heron-svg/074.svg
index f16d1bc..3336bd5 100644
--- a/assets/images/cards/heron-svg/074.svg
+++ b/assets/images/cards/heron-svg/074.svg
@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/078.svg b/assets/images/cards/heron-svg/078.svg
index 6b0988f..9ff1ece 100644
--- a/assets/images/cards/heron-svg/078.svg
+++ b/assets/images/cards/heron-svg/078.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_action</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/079.svg b/assets/images/cards/heron-svg/079.svg
index 8af30ce..b42d3ff 100644
--- a/assets/images/cards/heron-svg/079.svg
+++ b/assets/images/cards/heron-svg/079.svg
@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/080.svg b/assets/images/cards/heron-svg/080.svg
index 5c40a51..c082dcf 100644
--- a/assets/images/cards/heron-svg/080.svg
+++ b/assets/images/cards/heron-svg/080.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre Couteau</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/081.svg b/assets/images/cards/heron-svg/081.svg
index a3fbc06..e81c6cf 100644
--- a/assets/images/cards/heron-svg/081.svg
+++ b/assets/images/cards/heron-svg/081.svg
@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/082.svg b/assets/images/cards/heron-svg/082.svg
index 4786cc6..1ff80d6 100644
--- a/assets/images/cards/heron-svg/082.svg
+++ b/assets/images/cards/heron-svg/082.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_champion</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/086.svg b/assets/images/cards/heron-svg/086.svg
index bcd5889..8b5dba8 100644
--- a/assets/images/cards/heron-svg/086.svg
+++ b/assets/images/cards/heron-svg/086.svg
@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/091.svg b/assets/images/cards/heron-svg/091.svg
index 20f5feb..55acb45 100644
--- a/assets/images/cards/heron-svg/091.svg
+++ b/assets/images/cards/heron-svg/091.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/092.svg b/assets/images/cards/heron-svg/092.svg
index e940481..4bb687b 100644
--- a/assets/images/cards/heron-svg/092.svg
+++ b/assets/images/cards/heron-svg/092.svg
@@ -44,7 +44,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">keep_in_hand</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/094.svg b/assets/images/cards/heron-svg/094.svg
index 996a4ff..91e4876 100644
--- a/assets/images/cards/heron-svg/094.svg
+++ b/assets/images/cards/heron-svg/094.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_gem_for_free</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/095.svg b/assets/images/cards/heron-svg/095.svg
index 1e1d727..18e6ea7 100644
--- a/assets/images/cards/heron-svg/095.svg
+++ b/assets/images/cards/heron-svg/095.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">cheaper_skills_passive </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/099.svg b/assets/images/cards/heron-svg/099.svg
index f51a5a9..df8367b 100644
--- a/assets/images/cards/heron-svg/099.svg
+++ b/assets/images/cards/heron-svg/099.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_for_free</text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/101.svg b/assets/images/cards/heron-svg/101.svg
index 487ca66..b21c29b 100644
--- a/assets/images/cards/heron-svg/101.svg
+++ b/assets/images/cards/heron-svg/101.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">cheaper_card_if_higher_price </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 </g>
diff --git a/assets/images/cards/heron-svg/102.svg b/assets/images/cards/heron-svg/102.svg
index c57b608..270b4db 100644
--- a/assets/images/cards/heron-svg/102.svg
+++ b/assets/images/cards/heron-svg/102.svg
@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">pick_faction</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/public/img/skins/heron/001.png b/public/img/skins/heron/001.png
new file mode 100644
index 0000000..a795452
--- /dev/null
+++ b/public/img/skins/heron/001.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a1190340203683650f288d990ed55b39e68776a677a1603cf3c8fa39bef28258
+size 480460
diff --git a/public/img/skins/heron/004.png b/public/img/skins/heron/004.png
new file mode 100644
index 0000000..5815802
--- /dev/null
+++ b/public/img/skins/heron/004.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:47e9eef63fdda685fedb297400baeba0462dc01f3ac53917fa89aa1703424bba
+size 220023
diff --git a/public/img/skins/heron/006.png b/public/img/skins/heron/006.png
new file mode 100644
index 0000000..685eccc
--- /dev/null
+++ b/public/img/skins/heron/006.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0232afd14a067c50925903d2e97b2c9b328cad339ecd6b0a1bf9f84f691ec901
+size 349424
diff --git a/public/img/skins/heron/007.jpg b/public/img/skins/heron/007.png
similarity index 100%
rename from public/img/skins/heron/007.jpg
rename to public/img/skins/heron/007.png
diff --git a/public/img/skins/heron/013.png b/public/img/skins/heron/013.png
new file mode 100644
index 0000000..eeefa23
--- /dev/null
+++ b/public/img/skins/heron/013.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a7aa2e9bcd54be1610ba98d31b4a50a3c63cdabab0797c857f2996f6e3351301
+size 370480
diff --git a/public/img/skins/heron/015.png b/public/img/skins/heron/015.png
new file mode 100644
index 0000000..bd790d5
--- /dev/null
+++ b/public/img/skins/heron/015.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8809800a5861ef7c5a96a87c6177abac5659901e217c2a64a63810e1a7753e2e
+size 385536
diff --git a/public/img/skins/heron/016.png b/public/img/skins/heron/016.png
new file mode 100644
index 0000000..aeab860
--- /dev/null
+++ b/public/img/skins/heron/016.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef05611492f62ec9908adbdef0cd5c11282a619459e995a2d5c42b983bc93480
+size 303517
diff --git a/public/img/skins/heron/024.png b/public/img/skins/heron/024.png
new file mode 100644
index 0000000..d66440f
--- /dev/null
+++ b/public/img/skins/heron/024.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d4c628a4f2bb816cecb63f7043bff9a742572c80041608a720f82c15c3d17d4f
+size 351604
diff --git a/public/img/skins/heron/025.png b/public/img/skins/heron/025.png
new file mode 100644
index 0000000..9f97adc
--- /dev/null
+++ b/public/img/skins/heron/025.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:643624c3e6970f7436c5b93c86eadc564576e44d7f6210002149baf45649115b
+size 192316
diff --git a/public/img/skins/heron/027.png b/public/img/skins/heron/027.png
new file mode 100644
index 0000000..e7c2bc7
--- /dev/null
+++ b/public/img/skins/heron/027.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:359391eecd42d29532ca2ca6dd140b6091fdf62381c423f6899fa56d52868b43
+size 204999
diff --git a/public/img/skins/heron/028.png b/public/img/skins/heron/028.png
new file mode 100644
index 0000000..2a9c183
--- /dev/null
+++ b/public/img/skins/heron/028.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9530374959a4cee675128c87a088bf63fd8496b09ea0d4bf4962018016403ff0
+size 238394
diff --git a/public/img/skins/heron/030.png b/public/img/skins/heron/030.png
new file mode 100644
index 0000000..f069c66
--- /dev/null
+++ b/public/img/skins/heron/030.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7550783c5c81aff1e8d787d9356f72d018e9b8cfe13657c941610cdda0a31f5f
+size 232998
diff --git a/public/img/skins/heron/033.png b/public/img/skins/heron/033.png
new file mode 100644
index 0000000..fdb612b
--- /dev/null
+++ b/public/img/skins/heron/033.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7ec9636274657ce2cea03151cba6fbb7dbaa6bc6fedba9a4d720eeb2969ef08b
+size 227198
diff --git a/public/img/skins/heron/034.png b/public/img/skins/heron/034.png
new file mode 100644
index 0000000..b46a396
--- /dev/null
+++ b/public/img/skins/heron/034.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:172a87f3da5817ebec6689d3ab2f12830964dd4218705ce1707f45c0e17716bc
+size 292647
diff --git a/public/img/skins/heron/035.png b/public/img/skins/heron/035.png
new file mode 100644
index 0000000..6d41b18
--- /dev/null
+++ b/public/img/skins/heron/035.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3514cb21c9ea2de670653bee8ceb5a0a1a539bf9ab2b5a5890063add67b93fb6
+size 212294
diff --git a/public/img/skins/heron/036.png b/public/img/skins/heron/036.png
new file mode 100644
index 0000000..54d628c
--- /dev/null
+++ b/public/img/skins/heron/036.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:81c13f1c6ebec01d21205abf6ae1fabb9d6051b8c5bf1cf327ae41da6d110ced
+size 252338
diff --git a/public/img/skins/heron/042.png b/public/img/skins/heron/042.png
new file mode 100644
index 0000000..399fac4
--- /dev/null
+++ b/public/img/skins/heron/042.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bce5561fc53cba1517e26865a3b292b3945d1151318508093dea03180e9493f1
+size 424326
diff --git a/public/img/skins/heron/043.png b/public/img/skins/heron/043.png
new file mode 100644
index 0000000..aba3755
--- /dev/null
+++ b/public/img/skins/heron/043.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9030a35cc4cf663d867ab5ad24948028a5d222daa45ee4ad62765a3f47b80df4
+size 215738
diff --git a/public/img/skins/heron/051.png b/public/img/skins/heron/051.png
new file mode 100644
index 0000000..ba044cd
--- /dev/null
+++ b/public/img/skins/heron/051.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a00c6dccd6f9b8a597d3a4208d7ca2fc56b1d24dbc2197afe59561b66a3d72c1
+size 289338
diff --git a/public/img/skins/heron/054.png b/public/img/skins/heron/054.png
new file mode 100644
index 0000000..c52bdc2
--- /dev/null
+++ b/public/img/skins/heron/054.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b5e5f94bff3efbde3bafd560b89840c293db6f0176f3a3cf2faad550380baf45
+size 223567
diff --git a/public/img/skins/heron/056.png b/public/img/skins/heron/056.png
new file mode 100644
index 0000000..7d70c52
--- /dev/null
+++ b/public/img/skins/heron/056.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4f5aca131adaf141483a2871e8646af88a2a5b5626ee20c5b48a76d19e528121
+size 114668
diff --git a/public/img/skins/heron/057.png b/public/img/skins/heron/057.png
new file mode 100644
index 0000000..c63e61c
--- /dev/null
+++ b/public/img/skins/heron/057.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:681ec65aa03d52382be7aaaebd1120502ebfda0fff79421b70de97946fc92ced
+size 108939
diff --git a/public/img/skins/heron/058.png b/public/img/skins/heron/058.png
new file mode 100644
index 0000000..c485b7d
--- /dev/null
+++ b/public/img/skins/heron/058.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8da822a79e1413a84150ade0fb39fdbdd5b227b0df724cf7028eaf5b0b5addc6
+size 115825
diff --git a/public/img/skins/heron/059.png b/public/img/skins/heron/059.png
new file mode 100644
index 0000000..cfb2f71
--- /dev/null
+++ b/public/img/skins/heron/059.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6fd54f9c25826b2b622d9afcf33bcef49e3fe13a901fcf0721d83728f9f58e3f
+size 113895