fix : zoom on hand and market

components/game/Market.vue

@@ -111,3 +111,9 @@ function tokenClick({ card, token }: { card: Card; token: Effect }) {
   width: 50px;
 }
 </style>
+
+<style>
+.market .card.zoom {
+  transform: scale(200%) translateY(15%);
+}
+</style>

components/game/player/Self.vue

@@ -73,7 +73,7 @@ const props = defineProps<Props>();
   bottom: -50px;
   max-width: 100vw;
   justify-content: flex-start;
-  transition: 0.5s all var(--animation-curve);
+  transition: 0.25s all var(--animation-curve);
   transform: translate(-50%, 150px);
 }
 
@@ -88,21 +88,28 @@ const props = defineProps<Props>();
 </style>
 
 <style>
-#self_hand .card {
-  transition: 0.5s all var(--animation-curve);
+#self_hand > div.card {
+  transition: 0.25s all var(--animation-curve);
   overflow: visible;
 }
 
-#self_hand .card #contextMenuButtons {
+#self_hand > .cards_container {
+  flex-wrap: nowrap;
+}
+#self_hand > div.card #contextMenuButtons {
   top: 0;
   bottom: unset;
 }
 
-#self_hand .card.active:hover #contextMenuButtons {
+#self_hand div.card.active:hover #contextMenuButtons {
   transform: translateY(-100%);
 }
 
-#self_hand .card:hover {
-  transform: translateY(-40px);
+#self_hand div.card:hover {
+  transform: translateY(-60px);
+}
+
+#self_hand div.card.zoom:hover {
+  transform: translateY(calc(-60px - 55%)) scale(200%);
 }
 </style>