attempt to fix stun not appearinng

fix : attempt to bring back images
attempt to fix index html
2024-12-21 19:59:46 +01:00 · 2024-12-21 19:26:48 +01:00 · 2024-12-21 19:25:06 +01:00 · 2024-12-21 19:22:35 +01:00 · 2024-12-21 19:12:52 +01:00 · 2024-12-21 19:03:25 +01:00
196 changed files with 6533 additions and 12450 deletions
@@ -10,8 +10,7 @@ jobs:
    runs-on: ubuntu-latest

    env:
-      DOCKER_ORG: heronfief
-      REPO_NAME: front
+      REPO_NAME: ${{ gitea.repository }}
      ENDPOINT: git.legonzaur.fr

    steps:
@@ -21,12 +20,6 @@ jobs:
          lfs: false
          persist-credentials: false

-      - name: Get Meta
-        id: meta
-        run: |
-          echo REPO_NAME=$(echo ${GITHUB_REPOSITORY} | awk -F"/" '{print $2}') >> $GITHUB_OUTPUT
-          echo REPO_VERSION=$(git describe --tags --always | sed 's/^v//') >> $GITHUB_OUTPUT
-
      - name: setup private key
        shell: bash
        run: |
@@ -38,7 +31,7 @@ jobs:
        shell: bash
        run: |
          ssh-keyscan ${{ env.ENDPOINT }} >> ~/.ssh/known_hosts
-          git remote set-url origin git@${{ env.ENDPOINT }}:${{ env.DOCKER_ORG }}/${{ steps.meta.outputs.REPO_NAME }}.git
+          git remote set-url origin git@${{ env.ENDPOINT }}:${{ env.REPO_NAME }}.git
          git lfs pull

      - name: Login to DockerHub
@@ -52,7 +45,7 @@ jobs:
        id: meta
        uses: docker/metadata-action@v5
        with:
-          images: ${{ env.ENDPOINT }}/${{ env.DOCKER_ORG }}/${{ env.REPO_NAME }}
+          images: ${{ env.ENDPOINT }}/${{ env.REPO_NAME }}
        tags: |
          type=schedule
          type=ref,event=branch
@@ -66,8 +59,10 @@ jobs:
        with:
          context: .
          file: ./Dockerfile
-          secrets: |
-            "NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT=${{ secrets.NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT }}"
+          build-args: |
+            NUXT_PUBLIC_ENDPOINT=${{ vars.NUXT_PUBLIC_ENDPOINT }}
+            NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT=${{ vars.NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT }}
+            NUXT_PUBLIC_WELCOME_MESSAGE=${{ vars.NUXT_PUBLIC_WELCOME_MESSAGE }}
          push: true
          tags: ${{ steps.meta.outputs.tags }}
          labels: ${{ steps.meta.outputs.labels }}
@@ -22,3 +22,8 @@ logs
 .env
 .env.*
 !.env.example
+
+assets/images/*
+public/img/skins
+public/img/icon
+public/img/tokens
@@ -0,0 +1,34 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "type": "chrome",
+        "request": "launch",
+        "name": "client: chrome",
+        "url": "http://localhost:3000",
+        "webRoot": "${workspaceFolder}"
+      },
+      {
+        "type": "node",
+        "request": "launch",
+        "name": "server: nuxt",
+        "outputCapture": "std",
+        "program": "${workspaceFolder}/node_modules/nuxi/bin/nuxi.mjs",
+        "args": [
+          "dev"
+        ],
+      }
+    ],
+    "compounds": [
+      {
+        "name": "fullstack: nuxt",
+        "configurations": [
+          "server: nuxt",
+          "client: chrome"
+        ]
+      }
+    ]
+  }
+  
@@ -4,5 +4,6 @@
        "**/node_modules": true
    },
    "vue.server.hybridMode": true,
-    "editor.formatOnSave": true
+    "editor.formatOnSave": true,
+    "javascript.updateImportsOnFileMove.enabled": "never"
 }
@@ -1,15 +1,32 @@
-FROM node:lts-alpine as build-stage
+FROM node:lts-alpine AS install-stage
 WORKDIR /app
 COPY package*.json ./
-RUN npm install
+RUN npm ci
 COPY . .
