.match-gallery-lightbox[hidden] { display: none !important; }
.match-gallery-lightbox:not([hidden]) { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(2, 10, 16, .92); backdrop-filter: blur(12px); }
.match-gallery-lightbox-content { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr) 52px; grid-template-rows: minmax(0, 1fr) auto; align-items: center; gap: 12px; width: min(1100px, 100%); height: min(820px, 100%); min-height: 260px; }
.match-gallery-stage { display: grid; min-width: 0; min-height: 0; height: 100%; place-items: center; touch-action: pan-y; }
.match-gallery-stage img, .match-gallery-stage video { display: block; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 12px; box-shadow: 0 20px 70px #0009; }
.match-gallery-stage img { width: auto; height: auto; }
.match-gallery-stage video { width: 100%; max-height: 100%; background: #000; }
.match-gallery-close, .match-gallery-nav { display: grid; place-items: center; border: 1px solid #ffffff38; border-radius: 50%; color: #fff; background: #ffffff18; cursor: pointer; backdrop-filter: blur(12px); transition: background .16s ease, transform .16s ease; }
.match-gallery-close:hover, .match-gallery-nav:hover:not(:disabled) { background: #ffffff30; transform: scale(1.04); }
.match-gallery-close { position: absolute; z-index: 1; top: 0; right: 0; width: 44px; height: 44px; font-size: 29px; line-height: 1; }
.match-gallery-nav { width: 48px; height: 48px; font-size: 36px; line-height: 1; }
.match-gallery-nav:disabled { opacity: .35; cursor: default; }
.match-gallery-caption { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-width: 0; padding: 12px 8px 0; color: #fff; }
.match-gallery-caption span { overflow: hidden; font-size: 13px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.match-gallery-caption small { flex: 0 0 auto; color: #c1d3dc; font-size: 11px; font-variant-numeric: tabular-nums; }
body.has-gallery-lightbox { overflow: hidden; }
.match-gallery-image-trigger { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.match-gallery-image-trigger:focus-visible, .match-gallery-video-trigger:focus-visible { outline: 3px solid #43d6a0; outline-offset: 3px; }
.match-gallery-image-trigger img { cursor: zoom-in; }
.match-gallery-video-trigger { display: inline-flex; align-items: center; justify-content: center; gap: 7px; margin: 8px 11px 0; padding: 7px 10px; border: 1px solid var(--score-line, #ffffff26); border-radius: 8px; color: var(--score-text, #fff); background: var(--score-raised, #0c2a38); font: inherit; font-size: 10px; font-weight: 800; cursor: pointer; }
@media (max-width: 600px) {
    .match-gallery-lightbox:not([hidden]) { padding: 10px; }
    .match-gallery-lightbox-content { grid-template-columns: 38px minmax(0, 1fr) 38px; gap: 6px; height: min(690px, 100%); }
    .match-gallery-nav { width: 36px; height: 36px; font-size: 28px; }
    .match-gallery-close { top: 8px; right: 6px; width: 38px; height: 38px; }
    .match-gallery-stage img, .match-gallery-stage video { max-width: 100%; }
    .match-gallery-caption span { font-size: 11px; }
}