diff --git a/assets/images/cards/heron-svg/001.svg b/assets/images/cards/heron-svg/001.svg
index b19cfa3..696a766 100644
--- a/assets/images/cards/heron-svg/001.svg
+++ b/assets/images/cards/heron-svg/001.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">8</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/001.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/001.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/002.svg b/assets/images/cards/heron-svg/002.svg
index 3bcac41..a16a0dd 100644
--- a/assets/images/cards/heron-svg/002.svg
+++ b/assets/images/cards/heron-svg/002.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/002.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/002.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/003.svg b/assets/images/cards/heron-svg/003.svg
index c5e1607..560e660 100644
--- a/assets/images/cards/heron-svg/003.svg
+++ b/assets/images/cards/heron-svg/003.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/003.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/003.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
diff --git a/assets/images/cards/heron-svg/004.svg b/assets/images/cards/heron-svg/004.svg
index a25045f..40e700c 100644
--- a/assets/images/cards/heron-svg/004.svg
+++ b/assets/images/cards/heron-svg/004.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/004.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/004.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 b7aaa94..79d7aea 100644
--- a/assets/images/cards/heron-svg/005.svg
+++ b/assets/images/cards/heron-svg/005.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">7</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/005.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/005.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/006.svg b/assets/images/cards/heron-svg/006.svg
index a2c2b29..6a9c938 100644
--- a/assets/images/cards/heron-svg/006.svg
+++ b/assets/images/cards/heron-svg/006.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/006.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/006.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/007.svg b/assets/images/cards/heron-svg/007.svg
index 4333c29..5671e3e 100644
--- a/assets/images/cards/heron-svg/007.svg
+++ b/assets/images/cards/heron-svg/007.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/007.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/007.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/008.svg b/assets/images/cards/heron-svg/008.svg
index 63c4f5b..e48ecf9 100644
--- a/assets/images/cards/heron-svg/008.svg
+++ b/assets/images/cards/heron-svg/008.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/008.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/008.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/009.svg b/assets/images/cards/heron-svg/009.svg
index 3a21d17..6fd1f44 100644
--- a/assets/images/cards/heron-svg/009.svg
+++ b/assets/images/cards/heron-svg/009.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/009.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/009.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/010.svg b/assets/images/cards/heron-svg/010.svg
index dacff5c..df60f0f 100644
--- a/assets/images/cards/heron-svg/010.svg
+++ b/assets/images/cards/heron-svg/010.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/010.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/010.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/011.svg b/assets/images/cards/heron-svg/011.svg
index 374fe42..bf4952f 100644
--- a/assets/images/cards/heron-svg/011.svg
+++ b/assets/images/cards/heron-svg/011.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/011.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/011.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/012.svg b/assets/images/cards/heron-svg/012.svg
index 13de0f3..b10becd 100644
--- a/assets/images/cards/heron-svg/012.svg
+++ b/assets/images/cards/heron-svg/012.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/012.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/012.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/013.svg b/assets/images/cards/heron-svg/013.svg
index 37f7631..e694229 100644
--- a/assets/images/cards/heron-svg/013.svg
+++ b/assets/images/cards/heron-svg/013.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">1</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/013.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/013.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 9cf0c3e..ab172f2 100644
--- a/assets/images/cards/heron-svg/014.svg
+++ b/assets/images/cards/heron-svg/014.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/014.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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" />
diff --git a/assets/images/cards/heron-svg/015.svg b/assets/images/cards/heron-svg/015.svg
index ead288f..fc212c3 100644
--- a/assets/images/cards/heron-svg/015.svg
+++ b/assets/images/cards/heron-svg/015.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/015.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/015.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 d6dc7ab..f322439 100644
--- a/assets/images/cards/heron-svg/016.svg
+++ b/assets/images/cards/heron-svg/016.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/016.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/016.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/017.svg b/assets/images/cards/heron-svg/017.svg
index 613e711..b6713ea 100644
--- a/assets/images/cards/heron-svg/017.svg
+++ b/assets/images/cards/heron-svg/017.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/017.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/018.svg b/assets/images/cards/heron-svg/018.svg
index fee7196..beaeb73 100644
--- a/assets/images/cards/heron-svg/018.svg
+++ b/assets/images/cards/heron-svg/018.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/018.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/019.svg b/assets/images/cards/heron-svg/019.svg
index adac1b0..ad53138 100644
--- a/assets/images/cards/heron-svg/019.svg
+++ b/assets/images/cards/heron-svg/019.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">8</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/019.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/020.svg b/assets/images/cards/heron-svg/020.svg
index a7c0687..82354a4 100644
--- a/assets/images/cards/heron-svg/020.svg
+++ b/assets/images/cards/heron-svg/020.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/020.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/021.svg b/assets/images/cards/heron-svg/021.svg
index 86b90aa..3b86c39 100644
--- a/assets/images/cards/heron-svg/021.svg
+++ b/assets/images/cards/heron-svg/021.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/021.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 92b4413..bb4c8b6 100644
--- a/assets/images/cards/heron-svg/022.svg
+++ b/assets/images/cards/heron-svg/022.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/022.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 836a52c..447ce03 100644
--- a/assets/images/cards/heron-svg/023.svg
+++ b/assets/images/cards/heron-svg/023.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/023.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/024.svg b/assets/images/cards/heron-svg/024.svg
index a5b9619..f9940b1 100644
--- a/assets/images/cards/heron-svg/024.svg
+++ b/assets/images/cards/heron-svg/024.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">1</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/024.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/024.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 082e5d3..38caa4b 100644
--- a/assets/images/cards/heron-svg/025.svg
+++ b/assets/images/cards/heron-svg/025.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">7</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/025.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/025.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/026.svg b/assets/images/cards/heron-svg/026.svg
index 4750045..dc6aac4 100644
--- a/assets/images/cards/heron-svg/026.svg
+++ b/assets/images/cards/heron-svg/026.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/026.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/026.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/027.svg b/assets/images/cards/heron-svg/027.svg
index 6a6804c..20fd62e 100644
--- a/assets/images/cards/heron-svg/027.svg
+++ b/assets/images/cards/heron-svg/027.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/027.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/027.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/028.svg b/assets/images/cards/heron-svg/028.svg
index 054df36..70f1312 100644
--- a/assets/images/cards/heron-svg/028.svg
+++ b/assets/images/cards/heron-svg/028.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/028.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/028.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 fbb0225..de82eba 100644
--- a/assets/images/cards/heron-svg/029.svg
+++ b/assets/images/cards/heron-svg/029.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/029.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/029.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 d43d4dc..627895d 100644
--- a/assets/images/cards/heron-svg/030.svg
+++ b/assets/images/cards/heron-svg/030.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/030.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/030.gif" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/031.svg b/assets/images/cards/heron-svg/031.svg
index c5a7231..8e94e77 100644
--- a/assets/images/cards/heron-svg/031.svg
+++ b/assets/images/cards/heron-svg/031.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/031.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/031.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/032.svg b/assets/images/cards/heron-svg/032.svg
index b8f6305..a14aa7f 100644
--- a/assets/images/cards/heron-svg/032.svg
+++ b/assets/images/cards/heron-svg/032.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/032.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/032.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 e18529b..3d178b4 100644
--- a/assets/images/cards/heron-svg/033.svg
+++ b/assets/images/cards/heron-svg/033.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">1</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/033.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/033.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/034.svg b/assets/images/cards/heron-svg/034.svg
index 8451a3e..4034250 100644
--- a/assets/images/cards/heron-svg/034.svg
+++ b/assets/images/cards/heron-svg/034.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/034.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/034.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/035.svg b/assets/images/cards/heron-svg/035.svg
index cdfb393..9225eca 100644
--- a/assets/images/cards/heron-svg/035.svg
+++ b/assets/images/cards/heron-svg/035.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/035.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/035.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 26c7282..f25b0e2 100644
--- a/assets/images/cards/heron-svg/036.svg
+++ b/assets/images/cards/heron-svg/036.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">7</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/036.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/036.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/037.svg b/assets/images/cards/heron-svg/037.svg
index 876dcdd..535cc9b 100644
--- a/assets/images/cards/heron-svg/037.svg
+++ b/assets/images/cards/heron-svg/037.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/037.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/037.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/038.svg b/assets/images/cards/heron-svg/038.svg
index dd96e73..80406dd 100644
--- a/assets/images/cards/heron-svg/038.svg
+++ b/assets/images/cards/heron-svg/038.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/038.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/038.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/039.svg b/assets/images/cards/heron-svg/039.svg
index 52c3743..1e8138b 100644
--- a/assets/images/cards/heron-svg/039.svg
+++ b/assets/images/cards/heron-svg/039.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/039.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/039.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/040.svg b/assets/images/cards/heron-svg/040.svg
index de09bb9..c836633 100644
--- a/assets/images/cards/heron-svg/040.svg
+++ b/assets/images/cards/heron-svg/040.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">8</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/040.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/040.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/041.svg b/assets/images/cards/heron-svg/041.svg
index b7f191e..34e52d8 100644
--- a/assets/images/cards/heron-svg/041.svg
+++ b/assets/images/cards/heron-svg/041.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/041.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/041.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/042.svg b/assets/images/cards/heron-svg/042.svg
index 0bfef0f..99c4f99 100644
--- a/assets/images/cards/heron-svg/042.svg
+++ b/assets/images/cards/heron-svg/042.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/042.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/042.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/043.svg b/assets/images/cards/heron-svg/043.svg
index 8c66ef6..092aee1 100644
--- a/assets/images/cards/heron-svg/043.svg
+++ b/assets/images/cards/heron-svg/043.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/043.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/043.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/044.svg b/assets/images/cards/heron-svg/044.svg
index e279d32..5dd4e54 100644
--- a/assets/images/cards/heron-svg/044.svg
+++ b/assets/images/cards/heron-svg/044.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/044.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/044.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 263fe9b..6cccc13 100644
--- a/assets/images/cards/heron-svg/045.svg
+++ b/assets/images/cards/heron-svg/045.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/045.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/045.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/046.svg b/assets/images/cards/heron-svg/046.svg
index 0cdad58..782bee3 100644
--- a/assets/images/cards/heron-svg/046.svg
+++ b/assets/images/cards/heron-svg/046.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/046.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/046.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/047.svg b/assets/images/cards/heron-svg/047.svg
index 36d163c..f617456 100644
--- a/assets/images/cards/heron-svg/047.svg
+++ b/assets/images/cards/heron-svg/047.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">8</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/047.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/047.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/048.svg b/assets/images/cards/heron-svg/048.svg
index 97510f1..239d40c 100644
--- a/assets/images/cards/heron-svg/048.svg
+++ b/assets/images/cards/heron-svg/048.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/048.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/048.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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" />
diff --git a/assets/images/cards/heron-svg/049.svg b/assets/images/cards/heron-svg/049.svg
index 5482d07..e6fa102 100644
--- a/assets/images/cards/heron-svg/049.svg
+++ b/assets/images/cards/heron-svg/049.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/049.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/049.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/050.svg b/assets/images/cards/heron-svg/050.svg
index b9f2ad2..48ccc4a 100644
--- a/assets/images/cards/heron-svg/050.svg
+++ b/assets/images/cards/heron-svg/050.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/050.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/050.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/051.svg b/assets/images/cards/heron-svg/051.svg
index 13769f8..5784d11 100644
--- a/assets/images/cards/heron-svg/051.svg
+++ b/assets/images/cards/heron-svg/051.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">7</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/051.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/051.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/052.svg b/assets/images/cards/heron-svg/052.svg
index 1a33d4c..0321b0c 100644
--- a/assets/images/cards/heron-svg/052.svg
+++ b/assets/images/cards/heron-svg/052.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">1</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/052.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/052.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/053.svg b/assets/images/cards/heron-svg/053.svg
index 29a2a6e..a90c2ea 100644
--- a/assets/images/cards/heron-svg/053.svg
+++ b/assets/images/cards/heron-svg/053.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/053.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/053.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/054.svg b/assets/images/cards/heron-svg/054.svg
index 64d2fb3..673d509 100644
--- a/assets/images/cards/heron-svg/054.svg
+++ b/assets/images/cards/heron-svg/054.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/054.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/054.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/055.svg b/assets/images/cards/heron-svg/055.svg
index e113e6d..c1d2098 100644
--- a/assets/images/cards/heron-svg/055.svg
+++ b/assets/images/cards/heron-svg/055.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/055.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/055.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 21fa743..d8aed0d 100644
--- a/assets/images/cards/heron-svg/056.svg
+++ b/assets/images/cards/heron-svg/056.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/056.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/056.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 8745d59..b5e66b9 100644
--- a/assets/images/cards/heron-svg/057.svg
+++ b/assets/images/cards/heron-svg/057.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/057.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/057.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 41c3374..de0055d 100644
--- a/assets/images/cards/heron-svg/058.svg
+++ b/assets/images/cards/heron-svg/058.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/058.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/058.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 ac7d672..042821c 100644
--- a/assets/images/cards/heron-svg/059.svg
+++ b/assets/images/cards/heron-svg/059.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </g>
 </g>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/059.png" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/059.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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 bb0ea05..d93bf3f 100644