-RUN --mount=type=secret,id=NUXT_PUBLIC_WEBSOCKET_ENDPOINT  \
-    --mount=type=secret,id=NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT  \
-    NUXT_PUBLIC_WEBSOCKET_ENDPOINT=$(cat /run/secrets/NUXT_PUBLIC_WEBSOCKET_ENDPOINT ) \ 
-    NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT=$(cat /run/secrets/NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT ) \ 
-    npx nuxi generate
+
+FROM git.legonzaur.fr/heronfief/cards-gen:main AS card-svg-stage
+RUN python3 -u ./src/generate_cards_mvp.py
+
+FROM git.legonzaur.fr/heronfief/tokens-gen:main AS token-svg-stage
+RUN python3 -u ./src/generate_tokens_mvp.py
+
+FROM install-stage AS build-stage
+COPY --from=card-svg-stage /app/output/heron ./assets/images/cards/heron-svg
+COPY --from=card-svg-stage /app/img/skins ./public/img
+
+COPY --from=token-svg-stage /app/output/heron ./assets/images/tokens
+COPY --from=token-svg-stage /app/img/icon ./public/img
+
+
+ARG NUXT_PUBLIC_ENDPOINT
+ARG NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT
+ARG NUXT_PUBLIC_WELCOME_MESSAGE
+
+RUN npx nuxi generate

 # étape de production
-FROM nginx:stable-alpine as production-stage
+FROM nginx:stable-alpine AS production-stage
 COPY --from=build-stage /app/.output/public /usr/share/nginx/html
+COPY --from=card-svg-stage /app/img/skins /usr/share/nginx/html/img/skins
+COPY --from=token-svg-stage /app/img/icon /usr/share/nginx/html/img/icon
 COPY ./nginx.conf /etc/nginx/conf.d/default.conf
@@ -1,11 +1,10 @@
 <script setup lang="ts">
-import { cards, compileCards } from "./services/loadCards";
+import { compileCards, compileTokens } from "./services/loadCards";
 import { getCurrentInstance } from "vue";
 // import goStore, { oauth2_register_discord, setup_websocket, heron_cookie_login } from "@/netcode";

 const nuxtApp = useNuxtApp();

-const router = useRouter();
 const authStore = useAuthStore();

 console.log("compiling cards...");
@@ -13,17 +12,15 @@ const app = getCurrentInstance()?.appContext.app;
 if (!app) {
  throw new Error("Couldn't bake cards: instance is null");
 }
-await compileCards(app);
-
-const _cards = cards;
+await compileCards();
+await compileTokens();
 console.log("compiling done");

 useHead({
  title: "Héron Realms",
 });
-onMounted(()=>{
-  authStore.whoami();
-})
+
+await authStore.whoami();
 </script>
 <template>
  <div class="root_dom_div">
