Feat: better discard overlay

components/game/card/Grouped.vue

@@ -18,6 +18,7 @@ export interface Props {
   tokens?: Effect[];
   championsKillable?: boolean;
   discardable?: boolean;
+  locked?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -145,7 +146,9 @@ function discardCardClick(card: Card) {
         :wrapped="wrapped"
         :key="c?._id || i"
         :locked="
-          !playingTurn || playingTurn?.cardsLocked.includes(c._id.toString())
+          locked ||
+          !playingTurn ||
+          playingTurn?.cardsLocked.includes(c._id.toString())
         "
         :used_effects_indexes="c?.effects?.reduce( (prev,e, i)=>{
           if(playingTurn?.lockedEffects.includes(e._id)){
@@ -228,7 +231,8 @@ function discardCardClick(card: Card) {
 .cards_container {
   display: flex;
   flex-direction: row;
-  justify-content: space-evenly;
+  justify-content: flex-start;
+  gap: 30px;
   min-width: 200px;
   flex-wrap: wrap;
   transition: rotate v-bind("shuffleAnimationSpeed") ease;
@@ -237,6 +241,7 @@ function discardCardClick(card: Card) {
 .cards_container.wrapped {
   flex-direction: column-reverse;
   justify-content: center;
+  gap: 0;
 }
 
 .cards_container.wrapped:before {