Feat : update assets

Reviewed-on: #95

.env.example

@@ -0,0 +1,3 @@
+NUXT_PUBLIC_ENDPOINT=http://localhost:8765
+NUXT_PUBLIC_DISCORD_LOGIN_ENDPOINT=https://discord.com/oauth2/authorize?client_id=
+NUXT_DEV_MODE=TRUE

.gitea/workflows/build.yml

@@ -1,19 +1,16 @@
 name: release-tag
 
 on:
-  release:
-    types: [released]
   push:
-    branches:
-      - main
+    tags:
+      - "**"
 
 jobs:
   release-image:
     runs-on: ubuntu-latest
 
     env:
-      DOCKER_ORG: legonzaur
-      DOCKER_LATEST: nightly
+      REPO_NAME: ${{ gitea.repository }}
       ENDPOINT: git.legonzaur.fr
 
     steps:
@@ -23,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: |
@@ -40,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
@@ -50,15 +41,28 @@ jobs:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.ENDPOINT }}/${{ env.REPO_NAME }}
+        tags: |
+          type=schedule
+          type=ref,event=branch
+          type=semver,pattern={{version}}
+          type=semver,pattern={{major}}.{{minor}}
+          type=semver,pattern={{major}}
+          type=sha
+
       - name: Build and push
         uses: docker/build-push-action@v4
         with:
           context: .
           file: ./Dockerfile
-          secrets: |
-            "NUXT_PUBLIC_WEBSOCKET_ENDPOINT=${{ secrets.NUXT_PUBLIC_WEBSOCKET_ENDPOINT }}"
-            "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: | # replace it with your local IP and tags
-            ${{ env.ENDPOINT }}/${{ env.DOCKER_ORG }}/${{ steps.meta.outputs.REPO_NAME }}:${{ steps.meta.outputs.REPO_VERSION }}
-            ${{ env.ENDPOINT }}/${{ env.DOCKER_ORG }}/${{ steps.meta.outputs.REPO_NAME }}:${{ env.DOCKER_LATEST }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}

.vscode/launch.json

@@ -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"
+        ]
+      }
+    ]
+  }
+  

.vscode/settings.json

@@ -3,5 +3,7 @@
         "**/.nuxt/": true,
         "**/node_modules": true
     },
-    "vue.server.hybridMode": true
+    "vue.server.hybridMode": true,
+    "editor.formatOnSave": true,
+    "javascript.updateImportsOnFileMove.enabled": "never"
 }

Dockerfile

@@ -1,16 +1,15 @@
-FROM node:lts-alpine as build-stage
+FROM node:lts-alpine AS build-stage
 WORKDIR /app
 COPY package*.json ./
 RUN npm install
 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
+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
-EXPOSE 80
-CMD ["nginx", "-g", "daemon off;"]
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf

app.vue

@@ -1,103 +1,40 @@
 <script setup lang="ts">
+import { cards, compileCards } from "./services/loadCards";
+import { getCurrentInstance } from "vue";
+// import goStore, { oauth2_register_discord, setup_websocket, heron_cookie_login } from "@/netcode";
 
-import goStore, { setReady, oauth2_register_discord, setup_websocket, heron_cookie_login } from "@/netcode";
+const nuxtApp = useNuxtApp();
 
-await setup_websocket()
+const authStore = useAuthStore();
 
-useHead
-  ({
-    title
-      : 'Héron Realms',
-  })
-
-
-
-const heron_session = useCookie('heron_session')
-const route = useRoute()
-
-onMounted(async () => {
-  const code = route.query.code
-  if (!code) { return }
-  if (Array.isArray(code)) { return }
-  await setup_websocket()
-  oauth2_register_discord(code)
-  history.pushState(
-    {},
-    '',
-    '/'
-  )
-})
-
-
-onMounted(async () => {
-  if (!heron_session.value) { return }
-  heron_cookie_login(heron_session.value)
-})
-
-function keyDownHandler(e: KeyboardEvent) {
-  if (e.repeat) { return }
-  console.log(e.code)
-  if (e.code != "AltLeft") { return }
-  goStore.zoomKeyPressed = true
-  e.preventDefault()
-  return false
-}
-
-function keyUpHandler(e: KeyboardEvent) {
-  if (e.repeat) { return }
-  if (e.code != "AltLeft") { return }
-  goStore.zoomKeyPressed = false
-  e.preventDefault()
-  return false
-}
-
-function contextMenuHandler(e: MouseEvent) {
-  e.preventDefault()
-}
-
-function mouseDownHandler(e: MouseEvent) {
-  if (e.button !== 2) { return }
-  goStore.zoomKeyPressed = true
-  e.preventDefault()
-  return false
-}
-
-function mouseUpHandler(e: MouseEvent) {
-  if (e.button !== 2) { return }
-  goStore.zoomKeyPressed = false
-  e.preventDefault()
-  return false
-}
-
-function follow_mouse(e: MouseEvent) {
-  goStore.clientMouseX = e.clientX
-  goStore.clientMouseY = e.clientY
+console.log("compiling cards...");
+const app = getCurrentInstance()?.appContext.app;
+if (!app) {
+  throw new Error("Couldn't bake cards: instance is null");
 }
+await compileCards(app);
+console.log("compiling done");
 
+useHead({
+  title: "Héron Realms",
+});
 onMounted(() => {
-  window.addEventListener("contextmenu", contextMenuHandler)
-  window.addEventListener("mousedown", mouseDownHandler)
-  window.addEventListener("mouseup", mouseUpHandler)
-  document.addEventListener("mousemove", follow_mouse)
-})
-
-onUnmounted(() => {
-  window.removeEventListener("contextmenu", contextMenuHandler)
-  window.removeEventListener("mousedown", mouseDownHandler)
-  window.removeEventListener("mouseup", mouseUpHandler)
-  document.removeEventListener("mousemove", follow_mouse)
-})
-
-onDeactivated
+  authStore.whoami();
+});
 </script>
 <template>
   <div class="root_dom_div">
