/* v370 — 카드관리: v367 DOM 유지, 미리보기 확대 + 셔틀 축소 / 상점 모달 진입 보강 */
@media (min-width:851px){
  #cardManagerModal .manager-inline-preview-grid.unified-card-image-controls{
    grid-template-columns:minmax(0,1fr)!important;
    justify-content:center!important;
    padding:8px!important;
  }
  #cardManagerModal .manager-inline-preview-grid.unified-card-image-controls>.manager-preview-dual-col{
    display:grid!important;
    grid-template-columns:190px minmax(168px,190px)!important;
    grid-template-areas:
      "label label"
      "preview shuttle"
      "quick quick"!important;
    gap:7px 10px!important;
    align-items:start!important;
    justify-content:center!important;
    width:100%!important;
    max-width:410px!important;
    margin:0 auto!important;
  }
  #cardManagerModal .manager-preview-dual-label{
    grid-area:label!important;
    min-width:0!important;
    font-size:10px!important;
  }
  /* 기존 핸드 카드 비율을 유지하면서 관리 화면에서는 약 1.6배 확대 */
  #cardManagerModal #managerPreview{
    grid-area:preview!important;
    width:174px!important;
    min-width:174px!important;
    max-width:174px!important;
    height:242px!important;
    min-height:242px!important;
    max-height:242px!important;
    margin:0 auto!important;
    padding:0!important;
    overflow:hidden!important;
    align-self:start!important;
    justify-self:center!important;
    box-sizing:border-box!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-shell{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
    margin:0!important;
    grid-template-rows:24px minmax(0,1fr) 34px!important;
    overflow:hidden!important;
    border-radius:8px!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-title{
    min-height:0!important;
    height:24px!important;
    padding:3px 6px!important;
    font-size:11px!important;
    line-height:1!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-title>em{
    font-size:8px!important;
    padding:1px 4px!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-art{
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-art::after{
    font-size:7px!important;
    padding:1px 3px!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-stats{
    min-height:0!important;
    height:34px!important;
    padding:3px 1px!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-stats>span{
    gap:2px!important;
    font-size:8px!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-stats b{font-size:12px!important;}

  #cardManagerModal .manager-preview-quick-controls{
    grid-area:quick!important;
    width:100%!important;
    min-width:0!important;
  }
  /* 셔틀은 미리보기보다 시각적으로 작고 조밀하게 */
  #cardManagerModal .image-adjust-panel.compact{
    grid-area:shuttle!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    max-width:185px!important;
    margin:0!important;
    padding:6px!important;
    align-self:start!important;
    box-sizing:border-box!important;
  }
  #cardManagerModal .image-adjust-panel.compact>label{
    display:grid!important;
    grid-template-columns:45px minmax(0,1fr) 31px!important;
    gap:4px!important;
    align-items:center!important;
    min-width:0!important;
    min-height:22px!important;
    margin:0!important;
    font-size:8px!important;
    line-height:1.05!important;
  }
  #cardManagerModal .image-adjust-panel.compact input[type="range"]{
    width:100%!important;
    min-width:0!important;
    height:14px!important;
    margin:0!important;
  }
  #cardManagerModal .image-adjust-panel.compact input[type="range"]::-webkit-slider-thumb{
    width:12px!important;height:12px!important;
  }
  #cardManagerModal .image-adjust-panel.compact input[type="range"]::-moz-range-thumb{
    width:12px!important;height:12px!important;
  }
  #cardManagerModal .image-adjust-panel.compact output{
    text-align:right!important;
    font-size:8px!important;
    line-height:1!important;
  }
  #cardManagerModal .image-adjust-panel.compact .drag-position-readout{
    margin:1px 0!important;
    padding:4px 5px!important;
    font-size:7.5px!important;
    line-height:1.15!important;
  }
  #cardManagerModal .image-adjust-panel.compact #managerImageCenterBtn{
    margin:0!important;
    width:100%!important;
    min-height:23px!important;
    height:23px!important;
    padding:2px 5px!important;
    font-size:8px!important;
    line-height:1!important;
  }
}

@media (max-width:850px){
  /* 모바일은 원래 한 열 구조를 보존하되 미리보기만 이전보다 확대 */
  #cardManagerModal .manager-inline-preview-grid.unified-card-image-controls>.manager-preview-dual-col{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:420px!important;
    margin:0 auto!important;
  }
  #cardManagerModal #managerPreview{
    width:min(160px,44vw)!important;
    height:min(223px,61.3vw)!important;
    min-width:0!important;
    min-height:0!important;
    margin:0 auto!important;
  }
  #cardManagerModal #managerPreview .manager-card-preview-shell{
    width:100%!important;height:100%!important;min-height:100%!important;aspect-ratio:auto!important;
    grid-template-rows:22px minmax(0,1fr) 30px!important;
  }
  #cardManagerModal .image-adjust-panel.compact{
    width:100%!important;
    max-width:300px!important;
    margin:0 auto!important;
    padding:6px!important;
    gap:4px!important;
    box-sizing:border-box!important;
  }
  #cardManagerModal .image-adjust-panel.compact>label{
    grid-template-columns:48px minmax(0,1fr) 34px!important;
    gap:4px!important;
    font-size:8px!important;
  }
  #cardManagerModal .image-adjust-panel.compact output{font-size:8px!important;}
  #cardManagerModal .image-adjust-panel.compact #managerImageCenterBtn{min-height:24px!important;height:24px!important;font-size:8px!important;}
}

/* 로그인 완료 상태에서 상점 show 클래스가 다른 레이아웃 규칙에 눌리지 않도록 최소 보강 */
body:not(.login-required) #cardShopModal.show{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}