Fix : add background z index

components/AnimatedBackground.vue

@@ -164,6 +164,7 @@ onUnmounted(() => {
   position: fixed;
   height: 100%;
   width: 100%;
+  z-index: -999999;
 }
 
 #background.pixelated {

components/CardPreview.vue

@@ -5,12 +5,14 @@ export interface Props {
   locked?: boolean;
   wrapped?: boolean;
   tilted?: boolean;
+  interactible?: boolean
 }
 
 const props = withDefaults(defineProps<Props>(), {
   wrapped: () => false,
   tilted: () => true,
   locked: () => true,
+  interactible: () => true,
 });
 
 const emit = defineEmits(["click"]);

components/PlayerListElement.vue

@@ -63,7 +63,7 @@ const props = withDefaults(defineProps<Props>(), {
   justify-content: center;
   box-sizing: border-box;
   transition: all 0.1s;
-  width: 300px;
+  min-width: 300px;
   cursor: pointer;
 }
 

components/PlayerStats.vue

@@ -27,16 +27,16 @@ const isTurn = computed(
       {{ team?.health }}
     </span>
   </div>
-  <!-- <div class="turn_icon" v-if="showTurnData">
-        <img src="/umg/gold.png" class="icon_img" draggable="false" />
+  <!-- <div class="turn_icon" v-if="isTurn">
+        <img src="/img/gold.png" class="icon_img" draggable="false" />
         <span class="turn_icon_number">
-            {{ player.turn?.gold_reserve }}
+            {{ game.currentTurn.gold }}
         </span>
     </div>
-    <div class="turn_icon" v-if="showTurnData">
-        <img src="/umg/damage.png" class="icon_img" draggable="false" />
+    <div class="turn_icon" v-if="isTurn">
+        <img src="/img/damage.png" class="icon_img" draggable="false" />
         <span class="turn_icon_number">
-            {{ player.turn?.damage_reserve }}
+            {{ game.currentTurn.damage }}
         </span>
     </div> -->
   <div class="turn_icon">