-    <CardOverlay v-if="goStore.zoomKeyPressed" :card_id="goStore.hoveredCard" />
-    <NuxtPage />
+    <NuxtLoadingIndicator> Loading... </NuxtLoadingIndicator>
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
   </div>
 </template>
 
 <style>
+:root {
+  --animation-curve: cubic-bezier(0.68, -0.275, 0.32, 1.275);
+}
 html {
   text-align: center;
 }
@@ -107,6 +44,24 @@ 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;
+}
+
 #__nuxt {
   height: 100%;
   user-select: none;

app/spa-loading-template.html

@@ -0,0 +1,3 @@
+<html>
+I LOVE LOADING SCREENS
+</html>

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

@@ -0,0 +1,74 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/001.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/002.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/003.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
+<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>

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

@@ -0,0 +1,63 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/004.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/005.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,74 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/006.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,69 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/007.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,62 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/008.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,62 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/009.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/010.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,73 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/011.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,60 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/012.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/013.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,73 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,45 L264,45" stroke="black" stroke-width="1" />
+<path d="M10,90 L264,90" stroke="black" stroke-width="1" />
+<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>

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

@@ -0,0 +1,59 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/015.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/016.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-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>

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

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,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>

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

@@ -0,0 +1,71 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,68 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/024.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,60 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/025.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,66 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/026.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/027.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<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>

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

@@ -0,0 +1,63 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/028.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,75 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/029.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/030.gif" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/031.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,59 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/032.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/033.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,66 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/034.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/035.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,60 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/036.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/037.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,62 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/038.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/039.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,71 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/040.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,63 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/041.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,66 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/042.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,66 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/043.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,71 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/044.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/045.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/046.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,71 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/047.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,73 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/048.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,45 L264,45" stroke="black" stroke-width="1" />
+<path d="M10,90 L264,90" stroke="black" stroke-width="1" />
+<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>

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

@@ -0,0 +1,68 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/049.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/050.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<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>

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

@@ -0,0 +1,62 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/051.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/052.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/053.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,60 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/054.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/055.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/056.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/057.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/058.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/059.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-11.0" font-size="11" text-anchor="middle" fill="black" font-family="Helvetica"><tspan x="0" dy="0em">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>

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

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
+<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">discard restack_discarded_card</text>
+</g>
+</g>
+<g transform="translate(0,80)">
+<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>

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

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(2)}" v-on:click="effectClick(2)">
+<text x="0" y="-0.0" font-size="13.333333333333334" text-anchor="middle" fill="black" font-family="Helvetica">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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-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>

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

@@ -0,0 +1,60 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,60 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,62 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,54 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,43.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(0)}" v-on:click="effectClick(0)">
+<text x="0" y="-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>

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

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,70.66666666666667)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-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>

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

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">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>

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

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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">Rosser</text>
+<text x="149.0" y="53" font-size="13" text-anchor="middle" fill="black" font-family="Helvetica">Action</text>
+</g>
+<g transform="translate(36,37)">
+<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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/skins/heron/071.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<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>

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

@@ -0,0 +1,71 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,56 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<circle cx="30" cy="67.5" r="15" fill="gray" filter="url(#drop-shadow)" />
+<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>

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

@@ -0,0 +1,66 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,69 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<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>

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

@@ -0,0 +1,62 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(77.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">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>

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

@@ -0,0 +1,54 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,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>

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

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-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>

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

@@ -0,0 +1,54 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,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>

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

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-0.0" font-size="14" text-anchor="middle" fill="black" font-family="Helvetica">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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,42 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(268,417)">
+<path d="M-2.9999999999999982,-2.0 L-29.6295824562643,-21.347524157501468 L-19.45798706418925,-52.652475842498525 L13.45798706418924,-52.65247584249853 L23.629582456264302,-21.34752415750148 Z" fill="black" stroke="lightgrey" stroke-width="2" />
+<rect x="-28" y="-72" width="49" height="17" fill="black" stroke="lightgrey" stroke-width="2" />
+<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>

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

@@ -0,0 +1,54 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,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>

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

@@ -0,0 +1,52 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,52 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>

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

@@ -0,0 +1,52 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(107.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<g class="svg_resource_icon" v-on:click="effectClick(0)">
+<circle cx="0" cy="0" r="20" fill="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>

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

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,101.5)" class="svg_effect" v-bind:class="{used:used_effects_indexes.includes(1)}" v-on:click="effectClick(1)">
+<text x="0" y="-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>

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

@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="298" height="417" viewBox="0 0 298 417" id="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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<path d="M10,80 L264,80" stroke="black" stroke-width="1" />
+<g class="svg_effect">
+<g transform="translate(137.0,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>

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

@@ -0,0 +1,46 @@
+<?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="1" y="65" width="296" height="200" />
+<image x="12" y="65" width="274" height="200" xlink:href="../../img/missing.png" />
+<rect x="2" y="64" width="10" height="202" />
+<rect x="286" y="64" width="10" height="202" />
+<g transform="translate(12,265)">
+<g class="svg_effect">
+<g transform="translate(137.0,67.5)" v-bind:class="{used:used_effects_indexes.includes(0)}">
+<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>