/* Compatibility and accessible gallery styling; original design is in screen.css. */
[data-toggle], [data-lightbox] { cursor: pointer; }
.carousel-slide-background picture { display: block; }
.local-lightbox { border: 0; padding: 48px 55px 22px; background: #171717; color: white; max-width: 94vw; max-height: 94vh; box-sizing: border-box; }
.local-lightbox::backdrop { background: rgba(0,0,0,.88); }
.local-lightbox figure { margin: 0; text-align: center; }
.local-lightbox img { display: block; max-width: 78vw; max-height: 74vh; object-fit: contain; margin: auto; }
.local-lightbox figcaption { padding-top: 15px; font: 16px/1.5 Arial, sans-serif; }
.local-lightbox button { position: absolute; border: 0; background: transparent; color: white; font: 30px Arial, sans-serif; cursor: pointer; padding: 10px; }
.gallery-close { right: 4px; top: 0; }
.gallery-previous { left: 0; top: 45%; }
.gallery-next { right: 0; top: 45%; }
:focus-visible { outline: 3px solid #e4a828; outline-offset: 4px; }
@media(max-width: 569px) { .local-lightbox { padding: 45px 30px 18px; } }

/* "Available On RetroClash.it" badge: same App Store badge slot, wider image (longer text). */
.carousel-action.install-action { background-image: url("assets/button2.png"); width: 266px; cursor: pointer; }
@media screen and (max-width: 767px) {
    .carousel-action.install-action, .carousel-action.install-action.right { margin-left: -133px; }
}
.ipa-fallback-link { display: block; text-align: center; padding: 10px 16px; font: 13px/1.4 Arial, sans-serif; color: #888; text-decoration: underline; cursor: pointer; }
.ipa-fallback-link:hover { color: #555; }