/* Fit the visible silhouette, preserving every original image pixel. */
.monster-silhouette{display:contents}
@supports(container-type:size){
 .game-image.monster-framed{container-type:size;overflow:hidden}
 .monster-framed .monster-silhouette{display:block;position:relative;flex:0 0 auto;width:min(92cqw,calc(92cqh * var(--monster-ratio)));height:min(92cqh,calc(92cqw / var(--monster-ratio)))}
 .monster-framed .monster-silhouette img{position:absolute;max-width:none;max-height:none;width:var(--monster-image-width);height:var(--monster-image-height);left:var(--monster-image-left);top:var(--monster-image-top);object-fit:fill}
 .monster-framed.is-empty .monster-silhouette{display:none}
}
.article-monster .monster-overview{max-width:720px}
.monster-overview .game-image.detail.monster-framed{height:300px}
.dialog-monster-frame .game-image.enlarged{width:100%;height:min(65vh,560px);aspect-ratio:auto;background:#f7f9f9}
.dialog-monster-frame .image-preview-badge{display:none}
.image-dialog>img[hidden],.dialog-monster-frame[hidden]{display:none}
@media(max-width:760px){.monster-overview .game-image.detail.monster-framed{height:240px}}