--- a/assets/images/cards/heron-svg/060.svg
+++ b/assets/images/cards/heron-svg/060.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">7</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/061.svg b/assets/images/cards/heron-svg/061.svg
index f491acc..f14f446 100644
--- a/assets/images/cards/heron-svg/061.svg
+++ b/assets/images/cards/heron-svg/061.svg
@@ -35,13 +35,15 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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)" 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>
+<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">discard restack_discarded_card</text>
 </g>
 </g>
 <g transform="translate(0,80)">
diff --git a/assets/images/cards/heron-svg/062.svg b/assets/images/cards/heron-svg/062.svg
index 61c2318..64f1b52 100644
--- a/assets/images/cards/heron-svg/062.svg
+++ b/assets/images/cards/heron-svg/062.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">8</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/063.svg b/assets/images/cards/heron-svg/063.svg
index bbe811d..2805275 100644
--- a/assets/images/cards/heron-svg/063.svg
+++ b/assets/images/cards/heron-svg/063.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/064.svg b/assets/images/cards/heron-svg/064.svg
index 5e9d487..2a6e217 100644
--- a/assets/images/cards/heron-svg/064.svg
+++ b/assets/images/cards/heron-svg/064.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/065.svg b/assets/images/cards/heron-svg/065.svg
index 50eb65b..f8b6e2e 100644
--- a/assets/images/cards/heron-svg/065.svg
+++ b/assets/images/cards/heron-svg/065.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/066.svg b/assets/images/cards/heron-svg/066.svg
index 339de64..8369363 100644
--- a/assets/images/cards/heron-svg/066.svg
+++ b/assets/images/cards/heron-svg/066.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/067.svg b/assets/images/cards/heron-svg/067.svg
index 4cd51e9..79ba048 100644
--- a/assets/images/cards/heron-svg/067.svg
+++ b/assets/images/cards/heron-svg/067.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/068.svg b/assets/images/cards/heron-svg/068.svg
index ca6cdea..7b42d0b 100644
--- a/assets/images/cards/heron-svg/068.svg
+++ b/assets/images/cards/heron-svg/068.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/069.svg b/assets/images/cards/heron-svg/069.svg
index 00e380e..abba022 100644
--- a/assets/images/cards/heron-svg/069.svg
+++ b/assets/images/cards/heron-svg/069.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">7</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/070.svg b/assets/images/cards/heron-svg/070.svg
index 8b636ee..9cb6f60 100644
--- a/assets/images/cards/heron-svg/070.svg
+++ b/assets/images/cards/heron-svg/070.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">7</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/071.svg b/assets/images/cards/heron-svg/071.svg
index ca2a8cb..47bb243 100644
--- a/assets/images/cards/heron-svg/071.svg
+++ b/assets/images/cards/heron-svg/071.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">Thrash</text>
+<text x="149.0" y="36" font-size="19" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Rosser</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)">
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/071.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/072.svg b/assets/images/cards/heron-svg/072.svg
index 057f6c5..38ff429 100644
--- a/assets/images/cards/heron-svg/072.svg
+++ b/assets/images/cards/heron-svg/072.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">6</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/073.svg b/assets/images/cards/heron-svg/073.svg
index c203b7f..95e894d 100644
--- a/assets/images/cards/heron-svg/073.svg
+++ b/assets/images/cards/heron-svg/073.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/074.svg b/assets/images/cards/heron-svg/074.svg
index 3336bd5..e3239d4 100644
--- a/assets/images/cards/heron-svg/074.svg
+++ b/assets/images/cards/heron-svg/074.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">5</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/075.svg b/assets/images/cards/heron-svg/075.svg
index 5b94435..532136b 100644
--- a/assets/images/cards/heron-svg/075.svg
+++ b/assets/images/cards/heron-svg/075.svg
@@ -35,8 +35,10 @@
 <text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/076.svg b/assets/images/cards/heron-svg/076.svg
