/* v326 exact battle hand selector aliases */


/* ================================================================
   v175 — 항목 18: 사용 가능 카드 표시를 굵은 테두리 대신
   등급표시(.card-title-grade)와 같은 크기의 "가능" 배지로 변경.
   ================================================================ */
.v326-hand-preview.hand .card.affordable{
  border-color:#f7d77f!important;
  box-shadow:none!important; /* 굵은 강조 테두리 제거 → 일반 테두리 굵기만 유지 */
}

.v326-hand-preview.hand .card.affordable:not(.selected)::after{content:none!important;}

.v326-hand-preview.hand .card-ready-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  height:18px;
  padding:0 5px;
  margin-left:2px;
  border-radius:3px;
  border:1px solid #6fe3a0;
  background:#0d2e1cd9;
  color:#c9ffd9;
  font-size:9px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}


/* ================================================================
   v178 — 항목 5: 핸드 카드 크기를 전투필드 카드 크기와 동일하게.
   syncHandCardSizeToField()가 매 렌더마다 채워주는 --hand-card-width/height를
   모든 반응형 분기(!important 다수)보다 나중에 로드되는 이 파일에서 강제 적용한다.
   ================================================================ */
.v326-hand-preview.hand .card{
  width:var(--hand-card-width,106px)!important;
  min-width:var(--hand-card-width,106px)!important;
  max-width:var(--hand-card-width,106px)!important;
  height:var(--hand-card-height,138px)!important;
  min-height:var(--hand-card-height,138px)!important;
  max-height:var(--hand-card-height,138px)!important;
}

/* 카드 크기가 가변이라 열 수를 고정하지 않고, 실제 카드 폭 기준으로 자동으로 줄바꿈되게 한다.
   → "사이드 공간 폭 조정": 핸드 영역이 카드 실제 크기에 맞춰 넓어지거나 좁아진다. */