@@ -35,6 +32,9 @@ onMounted(()=>{
 </template>

 <style>
+:root {
+  --animation-curve: cubic-bezier(0.68, -0.275, 0.32, 1.275);
+}
 html {
  text-align: center;
 }
@@ -44,6 +44,48 @@ body {
  height: 100vh;
 }

+button {
+  background-color: #4caf50;
+  border: none;
+  color: white;
+  text-align: center;
+  text-decoration: none;
+  font-family: "Roboto", sans-serif;
+  font-size: 16px;
+  width: max-content;
+  cursor: pointer;
+  border-radius: 12px;
+  transition-duration: 0.4s;
+  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  padding: 10px 24px;
+  height: 50px;
+}
+
+button:disabled {
+  background-color: gray;
+  cursor: not-allowed;
+}
+
+button.yellow {
+  background-color: rgba(255, 165, 0, 0.7);
+}
+
+button.red {
+  background-color: rgba(255, 0, 0, 0.7);
+}
+
+button:hover:enabled {
+  background-color: #45a049;
+}
+button.yellow:hover {
+  background-color: rgba(255, 165, 0, 0.8);
+}
+
+button.red:hover {
+  background-color: rgba(255, 0, 0, 0.8);
+}
+
 #__nuxt {
  height: 100%;
  user-select: none;
@@ -1,72 +0,0 @@
-<?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="card1" 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">Tohru, Dragon Maid</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Lesbienne</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<g class="svg_resource_icon" v-on:click="effectClick(1)">
-<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>
-<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,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<circle cx="0" cy="0" r="18.333333333333332" 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>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">6</text>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card2" 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">Serrer les... rangs?</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Motivation 😳</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/002.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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>
-<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,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<circle cx="0" cy="0" r="18.333333333333332" 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>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card3" 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">Commandement</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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)">
-<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)}">
-<g class="svg_resource_icon" v-on:click="effectClick(1)">
-<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(137.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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(197.0,60.5)" v-bind:class="{used:used_effects_indexes.includes(3)}">
-<g class="svg_resource_icon" v-on:click="effectClick(3)">
-<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>
-</svg>
@@ -1,61 +0,0 @@
-<?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="card4" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Saki, Pégase de Guerre</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Cowboy</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/004.png" />
-<g transform="translate(12,265)">
-<g class="svg_effect">
-<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<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">3</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">4</text>
-</g>
-</g>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">5</text>
-</g>
-</svg>
@@ -1,68 +0,0 @@
-<?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="card5" 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">Domination</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)">
-<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">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" />
-<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">Piochez une carte.</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="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 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="red" 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 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)" 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>
-</g>
-</g>
-</svg>
@@ -1,72 +0,0 @@
-<?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="card6" 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">Raiden, le Juste</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(107.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">2</text>
-</g>
-</g>
-<g transform="translate(167.0,40.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">3</text>
-</g>
-</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)" 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>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">5</text>
-</g>
-</svg>
@@ -1,67 +0,0 @@
-<?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="card7" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Kikuri, Grande Prêtre</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Alcoolique</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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">2</text>
-</g>
-</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)" 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>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">6</text>
-</g>
-</svg>
@@ -1,60 +0,0 @@
-<?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="card8" 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">Le Gardien</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Gardien</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/008.png" />
-<g transform="translate(12,265)">
-<g class="svg_effect">
-<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" 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)}">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">4</text>
-</g>
-</svg>
@@ -1,60 +0,0 @@
-<?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="card9" 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">Dlanor A. Knox</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Inquisitrice</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/009.png" />
-<g transform="translate(12,265)">
-<g class="svg_effect">
-<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" 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)}">
-<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>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">4</text>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card10" 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">Rallier les Troupes</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Charme</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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/010.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(107.0,40.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="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 transform="translate(167.0,40.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="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>
-<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)" 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>
@@ -1,71 +0,0 @@
-<?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="card11" 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">Recrutement</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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="-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)}">
-<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">3</text>
-</g>
-</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,27.5)" v-bind:class="{used:used_effects_indexes.includes(3)}">
-<g class="svg_resource_icon" v-on:click="effectClick(3)">
-<circle cx="0" cy="0" r="18.333333333333332" 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">1</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,58 +0,0 @@
-<?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="card12" 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">Tits Priest</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Meuble</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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)" 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)}">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">3</text>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card13" 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">Caprisun</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, 20cl</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">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" />
-<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,40.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="url(#grad2)" 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="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>
-</g>
-</svg>
@@ -1,71 +0,0 @@
-<?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="card14" 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">Parole de Puissance</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,45 L264,45" stroke="black" stroke-width="1" />
-<path d="M10,90 L264,90" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,26.0)" 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>
-<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,22.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="15.0" 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>
-<g transform="translate(0,90)">
-<g class="svg_effect">
-<circle cx="30" cy="22.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,22.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<circle cx="0" cy="0" r="15.0" 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>
-</g>
-</g>
-</svg>
@@ -1,57 +0,0 @@
-<?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="card15" 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">Madeline, Mercenaire</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Guerrière</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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,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">4</text>
-</g>
-</g>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">6</text>
-</g>
-</svg>
@@ -1,59 +0,0 @@
-<?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="card16" 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">Pot-de-Vin</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/016.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,40.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="url(#grad2)" 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="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">stack_next_action_bought</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card17" 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">Menace de Mort</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Takano</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/017.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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">1</text>
-</g>
-</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)" 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>
-</g>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card18" 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">Fourberie</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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="-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)}">
-<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="url(#grad2)" 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="-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>
-</g>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card19" 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">Niko Incendiaire</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, gfhd;spfgljh.-</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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="-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)}">
-<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">8</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(3)}">
-<g class="svg_resource_icon" v-on:click="effectClick(3)">
-<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">5</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,59 +0,0 @@
-<?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="card20" 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">Tit job</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/020.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">7</text>
-</g>
-</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)" 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>
-</g>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card21" 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">Intimidation</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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,40.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="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>
-<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,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="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>
-</g>
-</svg>
@@ -1,69 +0,0 @@
-<?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="card22" 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">S.W.M.G.</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Gang</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="url(#grad2)" 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>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">3</text>
-</g>
-</svg>
@@ -1,66 +0,0 @@
-<?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="card23" 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">Parov, l'Exécuteur</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Bagarreur</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="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 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)" 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>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">5</text>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card24" 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">Bénéfice</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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,40.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="url(#grad2)" 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>
@@ -1,58 +0,0 @@
-<?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="card25" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Jester, Maître Assassin</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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)" 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)}">
-<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>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">7</text>
-</g>
-</svg>
@@ -1,64 +0,0 @@
-<?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="card26" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Mako, le Contrebandier</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Charlatan</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/026.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="url(#grad2)" 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="-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>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">5</text>
-</g>
-</svg>
@@ -1,53 +0,0 @@
-<?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="card27" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Casser et Piller (chez toi)</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Crime</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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">restack_discarded_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">6</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,61 +0,0 @@
-<?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="card28" 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">Cirno</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Baka</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/028.png" />
-<g transform="translate(12,265)">
-<g class="svg_effect">
-<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<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="yellow" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">1</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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">2</text>
-</g>
-</g>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">4</text>
-</g>
-</svg>
@@ -1,73 +0,0 @@
-<?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="card29" 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">Prêtre du Cul</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Thicc</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/029.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(107.0,40.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">1</text>
-</g>
-</g>
-<g transform="translate(167.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">1</text>
-</g>
-</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,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">4</text>
-</g>
-</svg>
@@ -1,59 +0,0 @@
-<?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="card30" 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">LowTierGod</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Streamer</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/030.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">7</text>
-</g>
-</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)" 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>
-</g>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card31" 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">Sombre Récompense</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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="-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)}">
-<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="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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">6</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,57 +0,0 @@
-<?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="card32" 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">Bracken</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Entité</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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,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">2</text>
-</g>
-</g>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">3</text>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card33" 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">Bad Touch</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Boisson</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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="-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)}">
-<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">2</text>
-</g>
-</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,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,64 +0,0 @@
-<?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="card34" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Alear, Tisseuse de Liens</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Dragon Divin</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/034.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="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 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)" 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>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">4</text>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card35" 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">Trick-or-Treat!</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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,40.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,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">3</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,58 +0,0 @@
-<?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="card36" 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">Miguel O'Hara</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, DILF</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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)" 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)}">
-<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>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">6</text>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card37" 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">Drain de Vie</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Pas de Bol</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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="-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)}">
-<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">8</text>
-</g>
-</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)" 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>
-</g>
-</g>
-</svg>
@@ -1,60 +0,0 @@
-<?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="card38" 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">V2</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Connard</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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)" 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)}">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">5</text>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card39" 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">La Riamuification</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Malédiction</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/039.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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 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,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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">3</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,69 +0,0 @@
-<?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="card40" 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">Yuyuko, la Dévoreuse</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Fumo</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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 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)" 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>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">6</text>
-</g>
-</svg>
@@ -1,61 +0,0 @@
-<?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="card41" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Battler, Maître du jeu</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Sorcier Infini</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,43.5)" 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)" 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>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">3</text>
-</g>
-</svg>
@@ -1,64 +0,0 @@
-<?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="card42" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Featherine, la Spectatrice</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Sorcière</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/042.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="url(#grad2)" 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="-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>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">6</text>
-</g>
-</svg>
@@ -1,64 +0,0 @@
-<?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="card43" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Panette, la Berserker</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="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>
-<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)" 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>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">6</text>
-</g>
-</svg>
@@ -1,69 +0,0 @@
-<?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="card44" 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">Koromaru Niveau 99</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Persona-user</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="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 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,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>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">5</text>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card45" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Malédiction des Fibres</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Mind-control</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/045.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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">6</text>
-</g>
-</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,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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">3</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card46" 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">Don Insecte</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action, Potite</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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="-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)}">
-<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="url(#grad2)" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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>
@@ -1,69 +0,0 @@
-<?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="card47" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Leshy, Géant de la Forêt</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Maître du jeu</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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">6</text>
-</g>
-</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)" 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>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">7</text>
-</g>
-</svg>
@@ -1,71 +0,0 @@
-<?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="card48" 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">Don de la Nature</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/048.png" />
-<g transform="translate(12,265)">
-<path d="M10,45 L264,45" stroke="black" stroke-width="1" />
-<path d="M10,90 L264,90" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,22.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="15.0" 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>
-</g>
-<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)" 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>
-</g>
-<g transform="translate(0,90)">
-<g class="svg_effect">
-<circle cx="30" cy="22.5" r="15" fill="black" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,22.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<circle cx="0" cy="0" r="15.0" 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>
@@ -1,66 +0,0 @@
-<?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="card49" 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">Grognasse</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Fille</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/skins/heron/049.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" 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="url(#grad2)" 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="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">Piochez une carte.</text>
-</g>
-</g>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">3</text>
-</g>
-</svg>
@@ -1,53 +0,0 @@
-<?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="card50" 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">Impulsion Temporelle</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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="-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)}">
-<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">6</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,60 +0,0 @@
-<?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="card51" 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="16" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">Baiken, Samurai Slasher</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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)" 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)}">
-<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>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">7</text>
-</g>
-</svg>
@@ -1,65 +0,0 @@
-<?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="card52" 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">Étincelle de Caine</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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="-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)}">
-<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 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,27.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card53" 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">Forme de Loup</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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="-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)}">
-<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">8</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>
@@ -1,58 +0,0 @@
-<?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="card54" 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">Leadeuse du Club</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion, Vieil Homme</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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)" 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)}">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">4</text>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card55" 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">Live and maybe Kill</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item, Alien</text>
-</g>
-<g transform="translate(36,37)">
-<g id="faction_icon">
-<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">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" />
-<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,40.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">3</text>
-</g>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card56" 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">Live</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<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" />
-<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)}">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card57" 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">Superkill</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<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" />
-<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)}">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card58" 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">Kill</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<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" />
-<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)}">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card59" 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">Live Forever</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">item</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<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" />
-<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)}">
-<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>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card60" 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">Bounty Collection</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)">
-<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">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" />
-<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">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)}">
-<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="url(#grad2)" 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">Piochez une carte.</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,56 +0,0 @@
-<?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="card61" 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">Daring Escape</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)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,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)" 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>
-</g>
-</g>
-</svg>
@@ -1,68 +0,0 @@
-<?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="card62" 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">Fearless Charge</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)">
-<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">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" />
-<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">Piochez deux cartes.</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="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,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">5</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(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>
-</g>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card63" 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">Sway</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)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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(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>
-</g>
-</g>
-</svg>
@@ -1,58 +0,0 @@
-<?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="card64" 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">Con Artist</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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)" 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)}">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">2</text>
-</g>
-</svg>
@@ -1,58 +0,0 @@
-<?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="card65" 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">Olara, the Slayer</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<g class="svg_effect">
-<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,101.5)" 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)}">
-<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>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">5</text>
-</g>
-</svg>
@@ -1,60 +0,0 @@
-<?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="card66" 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">Pelleas, the Seeker</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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)" 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)}">
-<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>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">4</text>
-</g>
-</svg>
@@ -1,52 +0,0 @@
-<?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="card67" 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">Veteran Squire</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<g class="svg_effect">
-<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,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>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">3</text>
-</g>
-</svg>
@@ -1,59 +0,0 @@
-<?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="card68" 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">Confiscate</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)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,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>
-<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,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="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>
-</g>
-</svg>
@@ -1,62 +0,0 @@
-<?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="card69" 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">Demonic Cloud</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)">
-<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">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" />
-<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="-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)}">
-<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">7</text>
-</g>
-</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)" 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>
-</g>
-</g>
-</svg>
@@ -1,53 +0,0 @@
-<?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="card70" 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">Pack’s Fury</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)">
-<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">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" />
-<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">discard_x_and_draw_x</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">7</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,53 +0,0 @@
-<?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="card71" 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">Thrash</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)">
-<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">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" />
-<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">Assomez le champion ciblé.</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>
@@ -1,69 +0,0 @@
-<?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="card72" 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">Andor, the Valiant</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,70.66666666666667)" 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)}">
-<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">2</text>
-</g>
-</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)" 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>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">5</text>
-</g>
-</svg>
@@ -1,54 +0,0 @@
-<?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="card73" 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">Fettered Imp</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<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)" 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>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">5</text>
-</g>
-</svg>
@@ -1,64 +0,0 @@
-<?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="card74" 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">Lenka, the Hunter</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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">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" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="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 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)" 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>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">5</text>
-</g>
-</svg>
@@ -1,67 +0,0 @@
-<?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="card75" 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">Pathfinder</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<circle cx="30" cy="40.0" r="15" fill="gray" filter="url(#drop-shadow)" />
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" 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="url(#grad2)" 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="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>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">4</text>
-</g>
-</svg>
@@ -1,60 +0,0 @@
-<?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="card76" 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">Cat Familiar</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<rect x="0" y="65" width="298" height="200" />
-<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(77.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">1</text>
-</g>
-</g>
-<g transform="translate(137.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="yellow" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="black" font-weight="bold" font-family="Helvetica">1</text>
-</g>
-</g>
-<g transform="translate(197.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(2)}">
-<g class="svg_resource_icon" v-on:click="effectClick(2)">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-<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="darkgrey" stroke="#eee" stroke-width="2" />
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="black">2</text>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card77" 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">Ignite</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)">
-<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>
-<rect x="0" y="65" width="298" height="200" />
-<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,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">2</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,47 +0,0 @@
-<?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="card78" 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">Spell Components</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>
-<rect x="0" y="65" width="298" height="200" />
-<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)" 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)}">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,52 +0,0 @@
-<?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="card79" 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">Fire Staff</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>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">1</text>
-</g>
-</g>
-</g>
-<g transform="translate(0,80)">
-<g class="svg_effect">
-<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>
-</g>
-</g>
-</svg>
@@ -1,47 +0,0 @@
-<?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="card80" 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">Throwing Knife</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>
-<rect x="0" y="65" width="298" height="200" />
-<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)" 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)}">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,52 +0,0 @@
-<?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="card81" 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">Black Arrow</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>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">1</text>
-</g>
-</g>
-</g>
-<g transform="translate(0,80)">
-<g class="svg_effect">
-<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>
-</g>
-</g>
-</svg>
@@ -1,47 +0,0 @@
-<?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="card82" 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">Horn of Calling</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>
-<rect x="0" y="65" width="298" height="200" />
-<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)" 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)}">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card83" 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">Hunting Bow</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>
-<rect x="0" y="65" width="298" height="200" />
-<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,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">2</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card84" 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">Longsword</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>
-<rect x="0" y="65" width="298" height="200" />
-<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,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">3</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,40 +0,0 @@
-<?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="card85" 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">Shield Bearer</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">3</text>
-</g>
-</svg>
@@ -1,52 +0,0 @@
-<?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="card86" 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">Throwing Axe</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>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">2</text>
-</g>
-</g>
-</g>
-<g transform="translate(0,80)">
-<g class="svg_effect">
-<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>
-</g>
-</g>
-</svg>
@@ -1,50 +0,0 @@
-<?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="card87" 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">Follower A</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<rect x="0" y="65" width="298" height="200" />
-<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,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">1</text>
-</g>
-</g>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">1</text>
-</g>
-</svg>
@@ -1,50 +0,0 @@
-<?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="card88" 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">Follower B</text>
-<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Champion</text>
-</g>
-<g transform="translate(36,37)">
-<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>
-<rect x="0" y="65" width="298" height="200" />
-<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,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">1</text>
-</g>
-</g>
-</g>
-</g>
-<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" />
-<text x="-3" y="-59" font-size="12px" text-anchor="middle" fill="white" font-weight="bold" font-family="Helvetica">Garde</text>
-<text x="-3" y="-20" font-size="28px" font-weight="bold" font-family="Helvetica" text-anchor="middle" fill="white">1</text>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card89" 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">Spiked Mace</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>
-<rect x="0" y="65" width="298" height="200" />
-<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,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">2</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,50 +0,0 @@
-<?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="card90" 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">Prayer Beads</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>
-<rect x="0" y="65" width="298" height="200" />
-<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(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="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,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>
@@ -1,47 +0,0 @@
-<?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="card91" 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">Demon Blood</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)">
-<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>
-<rect x="0" y="65" width="298" height="200" />
-<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)" 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)}">
-<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">1</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,53 +0,0 @@
-<?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="card92" 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">Demonic Strength</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)">
-<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>
-<rect x="0" y="65" width="298" height="200" />
-<image x="0" y="65" width="298" height="200" xlink:href="../../img/missing.png" />
-<g transform="translate(12,265)">
-<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
-<g class="svg_effect">
-<g transform="translate(137.0,40.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="red" x="0" y="0" />
-<text x="0" y="9" font-size="24" text-anchor="middle" fill="white" 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="url(#grad2)" 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="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">keep_in_hand</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,44 +0,0 @@
-<?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="card93" 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">Hammer</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>
-<rect x="0" y="65" width="298" height="200" />
-<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,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">3</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
@@ -1,47 +0,0 @@
-<?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="card94" 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">Pick</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>
-<rect x="0" y="65" width="298" height="200" />
-<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)" 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)}">
-<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">2</text>
-</g>
-</g>
-</g>
-</g>
-</svg>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
legonzaur	d030c8e88a	attempt to fix stun not appearinng release-tag / release-image (push) Successful in 33s Details	2024-12-21 19:59:46 +01:00
legonzaur	68ffb4ba08	fix : attempt to bring back images release-tag / release-image (push) Successful in 29s Details	2024-12-21 19:26:48 +01:00
legonzaur	b3d535e122	attempt to fix index html release-tag / release-image (push) Successful in 28s Details	2024-12-21 19:25:06 +01:00
legonzaur	dd4a938632	fix :attemt to fix visuals release-tag / release-image (push) Successful in 41s Details	2024-12-21 19:22:35 +01:00
legonzaur	d8aa87cf97	chore : add token gen script for local dev	2024-12-21 19:12:52 +01:00
legonzaur	79e28b5006	fix: some token display errors release-tag / release-image (push) Successful in 30s Details	2024-12-21 19:03:25 +01:00
legonzaur	e1784dffca	fix : render game configuration button only on client release-tag / release-image (push) Successful in 47s Details	2024-12-21 14:56:49 +01:00
legonzaur	39e4855b91	fix : tokens incorrectly showing on opponent's board Closes #107	2024-12-21 11:32:41 +01:00
legonzaur	c30d23e45f	feat : show winning players on game end related to #71	2024-12-21 11:23:18 +01:00
legonzaur	c3bb7d555c	chore: formatting	2024-12-21 11:21:57 +01:00
legonzaur	d0ebd3746e	fix : sacrifice tokens on opponent discard	2024-12-21 11:21:46 +01:00
legonzaur	f0387cebc8	chore: update nuxt	2024-12-21 11:21:34 +01:00
legonzaur	a330806afe	feat: redirect to lobby when game ends	2024-12-21 00:12:40 +01:00
legonzaur	25672130cd	feat: logout button	2024-12-20 21:56:37 +01:00
legonzaur	a6490fc180	Feat : add more tokens descriptions release-tag / release-image (push) Successful in 30s Details	2024-08-27 14:59:48 +02:00
legonzaur	19bed27f78	Fix : token compilation release-tag / release-image (push) Successful in 30s Details	2024-08-27 14:05:54 +02:00
legonzaur	29cd28953d	Feat : add surrender button release-tag / release-image (push) Successful in 51s Details	2024-08-27 13:08:15 +02:00
legonzaur	b5d89d4fe9	Feat : add game deletion	2024-08-27 12:05:17 +02:00
legonzaur	0fb4877266	Feat : add Leave, kick and game configuration	2024-08-27 11:51:31 +02:00
legonzaur	ddcb6c6849	chore/cleanup : move game handlers into netcode directory	2024-08-06 14:41:22 +02:00
legonzaur	afebf1d9de	chore : fix ide error	2024-08-06 14:28:16 +02:00
legonzaur	4e8a619cb9	fix : dockerfile release-tag / release-image (push) Successful in 30s Details	2024-08-06 13:41:06 +02:00
legonzaur	cb74d78928	fix : update dockerfile release-tag / release-image (push) Failing after 11s Details	2024-08-06 13:38:40 +02:00
legonzaur	a3ff9596d7	ci : add tokens to dockerfile release-tag / release-image (push) Failing after 10s Details	2024-08-06 13:36:00 +02:00
legonzaur	d18a2ab4f2	feat : token visuals draft	2024-08-06 13:30:43 +02:00
legonzaur	517f1bef5d	chore: optimize loading by using defineComponent instead of defineAsyncComponent	2024-08-06 11:48:21 +02:00
legonzaur	77724d5539	ci : remove public directory release-tag / release-image (push) Successful in 30s Details	2024-08-04 11:39:41 +02:00
legonzaur	21c41bb9fd	ci : fix image directory release-tag / release-image (push) Successful in 28s Details	2024-08-04 11:36:52 +02:00
legonzaur	bb625b1fee	ci : copy pngs into production stage release-tag / release-image (push) Successful in 29s Details	2024-08-04 11:35:20 +02:00
legonzaur	fd3cf0ba23	ci : fix image not being copied release-tag / release-image (push) Successful in 28s Details	2024-08-04 11:33:10 +02:00
legonzaur	4ec29cf811	fix : champion polygon release-tag / release-image (push) Successful in 29s Details	2024-08-04 11:21:41 +02:00
legonzaur	b92eb4b901	fix : unify font for champion preview	2024-08-04 10:29:25 +02:00
legonzaur	e36c916e0b	feat : add health point to champion preview	2024-08-04 10:25:39 +02:00
legonzaur	ca8e38624e	fix : focused player card zone clip	2024-08-03 21:56:14 +02:00
legonzaur	b00fffd314	feat : champion visualization, first draft release-tag / release-image (push) Successful in 39s Details	2024-08-03 20:03:11 +02:00
legonzaur	11dd342b8e	fix : remove damage and make discard buttons when not relevant	2024-08-03 17:50:58 +02:00
legonzaur	9e1af6f3df	fix : focus active player automatically on game load	2024-08-03 17:50:33 +02:00
legonzaur	5e992122d8	fix : various css and layout fixes	2024-08-03 17:50:12 +02:00
legonzaur	aa58e6c4f8	fix : zoom on hand and market	2024-08-03 17:36:16 +02:00
legonzaur	1a05229d0b	chore : add commands to fetch images for dev	2024-08-03 17:03:56 +02:00
legonzaur	62d7346617	Chore : remove cards images from repo	2024-08-03 17:03:36 +02:00
legonzaur	9708abbf81	Fix : remove scroll bars when focused player changes	2024-08-03 16:30:02 +02:00
legonzaur	8f300394ab	fix : implement game start event	2024-08-03 15:30:41 +02:00
legonzaur	2c986fbd97	Fix : remove authstore persistence	2024-08-03 15:11:32 +02:00
legonzaur	3a88d1c107	ci : create svgs at build time	2024-08-02 21:20:49 +02:00
legonzaur	7690292567	Chore : remove svgs from repository	2024-08-02 21:00:14 +02:00
legonzaur	5623f7c91f	Feat : update assets release-tag / release-image (push) Successful in 31s Details	2024-08-02 17:59:10 +02:00
legonzaur	08fb23e729	Fix : prevent fetching back data on build release-tag / release-image (push) Successful in 29s Details	2024-08-02 09:08:59 +02:00
legonzaur	2876f7b91e	Feat: better discard overlay release-tag / release-image (push) Successful in 28s Details	2024-08-01 22:53:30 +02:00
legonzaur	775712371d	Merge remote-tracking branch 'origin/main' into feat/netcode-rework	2024-08-01 20:08:32 +02:00
legonzaur	6edadc3ef3	Feat : add return to lobby button	2024-08-01 20:06:34 +02:00
legonzaur	7713faa4d0	Feat : add login button	2024-08-01 19:48:15 +02:00
legonzaur	f9197d470e	Feat : settings dialog animation	2024-08-01 18:28:27 +02:00
legonzaur	de38416bcd	Chore : cleanup 2	2024-08-01 17:38:01 +02:00
legonzaur	23e5f9f432	Chore : components cleanup	2024-08-01 17:31:09 +02:00
legonzaur	240ab7e1d4	Fix : add login page	2024-08-01 15:54:39 +02:00
legonzaur	80f6d02fc7	Update .gitea/workflows/build.yml	2024-08-01 10:44:09 +00:00
legonzaur	c68446bf25	Ci : was it this simple release-tag / release-image (push) Successful in 31s Details	2024-08-01 12:43:20 +02:00
legonzaur	63519429e6	CI : fuckit manual test release-tag / release-image (push) Successful in 30s Details	2024-08-01 12:33:52 +02:00
legonzaur	5282ca3c4a	Ci : update build yml release-tag / release-image (push) Successful in 30s Details	2024-08-01 12:31:19 +02:00
legonzaur	f5e4b10d1b	Ci : fix build release-tag / release-image (push) Successful in 31s Details	2024-08-01 12:23:25 +02:00
legonzaur	efebc79d35	Ci : dockerfile ARG NUXT_PUBLIC_WELCOME_MESSAGE release-tag / release-image (push) Successful in 32s Details	2024-08-01 12:19:43 +02:00
legonzaur	ad324a9a97	CI : switch to args instead of secrets release-tag / release-image (push) Successful in 28s Details	2024-08-01 12:06:52 +02:00
legonzaur	4145cacf1a	Chore : add test page	2024-08-01 12:05:27 +02:00
legonzaur	da54495d1c	Ci : add more tags	2024-08-01 08:12:50 +00:00
legonzaur	f60ec850f0	Ci : fix repo name in tag	2024-08-01 08:12:33 +00:00