/* Nine additional class illustrations, aligned to the 3x3 contact sheet. */
.class-detail-art.warrior,.class-detail-art.dune,.class-detail-art.monk,.class-detail-art.pirate,.class-detail-art.dragon,.class-detail-art.thunder,.class-detail-art.water,.class-detail-art.fire,.class-detail-art.wind{background-image:url('/assets/images/expanded-classes.jpg');background-size:300% 300%;background-repeat:no-repeat;filter:none}
.class-detail-art.warrior{background-position:0% 0%}.class-detail-art.dune{background-position:50% 0%}.class-detail-art.monk{background-position:100% 0%}.class-detail-art.pirate{background-position:0% 50%}.class-detail-art.dragon{background-position:50% 50%}.class-detail-art.thunder{background-position:100% 50%}.class-detail-art.water{background-position:0% 100%}.class-detail-art.fire{background-position:50% 100%}.class-detail-art.wind{background-position:100% 100%}
.class-detail-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#10151d 0%,#10151d44 13%,transparent 40%)}.detail-art-label{z-index:2}

/* The first three portraits are tall 1:2 panels, unlike the square expansion art.
   Fit each panel by height, preserving its proportions inside every card. */
.class-detail-art.trojan,.class-detail-art.archer,.class-detail-art.ninja{background-image:none;background-color:#10151d;overflow:hidden}
.class-detail-art.trojan:before,.class-detail-art.archer:before,.class-detail-art.ninja:before,
.class-show-card .class-visual:before{content:'';position:absolute;top:0;bottom:0;left:50%;height:100%;width:auto;aspect-ratio:1 / 2;transform:translateX(-50%);background-image:url('/assets/images/class-legends.jpg');background-repeat:no-repeat;background-size:300% 100%;background-position:50% 0}
.class-detail-art.archer:before,.class-show-card.archer .class-visual:before{background-position:0% 0}
.class-detail-art.ninja:before,.class-show-card.ninja .class-visual:before{background-position:100% 0}
.class-show-card .class-visual{background-image:none;background-color:#10151d}