/* Media-only previews, scoped to the pages that load this file. */
.media-trigger{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#111216}
.case-row .case-picture .media-trigger>img,.game-trailer .media-trigger>img{display:block;width:100%;height:100%;max-width:none;margin:0;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:0}
.game-trailer .media-trigger{border:1px solid #b5a5ff30}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:1px solid #edf0f7aa;border-radius:50%;background:#080d1580;color:#fff;pointer-events:none}
.media-play>svg{display:block;width:22px;height:22px;margin-left:1px}.media-trigger:hover .media-play{background:#080d15cc;border-color:#fff}
dialog.media-lightbox{--media-ratio:1.7777778;--media-natural-width:1280px;position:fixed;inset:0;width:min(var(--media-natural-width),calc(100vw - 32px),calc((100dvh - 32px)*var(--media-ratio)));height:auto;max-width:none;max-height:calc(100dvh - 32px);min-width:0;min-height:0;margin:auto;padding:0;border:0;border-radius:0;background:transparent;color:#f1f1f4;box-shadow:none;overflow:visible;overscroll-behavior:contain;aspect-ratio:var(--media-ratio)}
.media-lightbox:not([open]){display:none}.media-lightbox::backdrop{background:#080910e8;backdrop-filter:blur(4px)}
.media-lightbox>.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.media-lightbox .game-lightbox-stage{position:relative;width:100%;height:auto;min-width:0;aspect-ratio:var(--media-ratio)}
.media-lightbox .game-lightbox-stage>img,.media-lightbox>video{display:block;width:100%;height:auto;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;aspect-ratio:var(--media-ratio);object-fit:contain;background:#000}
.media-lightbox .game-lightbox-stage>img{touch-action:pan-y pinch-zoom;user-select:none}
.media-lightbox>.media-close{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#e4dfff;box-shadow:none;appearance:none;cursor:pointer}
.media-close>svg{display:block;width:20px;height:20px;pointer-events:none;filter:drop-shadow(0 1px 2px #000c)}.media-close:hover{color:#fff}
.media-lightbox .game-lightbox-arrow{width:44px;height:44px;background:#17181c80;border:1px solid #b5a5ff50;border-radius:50%;color:#d3c9ff}
.media-lightbox .game-lightbox-arrow>svg{display:block;pointer-events:none}.media-lightbox .game-lightbox-arrow:hover{background:#302b43b3;color:#fff}
@media(max-width:520px){.media-lightbox>.media-close{top:6px;right:6px}.media-lightbox .game-lightbox-prev{left:6px}.media-lightbox .game-lightbox-next{right:6px}}