.v326-hand-preview.hand{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  align-content:flex-start!important;
  justify-content:flex-start!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .battlefield-layout .slot,
body.ui-mode-mobile-preview:not(.prebattle) .battlefield-layout .hq-field-slot,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{width:var(--v201-mobile-card-w)!important;min-width:var(--v201-mobile-card-w)!important;max-width:var(--v201-mobile-card-w)!important;height:var(--v201-mobile-card-h)!important;min-height:var(--v201-mobile-card-h)!important;max-height:var(--v201-mobile-card-h)!important;aspect-ratio:33 / 48!important;overflow:visible!important;}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{height:var(--v201-mobile-card-h)!important;min-height:var(--v201-mobile-card-h)!important;max-height:var(--v201-mobile-card-h)!important;gap:var(--v201-mobile-gap)!important;padding:0 var(--v201-mobile-side)!important;justify-content:flex-start!important;overflow:hidden!important;box-sizing:border-box!important;}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .right-hand-section,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .handbox,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{
  display:flex!important;
  gap:2px!important;
  padding-left:3px!important;
  padding-right:3px!important;
  overflow:hidden!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{
  box-sizing:border-box!important;
  flex:0 0 calc((100% - 8px) / 5)!important;
  width:calc((100% - 8px) / 5)!important;
  min-width:0!important;
  max-width:calc((100% - 8px) / 5)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:33 / 48!important;
  margin:0!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .right-hand-section,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .handbox,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{
  width:var(--mobile-play-width,418px)!important;
  min-width:var(--mobile-play-width,418px)!important;
  max-width:var(--mobile-play-width,418px)!important;
  box-sizing:border-box!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{
  height:var(--v203-preview-hand-card-h)!important;
  min-height:var(--v203-preview-hand-card-h)!important;
  max-height:var(--v203-preview-hand-card-h)!important;
  padding-left:3px!important;
  padding-right:3px!important;
  overflow:hidden!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{
  flex:0 0 var(--v203-preview-hand-card-w)!important;
  width:var(--v203-preview-hand-card-w)!important;
  min-width:var(--v203-preview-hand-card-w)!important;
  max-width:var(--v203-preview-hand-card-w)!important;
  height:var(--v203-preview-hand-card-h)!important;
  min-height:var(--v203-preview-hand-card-h)!important;
  max-height:var(--v203-preview-hand-card-h)!important;
}


/* 국가 팔레트 */
.v326-hand-preview.hand .card.wei,.battlefield-layout .unit.wei,.faction-wei{
  --v218-main:#174f91;--v218-deep:#071d39;--v218-soft:#5f9bdd;--v218-glyph:'魏';
}

.v326-hand-preview.hand .card.shu,.battlefield-layout .unit.shu,.faction-shu{
  --v218-main:#216b3b;--v218-deep:#082715;--v218-soft:#6daf79;--v218-glyph:'蜀';
}

.v326-hand-preview.hand .card.wu,.battlefield-layout .unit.wu,.faction-wu{
  --v218-main:#8f241f;--v218-deep:#360806;--v218-soft:#d45a50;--v218-glyph:'吳';
}

.v326-hand-preview.hand .card.other,.battlefield-layout .unit.other,.faction-other,
.v326-hand-preview.hand .card.item,.v326-hand-preview.hand .card.tactic{
  --v218-main:#5c2d79;--v218-deep:#1d092c;--v218-soft:#9b67bb;--v218-glyph:'群';
}


/* 전투 핸드 + 필드 카드 공통 */
.v326-hand-preview.hand .card,
.battlefield-layout .unit{
  border:2px solid var(--v218-gold)!important;
  border-radius:9px!important;
  background:var(--v218-deep,#111)!important;
  box-shadow:0 3px 9px #000b,inset 0 0 0 1px rgba(255,255,255,.13)!important;
  isolation:isolate!important;
}


.v326-hand-preview.hand .card .card-title-area,
.battlefield-layout .unit .card-title-area{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding:2px 5px 2px 7px!important;
  border-bottom:1px solid var(--v218-gold)!important;
  background:linear-gradient(180deg,var(--v218-main,#394552),var(--v218-deep,#131921))!important;
  box-shadow:inset 0 -1px rgba(0,0,0,.35)!important;
}


.v326-hand-preview.hand .card .card-name-text,
.battlefield-layout .unit .field-unit-name{
  color:#fff!important;
  font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
  text-shadow:0 1px 2px #000!important;
}


.v326-hand-preview.hand .card .card-title-grade,
.battlefield-layout .unit .field-grade{
  min-width:25px!important;
  height:17px!important;
  padding:0 4px!important;
  border:1px solid var(--v218-gold-soft)!important;
  border-radius:4px!important;
  background:#15100be8!important;
  color:#ffe992!important;
  font-size:9px!important;
  font-weight:1000!important;
  box-shadow:none!important;
  text-shadow:0 1px #000!important;
}


.v326-hand-preview.hand .card .cimg,
.battlefield-layout .unit .uimg{
  background:linear-gradient(180deg,var(--v218-deep,#0d1218),#05070a)!important;
}


/* 그림 가장자리만 어둡게 처리해 작은 카드에서도 얼굴·실루엣이 선명하게 보이도록 함 */
.v326-hand-preview.hand .card .cimg::after,
.battlefield-layout .unit .uimg::after,
.collection-card-art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 52%,rgba(0,0,0,.62) 100%),linear-gradient(90deg,rgba(0,0,0,.20),transparent 18%,transparent 82%,rgba(0,0,0,.20));
}


/* 국가 문양: 장식 대신 한 글자만 크게 */
.v326-hand-preview.hand .card .cimg::before,
.battlefield-layout .unit .uimg::before,
.faction-wei .collection-card-art::before,
.faction-shu .collection-card-art::before,
.faction-wu .collection-card-art::before,
.faction-other .collection-card-art::before{
  content:var(--v218-glyph,'群');
  position:absolute;
  right:4px;
  top:4px;
  z-index:8;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid var(--v218-gold-soft);
  border-radius:50%;
  background:color-mix(in srgb,var(--v218-deep,#111) 88%,transparent);
  color:#fff4c3;
  font-family:"Malgun Myeongjo","Batang",serif;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  text-shadow:0 1px 2px #000;
  box-shadow:0 1px 4px #000b;
  pointer-events:none;
}


/* 기존 우측 하단 아이콘 묶음을 이미지 전체 오버레이로 전환 */
.v326-hand-preview.hand .card .card-bottom-icons,
.battlefield-layout .unit .unit-bottom-icons{
  inset:0!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  z-index:10!important;
}


/* 카드 종류 아이콘 */
.v326-hand-preview.hand .card .card-bottom-icons>span:first-child,
.battlefield-layout .unit .unit-bottom-icons>span:first-child{
  position:absolute!important;
  left:4px!important;
  bottom:4px!important;
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border:1px solid var(--v218-gold-soft)!important;
  border-radius:5px!important;
  background:rgba(5,7,10,.86)!important;
  color:#fff!important;
  font-size:12px!important;
  text-shadow:none!important;
}


/* EN 비용 */
.v326-hand-preview.hand .card .card-ap-icon,
.battlefield-layout .unit .unit-bottom-icons>span:last-child{
  position:absolute!important;
  left:4px!important;
  top:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:29px!important;
  height:24px!important;
  padding:0 4px!important;
  border:2px solid var(--v218-gold-soft)!important;
  border-radius:999px!important;
  background:var(--v218-deep,#111)!important;
  color:#fff!important;
  font-size:0!important;
  font-weight:1000!important;
  text-shadow:none!important;
  box-shadow:0 2px 5px #000b!important;
}

.v326-hand-preview.hand .card .card-ap-icon::before,
.battlefield-layout .unit .unit-bottom-icons>span:last-child::before{
  content:attr(data-en) ' EN';
  font-size:10px;
  line-height:1;
  white-space:nowrap;
}


/* 작은 카드에서는 중복 부가 아이콘과 문구를 정리 */
.v326-hand-preview.hand .card .card-bottom-icons>span:not(:first-child):not(.card-ap-icon),
.battlefield-layout .unit .unit-bottom-icons>span:not(:first-child):not(:last-child),
.v326-hand-preview.hand .card .card-ability-label,
.v326-hand-preview.hand .card .hand-buff-provider-badge,
.v326-hand-preview.hand .card .general-class-hand-badge,
.v326-hand-preview.hand .card .soldier-class-hand-icon,
.battlefield-layout .unit .unit-ability-label,
.battlefield-layout .unit .unit-class-icon,
.battlefield-layout .unit .unit-buff-box,
.battlefield-layout .unit .unit-skill-box,
.battlefield-layout .unit .unit-scout-badge{
  display:none!important;
}


/* 공격/방어/체력: 숫자를 최대한 크게, 의미는 작은 아이콘으로만 표시 */
.v326-hand-preview.hand .card .cstats,
.battlefield-layout .unit .stats{
  border-top:1px solid var(--v218-gold)!important;
  background:var(--v218-deep,#10161d)!important;
}

.v326-hand-preview.hand .card .card-stat-cell,
.battlefield-layout .unit .stats span{
  position:relative!important;
  gap:2px!important;
  border-right:1px solid color-mix(in srgb,var(--v218-gold) 70%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--v218-main,#333) 82%,#000),var(--v218-deep,#111))!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  text-shadow:0 1px 2px #000!important;
}

.v326-hand-preview.hand .card .card-stat-cell b{font-size:14px!important;line-height:1!important}

.v326-hand-preview.hand .card .card-stat-cell::before,
.battlefield-layout .unit .stats span::before{
  color:#ffe48b;
  font-size:9px;
  font-weight:1000;
  line-height:1;
}

.v326-hand-preview.hand .card .card-stat-cell:nth-child(1)::before,
.battlefield-layout .unit .stats span:nth-child(1)::before{content:'⚔'}

.v326-hand-preview.hand .card .card-stat-cell:nth-child(2)::before,
.battlefield-layout .unit .stats span:nth-child(2)::before{content:'◆'}

.v326-hand-preview.hand .card .card-stat-cell:nth-child(3)::before,
.battlefield-layout .unit .stats span:nth-child(3)::before{content:'♥';color:#ff7777}


/* 사용 가능 상태는 글자 대신 녹색 점으로 축소 */
.v326-hand-preview.hand .card .card-ready-badge{
  position:absolute!important;
  left:4px!important;
  top:50%!important;
  width:7px!important;
  min-width:7px!important;
  height:7px!important;
  padding:0!important;
  border:1px solid #d7ffd7!important;
  border-radius:50%!important;
  background:#40d861!important;
  color:transparent!important;
  overflow:hidden!important;
  box-shadow:0 0 6px #4cff72!important;
}


/* 아이템/전술은 국가 공용(기타) 보라색으로 명확히 구분 */
.v326-hand-preview.hand .card.item,
.v326-hand-preview.hand .card.tactic{
  --v218-main:#5c2d79;--v218-deep:#1d092c;--v218-soft:#9b67bb;--v218-glyph:'策';
}

.v326-hand-preview.hand .card.utility-card .cimg::before{content:'策'}


/* ---------- 3) EN 원형 배지: 숫자만 ---------- */
.v326-hand-preview.hand .card .card-ap-icon::before,
.battlefield-layout .unit .unit-bottom-icons>span:last-child::before,
.collection-card-icons .collection-en-icon::before,
.collection-card-icons>span:last-child::before{
  content:attr(data-en)!important;
}


/* ---------- 4) 카드 등급 배지: 등급별 색상 ---------- */
.v326-hand-preview.hand .card .card-title-grade.grade-SSS,
.battlefield-layout .unit .field-grade.grade-SSS,
.collection-card-title>em.grade-SSS{border-color:var(--grade-sss)!important;color:var(--grade-sss)!important}

.v326-hand-preview.hand .card .card-title-grade.grade-SS,
.battlefield-layout .unit .field-grade.grade-SS,
.collection-card-title>em.grade-SS{border-color:var(--grade-ss)!important;color:var(--grade-ss)!important}

.v326-hand-preview.hand .card .card-title-grade.grade-S,
.battlefield-layout .unit .field-grade.grade-S,
.collection-card-title>em.grade-S{border-color:var(--grade-s)!important;color:var(--grade-s)!important}

.v326-hand-preview.hand .card .card-title-grade.grade-RR,
.battlefield-layout .unit .field-grade.grade-RR,
.collection-card-title>em.grade-RR{border-color:var(--grade-rr)!important;color:var(--grade-rr)!important}

.v326-hand-preview.hand .card .card-title-grade.grade-R,
.battlefield-layout .unit .field-grade.grade-R,
.collection-card-title>em.grade-R{border-color:var(--grade-r)!important;color:var(--grade-r)!important}

.v326-hand-preview.hand .card .card-title-grade.grade-U,
.battlefield-layout .unit .field-grade.grade-U,
.collection-card-title>em.grade-U{border-color:var(--grade-u)!important;color:var(--grade-u)!important}

.v326-hand-preview.hand .card .card-title-grade.grade-C,
.battlefield-layout .unit .field-grade.grade-C,
.collection-card-title>em.grade-C{border-color:var(--grade-c)!important;color:var(--grade-c)!important}


/* ---------- 5) 하단 공격/방어/체력: 문구 제거, 숫자만 ---------- */
/* v216이 ::before로 "공격"/"방어"/"체력" 글자를 넣던 규칙(더 높은 우선순위로
   v218의 아이콘 시도를 계속 이겨왔음)을 동일 선택자+!important로 무력화. */
body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card .card-stat-cell::before,
body.unified-left-layout:not(.ui-mode-mobile-preview) .battlefield-layout .unit .stats span::before,
.v326-hand-preview.hand .card .card-stat-cell::before,
.battlefield-layout .unit .stats span::before{
  content:none!important;
  display:none!important;
}

body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card .card-stat-cell,
body.unified-left-layout:not(.ui-mode-mobile-preview) .battlefield-layout .unit .stats span{
  grid-template-rows:1fr!important;
}



/* ===== assets/css/v220_en_badge_unify.css?v=220 ===== */
/* =====================================================================
   v220 — 원형 배지 통합 + 이미지 미등록 카드 처리
   1) 카드 우측 상단의 국가 문양 원 → EN(필요 행동력) 숫자로 대체
   2) 기존 좌측 상단 EN 원형 배지는 완전히 제거(중복 표시 정리)
   ※ 이미지가 등록되지 않은 카드를 빈 칸으로 두는 처리와, 이미지 등록 시
     Cloudflare 1일 요청 한도가 급격히 소모되던 문제의 원인 제거는
     assets/js/game.js(cardVisual, getAutoFolderCardImageInfo)에서 처리했다.
   ===================================================================== */

/* ---------- 1) 국가 문양 원 → EN 숫자 ---------- */
.v326-hand-preview.hand .card .cimg::before,
.battlefield-layout .unit .uimg::before,
.faction-wei .collection-card-art::before,
.faction-shu .collection-card-art::before,
.faction-wu .collection-card-art::before,
.faction-other .collection-card-art::before,
.collection-card-art::before{
  content:attr(data-en)!important;
  font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif!important;
  font-size:11px!important;
  font-weight:1000!important;
}

.v326-hand-preview.hand .card.utility-card .cimg::before{content:attr(data-en)!important}


/* ---------- 2) 기존 EN 원형 배지 삭제 ---------- */
.v326-hand-preview.hand .card .card-ap-icon,
.battlefield-layout .unit .unit-bottom-icons>span:last-child,
.collection-card-icons .collection-en-icon,
.collection-card-icons>span:last-child{
  display:none!important;
}



/* ===== assets/css/v221_affordable_name_highlight.css?v=221 ===== */
/* =====================================================================
   v221 — 사용 가능 카드 표시 방식 변경
   기존: 카드 이름 옆에 "가능" 배지(v218에서 작은 초록 점으로 축소돼 있었음)
   변경: 배지를 완전히 삭제하고, 대신 카드 이름 글자색과 이름이 있는
        상단 박스(제목 영역) 배경색이 초록빛으로 바뀌어 사용 가능 여부를 표시
   ===================================================================== */

.v326-hand-preview.hand .card .card-ready-badge{display:none!important}


.v326-hand-preview.hand .card.affordable .card-title-area{
  background:linear-gradient(180deg,#2f8f52,#0d3a20)!important;
  border-bottom-color:#8ff0ae!important;
}

.v326-hand-preview.hand .card.affordable .card-name-text{
  color:#eeffee!important;
  text-shadow:0 0 6px #4cff72,0 1px 2px #000!important;
}



/* ===== assets/css/v223_hand_field_badge_fix.css?v=223 ===== */
/* =====================================================================
   v223 — 3건 재보정
   1) "가능" 배지가 계속 보인다는 재보고 → 선택자 특이도를 v216과 동일한
      body 접두 체인까지 끌어올려 어떤 상황에서도 반드시 이기도록 강화
   2) 사용 가능 카드의 이름/이름박스 밝은색 표시도 동일하게 특이도 강화
   3) 전투필드(전투열)에 배치된 유닛은 우측 상단 EN 숫자 원을 표시하지 않음
      (핸드 카드에서는 계속 표시 — 손패에서 낼 때만 필요한 정보이므로)
   ===================================================================== */

/* ---------- 1) '가능' 배지 삭제(강화) ---------- */
body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card .card-ready-badge,
.v326-hand-preview.hand .card .card-ready-badge{
  display:none!important;
  content:none!important;
}


/* ---------- 2) 사용 가능 카드: 이름/이름박스 밝은색(강화) ---------- */
body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.affordable .card-title-area,
.v326-hand-preview.hand .card.affordable .card-title-area{
  background:linear-gradient(180deg,#2f8f52,#0d3a20)!important;
  border-bottom-color:#8ff0ae!important;
}

body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.affordable .card-name-text,
.v326-hand-preview.hand .card.affordable .card-name-text{
  color:#eeffee!important;
  text-shadow:0 0 6px #4cff72,0 1px 2px #000!important;
}


.v326-hand-preview.hand .card,
.battlefield-layout .unit{
  box-sizing:border-box!important;
  aspect-ratio:var(--v224-card-ratio)!important;
  display:grid!important;
  grid-template-rows:22px minmax(0,1fr) 25px!important;
  border:2px solid var(--v224-gold)!important;
  border-radius:5px!important;
  background:var(--v218-deep,#10151b)!important;
  overflow:hidden!important;
  box-shadow:0 3px 9px #000c,inset 0 0 0 1px #f6dda42b!important;
}


.v326-hand-preview.hand .card.utility-card{
  grid-template-rows:22px minmax(0,1fr) 36px!important;
}


/* ---------------------------------------------------------------------
   샘플 시트형 상단: 종류 리본 + 한 줄 카드명
   --------------------------------------------------------------------- */
.v326-hand-preview.hand .card .card-title-area,
.battlefield-layout .unit .card-title-area{
  position:relative!important;
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr)!important;
  align-items:center!important;
  gap:2px!important;
  min-height:22px!important;
  height:22px!important;
  padding:0 4px 0 0!important;
  border-bottom:1px solid var(--v224-gold)!important;
  background:linear-gradient(180deg,var(--v218-main,#394552),var(--v218-deep,#131921))!important;
  overflow:hidden!important;
}


.v326-hand-preview.hand .card .card-kind-ribbon,
.battlefield-layout .unit .card-kind-ribbon{
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:31px;
  padding:0 3px;
  color:#f8f3e7;
  background:color-mix(in srgb,var(--v218-main,#38506c) 76%,#0a0d12);
  border-right:1px solid #d7bd7a88;
  clip-path:polygon(0 0,100% 0,86% 100%,0 100%);
  font-size:7.5px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 1px 2px #000;
}


.v326-hand-preview.hand .card .card-name-text,
.battlefield-layout .unit .field-unit-name{
  display:block!important;
  min-width:0!important;
  width:100%!important;
  padding:0 2px!important;
  color:#fff!important;
  font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-shadow:0 1px 2px #000!important;
  transform-origin:center!important;
}


/* 기존 제목줄 등급은 완전히 제거. v224 등급은 이미지 좌측 상단에 표시한다. */
.v326-hand-preview.hand .card .card-title-area>.card-title-grade,
.battlefield-layout .unit .card-title-area>.field-grade{
  display:none!important;
}


.v326-hand-preview.hand .card .cimg,
.battlefield-layout .unit .uimg{
  position:relative!important;
  min-height:0!important;
  overflow:hidden!important;
  border:0!important;
  background:linear-gradient(180deg,var(--v218-deep,#10151b),#050608)!important;
}


.v326-hand-preview.hand .card .card-image-grade,
.battlefield-layout .unit .card-image-grade{
  position:absolute!important;
  z-index:15!important;
  left:4px!important;
  top:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:17px!important;
  padding:0 4px!important;
  border:0!important;
  border-radius:2px!important;
  background:#071018d6!important;
  color:#fff0a5!important;
  font-size:9px!important;
  font-weight:1000!important;
  line-height:1!important;
  text-shadow:0 1px 2px #000,0 0 4px currentColor!important;
  box-shadow:none!important;
}


.v326-hand-preview.hand .card .card-kind-strip,
.battlefield-layout .unit .card-kind-strip{
  position:absolute!important;
  z-index:14!important;
  left:50%!important;
  bottom:3px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:48px!important;
  max-width:70%!important;
  height:14px!important;
  padding:0 7px!important;
  border:1px solid #d2b56d99!important;
  border-radius:2px!important;
  background:#07090cda!important;
  color:#f5e4bd!important;
  font-size:7.5px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:0 1px 2px #000!important;
}


/* 샘플 시트처럼 종류 아이콘 대신 하단 종류 띠를 사용한다. */
.v326-hand-preview.hand .card .card-bottom-icons>span:first-child,
.battlefield-layout .unit .unit-bottom-icons>span:first-child{
  display:none!important;
}


/* 등급별 색 */
.v326-hand-preview.hand .card .card-image-grade.grade-SSS,
.battlefield-layout .unit .card-image-grade.grade-SSS{color:var(--grade-sss,#ffd861)!important}

.v326-hand-preview.hand .card .card-image-grade.grade-SS,
.battlefield-layout .unit .card-image-grade.grade-SS{color:var(--grade-ss,#d9a0ff)!important}

.v326-hand-preview.hand .card .card-image-grade.grade-S,
.battlefield-layout .unit .card-image-grade.grade-S{color:var(--grade-s,#ffdf7a)!important}

.v326-hand-preview.hand .card .card-image-grade.grade-RR,
.battlefield-layout .unit .card-image-grade.grade-RR{color:var(--grade-rr,#a9e8ff)!important}

.v326-hand-preview.hand .card .card-image-grade.grade-R,
.battlefield-layout .unit .card-image-grade.grade-R{color:var(--grade-r,#a9d4ff)!important}

.v326-hand-preview.hand .card .card-image-grade.grade-U,
.battlefield-layout .unit .card-image-grade.grade-U{color:var(--grade-u,#cfdae8)!important}

.v326-hand-preview.hand .card .card-image-grade.grade-C,
.battlefield-layout .unit .card-image-grade.grade-C{color:var(--grade-c,#d0d0d0)!important}


/* ---------------------------------------------------------------------
   EN: 사용 가능 박스 제거 + 충족 시 카드 테두리만 밝게
   --------------------------------------------------------------------- */
.v326-hand-preview.hand .card .card-ready-badge{
  display:none!important;
  content:none!important;
}

.v326-hand-preview.hand .card.affordable .card-title-area{
  background:linear-gradient(180deg,var(--v218-main,#394552),var(--v218-deep,#131921))!important;
  border-bottom-color:var(--v224-gold)!important;
}

.v326-hand-preview.hand .card.affordable .card-name-text{
  color:#fff!important;
  text-shadow:0 1px 2px #000!important;
}

.v326-hand-preview.hand .card.affordable{
  border-color:var(--v224-gold-bright)!important;
  box-shadow:0 0 0 1px #fff3ba,0 0 12px 3px #ffd96b99,inset 0 0 10px #fff2a52b!important;
  filter:brightness(1.09) saturate(1.06)!important;
}

.v326-hand-preview.hand .card.affordable.selected{
  outline-color:#fff6c7!important;
  box-shadow:0 0 0 2px #fff6c7,0 0 16px 5px #ffd96baa!important;
}


/* EN 위치: 장수/지략가/병사는 좌하단, 아이템/전술은 우하단 */
.v326-hand-preview.hand .card .card-ap-icon{
  left:4px!important;
  right:auto!important;
  top:auto!important;
  bottom:3px!important;
  z-index:16!important;
  min-width:25px!important;
  height:20px!important;
  padding:0 4px!important;
  border:1px solid #f0d58a!important;
  border-radius:3px 8px 3px 3px!important;
  background:#07111bdd!important;
}

.v326-hand-preview.hand .card.utility-card .card-ap-icon{
  left:auto!important;
  right:4px!important;
  border-radius:8px 3px 3px 3px!important;
}

.v326-hand-preview.hand .card .card-ap-icon::before{
  content:'EN ' attr(data-en)!important;
  font-size:8px!important;
  font-style:italic!important;
  white-space:nowrap!important;
}


/* ---------------------------------------------------------------------
   하단 능력치 / 아이템·전술 설명. 글자가 칸 밖으로 가려지지 않게 자동 축소 대상.
   --------------------------------------------------------------------- */
.v326-hand-preview.hand .card .cstats,
.battlefield-layout .unit .stats{
  height:25px!important;
  min-height:25px!important;
  padding:0!important;
  border-top:1px solid var(--v224-gold)!important;
  background:var(--v224-paper)!important;
  color:#111!important;
}

.v326-hand-preview.hand .card .card-stat-grid,
.battlefield-layout .unit .stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  height:100%!important;
}

.v326-hand-preview.hand .card .card-stat-cell,
.battlefield-layout .unit .stats span{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
  height:100%!important;
  padding:0 2px!important;
  border-right:1px solid #4b3922aa!important;
  background:linear-gradient(180deg,#e6dcc5,#bcae91)!important;
  color:#15120d!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}

.v326-hand-preview.hand .card .card-stat-cell:last-child,
.battlefield-layout .unit .stats span:last-child{border-right:0!important}

.v326-hand-preview.hand .card .card-stat-cell b{
  font-size:13px!important;
  color:#111!important;
  line-height:1!important;
}

.v326-hand-preview.hand .card .card-stat-cell::before,
.battlefield-layout .unit .stats span::before{
  display:inline!important;
  color:#19150e!important;
  font-size:7px!important;
  font-weight:950!important;
  line-height:1!important;
}

.v326-hand-preview.hand .card .card-stat-cell:nth-child(1)::before,
.battlefield-layout .unit .stats span:nth-child(1)::before{content:'공격'!important}

.v326-hand-preview.hand .card .card-stat-cell:nth-child(2)::before,
.battlefield-layout .unit .stats span:nth-child(2)::before{content:'방어'!important}

.v326-hand-preview.hand .card .card-stat-cell:nth-child(3)::before,
.battlefield-layout .unit .stats span:nth-child(3)::before{content:'체력'!important}


.v326-hand-preview.hand .card .card-effect-text{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  padding:3px 5px!important;
  border-top:1px solid var(--v224-gold)!important;
  background:linear-gradient(180deg,#13171b,#07090c)!important;
  color:#f2eee5!important;
  font-size:8.5px!important;
  font-weight:750!important;
  line-height:1.18!important;
  text-align:center!important;
  word-break:keep-all!important;
  overflow:visible!important;
}

.v326-hand-preview.hand .card .card-effect-text>span{
  display:block!important;
  width:100%!important;
  max-height:100%!important;
  overflow:visible!important;
}


/* 부가 배지는 샘플 카드 본문을 가리지 않도록 숨긴다. */
.v326-hand-preview.hand .card .card-ability-label,
.v326-hand-preview.hand .card .hand-buff-provider-badge,
.v326-hand-preview.hand .card .general-class-hand-badge,
.v326-hand-preview.hand .card .soldier-class-hand-icon,
.battlefield-layout .unit .unit-ability-label,
.battlefield-layout .unit .unit-class-icon,
.battlefield-layout .unit .unit-buff-box,
.battlefield-layout .unit .unit-skill-box,
.battlefield-layout .unit .unit-scout-badge{
  display:none!important;
}



/* ===== assets/css/v225_card_ui_request.css?v=225 ===== */
/* =====================================================================
   v225 — 핸드/전투필드 카드 UI 요청 반영
   1) 공격·방어·체력 문구 제거, 숫자 확대
   2) 사용 가능 초록 박스 제거, 카드 전체 밝은 외곽선으로 표시
   3) 핸드 카드 사이 1px 간격
   4) 핸드/필드 상단 카드명·종류 표기 통일
   5) 이미지 위 종류 표시 띠 제거
   6) PC 좌측창 5% 확대, 핸드/필드 카드 15% 확대
   ===================================================================== */

/* ---------- 공통: 이미지 위 종류 표시 띠 제거 ---------- */
.v326-hand-preview.hand .card .card-kind-strip,
.mobile-hand-mount .v326-hand-preview.hand .card .card-kind-strip,
.battlefield-layout .unit .card-kind-strip{
  display:none!important;
  content:none!important;
}


/* ---------- 공통: 공격/방어/체력 글자 제거 ---------- */
body .v326-hand-preview.hand .card .card-stat-cell::before,
body .mobile-hand-mount .v326-hand-preview.hand .card .card-stat-cell::before,
body .battlefield-layout .unit .stats span::before{
  display:none!important;
  content:none!important;
}

body .v326-hand-preview.hand .card .card-stat-cell,
body .mobile-hand-mount .v326-hand-preview.hand .card .card-stat-cell,
body .battlefield-layout .unit .stats span{
  grid-template-rows:1fr!important;
}


/* ---------- 공통: 사용 가능 문구/초록 박스 완전 제거 ---------- */
.v326-hand-preview.hand .card .card-ready-badge,
.v326-hand-preview.hand .card .card-ready-label,
.mobile-hand-mount .v326-hand-preview.hand .card .card-ready-badge,
.mobile-hand-mount .v326-hand-preview.hand .card .card-ready-label{
  display:none!important;
  content:none!important;
}

.v326-hand-preview.hand .card.actionable-card:not(.opening-hand-card)::before,
.mobile-hand-mount .v326-hand-preview.hand .card.actionable-card:not(.opening-hand-card)::before{
  display:none!important;
  content:none!important;
}


/* 사용 가능 상태는 상단 색상 변경 없이 카드 전체 외곽선으로만 표시 */
.v326-hand-preview.hand .card.affordable .card-title-area,
.v326-hand-preview.hand .card.actionable-card .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card.affordable .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card.actionable-card .card-title-area{
  background:linear-gradient(180deg,var(--v218-main,#394552),var(--v218-deep,#131921))!important;
  border-bottom-color:var(--v224-gold,#d8bb72)!important;
  box-shadow:none!important;
}

.v326-hand-preview.hand .card.affordable .card-name-text,
.v326-hand-preview.hand .card.actionable-card .card-name-text,
.mobile-hand-mount .v326-hand-preview.hand .card.affordable .card-name-text,
.mobile-hand-mount .v326-hand-preview.hand .card.actionable-card .card-name-text{
  color:#fff!important;
  text-shadow:0 1px 2px #000!important;
}

.v326-hand-preview.hand .card.affordable,
.v326-hand-preview.hand .card.actionable-card,
.mobile-hand-mount .v326-hand-preview.hand .card.affordable,
.mobile-hand-mount .v326-hand-preview.hand .card.actionable-card{
  border-color:#fff2a0!important;
  box-shadow:0 0 0 2px #fff8cf,0 0 16px 5px #ffe36fad,inset 0 0 12px #fff4b83d!important;
  filter:brightness(1.12) saturate(1.08)!important;
}


/* ---------- 상단 카드명/종류: 핸드와 전투필드 완전 통일 ---------- */
.v326-hand-preview.hand .card .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card .card-title-area,
.battlefield-layout .unit .card-title-area{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:2px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0 4px 0 0!important;
  overflow:hidden!important;
}

.v326-hand-preview.hand .card .card-kind-ribbon,
.mobile-hand-mount .v326-hand-preview.hand .card .card-kind-ribbon,
.battlefield-layout .unit .card-kind-ribbon{
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  padding:0 3px!important;
  font-size:8px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.v326-hand-preview.hand .card .card-name-text,
.mobile-hand-mount .v326-hand-preview.hand .card .card-name-text,
.battlefield-layout .unit .field-unit-name{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0 2px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.05em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand{gap:1px!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .card-stat-cell b,
body.ui-mode-mobile-preview .battlefield-layout .unit .stats span{
  font-size:12px!important;
  font-weight:1000!important;
}



/* ===== assets/css/v226_card_ui_effect_fix.css?v=226 ===== */
/* =====================================================================
   v226 — 카드 헤더, 전투열, 아이템 수치, 연출 화면 보정
   ===================================================================== */

/* 1) 핸드 카드의 종류/이름 순서를 전투필드와 동일하게 고정한다.
   game.css의 오래된 grid-column 규칙이 핸드 이름을 첫 칸으로 보내던 문제 보정. */
.v326-hand-preview.hand .card .card-title-area>.card-kind-ribbon,
.mobile-hand-mount .v326-hand-preview.hand .card .card-title-area>.card-kind-ribbon{
  grid-column:1!important;
  grid-row:1!important;
  order:0!important;
}

.v326-hand-preview.hand .card .card-title-area>.card-name-text,
.mobile-hand-mount .v326-hand-preview.hand .card .card-title-area>.card-name-text{
  grid-column:2!important;
  grid-row:1!important;
  order:1!important;
}


/* 3) 아이템은 공격/방어/체력 증가값만 0, +2, +3 형식으로 표시한다. */
.v326-hand-preview.hand .card.item-stat-card{
  grid-template-rows:var(--v226-card-head,25.2px) minmax(0,1fr) 31px!important;
}

.v326-hand-preview.hand .card.item-stat-card .cstats{
  display:block!important;
  min-height:31px!important;
  height:31px!important;
  max-height:31px!important;
}

.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  height:100%!important;
}

.v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b{
  display:block!important;
  font-size:19px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

.v326-hand-preview.hand .card .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card .card-title-area,
.battlefield-layout .unit .card-title-area{
  grid-template-columns:36px minmax(0,1fr)!important;
  height:var(--v226-card-head)!important;
  min-height:var(--v226-card-head)!important;
  max-height:var(--v226-card-head)!important;
}

.v326-hand-preview.hand .card .card-kind-ribbon,
.mobile-hand-mount .v326-hand-preview.hand .card .card-kind-ribbon,
.battlefield-layout .unit .card-kind-ribbon{
  min-width:36px!important;
  font-size:9px!important;
}

.v326-hand-preview.hand .card .card-name-text,
.mobile-hand-mount .v326-hand-preview.hand .card .card-name-text,
.battlefield-layout .unit .field-unit-name{
  font-size:13px!important;
  letter-spacing:-.045em!important;
}



/* ===== assets/css/v232_requested_features.css?v=235 ===== */
/* v232 — 요청 기능 표시 */
/* 아이템 카드는 공/방/체 문구 없이 +값/0만 3칸에 표시 */
.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

.v326-hand-preview.hand .card.item-stat-card .item-bonus-cell::before,.v326-hand-preview.hand .card.item-stat-card .item-bonus-cell::after{content:none!important;display:none!important}

.v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b{font-size:15px!important;line-height:1!important;white-space:nowrap!important}


/* v233 — 누락 로드 보완 및 아이템/연출 세부 수정 */
.v326-hand-preview.hand .card.item-stat-card{grid-template-rows:20px minmax(0,1fr) auto!important;}

.v326-hand-preview.hand .card.item-stat-card .cimg{height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border-bottom:1px solid #3d3024!important;background:#16110c!important;}

.v326-hand-preview.hand .card.item-stat-card .cimg img,.v326-hand-preview.hand .card.item-stat-card .cimg .default-art{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}

.v326-hand-preview.hand .card.item-stat-card .cstats{display:block!important;padding:3px!important;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell{display:flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:3px 1px!important;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell::before,.v326-hand-preview.hand .card.item-stat-card .card-stat-cell::after,.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(1)::before,.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(2)::before,.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(3)::before{content:none!important;display:none!important;}

.v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b{font-size:14px!important;line-height:1!important;white-space:nowrap!important;color:#fff0bf!important;}

.v326-hand-preview.hand .card.item-stat-card .item-bonus-cell span{display:none!important;}


/* v234 — 아이템 카드 하단 수치 가독성 및 이미지 꽉 채우기 */
.v326-hand-preview.hand .card.item-stat-card .cstats{
  display:block!important;
  padding:3px!important;
  background:linear-gradient(180deg,#15110c,#0d0906)!important;
}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell{
  background:linear-gradient(180deg,rgba(52,35,18,.94),rgba(22,13,7,.96))!important;
  border:1px solid rgba(183,139,76,.55)!important;
  border-radius:4px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell::before,
.v326-hand-preview.hand .card.item-stat-card .card-stat-cell::after,
.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(1)::before,
.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(2)::before,
.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(3)::before{
  content:none!important;
  display:none!important;
}

.v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b{
  color:#f4d38c!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
  font-weight:900!important;
}

.v326-hand-preview.hand .card.item-stat-card .cimg{
  padding:0!important;
  overflow:hidden!important;
}

.v326-hand-preview.hand .card.item-stat-card .cimg img,
.v326-hand-preview.hand .card.item-stat-card .cimg .default-art{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(1.035)!important;
  transform-origin:center center!important;
}

.v326-hand-preview.hand .card.item-stat-card{
  overflow:hidden!important;
  gap:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}

.v326-hand-preview.hand .card.item-stat-card .cimg{
  padding:0!important;
  margin:0!important;
  background:#15110c!important;
}

.v326-hand-preview.hand .card.item-stat-card .cimg img,.v326-hand-preview.hand .card.item-stat-card .cimg .default-art{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.v326-hand-preview.hand .card.item-stat-card .cstats{
  display:block!important;
  padding:4px!important;
  background:linear-gradient(180deg,#1d1710,#120d08)!important;
}

.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{gap:2px!important;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell{
  min-height:28px!important;
  padding:3px 1px!important;
  background:linear-gradient(180deg,#2c2114,#171108)!important;
  border:1px solid #7b5a28!important;
}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell b{
  color:#f2d48e!important;
  text-shadow:0 1px 2px rgba(0,0,0,.85)!important;
}


/* v234 — 아이템 카드 하단/라벨 제거 및 연출 프리뷰 동기화 보강 */
body .v326-hand-preview.hand .card.item-stat-card{grid-template-rows:20px minmax(0,1fr) 32px!important;align-items:stretch!important;}

body .v326-hand-preview.hand .card.item-stat-card .cimg{align-self:stretch!important;justify-self:stretch!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;border-bottom:1px solid #3d3024!important;background:#16110c!important;overflow:hidden!important;}

body .v326-hand-preview.hand .card.item-stat-card .cstats{display:block!important;align-self:stretch!important;min-height:32px!important;max-height:32px!important;height:32px!important;padding:2px!important;margin:0!important;background:linear-gradient(180deg,#2f2545,#221a31)!important;overflow:hidden!important;}

body .v326-hand-preview.hand .card.item-stat-card .card-stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important;height:100%!important;align-items:stretch!important;}

body .v326-hand-preview.hand .card.item-stat-card .card-stat-cell,body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .card-stat-cell{display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:100%!important;padding:0 1px!important;}

body .v326-hand-preview.hand .card.item-stat-card .card-stat-cell::before,body .v326-hand-preview.hand .card.item-stat-card .card-stat-cell::after,body .v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(1)::before,body .v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(2)::before,body .v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(3)::before,body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .card-stat-cell::before,body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .card-stat-cell::after,body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(1)::before,body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(2)::before,body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .card-stat-cell:nth-child(3)::before{content:none!important;display:none!important;}

body .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b,body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b{display:block!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important;color:#e8d496!important;text-shadow:none!important;}

body .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell span{display:none!important;}

body .v326-hand-preview.hand .card.item-stat-card .card-image-grade{top:3px!important;left:3px!important;}


/* v235 — 아이템 숫자 검정색 및 체력 3번째 칸 강제 표시 */
body .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b,
body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b,
body.ui-mode-mobile .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b,
body.ui-mode-mobile-preview .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b{
  color:#111!important;
  text-shadow:none!important;
  font-weight:950!important;
}

/* 오래된 item/advisor 규칙이 마지막(체력) 셀을 두 칸 폭으로 보내고 아래로 밀던 문제 수정 */
body .v326-hand-preview.hand .card .card-stat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
}

body .v326-hand-preview.hand .card .card-stat-cell,
body .v326-hand-preview.hand .card .card-stat-cell:last-child,
body .v326-hand-preview.hand .card.item .card-stat-cell:last-child,
body .v326-hand-preview.hand .card.item-stat-card .card-stat-cell:last-child,
body .v326-hand-preview.hand .card.advisor-card-hand .card-stat-cell:last-child{
  grid-column:auto!important;
  grid-row:auto!important;
  min-width:0!important;
  overflow:visible!important;
}

body .v326-hand-preview.hand .card:not(.utility-card) .cstats{overflow:visible!important;}

body .v326-hand-preview.hand .card:not(.utility-card) .card-stat-grid{overflow:visible!important;}

body .v326-hand-preview.hand .card:not(.utility-card) .card-stat-cell b{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
}

/* 예전 상단 '버프' 글자 배지는 중복 표시하지 않음 */
.battlefield-layout .unit .unit-buff-box,
.v326-hand-preview.hand .card .hand-buff-provider-badge{display:none!important;}
/* =====================================================================
   v226 — 카드 헤더, 전투열, 아이템 수치, 연출 화면 보정
   ===================================================================== */

/* 1) 핸드 카드의 종류/이름 순서를 전투필드와 동일하게 고정한다.
   game.css의 오래된 grid-column 규칙이 핸드 이름을 첫 칸으로 보내던 문제 보정. */
.v326-hand-preview.hand .card .card-title-area>.card-kind-ribbon,
.mobile-hand-mount .v326-hand-preview.hand .card .card-title-area>.card-kind-ribbon{
  grid-column:1!important;
  grid-row:1!important;
  order:0!important;
}
/* =====================================================================
   v223 — 3건 재보정
   1) "가능" 배지가 계속 보인다는 재보고 → 선택자 특이도를 v216과 동일한
      body 접두 체인까지 끌어올려 어떤 상황에서도 반드시 이기도록 강화
   2) 사용 가능 카드의 이름/이름박스 밝은색 표시도 동일하게 특이도 강화
   3) 전투필드(전투열)에 배치된 유닛은 우측 상단 EN 숫자 원을 표시하지 않음
      (핸드 카드에서는 계속 표시 — 손패에서 낼 때만 필요한 정보이므로)
   ===================================================================== */

/* ---------- 1) '가능' 배지 삭제(강화) ---------- */
body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card .card-ready-badge,
.v326-hand-preview.hand .card .card-ready-badge{
  display:none!important;
  content:none!important;
}

/* 강화 프리뷰: 카드 자체는 실제 .v326-hand-preview.hand 컨텍스트의 CSS를 그대로 사용한다. */
.v324-enhance-hand-host{position:relative!important;z-index:3!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important;background:transparent!important;padding:0!important;margin:0!important}
/* =====================================================================
   v225 — 핸드/전투필드 카드 UI 요청 반영
   1) 공격·방어·체력 문구 제거, 숫자 확대
   2) 사용 가능 초록 박스 제거, 카드 전체 밝은 외곽선으로 표시
   3) 핸드 카드 사이 1px 간격
   4) 핸드/필드 상단 카드명·종류 표기 통일
   5) 이미지 위 종류 표시 띠 제거
   6) PC 좌측창 5% 확대, 핸드/필드 카드 15% 확대
   ===================================================================== */

/* ---------- 공통: 이미지 위 종류 표시 띠 제거 ---------- */
.v326-hand-preview.hand .card .card-kind-strip,
.mobile-hand-mount .v326-hand-preview.hand .card .card-kind-strip,
.battlefield-layout .unit .card-kind-strip{
  display:none!important;
  content:none!important;
}

.v326-hand-preview.hand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:auto;overflow-x:hidden;padding-bottom:4px;min-height:0;height:100%}

.v326-hand-preview.hand .card{flex:none;width:auto;height:145px;border-radius:0;border-width:1px;grid-template-rows:18px 64px 18px 1fr;box-shadow:0 3px 8px #000a;background:#181511!important}

.v326-hand-preview.hand .cname{font-size:10px}

.v326-hand-preview.hand .cstats{font-size:8px}

.v326-hand-preview.hand .ctext{font-size:8px;line-height:1.2;padding:3px}

.v326-hand-preview.hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}

.v326-hand-preview.hand .card{height:128px;grid-template-rows:17px 56px 16px 1fr}

.v326-hand-preview.hand .cname{font-size:9px}

.v326-hand-preview.hand .cstats{font-size:7px}

.v326-hand-preview.hand .ctext{font-size:7px;line-height:1.15}

.v326-hand-preview.hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-right:4px}

.v326-hand-preview.hand .card{position:relative;overflow:visible;height:178px;border:1px solid #7a5a33;background:linear-gradient(180deg,#131517,#0b0d0f)!important;box-shadow:0 3px 10px #000b,inset 0 0 0 1px #000;display:grid;grid-template-rows:18px 92px 1fr}

.v326-hand-preview.hand .card.selected{outline:2px solid #7cbcf7;box-shadow:0 0 0 2px #0e2438,0 0 18px #59a9ff55}

.v326-hand-preview.hand .cname{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;padding:1px 4px;background:linear-gradient(180deg,#3d2a1f,#1c1511);border-bottom:1px solid #7f6039;color:#f2eadf;line-height:1.1}

.v326-hand-preview.hand .cimg{position:relative;background:#1b1713;overflow:hidden;border-bottom:1px solid #3d3024}

.v326-hand-preview.hand .cimg img,.v326-hand-preview.hand .cimg .default-art{width:100%;height:100%;object-fit:cover}

.v326-hand-preview.hand .card-grade{left:4px;top:22px;padding:1px 4px;border-radius:2px;font-size:8px}

.v326-hand-preview.hand .cost{right:4px;top:22px;width:22px;height:22px;font-size:10px}

.v326-hand-preview.hand .cstats{display:grid;grid-template-rows:auto auto;gap:4px;padding:5px 5px 6px;background:linear-gradient(180deg,#131619,#0d1012)}

.v326-hand-preview.hand .card-type-line{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#d5c7b0}

.v326-hand-preview.hand .card-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}

.v326-hand-preview.hand .card-stat-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;background:#171d22;border:1px solid #374450;min-height:34px}

.v326-hand-preview.hand .card-stat-cell b{font-size:18px;line-height:1;color:#edf3ff}

.v326-hand-preview.hand .card-stat-cell span{font-size:8px;color:#aac3da;letter-spacing:.02em}

.v326-hand-preview.hand .card-stat-cell.subtle{background:#171310;border-color:#5c4a32}

.v326-hand-preview.hand .card-stat-cell.subtle b{font-size:13px;color:#f0dfbf}

.v326-hand-preview.hand .ctext{display:none}

.v326-hand-preview.hand .card-hover-tooltip{position:absolute;left:calc(100% + 8px);top:6px;width:190px;padding:8px 10px;background:#111316f2;border:1px solid #8b673a;color:#ede4d4;font-size:11px;line-height:1.45;box-shadow:0 10px 24px #000c;opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity .16s ease,transform .16s ease;z-index:40}

.v326-hand-preview.hand .card-hover-tooltip b{display:block;margin-bottom:4px;color:#f2d49e;font-size:12px}

.v326-hand-preview.hand .card:hover .card-hover-tooltip{opacity:1;transform:translateX(0)}

.v326-hand-preview.hand .card:nth-child(2n) .card-hover-tooltip{left:auto;right:calc(100% + 8px)}

.v326-hand-preview.hand .card.advisor-card-hand .card-stat-cell b{font-size:12px}

.v326-hand-preview.hand .card.item .card-stat-grid,.v326-hand-preview.hand .card.tactic .card-stat-grid,.v326-hand-preview.hand .card.advisor-card-hand .card-stat-grid{grid-template-columns:repeat(2,1fr)}

.v326-hand-preview.hand .card.item .card-stat-cell:last-child,.v326-hand-preview.hand .card.tactic .card-stat-cell:last-child,.v326-hand-preview.hand .card.advisor-card-hand .card-stat-cell:last-child{grid-column:1/3}

.v326-hand-preview.hand{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,154px)!important;grid-auto-rows:154px!important;gap:5px!important;height:auto!important;min-height:313px!important;overflow:visible!important;align-content:start!important;padding:0!important}

.v326-hand-preview.hand .card{width:100%!important;height:154px!important;min-width:0!important;min-height:0!important;grid-template-rows:17px 80px 1fr!important;overflow:hidden!important}

.v326-hand-preview.hand .cname{font-size:8px!important;padding:1px 2px!important}

.v326-hand-preview.hand .cimg{min-height:0!important}

.v326-hand-preview.hand .card-grade{left:2px!important;top:19px!important;font-size:6px!important;padding:1px 3px!important}

.v326-hand-preview.hand .cost{right:2px!important;top:19px!important;width:18px!important;height:18px!important;font-size:8px!important}

.v326-hand-preview.hand .cstats{padding:3px!important;gap:2px!important}

.v326-hand-preview.hand .card-type-line{font-size:6px!important}

.v326-hand-preview.hand .card-stat-grid{gap:2px!important}

.v326-hand-preview.hand .card-stat-cell{min-height:26px!important;padding:2px 1px!important}

.v326-hand-preview.hand .card-stat-cell b{font-size:13px!important}

.v326-hand-preview.hand .card-stat-cell span{font-size:6px!important}

.v326-hand-preview.hand .card-stat-cell.subtle b{font-size:8px!important}

.v326-hand-preview.hand .ctext,.v326-hand-preview.hand .card-hover-tooltip{display:none!important}

.v326-hand-preview.hand .cname{font-size:9px!important}

.v326-hand-preview.hand .card-type-line{font-size:7px!important}

.v326-hand-preview.hand .card-stat-cell span{font-size:7px!important}

.v326-hand-preview.hand{grid-template-columns:repeat(3,minmax(0,1fr))!important}


.v326-hand-preview.hand .cname{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:22px!important;padding:2px 6px!important;font-size:12px!important;font-weight:950!important;text-align:left!important}

.v326-hand-preview.hand .card-grade{left:5px!important;top:25px!important;padding:3px 7px!important;border-radius:5px!important;font-size:11px!important;line-height:1.1!important;box-shadow:0 2px 7px #000b!important}

.v326-hand-preview.hand .cost{right:5px!important;top:25px!important;width:auto!important;min-width:38px!important;height:26px!important;padding:0 6px!important;border-radius:7px!important;font-size:12px!important;font-weight:950!important;line-height:1!important}

.v326-hand-preview.hand .cost::before{content:'AP ';font-size:9px;font-weight:850;margin-right:2px;color:#fff0bd}


.v326-hand-preview.hand .card-title-area{
  min-height:36px!important;
  height:36px!important;
  padding:3px 4px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-rows:15px 13px!important;
  column-gap:3px!important;
  row-gap:2px!important;
  align-items:center!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#493324,#211812)!important;
  border-bottom:1px solid #8c683e!important;
  color:#f4ecdf!important;
  text-align:left!important;
}

.v326-hand-preview.hand .card-name-text{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:10px!important;
  line-height:15px!important;
  font-weight:950!important;
}

.v326-hand-preview.hand .card-head-grade,
.v326-hand-preview.hand .card-head-cost{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:15px!important;
  padding:0 4px!important;
  border-radius:4px!important;
  border:1px solid #ffffff55!important;
  font-size:7px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}

.v326-hand-preview.hand .card-head-cost{
  background:#16110b!important;
  border-color:#c59b55!important;
  color:#ffd96a!important;
}

.v326-hand-preview.hand .card-head-ability{
  grid-column:1 / -1!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  font-size:7px!important;
  line-height:13px!important;
  font-weight:700!important;
  color:#e1d4bf!important;
}

.v326-hand-preview.hand .card-head-ability b{
  margin-right:3px!important;
  color:#f4c875!important;
  font-size:7px!important;
  font-weight:950!important;
}


.v326-hand-preview.hand .card-grade,
.v326-hand-preview.hand .cost{display:none!important}


.v326-hand-preview.hand .card{
  grid-template-rows:36px minmax(52px,1fr) auto!important;
}

.right-hand-section.advisor-skill-mode .v326-hand-preview.hand{display:none!important}


.v326-hand-preview.hand .card-title-area{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:18px 12px!important;column-gap:4px!important;align-items:center!important}

.v326-hand-preview.hand .card-name-text{grid-column:1!important;grid-row:1!important;justify-self:center!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.v326-hand-preview.hand .card-head-grade{grid-column:2!important;grid-row:1!important;position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:14px!important;padding:0 3px!important;font-size:8px!important}

.v326-hand-preview.hand .card-head-ability{grid-column:1/-1!important;grid-row:2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

.v326-hand-preview.hand .card-head-cost{display:none!important}

.v326-hand-preview.hand .card-image-cost{position:absolute;right:6px;top:6px;z-index:8;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f9dd83,#b57918 68%,#5a3307);border:2px solid #ffe9a5;box-shadow:0 2px 7px #000c,inset 0 0 0 1px #6b3b0a;color:#171005;font-size:15px;font-weight:1000;line-height:1}

.v326-hand-preview.hand .card-type-badge.icon-only{min-width:25px;min-height:25px;display:grid;place-items:center;padding:2px!important;font-size:16px!important;line-height:1!important}

.v326-hand-preview.hand .card-type-line span:last-child{font-size:15px!important;line-height:1!important}

.right-hand-section.advisor-skill-mode .v326-hand-preview.hand{display:grid!important}


.v326-hand-preview.hand{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,185px)!important;
  grid-auto-rows:185px!important;
  align-items:stretch!important;
  align-content:start!important;
}

.v326-hand-preview.hand .card{
  width:100%!important;
  height:185px!important;
  min-height:185px!important;
  max-height:185px!important;
  box-sizing:border-box!important;
  grid-template-rows:36px 100px 49px!important;
}

.v326-hand-preview.hand .cimg{height:100px!important;min-height:100px!important;max-height:100px!important}

.v326-hand-preview.hand .cstats{min-height:49px!important;max-height:49px!important;overflow:hidden!important}

.v326-hand-preview.hand .ctext{display:none!important}

.v326-hand-preview.hand .card.selected{outline:2px solid #fff1a8!important;box-shadow:0 0 0 2px #604d1d,0 0 18px #ffe47b66!important}


.v326-hand-preview.hand .card-head-ability,.v326-hand-preview.hand .card-type-line{display:none!important}

.v326-hand-preview.hand .cname.card-title-area{height:auto!important;min-height:27px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:3px 5px!important}

.v326-hand-preview.hand .card-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important;font-weight:900!important}

.v326-hand-preview.hand .card-head-grade{position:static!important;flex:0 0 auto!important;font-size:8px!important;padding:1px 4px!important}

.v326-hand-preview.hand .cstats{display:flex!important;align-items:center!important;justify-content:center!important;padding:3px!important}

.v326-hand-preview.hand .card-stat-grid{width:100%!important}


.v326-hand-preview.hand{grid-template-rows:repeat(2,198px)!important;grid-auto-rows:198px!important}

.v326-hand-preview.hand .card{
  height:198px!important;min-height:198px!important;max-height:198px!important;
  grid-template-rows:28px 128px 42px!important;
}

.v326-hand-preview.hand .cimg{height:128px!important;min-height:128px!important;max-height:128px!important}

.v326-hand-preview.hand .cimg img,.v326-hand-preview.hand .cimg .default-art{width:100%!important;height:100%!important}

.v326-hand-preview.hand .card-stat-cell{min-height:32px!important;padding:2px 1px!important}

.v326-hand-preview.hand .card.item .card-stat-cell b,.v326-hand-preview.hand .card.tactic .card-stat-cell b,.v326-hand-preview.hand .card.advisor-card-hand .card-stat-cell b{font-size:9px!important}


.v326-hand-preview.hand .cname.card-title-area{justify-content:flex-start!important;padding-right:6px!important}

.v326-hand-preview.hand .card-corner-meta{position:absolute;right:5px;bottom:5px;z-index:9;display:flex;flex-direction:column;align-items:flex-end;gap:4px}

.v326-hand-preview.hand .card-image-grade{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:16px;padding:0 5px;border-radius:999px;border:1px solid #f3d48e;background:linear-gradient(180deg,#3b2a18,#171008);box-shadow:0 2px 6px #000c;color:#fff6e3;font-size:9px;font-weight:1000;line-height:1}

.v326-hand-preview.hand .card-image-grade.grade-S{border-color:var(--grade-s);color:#fff4c8;background:linear-gradient(180deg,#574316,#241906)}

.v326-hand-preview.hand .card-image-grade.grade-R{border-color:var(--grade-r);color:#ffe6fe;background:linear-gradient(180deg,#4a2147,#1e0f1c)}

.v326-hand-preview.hand .card-image-grade.grade-U{border-color:var(--grade-u);color:#e3fbff;background:linear-gradient(180deg,#153849,#091b23)}

.v326-hand-preview.hand .card-image-grade.grade-C{border-color:var(--grade-c);color:#eef2f6;background:linear-gradient(180deg,#29313a,#11161b)}

.v326-hand-preview.hand .card-image-cost{position:static!important;right:auto!important;top:auto!important;z-index:auto!important;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f9dd83,#b57918 68%,#5a3307);border:2px solid #ffe9a5;box-shadow:0 2px 7px #000c,inset 0 0 0 1px #6b3b0a;color:#171005;font-size:13px;font-weight:1000;line-height:1}

.v326-hand-preview.hand .card-head-grade{display:none!important}


.v326-hand-preview.hand .card.utility-card{grid-template-rows:20px minmax(0,1fr)!important;}

.v326-hand-preview.hand .card.utility-card .cimg{height:100%!important;min-height:0!important;max-height:none!important;border-bottom:0!important;}

.v326-hand-preview.hand .card.utility-card .cstats,.v326-hand-preview.hand .card.utility-card .ctext{display:none!important;}

.v326-hand-preview.hand .card .ctext{display:none!important;}

.v326-hand-preview.hand .card.utility-card .card-type-badge{left:4px!important;bottom:4px!important;}


.v326-hand-preview.hand .card-image-cost{border:1px solid #ffe9a5!important;box-shadow:0 2px 6px #000b!important;}


.reference-right,.right-hand-section,.right-hand-section .handbox,.v326-hand-preview.hand{scrollbar-width:none!important;-ms-overflow-style:none!important;}

.reference-right::-webkit-scrollbar,.right-hand-section::-webkit-scrollbar,.right-hand-section .handbox::-webkit-scrollbar,.v326-hand-preview.hand::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}

.v326-hand-preview.hand .card-image-grade.grade-SSS{border-color:var(--grade-sss);color:#fffbd7;background:linear-gradient(180deg,#776112,#251b04)}

.v326-hand-preview.hand .card-image-grade.grade-SS{border-color:var(--grade-ss);color:#fff0d7;background:linear-gradient(180deg,#704114,#241306)}

.v326-hand-preview.hand .card-image-grade.grade-RR{border-color:var(--grade-rr);color:#ffe5fb;background:linear-gradient(180deg,#5a2250,#20101d)}

.v326-hand-preview.hand .card-image-grade.grade-R{border-color:var(--grade-r);color:#f0e7ff;background:linear-gradient(180deg,#44286b,#171022)}


.v326-hand-preview.hand .card.item-stat-card{grid-template-rows:20px minmax(0,1fr) auto!important;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:last-child{grid-column:auto!important;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell b{font-size:13px!important;white-space:nowrap!important;color:#fff2bd;}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell span{font-size:6px!important;white-space:nowrap!important;color:#d9c794;}

.v326-hand-preview.hand .card.item-stat-card .cstats{display:block!important;}


.v326-hand-preview.hand .cname.card-title-area{
  min-height:30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 6px!important;
  justify-content:stretch!important;
}

.v326-hand-preview.hand .card-name-text{
  justify-self:start!important;
  max-width:100%!important;
  font-size:13px!important;
  line-height:1.1!important;
  font-weight:1000!important;
  text-align:left!important;
}

.v326-hand-preview.hand .card-title-grade,
.collection-card-title em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  height:18px;
  padding:0 5px;
  border:0;
  border-radius:4px;
  font-size:9px;
  font-style:normal;
  font-weight:1000;
  line-height:1;
  box-shadow:0 1px 4px #0009;
}

.v326-hand-preview.hand .card-corner-meta,.v326-hand-preview.hand .card-image-grade,.v326-hand-preview.hand .card-image-cost{display:none!important;}


.v326-hand-preview.hand .card-bottom-icons,
.battlefield-layout .unit-bottom-icons,
.collection-card-icons{
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  color:#fff8e8;
  font-weight:1000;
  line-height:1;
  text-shadow:0 2px 4px #000,0 0 5px #000;
  pointer-events:none;
}

.v326-hand-preview.hand .card-bottom-icons span,
.battlefield-layout .unit-bottom-icons span,
.collection-card-icons span{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  min-width:0!important;
  height:auto!important;
  border-radius:0!important;
  font-size:15px;
  white-space:nowrap;
}

.v326-hand-preview.hand .card-bottom-icons .card-ap-icon,
.battlefield-layout .unit-bottom-icons span:last-child,
.collection-card-icons span:last-child{font-size:13px;color:#ffe58c;letter-spacing:-.04em;}

.v326-hand-preview.hand .card-type-badge{display:none!important;}

.v326-hand-preview.hand .general-class-hand-badge,.v326-hand-preview.hand .soldier-class-hand-icon{left:5px!important;right:auto!important;bottom:5px!important;}


.v326-hand-preview.hand .card.affordable{
  border-color:#f7d77f!important;
  box-shadow:0 0 0 1px #fff1b9,0 0 13px #ffd56c88,inset 0 0 0 1px #6e501d!important;
}

.v326-hand-preview.hand .card.affordable:not(.selected)::after{
  content:'';
  position:absolute;
  inset:1px;
  border:1px solid #fff2ad66;
  pointer-events:none;
  z-index:15;
}


.v326-hand-preview.hand .card:not(.utility-card){
  grid-template-rows:20px minmax(0,1fr) 34px!important;
  row-gap:0!important;
}

.v326-hand-preview.hand .card .cimg{
  margin:0!important;
  padding:0!important;
  border-bottom:0!important;
}

.v326-hand-preview.hand .card .cstats{
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  align-self:stretch!important;
}

.v326-hand-preview.hand .card-stat-grid{
  height:34px!important;
  min-height:34px!important;
  gap:2px!important;
  margin:0!important;
}

.v326-hand-preview.hand .card-stat-cell{
  height:34px!important;
  min-height:34px!important;
  padding:1px!important;
  box-sizing:border-box!important;
}


.v326-hand-preview.hand .card.instant-tactic-card{cursor:grab;}

.v326-hand-preview.hand .card.instant-tactic-card:active{cursor:grabbing;}

.v326-hand-preview.hand .card.instant-tactic-card.dragging-tactic{opacity:.48;transform:scale(.96);}


.v326-hand-preview.hand .card .hand-buff-provider-badge{
  left:50%!important;right:auto!important;top:60%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;min-width:78px!important;max-width:calc(100% - 12px)!important;
  z-index:28!important;text-align:center!important;
}


.v326-hand-preview.hand .card.opening-hand-card{
  perspective:1100px!important;
  transform:none!important;
  overflow:visible!important;
  isolation:isolate;
}

.v326-hand-preview.hand .card.opening-hand-card.selected{outline:none!important;transform:none!important}

.v326-hand-preview.hand .opening-hand-flipper{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transform:rotateY(0deg);
  transition:transform .72s cubic-bezier(.2,.72,.18,1);
  transition-delay:calc(var(--opening-card-index,0) * 90ms);
  will-change:transform;
}

.v326-hand-preview.hand .opening-card-face{
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  overflow:hidden;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  box-sizing:border-box;
}

.v326-hand-preview.hand .opening-card-front-face{
  display:grid;
  grid-template-rows:inherit;
  transform:rotateY(180deg);
  background:inherit;
  border:1px solid transparent;
}

.v326-hand-preview.hand .opening-card-back-face{
  display:grid;
  place-items:center;
  border:2px solid #b98a49;
  background:
    radial-gradient(circle at 50% 48%,rgba(210,166,89,.22) 0 13%,transparent 14% 100%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 16px,rgba(212,169,94,.12) 17px 18px),
    linear-gradient(145deg,#111b25,#05090d 68%,#171007);
  box-shadow:inset 0 0 0 3px #0b0d10,inset 0 0 0 5px #7b5428,inset 0 0 28px #000,0 7px 18px #000a;
}

.v326-hand-preview.hand .opening-card-back-face::before,
.v326-hand-preview.hand .opening-card-back-face::after{
  content:"";
  position:absolute;
  width:42px;
  height:42px;
  border-color:#a7793e;
  opacity:.75;
}

.v326-hand-preview.hand .opening-card-back-face::before{left:9px;top:9px;border-left:2px solid;border-top:2px solid}

.v326-hand-preview.hand .opening-card-back-face::after{right:9px;bottom:9px;border-right:2px solid;border-bottom:2px solid}

.v326-hand-preview.hand .opening-card-back-frame{
  position:relative;
  z-index:2;
  width:68%;
  aspect-ratio:1/1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid #c6944d;
  outline:1px solid #3f2b17;
  outline-offset:4px;
  transform:rotate(45deg);
  background:radial-gradient(circle,#2c261c,#101318 72%);
  box-shadow:0 0 24px rgba(208,151,62,.22),inset 0 0 18px #000b;
}

.v326-hand-preview.hand .opening-card-back-frame>*{transform:rotate(-45deg)}

.v326-hand-preview.hand .opening-card-back-frame b{font-family:"Malgun Myeongjo","Batang",serif;font-size:19px;letter-spacing:.08em;color:#e3bc78;text-shadow:0 2px 5px #000}

.v326-hand-preview.hand .opening-card-back-frame span{font-size:6px;font-weight:900;letter-spacing:.12em;color:#9f8d70;white-space:nowrap}

.v326-hand-preview.hand .opening-card-back-frame small{font-family:"Malgun Myeongjo","Batang",serif;font-size:24px;line-height:1;color:#a12e24;text-shadow:0 0 10px #d0432e55}

body.prebattle .v326-hand-preview.hand .card.opening-hand-card{
  border-color:#7b5b34!important;
  background:#0c1116!important;
  box-shadow:0 4px 12px #000b!important;
}

body.hand-reveal-active .v326-hand-preview.hand .opening-hand-flipper{transform:rotateY(180deg)}

body.hand-reveal-active .v326-hand-preview.hand,
body.hand-reveal-active #shuffleBtn,
body.hand-reveal-active #endTurnBtn{pointer-events:none!important}


.v326-hand-preview.hand .card.actionable-card:not(.opening-hand-card){
  border-color:#72e6a2!important;
  box-shadow:0 0 0 2px rgba(52,180,112,.42),0 0 16px rgba(69,224,139,.32)!important;
}

.v326-hand-preview.hand .card.actionable-card:not(.opening-hand-card)::before{
  content:'행동 가능';position:absolute;z-index:12;left:6px;top:6px;padding:2px 6px;border-radius:999px;
  background:rgba(11,92,55,.94);border:1px solid #9af4bd;color:#edfff4;font-size:9px;font-weight:900;letter-spacing:.03em;
}

.v326-hand-preview.hand .card.selected-vivid:not(.opening-hand-card){
  filter:saturate(1.25) brightness(1.18) contrast(1.08)!important;
  outline:3px solid #fff0a6!important;
  box-shadow:0 0 0 3px #8b6c16,0 0 28px rgba(255,223,103,.75)!important;
  transform:translateY(-9px) scale(1.025)!important;
  z-index:20!important;
}

.v326-hand-preview.hand .card.free-advisor-deploy:not(.opening-hand-card)::after{
  content:'전장 배치 AP 0';position:absolute;z-index:13;right:6px;top:6px;padding:2px 5px;border-radius:4px;
  background:#173b6d;border:1px solid #8fc5ff;color:#eaf5ff;font-size:9px;font-weight:900;
}


.v326-hand-preview.hand .card.wei{--card-accent:#78adff;--card-panel:#295ca3;--card-panel-strong:#1b4073;--card-panel-soft:rgba(137,182,255,.18);--card-panel-border:rgba(164,203,255,.42)}

.v326-hand-preview.hand .card.shu{--card-accent:#83d08d;--card-panel:#2f7a3e;--card-panel-strong:#225930;--card-panel-soft:rgba(137,224,153,.16);--card-panel-border:rgba(167,234,176,.38)}

.v326-hand-preview.hand .card.wu{--card-accent:#ff9898;--card-panel:#9b3939;--card-panel-strong:#6f2727;--card-panel-soft:rgba(255,162,162,.16);--card-panel-border:rgba(255,202,202,.38)}

.v326-hand-preview.hand .card.other,
.v326-hand-preview.hand .card.item,
.v326-hand-preview.hand .card.tactic,
.v326-hand-preview.hand .card.support,
.v326-hand-preview.hand .card.advisor-card-hand{--card-accent:#c0c6cd;--card-panel:#5f6874;--card-panel-strong:#434a53;--card-panel-soft:rgba(215,220,228,.15);--card-panel-border:rgba(230,234,240,.32)}


.v326-hand-preview.hand .card{
  background:linear-gradient(180deg,var(--card-panel-strong,#273341),#11171d 68%)!important;
  border-color:var(--card-accent,#8fa0b5)!important;
}

.v326-hand-preview.hand .card .cname{
  background:linear-gradient(180deg,color-mix(in srgb,var(--card-panel,#425468) 90%,#ffffff 10%),var(--card-panel-strong,#243342))!important;
  border-bottom:1px solid var(--card-panel-border,#506174)!important;
  color:#f6fbff!important;
}

.v326-hand-preview.hand .card .cstats{
  background:linear-gradient(180deg,color-mix(in srgb,var(--card-panel-strong,#243342) 78%,#ffffff 6%),#11171d)!important;
  padding:0!important;
}

.v326-hand-preview.hand .card-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.v326-hand-preview.hand .card-stat-cell{
  min-height:34px!important;
  padding:2px 0!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  background:var(--card-panel-soft,rgba(255,255,255,.08))!important;
}

.v326-hand-preview.hand .card-stat-cell:last-child{border-right:0!important}

.v326-hand-preview.hand .card-stat-cell b{
  font-size:15px!important;
  font-weight:900!important;
  color:#edf4ff!important;
  letter-spacing:.01em!important;
}

.v326-hand-preview.hand .card-stat-cell span,
.v326-hand-preview.hand .equip-stat-bonus{display:none!important}

.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell:last-child{grid-column:auto!important}

.v326-hand-preview.hand .card.item-stat-card .card-stat-cell b{color:#f8fbff!important;font-size:14px!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand{height:178px!important;min-height:178px!important;overflow-x:auto!important;overflow-y:hidden!important;gap:7px!important;padding:2px 3px 10px!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 112px!important;width:112px!important;height:164px!important;min-height:164px!important;max-height:164px!important;grid-template-rows:19px 88px minmax(0,1fr)!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .cname{font-size:9px!important;padding:2px 3px!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .cimg{height:88px!important;min-height:88px!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .card-stat-cell{min-height:30px!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .card-stat-cell b{font-size:10px!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .card,
body.ui-mode-mobile-preview .battlefield-layout .slot,
body.ui-mode-mobile-preview .battlefield-layout .unit{pointer-events:auto!important;touch-action:manipulation!important}


.v326-hand-preview.hand .card,
.mobile-hand-mount .v326-hand-preview.hand .card{box-sizing:border-box!important;overflow:hidden!important;align-content:stretch!important}

.v326-hand-preview.hand .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card-title-area{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:4px!important;padding:3px 5px!important;min-height:24px!important;height:auto!important}

.v326-hand-preview.hand .card-name-text,
.mobile-hand-mount .v326-hand-preview.hand .card-name-text{display:block!important;min-width:0!important;line-height:1.15!important;word-break:keep-all!important;overflow:hidden!important;text-overflow:ellipsis!important}

.v326-hand-preview.hand .card-title-grade,
.mobile-hand-mount .v326-hand-preview.hand .card-title-grade{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;min-width:28px!important;padding:2px 4px!important;line-height:1!important}

.v326-hand-preview.hand .card-ready-label,
.mobile-hand-mount .v326-hand-preview.hand .card-ready-label{display:block!important;font-size:7px!important;font-weight:900!important;line-height:1!important;color:#fff6cb!important;letter-spacing:-.02em}

.v326-hand-preview.hand .cimg,
.mobile-hand-mount .v326-hand-preview.hand .cimg{position:relative!important;width:100%!important;overflow:hidden!important;display:block!important;background:#18202a!important}

.v326-hand-preview.hand .cimg img,
.v326-hand-preview.hand .cimg .default-art,
.mobile-hand-mount .v326-hand-preview.hand .cimg img,
.mobile-hand-mount .v326-hand-preview.hand .cimg .default-art{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:var(--img-x,50%) var(--img-y,50%)!important}

.v326-hand-preview.hand .cstats,
.mobile-hand-mount .v326-hand-preview.hand .cstats{display:block!important;width:100%!important;padding:0!important;overflow:hidden!important}

.v326-hand-preview.hand .card-stat-grid,
.mobile-hand-mount .v326-hand-preview.hand .card-stat-grid{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}

.v326-hand-preview.hand .card-stat-cell,
.mobile-hand-mount .v326-hand-preview.hand .card-stat-cell{box-sizing:border-box!important;min-width:0!important;border-right:1px solid rgba(255,255,255,.16)!important}

.v326-hand-preview.hand .card-stat-cell:last-child,
.mobile-hand-mount .v326-hand-preview.hand .card-stat-cell:last-child{border-right:0!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .card{grid-template-rows:24px 92px 1fr!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .cstats{min-height:46px!important}


.v326-hand-preview.hand .card-ready-label{display:none!important}


.v326-hand-preview.hand .card.actionable-card:not(.opening-hand-card)::before{
  content:'가능'!important;
  left:auto!important;
  right:5px!important;
  top:27px!important;
  min-width:28px!important;
  padding:2px 4px!important;
  border-radius:4px!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.05!important;
  letter-spacing:0!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{height:142px!important;min-height:142px!important;max-height:142px!important;padding:1px 2px 4px!important;gap:6px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 104px!important;width:104px!important;height:136px!important;min-height:136px!important;max-height:136px!important;grid-template-rows:23px 74px 39px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .cimg{height:74px!important;min-height:74px!important;max-height:74px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .cstats{height:39px!important;min-height:39px!important;max-height:39px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{height:107px!important;min-height:107px!important;max-height:107px!important;gap:4px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 102px!important;width:102px!important;min-width:102px!important;max-width:102px!important;height:106px!important;min-height:106px!important;max-height:106px!important;grid-template-rows:20px 64px 22px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card-title-area{position:relative!important;inset:auto!important;height:20px!important;min-height:20px!important;max-height:20px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .cimg{height:64px!important;min-height:64px!important;max-height:64px!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .cstats,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card-stat-grid,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card-stat-cell{height:22px!important;min-height:22px!important;max-height:22px!important}


.battlefield-layout .unit.wei,
.hq-field-slot .base-unit.wei,
.v326-hand-preview.hand .card.wei{
  border-color:var(--faction-wei-border)!important;
  box-shadow:inset 0 0 0 1px #164f86,0 0 0 1px #8bdbff,0 2px 8px #0009!important;
}

.battlefield-layout .unit.shu,
.hq-field-slot .base-unit.shu,
.v326-hand-preview.hand .card.shu{
  border-color:var(--faction-shu-border)!important;
  box-shadow:inset 0 0 0 1px #1e6a35,0 0 0 1px #a0f0af,0 2px 8px #0009!important;
}

.battlefield-layout .unit.wu,
.hq-field-slot .base-unit.wu,
.v326-hand-preview.hand .card.wu{
  border-color:var(--faction-wu-border)!important;
  box-shadow:inset 0 0 0 1px #7f2424,0 0 0 1px #ffaaaa,0 2px 8px #0009!important;
}

.battlefield-layout .unit.other,
.hq-field-slot .base-unit.other,
.v326-hand-preview.hand .card.other,
.v326-hand-preview.hand .card.item,
.v326-hand-preview.hand .card.tactic{
  border-color:var(--faction-other-border)!important;
  box-shadow:inset 0 0 0 1px #4a515a,0 0 0 1px #e0e4e9,0 2px 8px #0009!important;
}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{overflow:hidden!important;justify-content:flex-start!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 var(--mobile-field-card-width)!important;width:var(--mobile-field-card-width)!important;min-width:var(--mobile-field-card-width)!important;max-width:var(--mobile-field-card-width)!important;height:var(--mobile-field-card-height)!important;min-height:var(--mobile-field-card-height)!important;max-height:var(--mobile-field-card-height)!important}


.v326-hand-preview.hand .card,
.battlefield-layout .unit{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:var(--tcg-card-head) minmax(0,1fr) var(--tcg-card-stat)!important;
  align-content:stretch!important;
  overflow:hidden!important;
  border-width:2px!important;
  border-style:solid!important;
  border-radius:var(--tcg-card-radius)!important;
  background:#11171d!important;
}

.v326-hand-preview.hand .card .card-title-area,
.battlefield-layout .unit .card-title-area{
  position:relative!important;
  inset:auto!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:4px!important;
  width:100%!important;
  height:var(--tcg-card-head)!important;
  min-height:var(--tcg-card-head)!important;
  max-height:var(--tcg-card-head)!important;
  padding:3px 5px!important;
  border-bottom:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,#2b3440,#141a21)!important;
  color:#f5f7fa!important;
}

.v326-hand-preview.hand .card .card-name-text,
.battlefield-layout .unit .field-unit-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  color:#f7f8fa!important;
  text-shadow:0 1px 2px #000!important;
}

.v326-hand-preview.hand .card .card-title-grade,
.battlefield-layout .unit .field-grade{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:24px!important;
  height:16px!important;
  padding:0 4px!important;
  border-radius:3px!important;
  font-size:8px!important;
  font-weight:1000!important;
  line-height:1!important;
}

.v326-hand-preview.hand .card .cimg,
.battlefield-layout .unit .uimg{
  position:relative!important;
  inset:auto!important;
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#0d1218!important;
  border:0!important;
}

.v326-hand-preview.hand .card .cimg img,
.v326-hand-preview.hand .card .cimg .default-art,
.battlefield-layout .unit .uimg img,
.battlefield-layout .unit .uimg .default-art{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:var(--img-x,50%) var(--img-y,50%)!important;
}

.v326-hand-preview.hand .card .cstats,
.battlefield-layout .unit .stats{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  height:var(--tcg-card-stat)!important;
  min-height:var(--tcg-card-stat)!important;
  max-height:var(--tcg-card-stat)!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  background:#131a21!important;
}

.v326-hand-preview.hand .card .card-stat-grid{
  display:contents!important;
}

.v326-hand-preview.hand .card .card-stat-cell,
.battlefield-layout .unit .stats span{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  height:100%!important;
  padding:0 2px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.03)!important;
  color:#eef3f8!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


.v326-hand-preview.hand .card.wei .card-title-area,
.battlefield-layout .unit.wei .card-title-area{background:linear-gradient(180deg,#3376bd,#173d69)!important}

.v326-hand-preview.hand .card.shu .card-title-area,
.battlefield-layout .unit.shu .card-title-area{background:linear-gradient(180deg,#419552,#225832)!important}

.v326-hand-preview.hand .card.wu .card-title-area,
.battlefield-layout .unit.wu .card-title-area{background:linear-gradient(180deg,#b94e4e,#682929)!important}

.v326-hand-preview.hand .card.other .card-title-area,
.v326-hand-preview.hand .card.item .card-title-area,
.v326-hand-preview.hand .card.tactic .card-title-area,
.battlefield-layout .unit.other .card-title-area{background:linear-gradient(180deg,#68717c,#3c434b)!important}

body.ui-mode-mobile-preview:not(.prebattle) .battlefield-layout .lane:not(.hq-defense-lane) .slot,
body.ui-mode-mobile-preview:not(.prebattle) .battlefield-layout .lane:not(.hq-defense-lane) .unit,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{width:var(--mobile-card-width)!important;min-width:var(--mobile-card-width)!important;max-width:var(--mobile-card-width)!important;height:var(--mobile-card-height)!important;min-height:var(--mobile-card-height)!important;max-height:var(--mobile-card-height)!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{width:100%!important;height:var(--mobile-card-height)!important;min-height:var(--mobile-card-height)!important;max-height:var(--mobile-card-height)!important;padding:0!important;gap:var(--mobile-card-gap)!important;overflow:hidden!important}

body.ui-mode-mobile-preview .mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 var(--mobile-hand-card-w)!important;width:var(--mobile-hand-card-w)!important;height:var(--mobile-hand-card-h)!important;min-height:var(--mobile-hand-card-h)!important;max-height:var(--mobile-hand-card-h)!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 var(--mobile-hand-card-w)!important;width:var(--mobile-hand-card-w)!important;min-width:var(--mobile-hand-card-w)!important;max-width:var(--mobile-hand-card-w)!important;height:var(--mobile-hand-card-h)!important;min-height:var(--mobile-hand-card-h)!important;max-height:var(--mobile-hand-card-h)!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{height:var(--v129-hand-card-height)!important;min-height:var(--v129-hand-card-height)!important;max-height:var(--v129-hand-card-height)!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 var(--mobile-card-width)!important;width:var(--mobile-card-width)!important;min-width:var(--mobile-card-width)!important;max-width:var(--mobile-card-width)!important;height:var(--v129-hand-card-height)!important;min-height:var(--v129-hand-card-height)!important;max-height:var(--v129-hand-card-height)!important;grid-template-rows:calc(var(--mobile-card-width) * .1705) minmax(0,1fr) calc(var(--mobile-card-width) * .2898)!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card .card-title-area,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card .cstats,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card .card-stat-grid,
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card .card-stat-cell{height:100%!important;min-height:0!important;max-height:none!important}

body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card .cimg{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}

body[data-online-room]:not(.hand-reveal-active) .board,
body[data-online-room]:not(.hand-reveal-active) .right-hand-section,
body[data-online-room]:not(.hand-reveal-active) .v326-hand-preview.hand,
body[data-online-room]:not(.hand-reveal-active) .v326-hand-preview.hand .card{
  pointer-events:auto!important;
}


.v326-hand-preview.hand .card.affordable{
  border-color:#f7d77f!important;
  box-shadow:none!important; 
}


.v326-hand-preview.hand .card{
  width:var(--hand-card-width,106px)!important;
  min-width:var(--hand-card-width,106px)!important;
  max-width:var(--hand-card-width,106px)!important;
  height:var(--hand-card-height,138px)!important;
  min-height:var(--hand-card-height,138px)!important;
  max-height:var(--hand-card-height,138px)!important;
}


.v326-hand-preview.hand{
  display:flex!important;
  flex-wrap:wrap!important;
  grid-template-columns:none!important;
  align-content:flex-start!important;
  justify-content:flex-start!important;
}


.v326-hand-preview.hand .card.wei,.battlefield-layout .unit.wei,.faction-wei{
  --v218-main:#174f91;--v218-deep:#071d39;--v218-soft:#5f9bdd;--v218-glyph:'魏';
}


.v326-hand-preview.hand .card,
.battlefield-layout .unit{
  border:2px solid var(--v218-gold)!important;
  border-radius:9px!important;
  background:var(--v218-deep,#111)!important;
  box-shadow:0 3px 9px #000b,inset 0 0 0 1px rgba(255,255,255,.13)!important;
  isolation:isolate!important;
}


.v326-hand-preview.hand .card .cimg::after,
.battlefield-layout .unit .uimg::after,
.collection-card-art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.04) 52%,rgba(0,0,0,.62) 100%),linear-gradient(90deg,rgba(0,0,0,.20),transparent 18%,transparent 82%,rgba(0,0,0,.20));
}


.v326-hand-preview.hand .card .cimg::before,
.battlefield-layout .unit .uimg::before,
.faction-wei .collection-card-art::before,
.faction-shu .collection-card-art::before,
.faction-wu .collection-card-art::before,
.faction-other .collection-card-art::before{
  content:var(--v218-glyph,'群');
  position:absolute;
  right:4px;
  top:4px;
  z-index:8;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid var(--v218-gold-soft);
  border-radius:50%;
  background:color-mix(in srgb,var(--v218-deep,#111) 88%,transparent);
  color:#fff4c3;
  font-family:"Malgun Myeongjo","Batang",serif;
  font-size:12px;
  font-weight:1000;
  line-height:1;
  text-shadow:0 1px 2px #000;
  box-shadow:0 1px 4px #000b;
  pointer-events:none;
}


.v326-hand-preview.hand .card .card-bottom-icons,
.battlefield-layout .unit .unit-bottom-icons{
  inset:0!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  z-index:10!important;
}


.v326-hand-preview.hand .card .card-bottom-icons>span:first-child,
.battlefield-layout .unit .unit-bottom-icons>span:first-child{
  position:absolute!important;
  left:4px!important;
  bottom:4px!important;
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  border:1px solid var(--v218-gold-soft)!important;
  border-radius:5px!important;
  background:rgba(5,7,10,.86)!important;
  color:#fff!important;
  font-size:12px!important;
  text-shadow:none!important;
}


.v326-hand-preview.hand .card .card-ap-icon,
.battlefield-layout .unit .unit-bottom-icons>span:last-child{
  position:absolute!important;
  left:4px!important;
  top:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:29px!important;
  height:24px!important;
  padding:0 4px!important;
  border:2px solid var(--v218-gold-soft)!important;
  border-radius:999px!important;
  background:var(--v218-deep,#111)!important;
  color:#fff!important;
  font-size:0!important;
  font-weight:1000!important;
  text-shadow:none!important;
  box-shadow:0 2px 5px #000b!important;
}


.v326-hand-preview.hand .card .card-bottom-icons>span:not(:first-child):not(.card-ap-icon),
.battlefield-layout .unit .unit-bottom-icons>span:not(:first-child):not(:last-child),
.v326-hand-preview.hand .card .card-ability-label,
.v326-hand-preview.hand .card .hand-buff-provider-badge,
.v326-hand-preview.hand .card .general-class-hand-badge,
.v326-hand-preview.hand .card .soldier-class-hand-icon,
.battlefield-layout .unit .unit-ability-label,
.battlefield-layout .unit .unit-class-icon,
.battlefield-layout .unit .unit-buff-box,
.battlefield-layout .unit .unit-skill-box,
.battlefield-layout .unit .unit-scout-badge{
  display:none!important;
}


.v326-hand-preview.hand .card .cstats,
.battlefield-layout .unit .stats{
  border-top:1px solid var(--v218-gold)!important;
  background:var(--v218-deep,#10161d)!important;
}


.v326-hand-preview.hand .card .card-ready-badge{
  position:absolute!important;
  left:4px!important;
  top:50%!important;
  width:7px!important;
  min-width:7px!important;
  height:7px!important;
  padding:0!important;
  border:1px solid #d7ffd7!important;
  border-radius:50%!important;
  background:#40d861!important;
  color:transparent!important;
  overflow:hidden!important;
  box-shadow:0 0 6px #4cff72!important;
}


.v326-hand-preview.hand .card.item,
.v326-hand-preview.hand .card.tactic{
  --v218-main:#5c2d79;--v218-deep:#1d092c;--v218-soft:#9b67bb;--v218-glyph:'策';
}


.v326-hand-preview.hand .card .card-ap-icon::before,
.battlefield-layout .unit .unit-bottom-icons>span:last-child::before,
.collection-card-icons .collection-en-icon::before,
.collection-card-icons>span:last-child::before{
  content:attr(data-en)!important;
}


.v326-hand-preview.hand .card .card-title-grade.grade-SSS,
.battlefield-layout .unit .field-grade.grade-SSS,
.collection-card-title>em.grade-SSS{border-color:var(--grade-sss)!important;color:var(--grade-sss)!important}


body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card .card-stat-cell::before,
body.unified-left-layout:not(.ui-mode-mobile-preview) .battlefield-layout .unit .stats span::before,
.v326-hand-preview.hand .card .card-stat-cell::before,
.battlefield-layout .unit .stats span::before{
  content:none!important;
  display:none!important;
}


.v326-hand-preview.hand .card .cimg::before,
.battlefield-layout .unit .uimg::before,
.faction-wei .collection-card-art::before,
.faction-shu .collection-card-art::before,
.faction-wu .collection-card-art::before,
.faction-other .collection-card-art::before,
.collection-card-art::before{
  content:attr(data-en)!important;
  font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif!important;
  font-size:11px!important;
  font-weight:1000!important;
}


.v326-hand-preview.hand .card .card-ap-icon,
.battlefield-layout .unit .unit-bottom-icons>span:last-child,
.collection-card-icons .collection-en-icon,
.collection-card-icons>span:last-child{
  display:none!important;
}


.v326-hand-preview.hand .card .card-ready-badge{display:none!important}


body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card .card-ready-badge,
.v326-hand-preview.hand .card .card-ready-badge{
  display:none!important;
  content:none!important;
}


body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.affordable .card-title-area,
.v326-hand-preview.hand .card.affordable .card-title-area{
  background:linear-gradient(180deg,#2f8f52,#0d3a20)!important;
  border-bottom-color:#8ff0ae!important;
}


.v326-hand-preview.hand .card .card-title-area,
.battlefield-layout .unit .card-title-area{
  position:relative!important;
  display:grid!important;
  grid-template-columns:31px minmax(0,1fr)!important;
  align-items:center!important;
  gap:2px!important;
  min-height:22px!important;
  height:22px!important;
  padding:0 4px 0 0!important;
  border-bottom:1px solid var(--v224-gold)!important;
  background:linear-gradient(180deg,var(--v218-main,#394552),var(--v218-deep,#131921))!important;
  overflow:hidden!important;
}


.v326-hand-preview.hand .card .card-title-area>.card-title-grade,
.battlefield-layout .unit .card-title-area>.field-grade{
  display:none!important;
}


.v326-hand-preview.hand .card .card-bottom-icons>span:first-child,
.battlefield-layout .unit .unit-bottom-icons>span:first-child{
  display:none!important;
}


.v326-hand-preview.hand .card .card-image-grade.grade-SSS,
.battlefield-layout .unit .card-image-grade.grade-SSS{color:var(--grade-sss,#ffd861)!important}


.v326-hand-preview.hand .card .card-ready-badge{
  display:none!important;
  content:none!important;
}


.v326-hand-preview.hand .card .card-ap-icon{
  left:4px!important;
  right:auto!important;
  top:auto!important;
  bottom:3px!important;
  z-index:16!important;
  min-width:25px!important;
  height:20px!important;
  padding:0 4px!important;
  border:1px solid #f0d58a!important;
  border-radius:3px 8px 3px 3px!important;
  background:#07111bdd!important;
}


.v326-hand-preview.hand .card .cstats,
.battlefield-layout .unit .stats{
  height:25px!important;
  min-height:25px!important;
  padding:0!important;
  border-top:1px solid var(--v224-gold)!important;
  background:var(--v224-paper)!important;
  color:#111!important;
}


.v326-hand-preview.hand .card .card-ability-label,
.v326-hand-preview.hand .card .hand-buff-provider-badge,
.v326-hand-preview.hand .card .general-class-hand-badge,
.v326-hand-preview.hand .card .soldier-class-hand-icon,
.battlefield-layout .unit .unit-ability-label,
.battlefield-layout .unit .unit-class-icon,
.battlefield-layout .unit .unit-buff-box,
.battlefield-layout .unit .unit-skill-box,
.battlefield-layout .unit .unit-scout-badge{
  display:none!important;
}


.v326-hand-preview.hand .card .card-kind-strip,
.mobile-hand-mount .v326-hand-preview.hand .card .card-kind-strip,
.battlefield-layout .unit .card-kind-strip{
  display:none!important;
  content:none!important;
}


body .v326-hand-preview.hand .card .card-stat-cell::before,
body .mobile-hand-mount .v326-hand-preview.hand .card .card-stat-cell::before,
body .battlefield-layout .unit .stats span::before{
  display:none!important;
  content:none!important;
}


.v326-hand-preview.hand .card .card-ready-badge,
.v326-hand-preview.hand .card .card-ready-label,
.mobile-hand-mount .v326-hand-preview.hand .card .card-ready-badge,
.mobile-hand-mount .v326-hand-preview.hand .card .card-ready-label{
  display:none!important;
  content:none!important;
}


.v326-hand-preview.hand .card.affordable .card-title-area,
.v326-hand-preview.hand .card.actionable-card .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card.affordable .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card.actionable-card .card-title-area{
  background:linear-gradient(180deg,var(--v218-main,#394552),var(--v218-deep,#131921))!important;
  border-bottom-color:var(--v224-gold,#d8bb72)!important;
  box-shadow:none!important;
}


.v326-hand-preview.hand .card .card-title-area,
.mobile-hand-mount .v326-hand-preview.hand .card .card-title-area,
.battlefield-layout .unit .card-title-area{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:2px!important;
  height:24px!important;
  min-height:24px!important;
  max-height:24px!important;
  padding:0 4px 0 0!important;
  overflow:hidden!important;
}


.v326-hand-preview.hand .card .card-title-area>.card-kind-ribbon,
.mobile-hand-mount .v326-hand-preview.hand .card .card-title-area>.card-kind-ribbon{
  grid-column:1!important;
  grid-row:1!important;
  order:0!important;
}


.v326-hand-preview.hand .card.item-stat-card{
  grid-template-rows:var(--v226-card-head,25.2px) minmax(0,1fr) 31px!important;
}


.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}


.v326-hand-preview.hand .card.item-stat-card .cstats{
  display:block!important;
  padding:3px!important;
  background:linear-gradient(180deg,#15110c,#0d0906)!important;
}


body .v326-hand-preview.hand .card.item-stat-card{grid-template-rows:20px minmax(0,1fr) 32px!important;align-items:stretch!important;}


body .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b,
body.unified-left-layout:not(.ui-mode-mobile-preview) .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b,
body.ui-mode-mobile .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b,
body.ui-mode-mobile-preview .v326-hand-preview.hand .card.item-stat-card .item-bonus-cell b{
  color:#111!important;
  text-shadow:none!important;
  font-weight:950!important;
}


body .v326-hand-preview.hand .card .card-stat-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:column!important;
}


.battlefield-layout .unit .unit-buff-box,
.v326-hand-preview.hand .card .hand-buff-provider-badge{display:none!important;}
/* =====================================================================
   v220 — 원형 배지 통합 + 이미지 미등록 카드 처리
   1) 카드 우측 상단의 국가 문양 원 → EN(필요 행동력) 숫자로 대체
   2) 기존 좌측 상단 EN 원형 배지는 완전히 제거(중복 표시 정리)
   ※ 이미지가 등록되지 않은 카드를 빈 칸으로 두는 처리와, 이미지 등록 시
     Cloudflare 1일 요청 한도가 급격히 소모되던 문제의 원인 제거는
     assets/js/game.js(cardVisual, getAutoFolderCardImageInfo)에서 처리했다.
   ===================================================================== */

/* ---------- 1) 국가 문양 원 → EN 숫자 ---------- */
.v326-hand-preview.hand .card .cimg::before,
.battlefield-layout .unit .uimg::before,
.faction-wei .collection-card-art::before,
.faction-shu .collection-card-art::before,
.faction-wu .collection-card-art::before,
.faction-other .collection-card-art::before,
.collection-card-art::before{
  content:attr(data-en)!important;
  font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif!important;
  font-size:11px!important;
  font-weight:1000!important;
}


/* 카드명은 최상단 1회만 표시. 등급 / 필요 행동력은 더 크게. */
.v326-hand-preview.hand .cname{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-height:22px!important;padding:2px 6px!important;font-size:12px!important;font-weight:950!important;text-align:left!important}



/* ================================================================
   v24 — 카드 상단 정보 통합 / 카드 이미지 폴더
   ================================================================ */
/* 카드 이름 영역 안에 이름 + 등급 + AP + 능력을 함께 표시 */
.v326-hand-preview.hand .card-title-area{
  min-height:36px!important;
  height:36px!important;
  padding:3px 4px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  grid-template-rows:15px 13px!important;
  column-gap:3px!important;
  row-gap:2px!important;
  align-items:center!important;
  justify-content:stretch!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#493324,#211812)!important;
  border-bottom:1px solid #8c683e!important;
  color:#f4ecdf!important;
  text-align:left!important;
}

/* 기존 이미지 위 등급/AP 배지는 제거하고 상단 이름칸에서만 표시 */
.v326-hand-preview.hand .card-grade,
.v326-hand-preview.hand .cost{display:none!important}


/* 3 x 2 핸드 레이아웃에서 상단 정보칸을 확장한 만큼 이미지 영역을 재배분 */
.v326-hand-preview.hand .card{
  grid-template-rows:36px minmax(52px,1fr) auto!important;
}


/* Hand: grade beside name, AP shown as a numbered circle on the image. */
.v326-hand-preview.hand .card-title-area{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:18px 12px!important;column-gap:4px!important;align-items:center!important}


/* Every hand card uses an identical, non-stretching track. Shuffle/order changes
   can no longer alter individual card height. */
.v326-hand-preview.hand{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,185px)!important;
  grid-auto-rows:185px!important;
  align-items:stretch!important;
  align-content:start!important;
}


/* 핸드: 이름 아래 능력문구 및 이미지 아래 국가명/아이콘 전용 줄 제거 */
.v326-hand-preview.hand .card-head-ability,.v326-hand-preview.hand .card-type-line{display:none!important}


/* 이미지 영역을 확대: 타입 아이콘은 이미지 위 오버레이로 유지 */
.v326-hand-preview.hand{grid-template-rows:repeat(2,198px)!important;grid-auto-rows:198px!important}


/* 핸드 카드: 등급/소환에너지를 이미지 우측 하단으로 이동 */
.v326-hand-preview.hand .cname.card-title-area{justify-content:flex-start!important;padding-right:6px!important}



/* ================================================================
   v40 — popup-only utility descriptions / advisor grade system / auto image folders
   ================================================================ */
/* 아이템·스킬·책사 카드의 용도/상태 설명은 카드 앞면에서 제거하고 팝업에서만 제공 */
.v326-hand-preview.hand .card.utility-card{grid-template-rows:20px minmax(0,1fr)!important;}


/* 소환 에너지 원: 단선 테두리 */
.v326-hand-preview.hand .card-image-cost{border:1px solid #ffe9a5!important;box-shadow:0 2px 6px #000b!important;}


/* 우측 패널/핸드: 스크롤 가능, 스크롤바 숨김 */
.reference-right,.right-hand-section,.right-hand-section .handbox,.v326-hand-preview.hand{scrollbar-width:none!important;-ms-overflow-style:none!important;}



/* v45: 아이템 능력치를 장수 카드와 동일한 3칸 위치에 표시 */
.v326-hand-preview.hand .card.item-stat-card{grid-template-rows:20px minmax(0,1fr) auto!important;}


/* ================================================================
   v48 — 40-card point deck / card shop / default image rules
   ================================================================ */
/* 카드 이름 확대 + 이름 오른쪽 등급 */
.v326-hand-preview.hand .cname.card-title-area{
  min-height:30px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 6px!important;
  justify-content:stretch!important;
}


/* 우측 하단: 테두리 없는 카드 종류 / 책략가 / 행동력 아이콘 */
.v326-hand-preview.hand .card-bottom-icons,
.battlefield-layout .unit-bottom-icons,
.collection-card-icons{
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:12;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  color:#fff8e8;
  font-weight:1000;
  line-height:1;
  text-shadow:0 2px 4px #000,0 0 5px #000;
  pointer-events:none;
}


/* 행동력이 충분한 핸드 카드 */
.v326-hand-preview.hand .card.affordable{
  border-color:#f7d77f!important;
  box-shadow:0 0 0 1px #fff1b9,0 0 13px #ffd56c88,inset 0 0 0 1px #6e501d!important;
}


/* 핸드 카드 이미지와 공격/방어/체력 칸 사이의 세로 여백 제거 */
.v326-hand-preview.hand .card:not(.utility-card){
  grid-template-rows:20px minmax(0,1fr) 34px!important;
  row-gap:0!important;
}



/* v70 대상 없는 스킬: 더블클릭 또는 전장 드래그 발동 */
.v326-hand-preview.hand .card.instant-tactic-card{cursor:grab;}



/* v93: 핸드 버프 표시를 카드 중앙보다 약간 아래로 이동 */
.v326-hand-preview.hand .card .hand-buff-provider-badge{
  left:50%!important;right:auto!important;top:60%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;min-width:78px!important;max-width:calc(100% - 12px)!important;
  z-index:28!important;text-align:center!important;
}


/* ================================================================
   v103 — 전투 준비 6장 카드 뒷면 및 전투 시작 플립 공개
   ================================================================ */
.v326-hand-preview.hand .card.opening-hand-card{
  perspective:1100px!important;
  transform:none!important;
  overflow:visible!important;
  isolation:isolate;
}


/* ===== v105 책사 성장·국가 전열·핸드 가독성 ===== */
.v326-hand-preview.hand .card.actionable-card:not(.opening-hand-card){
  border-color:#72e6a2!important;
  box-shadow:0 0 0 2px rgba(52,180,112,.42),0 0 16px rgba(69,224,139,.32)!important;
}



/* ================================================================
   v113 — 국가별 카드색 / 숫자형 공방체 / 데스크톱 모바일 미리보기 보강
   ================================================================ */
.v326-hand-preview.hand .card.wei{--card-accent:#78adff;--card-panel:#295ca3;--card-panel-strong:#1b4073;--card-panel-soft:rgba(137,182,255,.18);--card-panel-border:rgba(164,203,255,.42)}


/* 핸드 카드: 박스에 딱 맞도록 정렬 */
.v326-hand-preview.hand .card,
.mobile-hand-mount .v326-hand-preview.hand .card{box-sizing:border-box!important;overflow:hidden!important;align-content:stretch!important}



/* ================================================================
   v116 — 본진 개방 조건 / 동일 카드폭 / 상태 유지 전환 / 하단 플로팅
   ================================================================ */
/* 기존 등급 아래 별도 '가능' 텍스트는 사용하지 않는다. */
.v326-hand-preview.hand .card-ready-label{display:none!important}

/* 기존 행동 가능 박스를 등급 바로 아래로 이동하고 문구를 단순화한다. */
.v326-hand-preview.hand .card.actionable-card:not(.opening-hand-card)::before{
  content:'가능'!important;
  left:auto!important;
  right:5px!important;
  top:27px!important;
  min-width:28px!important;
  padding:2px 4px!important;
  border-radius:4px!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.05!important;
  letter-spacing:0!important;
}


/* 등급 테두리보다 국가색 테두리를 우선 표시한다. */
.battlefield-layout .unit.wei,
.hq-field-slot .base-unit.wei,
.v326-hand-preview.hand .card.wei{
  border-color:var(--faction-wei-border)!important;
  box-shadow:inset 0 0 0 1px #164f86,0 0 0 1px #8bdbff,0 2px 8px #0009!important;
}


/* PC 핸드 카드 디자인을 전투필드 카드에도 동일하게 적용 */
.v326-hand-preview.hand .card,
.battlefield-layout .unit{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-rows:var(--tcg-card-head) minmax(0,1fr) var(--tcg-card-stat)!important;
  align-content:stretch!important;
  overflow:hidden!important;
  border-width:2px!important;
  border-style:solid!important;
  border-radius:var(--tcg-card-radius)!important;
  background:#11171d!important;
}


/* 국가별 헤더/테두리 통일 */
.v326-hand-preview.hand .card.wei .card-title-area,
.battlefield-layout .unit.wei .card-title-area{background:linear-gradient(180deg,#3376bd,#173d69)!important}
/* v232 — 요청 기능 표시 */
/* 아이템 카드는 공/방/체 문구 없이 +값/0만 3칸에 표시 */
.v326-hand-preview.hand .card.item-stat-card .card-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v326-hand-preview.hand .card{height:132px}
.v326-hand-preview.hand .card{height:120px}
.v326-hand-preview.hand .card{height:166px}
.v326-hand-preview.hand{grid-template-rows:repeat(2,145px)!important;grid-auto-rows:145px!important;min-height:295px!important}
.v326-hand-preview.hand .card{height:145px!important;grid-template-rows:16px 74px 1fr!important}
.v326-hand-preview.hand .card-grade{font-size:9px!important;padding:2px 5px!important}
.v326-hand-preview.hand .cost{min-width:33px!important;height:23px!important;font-size:10px!important}
.v326-hand-preview.hand .card-title-area{
    min-height:34px!important;
    height:34px!important;
    grid-template-rows:14px 12px!important;
    padding:3px!important;
  }
.v326-hand-preview.hand .card-name-text{font-size:9px!important;line-height:14px!important}
.v326-hand-preview.hand .card-head-grade,.v326-hand-preview.hand .card-head-cost{height:14px!important;font-size:6.5px!important;padding:0 3px!important}
.v326-hand-preview.hand .card-head-ability,.v326-hand-preview.hand .card-head-ability b{font-size:6.5px!important;line-height:12px!important}
.v326-hand-preview.hand .card{grid-template-rows:34px minmax(46px,1fr) auto!important}
.v326-hand-preview.hand{grid-auto-rows:185px!important}
.v326-hand-preview.hand .card{min-height:185px!important;grid-template-rows:34px minmax(100px,1fr) auto!important}
.v326-hand-preview.hand{grid-template-rows:repeat(2,170px)!important;grid-auto-rows:170px!important}
.v326-hand-preview.hand .card{height:170px!important;min-height:170px!important;max-height:170px!important;grid-template-rows:34px 92px 44px!important}
.v326-hand-preview.hand .cimg{height:92px!important;min-height:92px!important;max-height:92px!important}
.v326-hand-preview.hand .cstats{min-height:44px!important;max-height:44px!important}
.v326-hand-preview.hand{grid-template-rows:repeat(2,180px)!important;grid-auto-rows:180px!important}
.v326-hand-preview.hand .card{height:180px!important;min-height:180px!important;max-height:180px!important;grid-template-rows:27px 112px 41px!important}
.v326-hand-preview.hand .cimg{height:112px!important;min-height:112px!important;max-height:112px!important}
.v326-hand-preview.hand .card-name-text{font-size:11px!important;}
.v326-hand-preview.hand .opening-card-back-frame b{font-size:17px}
.v326-hand-preview.hand .opening-card-back-frame small{font-size:21px}
.mobile-hand-mount .v326-hand-preview.hand{display:flex!important;grid-template-columns:none!important;width:100%!important;height:137px!important;min-height:137px!important;gap:5px!important;padding:1px 2px 8px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.mobile-hand-mount .v326-hand-preview.hand .card{flex:0 0 86px!important;width:86px!important;height:126px!important;min-height:126px!important;max-height:126px!important;display:grid!important;grid-template-rows:17px 67px minmax(0,1fr)!important;scroll-snap-align:start;border-radius:7px!important;overflow:hidden!important;transform:none}
.mobile-hand-mount .v326-hand-preview.hand .card.selected,.mobile-hand-mount .v326-hand-preview.hand .card.selected-vivid{transform:translateY(-3px) scale(1.02)!important;z-index:8!important}
.mobile-hand-mount .v326-hand-preview.hand .cname{font-size:8px!important;padding:1px 2px!important}
.mobile-hand-mount .v326-hand-preview.hand .cimg{height:67px!important;min-height:67px!important}
.mobile-hand-mount .v326-hand-preview.hand .cstats{padding:2px!important;gap:2px!important}
.mobile-hand-mount .v326-hand-preview.hand .card-stat-grid{gap:2px!important}
.mobile-hand-mount .v326-hand-preview.hand .card-stat-cell{min-height:27px!important;padding:1px!important}
.mobile-hand-mount .v326-hand-preview.hand .card-stat-cell b{font-size:9px!important}
.mobile-hand-mount .v326-hand-preview.hand .card-bottom-icons{gap:2px!important;padding:1px 2px!important;font-size:7px!important}
.mobile-hand-mount .v326-hand-preview.hand .opening-hand-flipper{height:100%!important}
.mobile-hand-mount .v326-hand-preview.hand .opening-card-face{border-radius:6px!important}
.mobile-hand-mount .v326-hand-preview.hand{
    height:178px!important;min-height:178px!important;gap:7px!important;padding:2px 3px 10px!important;
  }
.mobile-hand-mount .v326-hand-preview.hand .card{
    flex:0 0 112px!important;
    width:112px!important;
    height:164px!important;
    min-height:164px!important;
    max-height:164px!important;
    grid-template-rows:19px 88px minmax(0,1fr)!important;
  }
.mobile-hand-mount .v326-hand-preview.hand .cname{font-size:9px!important;padding:2px 3px!important}
.mobile-hand-mount .v326-hand-preview.hand .cimg{height:88px!important;min-height:88px!important}
.mobile-hand-mount .v326-hand-preview.hand .card-stat-cell{min-height:30px!important}
.mobile-hand-mount .v326-hand-preview.hand .card-stat-cell b{font-size:10px!important}
.mobile-hand-mount .v326-hand-preview.hand .card-bottom-icons{font-size:8px!important}
body:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
body:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card,
  body:not(.prebattle) .battlefield-layout .slot,
  body:not(.prebattle) .battlefield-layout .unit{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }



/* v129.1 — 모바일 미리보기 핸드 이미지 행의 구형 고정 높이 제거 */
body.ui-mode-mobile-preview:not(.prebattle) .mobile-hand-mount .v326-hand-preview.hand .card .cimg{
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
}
/* =====================================================================
   v221 — 사용 가능 카드 표시 방식 변경
   기존: 카드 이름 옆에 "가능" 배지(v218에서 작은 초록 점으로 축소돼 있었음)
   변경: 배지를 완전히 삭제하고, 대신 카드 이름 글자색과 이름이 있는
        상단 박스(제목 영역) 배경색이 초록빛으로 바뀌어 사용 가능 여부를 표시
   ===================================================================== */

.v326-hand-preview.hand .card .card-ready-badge{display:none!important}

/* Enhancement preview is one exact battle-hand card, not a separately scaled manager card. */
#v315EnhanceCardStage .v326-hand-preview.hand,
#v325EnhanceCompare .v326-hand-preview.hand{display:flex!important;justify-content:center!important;align-items:center!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;gap:0!important;flex-wrap:nowrap!important}
#v315EnhanceCardStage .v326-hand-preview.hand .card,
#v325EnhanceCompare .v326-hand-preview.hand .card{pointer-events:none!important;flex:none!important;margin:0!important;transform:none!important}
#v315EnhanceCardStage{overflow:visible!important;min-height:calc(var(--hand-card-height,224px) + 42px)!important}
#v315EnhanceCardStage.is-forging{overflow:hidden!important}
#v315EnhanceCardStage.is-forging .v314-hammer{display:block!important;opacity:1!important;z-index:50!important;font-size:64px!important;animation:v314Hammer .42s cubic-bezier(.3,.05,.25,1) infinite!important}
#v315EnhanceCardStage.is-forging .v314-forge-aura{z-index:1!important;animation:v314Aura 1s ease-in-out infinite!important}
#v315EnhanceCardStage.is-forging .v314-spark-field{z-index:40!important;display:block!important}
#v315EnhanceCardStage.is-forging .v314-spark-field i{animation:v314Spark .55s ease-out infinite!important}
#v315EnhanceCardStage.is-forging .v326-hand-preview{animation:v314CardForge .38s ease-in-out infinite alternate!important}
.v326-enhance-skill-desc{width:min(360px,100%);margin-top:9px;padding:8px 10px;box-sizing:border-box;border:1px solid rgba(245,196,79,.45);border-radius:8px;background:rgba(12,17,15,.92);font-size:11px;line-height:1.45;color:#e8e1cb;text-align:left}
.v326-enhance-skill-desc b{display:block;margin-bottom:3px;color:#ffd66e}.v326-enhance-skill-desc span{display:block;color:#f2ead6}
#v268FactionWrap.v326-conquest-no-faction{display:none!important}
#v267TutorialCard.v326-tutorial-card .v325-tutorial-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:10px!important}
#v267TutorialCard.v326-tutorial-card #v325StartNationTutorial{display:block!important;visibility:visible!important;opacity:1!important}