/* v352 — 카드관리 미리보기와 실제 카드의 이미지 영역을 동일한 구조로 맞춘다.
   핵심: 미리보기 자체에 이름/능력치 공간을 따로 두고, 가운데 이미지 영역에서만 crop을 조정한다. */

#managerPreview,
#managerPreviewMobile{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
}

.manager-card-preview-shell{
  --preview-card-w:min(100%,320px);
  width:var(--preview-card-w)!important;
  aspect-ratio:1 / 1.632!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-rows:calc(100% * .1045) minmax(0,1fr) calc(100% * .1776)!important;
  overflow:hidden!important;
  border:2px solid #5b7aa0!important;
  border-radius:14px!important;
  background:#10161d!important;
  box-shadow:0 8px 24px rgba(0,0,0,.35)!important;
}
.manager-card-preview-shell.wei{border-color:#527fb7!important}
.manager-card-preview-shell.shu{border-color:#5c9360!important}
.manager-card-preview-shell.wu{border-color:#a85a5a!important}

.manager-card-preview-title{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 10px!important;
  background:linear-gradient(180deg,#34204b,#20132f)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:clamp(13px,2.2vw,18px)!important;
  font-weight:950!important;
}
.manager-card-preview-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
.manager-card-preview-title>em{font-style:normal;font-size:.72em!important;padding:2px 5px!important}

.manager-card-preview-art{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#090d12!important;
  cursor:grab!important;
  touch-action:none!important;
}
.manager-preview.dragging .manager-card-preview-art{cursor:grabbing!important}
.manager-card-preview-art>img,
.manager-card-preview-art>.card-art-img,
.manager-card-preview-art>.server-card-art,
.manager-card-preview-art>.auto-folder-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:var(--img-x,50%) var(--img-y,50%)!important;
  transform-origin:var(--img-x,50%) var(--img-y,50%)!important;
  transform:scale(var(--img-scale-x,var(--img-scale,1)),var(--img-scale-y,var(--img-scale,1)))!important;
}

.manager-card-preview-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  background:linear-gradient(180deg,#f3ead5,#d7c6a4)!important;
  color:#16130f!important;
  border-top:1px solid #8f7a53!important;
}
.manager-card-preview-stats>span{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-right:1px solid #9e8b67!important;
  font-size:clamp(10px,1.8vw,14px)!important;
  font-weight:800!important;
}
.manager-card-preview-stats>span:last-child{border-right:0!important}
.manager-card-preview-stats b{font-size:1.25em!important}

/* 실제 카드 이미지도 이미지 행 안에서만 렌더링한다. 이름/능력치 행을 침범하지 않도록 명시적으로 고정. */
#hand.hand .card .cimg,
.mobile-hand-mount #hand.hand .card .cimg,
.battlefield-layout .unit .uimg{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#hand.hand .card .cimg>img,
.mobile-hand-mount #hand.hand .card .cimg>img,
.battlefield-layout .unit .uimg>img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

/* v351의 임의 아래 이동 보정은 사용하지 않는다. 저장된 Y 값을 그대로 사용한다. */
#hand.hand .card .cimg img,
.mobile-hand-mount #hand.hand .card .cimg img,
.battlefield-layout .unit .uimg img,
.hq-field-slot .base-unit-art img,
.collection-card-art>img,
.card-zoom-art img,
.deck-builder-thumb img{
  object-position:var(--img-x,50%) var(--img-y,50%)!important;
}