Feat : implement per effects

assets/images/cards/heron-svg/001.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">

assets/images/cards/heron-svg/002.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/003.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(77.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">

assets/images/cards/heron-svg/005.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -59,7 +59,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Mobilisez un Champion</text>
 </g>
 </g>

assets/images/cards/heron-svg/006.svg

@@ -57,7 +57,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/007.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/008.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre</tspan><tspan x="0" dy="1em">Garde que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/009.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/010.svg

@@ -56,7 +56,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Mobilisez un Champion</text>
 </g>
 </g>

assets/images/cards/heron-svg/011.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/012.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/013.svg

@@ -36,7 +36,7 @@
 </g>
 </g>
 <rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="lancersiz3.png" />
+<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/013.png" />
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">

assets/images/cards/heron-svg/014.svg

@@ -41,7 +41,7 @@
 <path d="M10,45 L264,45" stroke="black" stroke-width="1" />
 <path d="M10,90 L264,90" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,26.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,26.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
 </g>
 </g>

assets/images/cards/heron-svg/016.svg

@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">stack_next_action_bought</text>
 </g>
 </g>

assets/images/cards/heron-svg/017.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>

assets/images/cards/heron-svg/018.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em"> dans votre main.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/019.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Assomez le champion ciblé. </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/020.svg

@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>

assets/images/cards/heron-svg/023.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/025.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/026.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em">au dessus de votre pioche.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/027.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">restack_discarded_card</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/030.svg

@@ -50,7 +50,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/031.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/033.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/034.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/036.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/037.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/038.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/039.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/040.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier jusqu'à deux</tspan><tspan x="0" dy="1em">cartes de votre main et/ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/041.svg

@@ -41,14 +41,14 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez un champion de votre défausse</tspan><tspan x="0" dy="1em">au dessus de votre pioche.</tspan></text>
 </g>
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/042.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-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>

assets/images/cards/heron-svg/043.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/045.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/046.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/047.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher une carte, puis</tspan><tspan x="0" dy="1em"> vous défausser d'une carte.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/048.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,45)">
 <g class="svg_effect">
 <circle cx="30" cy="22.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,26.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,26.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/049.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/050.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez piocher jusqu'à deux cartes,</tspan><tspan x="0" dy="1em">défaussez-vous ensuite d'autant de cartes</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/051.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/052.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/053.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">L'adversaire ciblé se défausse d'une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé</tspan><tspan x="0" dy="1em">se défausse d'une carte.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/054.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre x</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/060.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Mettez la prochaine carte dont</tspan><tspan x="0" dy="1em">vous faites l'acquisition ce tour-ci</tspan><tspan x="0" dy="1em"> dans votre main.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/061.svg

@@ -40,14 +40,14 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">L'adversaire ciblé se défausse d'une carte. </tspan><tspan x="0" dy="1em">restack_discarded_card</tspan></text>
 </g>
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/062.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez deux cartes.</text>
 </g>
 <g transform="translate(107.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -59,7 +59,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">prepare_all_champions</text>
 </g>
 </g>

assets/images/cards/heron-svg/063.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_champions_passive</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">control_opposing_champion_passive</text>
 </g>
 </g>

assets/images/cards/heron-svg/064.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">+ x None</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/065.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">damage_all_champions</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/066.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">restack_discarded_action</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/067.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque Champion x</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/068.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,43.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_for_free</text>
 </g>
 </g>

assets/images/cards/heron-svg/069.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-6.666666666666667" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">damage_all_champions </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -53,7 +53,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(3)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(3)}" v-on:click="effectClick(3)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/070.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">discard_x_and_draw_x</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/071.svg

@@ -39,7 +39,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/072.svg

@@ -41,7 +41,7 @@
 <path d="M10,80 L264,80" stroke="black" stroke-width="1" />
 <g class="svg_effect">
 <circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 <g transform="translate(137.0,33.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
@@ -54,7 +54,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(2)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">prepare_another_champion</text>
 </g>
 </g>

assets/images/cards/heron-svg/073.svg

@@ -40,7 +40,7 @@
 <g transform="translate(12,265)">
 <g class="svg_effect">
 <circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/074.svg

@@ -51,7 +51,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Assomez le champion ciblé.</text>
 </g>
 </g>

assets/images/cards/heron-svg/078.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_action</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/079.svg

@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/080.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">+ x pour chaque autre Couteau</tspan><tspan x="0" dy="1em">que vous avez en jeu</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/081.svg

@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/082.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">cheaper_champion</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/086.svg

@@ -43,7 +43,7 @@
 </g>
 <g transform="translate(0,80)">
 <g class="svg_effect">
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
 </g>
 </g>

assets/images/cards/heron-svg/091.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-5.5" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">Vous pouvez sacrifier une carte</tspan><tspan x="0" dy="1em">de votre main ou de votre défausse.</tspan></text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/092.svg

@@ -44,7 +44,7 @@
 <g transform="translate(0,80)">
 <g class="svg_effect">
 <circle cx="30" cy="27.5" r="15" fill="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,31.0)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,31.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">keep_in_hand</text>
 </g>
 </g>

assets/images/cards/heron-svg/094.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_gem_for_free</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

assets/images/cards/heron-svg/095.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">cheaper_skills_passive </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/099.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">buy_for_free</text>
 </g>
 </g>

assets/images/cards/heron-svg/101.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,71.0)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g transform="translate(137.0,71.0)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
 <text x="0" y="-7.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">cheaper_card_if_higher_price </tspan><tspan x="0" dy="1em">Piochez une carte.</tspan></text>
 </g>
 </g>

assets/images/cards/heron-svg/102.svg

@@ -33,7 +33,7 @@
 <image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
 <g transform="translate(12,265)">
 <g class="svg_effect">
-<g transform="translate(137.0,101.5)" v-bind:class="{used:used_effects_indexes.includes(1)}">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
 <text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">pick_faction</text>
 </g>
 <g transform="translate(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">

components/CardPreview.vue

@@ -253,4 +253,8 @@ onMounted(() => {
   filter: grayscale(0.6);
   pointer-events: none;
 }
+
+.svg_effect text {
+  cursor: pointer;
+}
 </style>

components/CardsGrouped.vue

@@ -147,6 +147,7 @@ onUnmounted(() => {
   flex-direction: row;
   justify-content: space-evenly;
   min-width: 200px;
+  flex-wrap: wrap;
   transition: rotate v-bind("shuffleAnimationSpeed") ease;
 }
 

components/MarketCards.vue

@@ -54,7 +54,7 @@ function fireGemCardClick(e: string) {
 
 <style scoped>
 #market {
-  width: min-content;
+  width: max-content;
   display: flex;
   flex-direction: row;
   justify-content: center;

pages/game/[id].vue

@@ -147,6 +147,20 @@ eventSource.addEventListener("message", async (message) => {
       current_game.currentTurn.cardsLocked.push(data.card);
       await delay(settingsStore.animationSpeed);
     });
+  } else if (data.type == "destroyCard") {
+    const fromContainer = containers.value[data.from as string];
+    queueAction(async () => {
+      const index = fromContainer.cards.findIndex(
+        (c) => !c || c._id == data.card
+      );
+      fromContainer.cards.splice(index, 1);
+      await delay(settingsStore.animationSpeed);
+    });
+
+    queueAction(async () => {
+      playSound("/sounds/destroy.mp3");
+      await delay(settingsStore.animationSpeed);
+    });
   } else if (data.type == "joinGame") {
     queueAction(async () => {
       playSound("/sounds/teleport.mp3");