index 0c62e72..44a941b 100644
--- a/assets/images/cards/heron-svg/076.svg
+++ b/assets/images/cards/heron-svg/076.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(77.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/077.svg b/assets/images/cards/heron-svg/077.svg
index c0fef60..9a78981 100644
--- a/assets/images/cards/heron-svg/077.svg
+++ b/assets/images/cards/heron-svg/077.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/078.svg b/assets/images/cards/heron-svg/078.svg
index 9ff1ece..f1f815b 100644
--- a/assets/images/cards/heron-svg/078.svg
+++ b/assets/images/cards/heron-svg/078.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/079.svg b/assets/images/cards/heron-svg/079.svg
index b42d3ff..0f19463 100644
--- a/assets/images/cards/heron-svg/079.svg
+++ b/assets/images/cards/heron-svg/079.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/080.svg b/assets/images/cards/heron-svg/080.svg
index c082dcf..1d6131c 100644
--- a/assets/images/cards/heron-svg/080.svg
+++ b/assets/images/cards/heron-svg/080.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/081.svg b/assets/images/cards/heron-svg/081.svg
index e81c6cf..26ae444 100644
--- a/assets/images/cards/heron-svg/081.svg
+++ b/assets/images/cards/heron-svg/081.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/082.svg b/assets/images/cards/heron-svg/082.svg
index 1ff80d6..1ae459b 100644
--- a/assets/images/cards/heron-svg/082.svg
+++ b/assets/images/cards/heron-svg/082.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/083.svg b/assets/images/cards/heron-svg/083.svg
index 4d68dbe..8652472 100644
--- a/assets/images/cards/heron-svg/083.svg
+++ b/assets/images/cards/heron-svg/083.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/084.svg b/assets/images/cards/heron-svg/084.svg
index a425cdc..f49c64d 100644
--- a/assets/images/cards/heron-svg/084.svg
+++ b/assets/images/cards/heron-svg/084.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/085.svg b/assets/images/cards/heron-svg/085.svg
index 91db7f7..6e7c906 100644
--- a/assets/images/cards/heron-svg/085.svg
+++ b/assets/images/cards/heron-svg/085.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(268,417)">
 <path d="M-2.9999999999999982,-2.0 L-29.6295824562643,-21.347524157501468 L-19.45798706418925,-52.652475842498525 L13.45798706418924,-52.65247584249853 L23.629582456264302,-21.34752415750148 Z" fill="black" stroke="lightgrey" stroke-width="2" />
 <rect x="-28" y="-72" width="49" height="17" fill="black" stroke="lightgrey" stroke-width="2" />
diff --git a/assets/images/cards/heron-svg/086.svg b/assets/images/cards/heron-svg/086.svg
index 8b5dba8..5e38427 100644
--- a/assets/images/cards/heron-svg/086.svg
+++ b/assets/images/cards/heron-svg/086.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/087.svg b/assets/images/cards/heron-svg/087.svg
index c4076f6..2482a5e 100644
--- a/assets/images/cards/heron-svg/087.svg
+++ b/assets/images/cards/heron-svg/087.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/088.svg b/assets/images/cards/heron-svg/088.svg
index cbafeca..5299446 100644
--- a/assets/images/cards/heron-svg/088.svg
+++ b/assets/images/cards/heron-svg/088.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/089.svg b/assets/images/cards/heron-svg/089.svg
index 5ac56aa..36162e8 100644
--- a/assets/images/cards/heron-svg/089.svg
+++ b/assets/images/cards/heron-svg/089.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/090.svg b/assets/images/cards/heron-svg/090.svg
index 3cf466d..b1f278f 100644
--- a/assets/images/cards/heron-svg/090.svg
+++ b/assets/images/cards/heron-svg/090.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(107.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/091.svg b/assets/images/cards/heron-svg/091.svg
index 55acb45..7678558 100644
--- a/assets/images/cards/heron-svg/091.svg
+++ b/assets/images/cards/heron-svg/091.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/092.svg b/assets/images/cards/heron-svg/092.svg
index 4bb687b..6251891 100644
--- a/assets/images/cards/heron-svg/092.svg
+++ b/assets/images/cards/heron-svg/092.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/093.svg b/assets/images/cards/heron-svg/093.svg
index 3dbd215..4f7bb89 100644
--- a/assets/images/cards/heron-svg/093.svg
+++ b/assets/images/cards/heron-svg/093.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/094.svg b/assets/images/cards/heron-svg/094.svg
index 91e4876..9463bed 100644
--- a/assets/images/cards/heron-svg/094.svg
+++ b/assets/images/cards/heron-svg/094.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/095.svg b/assets/images/cards/heron-svg/095.svg
index 18e6ea7..a4245bd 100644
--- a/assets/images/cards/heron-svg/095.svg
+++ b/assets/images/cards/heron-svg/095.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
diff --git a/assets/images/cards/heron-svg/096.svg b/assets/images/cards/heron-svg/096.svg
index cd7a98e..feeb8a0 100644
--- a/assets/images/cards/heron-svg/096.svg
+++ b/assets/images/cards/heron-svg/096.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(107.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
diff --git a/assets/images/cards/heron-svg/097.svg b/assets/images/cards/heron-svg/097.svg
index 8e594c0..8dbabc3 100644
--- a/assets/images/cards/heron-svg/097.svg
+++ b/assets/images/cards/heron-svg/097.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/098.svg b/assets/images/cards/heron-svg/098.svg
index c4f15f1..f1b2c1e 100644
--- a/assets/images/cards/heron-svg/098.svg
+++ b/assets/images/cards/heron-svg/098.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/099.svg b/assets/images/cards/heron-svg/099.svg
index df8367b..a7dcd79 100644
--- a/assets/images/cards/heron-svg/099.svg
+++ b/assets/images/cards/heron-svg/099.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
diff --git a/assets/images/cards/heron-svg/100.svg b/assets/images/cards/heron-svg/100.svg
index b2986e3..b85eb37 100644
--- a/assets/images/cards/heron-svg/100.svg
+++ b/assets/images/cards/heron-svg/100.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <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/101.svg b/assets/images/cards/heron-svg/101.svg
index b21c29b..e78c331 100644
--- a/assets/images/cards/heron-svg/101.svg
+++ b/assets/images/cards/heron-svg/101.svg
@@ -29,12 +29,14 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <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>
+<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>
 </g>
diff --git a/assets/images/cards/heron-svg/102.svg b/assets/images/cards/heron-svg/102.svg
index 270b4db..587e856 100644
--- a/assets/images/cards/heron-svg/102.svg
+++ b/assets/images/cards/heron-svg/102.svg
@@ -29,8 +29,10 @@
 <circle cx="0" cy="0" r="20" fill="url(#grad2)" />
 </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" />
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
diff --git a/assets/images/cards/heron-svg/103.svg b/assets/images/cards/heron-svg/103.svg
new file mode 100644
index 0000000..a3721db
--- /dev/null
+++ b/assets/images/cards/heron-svg/103.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card103" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="red" stop-opacity="1" />
+<stop offset="1" stop-color="red" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Decanter of Souls</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<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)" 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">restack_discarded_card</text>
+</g>
+<g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
+</g>
+</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,27.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g class="svg_resource_icon" v-on:click="effectClick(1)">
+<circle cx="0" cy="0" r="18.333333333333332" fill="red" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">4</text>
+</g>
+</g>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/104.svg b/assets/images/cards/heron-svg/104.svg
new file mode 100644
index 0000000..f3dfa16
--- /dev/null
+++ b/assets/images/cards/heron-svg/104.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card104" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="gray" stop-opacity="1" />
+<stop offset="1" stop-color="gray" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Dragon Shard</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<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">free_fire_gem_in_hand</text>
+</g>
+<g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="green" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">6</text>
+</g>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/105.svg b/assets/images/cards/heron-svg/105.svg
new file mode 100644
index 0000000..601235f
--- /dev/null
+++ b/assets/images/cards/heron-svg/105.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card105" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="green" stop-opacity="1" />
+<stop offset="1" stop-color="green" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Phoenix Plume</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<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)" 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">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte. </tspan><tspan x="0" dy="1em">stack_this_card</tspan></text>
+</g>
+<g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
+</g>
+</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)" 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>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/106.svg b/assets/images/cards/heron-svg/106.svg
new file mode 100644
index 0000000..cfc16a0
--- /dev/null
+++ b/assets/images/cards/heron-svg/106.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card106" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="blue" stop-opacity="1" />
+<stop offset="1" stop-color="blue" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Shadow Tome</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<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">Piochez une carte. stack_this_card</text>
+</g>
+<g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="red" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/107.svg b/assets/images/cards/heron-svg/107.svg
new file mode 100644
index 0000000..df2a6dc
--- /dev/null
+++ b/assets/images/cards/heron-svg/107.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card107" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="gray" stop-opacity="1" />
+<stop offset="1" stop-color="gray" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Staff of Radiance</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<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="-11.0" font-size="11" 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><tspan x="0" dy="1em">this_card_in_hand</tspan></text>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/108.svg b/assets/images/cards/heron-svg/108.svg
new file mode 100644
index 0000000..829dbd0
--- /dev/null
+++ b/assets/images/cards/heron-svg/108.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card108" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="yellow" stop-opacity="1" />
+<stop offset="1" stop-color="yellow" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Starlight Prison</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" 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">this_card_in_hand</text>
+</g>
+<g transform="translate(107.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="red" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<g transform="translate(167.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g class="svg_resource_icon" v-on:click="effectClick(1)">
+<circle cx="0" cy="0" r="20" fill="green" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/109.svg b/assets/images/cards/heron-svg/109.svg
new file mode 100644
index 0000000..6e5f103
--- /dev/null
+++ b/assets/images/cards/heron-svg/109.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card109" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="red" stop-opacity="1" />
+<stop offset="1" stop-color="red" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Artek's Bones</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">4</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<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)" 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">stack_this_card</text>
+</g>
+<g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</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)" 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">Mettez un champion de votre défausse</tspan><tspan x="0" dy="1em">au dessus de votre pioche.</tspan></text>
+</g>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/110.svg b/assets/images/cards/heron-svg/110.svg
new file mode 100644
index 0000000..5e83966
--- /dev/null
+++ b/assets/images/cards/heron-svg/110.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card110" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="gray" stop-opacity="1" />
+<stop offset="1" stop-color="gray" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Cup of Quickening</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<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="-12.0" font-size="12.0" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mobilisez un Champion </tspan><tspan x="0" dy="1em">Piochez une carte. </tspan><tspan x="0" dy="1em">this_card_in_hand</tspan></text>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/111.svg b/assets/images/cards/heron-svg/111.svg
new file mode 100644
index 0000000..b967676
--- /dev/null
+++ b/assets/images/cards/heron-svg/111.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card111" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="green" stop-opacity="1" />
+<stop offset="1" stop-color="green" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Kemlo's Ring</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<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">Piochez une carte. this_card_in_hand</text>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/112.svg b/assets/images/cards/heron-svg/112.svg
new file mode 100644
index 0000000..9edf8f5
--- /dev/null
+++ b/assets/images/cards/heron-svg/112.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card112" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="gray" stop-opacity="1" />
+<stop offset="1" stop-color="gray" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Moonblade</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(107.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="red" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">5</text>
+</g>
+</g>
+<g transform="translate(167.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g class="svg_resource_icon" v-on:click="effectClick(1)">
+<circle cx="0" cy="0" r="20" fill="green" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">5</text>
+</g>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/113.svg b/assets/images/cards/heron-svg/113.svg
new file mode 100644
index 0000000..a137c12
--- /dev/null
+++ b/assets/images/cards/heron-svg/113.svg
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card113" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="yellow" stop-opacity="1" />
+<stop offset="1" stop-color="yellow" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Scrivener's Quill</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<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)" 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="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">stack_this_card</text>
+</g>
+<g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">2</text>
+</g>
+</g>
+<g transform="translate(167.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g class="svg_resource_icon" v-on:click="effectClick(1)">
+<circle cx="0" cy="0" r="20" fill="green" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">4</text>
+</g>
+</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)" 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>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/assets/images/cards/heron-svg/114.svg b/assets/images/cards/heron-svg/114.svg
new file mode 100644
index 0000000..1b9a89f
--- /dev/null
+++ b/assets/images/cards/heron-svg/114.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="card114" class="card" xmlns:v-bind="https://vuejs.org/guide/essentials/class-and-style.html" xmlns:v-on="https://vuejs.org/guide/essentials/event-handling.html">
+<defs>
+<linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="objectBoundingBox" id="grad1">
+<stop offset="0" stop-color="green" stop-opacity="1" />
+<stop offset="1" stop-color="green" stop-opacity="0" />
+</linearGradient>
+<linearGradient x1="0" y1="1" x2="0" y2="0" gradientUnits="objectBoundingBox" id="grad2">
+<stop offset="0" stop-color="#ff9935" stop-opacity="1" />
+<stop offset="1" stop-color="#ffe744" stop-opacity="1" />
+</linearGradient>
+<filter id="drop-shadow">
+<feDropShadow dx="1" dy="1" stdDeviation="0"></feDropShadow>
+</filter>
+</defs>
+<use xlink:href="#drop-shadow" />
+<g id="background">
+<rect x="0" y="0" width="298" height="417" rx="15" ry="18" fill="black" stroke="white" stroke-width="1" />
+<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">Spellbinder</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)">
+<g id="faction_icon">
+<circle cx="1" cy="1" r="20" fill="black" filter="url(#drop-shadow)" />
+<circle cx="0" cy="0" r="20" fill="url(#grad2)" />
+</g>
+</g>
+<g transform="translate(260,36)">
+<g class="svg_resource_icon" v-on:click="console.warn('unknown interaction')">
+<circle cx="0" cy="0" r="20" fill="yellow" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">3</text>
+</g>
+</g>
+<rect x="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<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">Piochez une carte.</text>
+</g>
+<g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="red" x="0" y="0" />
+<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">4</text>
+</g>
+</g>
+</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/public/img/skins/heron/026.png b/public/img/skins/heron/026.png
new file mode 100644
index 0000000..c02aca2
--- /dev/null
+++ b/public/img/skins/heron/026.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b7d97d2668bb2365cde3fb61124f66db6e8e72435fcb6f9d789a75c62dc3ade6
+size 53518
diff --git a/public/img/skins/heron/029.png b/public/img/skins/heron/029.png
new file mode 100644
index 0000000..bb1e361
--- /dev/null
+++ b/public/img/skins/heron/029.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:111219e9f38c3b70fa30fb13d03928bff6ebcb39c899b8f81e51d96a4c598464
+size 74391
diff --git a/public/img/skins/heron/030.gif b/public/img/skins/heron/030.gif
new file mode 100644
index 0000000..8f22b85
Binary files /dev/null and b/public/img/skins/heron/030.gif differ
diff --git a/public/img/skins/heron/032.png b/public/img/skins/heron/032.png
new file mode 100644
index 0000000..b0aff70
--- /dev/null
+++ b/public/img/skins/heron/032.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ad4b7a95c5dd042edfee85429f1ad9dd3b4c604a5f8596d3efebf10a068ebedb
+size 88661
diff --git a/public/img/skins/heron/038.png b/public/img/skins/heron/038.png
new file mode 100644
index 0000000..cf4012d
--- /dev/null
+++ b/public/img/skins/heron/038.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1ed28dfb6784b3d43768bef6dfe9d5d9b6d14ebfdec1da85b695d55eacfcb0ac
+size 102058
diff --git a/public/img/skins/heron/039.png b/public/img/skins/heron/039.png
new file mode 100644
index 0000000..309655d
--- /dev/null
+++ b/public/img/skins/heron/039.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6f18519566b6d5cd75fe43b8297a906a1e52a68fd5771e9d489a9d6dc2d131e8
+size 62329
diff --git a/public/img/skins/heron/040.png b/public/img/skins/heron/040.png
new file mode 100644
index 0000000..d0673c2
--- /dev/null
+++ b/public/img/skins/heron/040.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26f4478b0a8449e17536ad5d1e831657278128812897121d6df643084ad54083
+size 2113
diff --git a/public/img/skins/heron/048.png b/public/img/skins/heron/048.png
new file mode 100644
index 0000000..019ac7d
--- /dev/null
+++ b/public/img/skins/heron/048.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1f1fe443dc6dfdce43dcb0ba739f54b5ad2dae9d9d36e481218202ec745137c2
+size 718195
diff --git a/public/img/skins/heron/053.png b/public/img/skins/heron/053.png
new file mode 100644
index 0000000..3ca4140
--- /dev/null
+++ b/public/img/skins/heron/053.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4e0d3a2617da15c70d82dc8fe207629f84f79d5baa42aa3bbd7d16f503d308a9
+size 78150
diff --git a/public/img/skins/heron/071.png b/public/img/skins/heron/071.png
new file mode 100644
index 0000000..ff4039c
--- /dev/null
+++ b/public/img/skins/heron/071.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:79bbdbd9c4b4f573cadc1e1f88f9c261d1e0fd5ef0ae8fa524d5ee5d74ee87b3
+size 451080