/* Restore the original bold, edge-filling artwork treatment. */
.shell .art-region{inset:-1% -5% 0 8%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 87%,transparent 100%),linear-gradient(#000 68%,transparent 100%);mask-composite:intersect;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 35%)}
.shell .art-image{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.64) contrast(1.1);opacity:.98}
.art-region:before{display:block;background:linear-gradient(90deg,#05070e8a,transparent 29%,transparent 79%,#05070e55),linear-gradient(0deg,#05070e 0,#05070ec7 15%,#05070e22 41%,transparent 58%)}
.art-shade{display:block;background:rgba(var(--rgb),.19);mix-blend-mode:color}

/* Roster portraits return to a close, face-forward crop. */
.shell .character-card img{width:112%;height:100%;margin-left:-6%;padding:0;object-fit:cover;filter:grayscale(.82) brightness(.58) contrast(1.12);transform:skewX(7deg) scale(1.03);opacity:1}
.shell .character-card.active img{filter:grayscale(0) brightness(.99) contrast(1.04);transform:skewX(7deg) scale(1.095)}

/* VS artwork and cut-ins fill their panels as in the earlier Gin version. */
.vs-fighter-art{inset:0;mask-image:linear-gradient(#000 56%,transparent 99%)}
.vs-fighter-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.96) contrast(1.12);opacity:1}
.vs-cutin-image img{width:100%;height:100%;object-fit:cover;transform:skewX(12deg) scale(1.1);filter:contrast(1.2) saturate(.76)}

@media(max-width:760px),(max-height:520px) and (pointer:coarse){
  .shell .art-region{inset:-4% -4% -5%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(#000 57%,transparent 100%);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 35%)}
  .shell .art-image{object-fit:cover;filter:saturate(.7) contrast(1.08) drop-shadow(0 10px 14px #0008)}
  .shell .character-card img{width:112%;height:100%;margin-left:-6%;padding:0;object-fit:cover;transform:skewX(4deg) scale(1.04)}
  .shell .character-card.active img{transform:skewX(4deg) scale(1.1)}
  .vs-fighter-art{inset:0;mask-image:linear-gradient(#000 52%,transparent 98%)}
  .vs-fighter-art img{object-fit:cover;object-position:center center;filter:saturate(.98) contrast(1.08)}
  .vs-cutin-image img{object-fit:cover;transform:skewX(12deg) scale(1.14)}
}