/* Size the art by the card itself instead of reserving half the screen. */
html[data-client=mobile] dialog[data-detail-type=card] .detail-art{height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;margin:0 0 8px!important;padding:0!important;line-height:0}
html[data-client=mobile] dialog[data-detail-type=card] .detail-art img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:min(240px,34dvh)!important;object-fit:contain;margin:0!important}
html[data-client=mobile] dialog[data-detail-type=card] h3{margin:0 0 6px!important;padding-right:42px;min-height:36px;display:flex;align-items:center;box-sizing:border-box;line-height:1.4}
html[data-client=mobile] dialog[data-detail-type=card] .detail-type{display:block!important;margin:0 0 5px!important;line-height:1.45!important}
html[data-client=mobile] dialog[data-detail-type=card] .detail-stats{margin:0!important;line-height:1.55!important}
html[data-client=mobile] dialog[data-detail-type=card] .detail-description{margin:7px 0 0!important;line-height:1.55!important}
html[data-client=mobile] dialog[data-detail-type=card] .mobile-item-actions:empty{display:none}