/* Keep the established opening frame dimensions with a portrait source.
   The later, approved mobile rules retain their existing cover framing. */
.opening-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%}
#enter-classic.image-button,#enter-classic.image-button:hover{left:var(--image-button-x);top:var(--image-button-y);width:max(44px,var(--image-button-width));height:max(44px,var(--image-button-height));border:0;background:transparent;filter:none;text-shadow:none}
#enter-classic.image-button .button-face,#enter-classic.image-button-pending .button-face{opacity:0;pointer-events:none}
#enter-classic.image-button:focus-visible{outline:2px solid #ffe1a1;outline-offset:3px;border-radius:6px;filter:none}

/* Fit the complete newly supplied portrait artwork on desktop. Its baked
   button is served by the existing transparent, accessible HTML click target. */
@media (min-width:601px) and (min-height:501px), (min-width:951px){
 .opening-frame{width:100%;height:100%;aspect-ratio:auto}
 .opening-frame img{object-fit:contain;object-position:50% 50%}
}