/* =====================================================================
   v222 — 전투필드 3건 보정
   1) 전투열 "추가효과" 배너가 카드 이름을 가리던 문제 → 배너 전용 공간을
      확보해 카드 내용과 겹치지 않게 이동
   2) 카드 중간 특수능력 표시를 더 간결하게(작은 글씨/여백)
   3) 전투열에서 카드 높이가 슬롯보다 커서 아래쪽이 잘리는 문제 방지
   ===================================================================== */

/* ---------- 3-a) 카드 높이가 슬롯보다 커서 잘리는 문제: box-sizing 정리 ---------- */
/* .unit에 box-sizing:border-box가 빠져 있어 테두리(border)만큼 실제 렌더링
   높이가 슬롯(overflow:hidden)보다 커져 아래쪽 몇 px가 잘리고 있었을 가능성이
   높음 — 슬롯과 동일하게 border-box로 맞춰 테두리가 높이에 포함되게 한다. */
.battlefield-layout .slot,
.battlefield-layout .hq-field-slot,
.battlefield-layout .unit{
  box-sizing:border-box!important;
}

@media (min-width:851px){
  /* ---------- 3-b) 모든 전투열에 기본 여유 높이 추가 ---------- */
  /* 카드·슬롯 자체 크기는 그대로 두고, 라인(칸 전체) 높이만 살짝 늘려
     빠듯했던 여유 공간을 넉넉하게 만든다. */
  body.unified-left-layout:not(.ui-mode-mobile-preview) .battle-panel .battlefield-layout>.board > .lane[data-row]{
    height:calc(var(--v216-lane-h, 198px) + 6px)!important;
    min-height:calc(var(--v216-lane-h, 198px) + 6px)!important;
    max-height:calc(var(--v216-lane-h, 198px) + 6px)!important;
    flex:0 0 calc(var(--v216-lane-h, 198px) + 6px)!important;
  }

  /* ---------- 1) 추가효과 배너: 카드 위 전용 공간으로 이동 ---------- */
  /* 위 3-b 규칙과 선택자 특이도가 같으므로, 더 늘려야 하는 이 규칙을
     파일 안에서 나중에 두어 synergy-active 라인에서 우선 적용되게 한다.
     배너가 뜬 라인만 높이를 한 번 더 늘려 카드를 밀어내지 않고 그 위에
     배너 전용 공간을 확보한다(다른 라인/카드 크기는 영향 없음). */
  body.unified-left-layout:not(.ui-mode-mobile-preview) .battle-panel .battlefield-layout>.board > .lane.synergy-active{
    height:calc(var(--v216-lane-h, 198px) + 15px)!important;
    min-height:calc(var(--v216-lane-h, 198px) + 15px)!important;
    max-height:calc(var(--v216-lane-h, 198px) + 15px)!important;
    flex:0 0 calc(var(--v216-lane-h, 198px) + 15px)!important;
    padding-top:17px!important;
  }
}
.lane .lane-synergy-tag{
  top:1px!important;
  padding:1px 7px!important;
  font-size:8px!important;
  line-height:1.3!important;
  max-width:70%!important;
}

/* ---------- 2) 특수능력 표시(카드 중간) 간결화 ---------- */
/* v216의 body 접두 선택자가 v218의 숨김 시도를 특이도로 계속 이겨 표시는
   유지되고 있었음(카드 이름과 별개 위치이긴 하나 박스가 크고 눈에 띔) —
   동일 체인에 위치·크기만 훨씬 간결하게 다시 정의(표시 자체는 유지). */
body.unified-left-layout:not(.ui-mode-mobile-preview) .battlefield-layout .unit .unit-ability-label{
  display:block!important;
  position:absolute!important;
  top:auto!important;
  bottom:29px!important;
  left:4px!important;
  right:4px!important;
  z-index:13!important;
  padding:1px 4px!important;
  border:1px solid #9eb8d055!important;
  border-radius:3px!important;
  background:#06101bb8!important;
  color:#eff8ff!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 2px #000!important;
}