Fix : switch to state based shuffle animation

components/PlayerSlot.vue

@@ -258,10 +258,7 @@ function boardCardClick(cardUUID: string) {
 }
 
 #turn_buttons {
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
+  grid-area: turn_buttons;
 }
 
 #end_turn {
@@ -273,32 +270,6 @@ function boardCardClick(cardUUID: string) {
   visibility: hidden;
 }
 
-.stack,
-.discard,
-.cards_container {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  flex-wrap: wrap-reverse;
-}
-
-.stack {
-  grid-area: stack;
-  margin-left: 75px;
-}
-
-.discard {
-  margin-top: 40px;
-  grid-area: discard;
-  justify-content: start;
-  cursor: pointer;
-  pointer-events: none;
-  margin-left: 75px;
-}
-
-.discard.invisible {
-  visibility: hidden;
-}
 
 .player {
   display: grid;
@@ -307,12 +278,20 @@ function boardCardClick(cardUUID: string) {
   /* border-top: 5px solid black; */
   grid-template-areas:
     "player_stats"
-    "player";
+    "player"
+    "turn_buttons";
+  justify-items: center;
   transition: all 1s;
+
 }
 
 #current_player_board {
   grid-area: player;
+  display:flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  max-width: 1200px;
 }
 
 .damage_button {