
#specializationCards .spec-player-wrap-v2{
  position:relative!important;
  height:108px!important;
  flex:0 0 108px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

#specializationCards .spec-player-wrap-v2 > .spec-player-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  z-index:1!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

#specializationCards .spec-player-wrap-v2 > .spec-player-portrait-v2{
  position:absolute!important;
  z-index:3!important;
  left:calc(50% + var(--spec-portrait-x,0%))!important;
  top:calc(50% + var(--spec-portrait-y,18%))!important;
  width:auto!important;
  height:var(--spec-portrait-scale,105%)!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  aspect-ratio:var(--spec-portrait-ratio,1)!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.28))!important;
  transition:filter .28s ease,opacity .28s ease!important;
  animation:none!important;
  pointer-events:none!important;
}

#specializationCards .specialization-card:hover .spec-player-wrap-v2 > .spec-player-portrait-v2,
#specializationCards .specialization-card.state-3 .spec-player-wrap-v2 > .spec-player-portrait-v2,
#specializationCards .specialization-card.just-equipped .spec-player-wrap-v2 > .spec-player-portrait-v2{
  transform:translate(-50%,-50%)!important;
}

#specializationCards .specialization-card.state-1 .spec-player-wrap-v2 > .spec-player-portrait-v2{
  filter:grayscale(.78) saturate(.38) brightness(.70) drop-shadow(0 12px 18px rgba(0,0,0,.22))!important;
}

#specializationCards .spec-player-wrap-v2 > .spec-player-fade{
  position:absolute!important;
  z-index:4!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:48%!important;
  pointer-events:none!important;
}

#specializationCards .spec-player-wrap-v2 > .spec-player-label-v2{
  position:absolute!important;
  z-index:5!important;
  left:14px!important;
  bottom:10px!important;
  color:#b8c1c9!important;
  font-size:9px!important;
  font-weight:750!important;
  text-shadow:0 2px 8px rgba(0,0,0,.5)!important;
  pointer-events:none!important;
}

#specializationCards .specialization-card.state-1 .spec-player-label-v2{
  color:#747f89!important;
}

/* Critical isolation rule:
   legacy code only searches `.spec-player-image img`.
   New portrait IMG is a sibling, never a descendant of `.spec-player-image`. */
#specializationCards .spec-player-image img{
  display:none!important;
}
