add action

src/components/CardView.vue

@@ -123,7 +123,7 @@ const dimensionStyle = computed(() => {
   --card-h: 176px;
 }
 
-.card.2xl {
+.card.xxl {
   --card-w: 140px;
   --card-h: 210px;
   border-radius: 12px;
@@ -247,12 +247,12 @@ const dimensionStyle = computed(() => {
   font-size: 2.6rem;
 }
 
-.card.2xl .top-left,
-.card.2xl .bottom-right {
+.card.xxl .top-left,
+.card.xxl .bottom-right {
   font-size: 1.35rem;
 }
 
-.card.2xl .center-value {
+.card.xxl .center-value {
   font-size: 3rem;
 }
 

src/components/DeckView.vue

@@ -84,7 +84,7 @@ function layerStyle(layerIndex: number) {
           <CardView
             :card="deckBackCard"
             face-down
-            :size="large ? '2xl' : 'md'"
+            :size="large ? 'xxl' : 'md'"
             :dimensions="cardDimensions"
           />
         </div>

src/components/OpponentHandFan.vue

@@ -21,7 +21,7 @@ const isHovered = ref(false)
 
 const visibleCount = computed(() => Math.min(Math.max(props.count, 0), 14))
 
-const cardSize = computed((): CardViewSize => (props.large ? '2xl' : 'md'))
+const cardSize = computed((): CardViewSize => (props.large ? 'xxl' : 'md'))
 const cardHalf = computed(() => (props.large ? 70 : 36))
 const cardHeight = computed(() => (props.large ? 210 : 120))
 const cardSpacing = computed(() => (props.large ? 28 : 18))

src/components/cardTypes.ts

@@ -1,4 +1,4 @@
-export type CardViewSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl'
+export type CardViewSize = 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
 
 /** 보드판 중앙 덱·버린 더미 공통 카드 크기 */
 export const PILE_CARD = {