/* v243 — 책사 이름 잘림 수정 + 연출창 이미지/박스선 여백 완전 제거 */

/* 1) 책사 이름이 아래쪽에서 잘리지 않도록 배지 높이/행간 보정 */
.battle-hq .hq-advisor-slot .advisor-slot-badge,
body.ui-mode-mobile .hq-advisor-slot .advisor-slot-badge,
body.ui-mode-mobile-preview .hq-advisor-slot .advisor-slot-badge{
  box-sizing:border-box!important;
  min-height:22px!important;
  height:22px!important;
  padding:2px 5px 4px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:4px!important;
  overflow:hidden!important;
}
.battle-hq .hq-advisor-slot .advisor-slot-badge b,
body.ui-mode-mobile .hq-advisor-slot .advisor-slot-badge b,
body.ui-mode-mobile-preview .hq-advisor-slot .advisor-slot-badge b{
  display:block!important;
  width:100%!important;
  line-height:1.18!important;
  padding-bottom:1px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  font-size:10px!important;
}
.battle-hq .hq-advisor-slot .advisor-slot-badge span,
body.ui-mode-mobile .hq-advisor-slot .advisor-slot-badge span,
body.ui-mode-mobile-preview .hq-advisor-slot .advisor-slot-badge span{
  line-height:1.1!important;
}

/* 2) 연출 사진과 연출 박스선 사이의 모든 여백 제거 */
.left-card-effect-section,
.left-card-effect-body,
.left-card-effect-card.action-view-mode,
.left-card-effect-stage{
  padding:0!important;
}
.left-card-effect-stage,
body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage{
  margin:0!important;
  border:0!important;
  outline:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.left-card-effect-stage > .hq-card-scene.left-effect-preview-scene,
body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage > .hq-card-scene.left-effect-preview-scene{
  position:absolute!important;
  inset:-4px!important;
  width:calc(100% + 8px)!important;
  height:calc(100% + 8px)!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-entry-motion{
  position:absolute!important;
  inset:-2px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene img,
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-entry-motion > img{
  position:absolute!important;
  inset:-4px!important;
  width:calc(100% + 8px)!important;
  height:calc(100% + 8px)!important;
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--scene-x,50%) var(--scene-y,50%)!important;
  transform-origin:var(--scene-x,50%) var(--scene-y,50%)!important;
}
/* 내부 효과 레이어가 가장자리에 여백처럼 보이지 않도록 동일하게 맞춤 */
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-shade,
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-energy,
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
}