/* v5.5.73 · Correct card target:
   front face uses the real black/gold Build Showcase Card, not the legacy portrait card.
   Visibility timing also guarantees that the two cube faces never leak through each other. */

@media(min-width:761px){
  /* Legacy portrait card is not part of the Body stage. */
  .global-archetype-overview-card .ovc-body-card-face .overview-portrait-card{
    display:none!important;
  }

  /* Real showcase card keeps its full native design and is scaled as one object. */
  .global-archetype-overview-card .ovc-body-card-face .fc-build-showcase-card{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:342px!important;
    min-width:342px!important;
    max-width:342px!important;
    aspect-ratio:576 / 800!important;
    margin:0!important;
    transform:
      translate(-50%,-50%)
      scale(var(--ovc-showcase-scale,.67))!important;
    transform-origin:50% 50%!important;
    filter:drop-shadow(0 15px 28px rgba(0,0,0,.29))!important;
    opacity:1!important;
    overflow:visible!important;
  }

  /* Nothing in My Build should reserve a third-column card slot after the card moves. */
  body.build-overview-active #playerCardPanel .overview-showcase-column{
    display:none!important;
  }

  /* Stronger face isolation than v5.5.72. */
  .global-archetype-overview-card .ovc-body-face{
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    transform-style:preserve-3d!important;
    will-change:transform,opacity!important;
  }

  .global-archetype-overview-card .ovc-body-card-face{
    transform:translateZ(1px) rotateY(0deg)!important;
    opacity:1!important;
    visibility:visible!important;
    transition:
      opacity .16s ease 0s,
      visibility 0s linear 0s!important;
  }

  .global-archetype-overview-card .ovc-body-control-face{
    transform:translateZ(0) rotateY(180deg)!important;
    opacity:0!important;
    visibility:hidden!important;
    transition:
      opacity .16s ease .22s,
      visibility 0s linear .22s!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-card-face{
    opacity:0!important;
    visibility:hidden!important;
    transition:
      opacity .14s ease 0s,
      visibility 0s linear .22s!important;
  }

  .global-archetype-overview-card .ovc-body-section.expanded .ovc-body-control-face{
    opacity:1!important;
    visibility:visible!important;
    transition:
      opacity .16s ease .20s,
      visibility 0s linear .20s!important;
  }

  /* The stage can be slightly taller because the real card is more visually dense. */
  .global-archetype-overview-card .ovc-body-flip-stage{
    height:342px!important;
  }
}

@media(min-width:761px) and (max-height:800px){
  .global-archetype-overview-card .ovc-body-flip-stage{
    height:310px!important;
  }
}