/* ================================================================
   v213 — 항목7: 카드상점 · 덱편집 카드 폭 확대 및 가로:세로 = 2.5 : 4.375 비율 통일
   (2.5:4.375 = 4:7과 동일 비율 — 배율 70)
   - 카드 이름이 잘리던 원인(고정 max-width:45%+font-size:9px, 말줄임 처리)을
     제거하고 이름이 줄바꿈되며 온전히 보이도록 한다.
   - 카드 상점·덱편집 카드 모두 --collection-card-width/height 변수를
     가로:세로 = 2.5:4.375 비율로 통일해 사용한다(기존 JS 자동측정값보다 우선 적용).
   - 이 파일은 항상 마지막에 로드되어 기존 game.css의 좁은 폭/말줄임 규칙을 덮어쓴다.
   ================================================================ */

:root{
  --collection-card-width:175px !important;
  --collection-card-height:306.25px !important;
  --collection-card-title-height:48px !important;
  --collection-card-art-height:174.25px !important;
  --collection-card-stats-height:34px !important;
  --collection-card-desc-height:50px !important;
}

/* 이름이 잘리던 규칙(45% 폭 제한 + 9px 축소 + 말줄임)을 모두 해제하고 줄바꿈으로 전체 표시 */
.collection-card-heading .collection-card-name,
.collection-card-title b,
.collection-card-title .collection-card-name{
  max-width:100% !important;
  width:100% !important;
  font-size:13px !important;
  line-height:1.18 !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
  display:block !important;
}
.collection-card-title{
  min-height:var(--collection-card-title-height) !important;
  align-items:center !important;
}
.collection-card-heading{
  width:100% !important;
}
/* 항목7: 덱편집 카드도 카드상점과 동일하게 상단에 이름·등급만 표시하고, 국가/점수/보유수량 등
   부가 메타 텍스트는 상단에서 숨긴다(정보 자체는 카드 하단·바깥 보유수량 표시에 남아 있음). */
.collection-card-heading small{
  display:none !important;
}
.collection-card-title>em{
  font-size:11px !important;
}

@media(min-width:851px){
  .deck-builder-list,.deck-builder-list.selected,.card-shop-grid{
    grid-template-columns:repeat(auto-fill,var(--collection-card-width)) !important;
    justify-content:start !important;
  }
}

@media(max-width:850px){
  :root{
    --collection-card-width:150px !important;
    --collection-card-height:262.5px !important;
    --collection-card-title-height:42px !important;
    --collection-card-art-height:148px !important;
    --collection-card-stats-height:30px !important;
    --collection-card-desc-height:42.5px !important;
  }
  .deck-builder-list,.deck-builder-list.selected,.card-shop-grid{
    grid-template-columns:repeat(auto-fill,var(--collection-card-width)) !important;
    justify-content:start !important;
  }
}

@media(max-width:560px){
  :root{
    --collection-card-width:144px !important;
    --collection-card-height:252px !important;
    --collection-card-title-height:40px !important;
    --collection-card-art-height:142px !important;
    --collection-card-stats-height:28px !important;
    --collection-card-desc-height:42px !important;
  }
  .collection-card-heading small{display:none !important;}
}

.deck-builder-visual-card,.card-shop-grid .shop-card{
  width:var(--collection-card-width) !important;
  min-width:var(--collection-card-width) !important;
  max-width:var(--collection-card-width) !important;
  height:var(--collection-card-height) !important;
  min-height:var(--collection-card-height) !important;
  max-height:var(--collection-card-height) !important;
  grid-template-rows:var(--collection-card-title-height) var(--collection-card-art-height) var(--collection-card-stats-height) var(--collection-card-desc-height) !important;
}
.deck-builder-visual-card>.collection-card-title,.card-shop-grid .shop-card>.collection-card-title{
  height:var(--collection-card-title-height) !important;
  min-height:var(--collection-card-title-height) !important;
}
.deck-builder-visual-card>.collection-card-art,.card-shop-grid .shop-card>.collection-card-art{
  height:var(--collection-card-art-height) !important;
  min-height:var(--collection-card-art-height) !important;
  max-height:var(--collection-card-art-height) !important;
}
.deck-builder-visual-card>.collection-five-stats,.card-shop-grid .shop-card>.collection-five-stats{
  height:var(--collection-card-stats-height) !important;
  min-height:var(--collection-card-stats-height) !important;
  max-height:var(--collection-card-stats-height) !important;
  font-size:11px !important;
}
.deck-builder-visual-card>.collection-extra,.card-shop-grid .shop-card>.collection-extra{
  height:var(--collection-card-desc-height) !important;
  min-height:var(--collection-card-desc-height) !important;
  max-height:var(--collection-card-desc-height) !important;
  font-size:10.5px !important;
}