/* Shared story and minigame galleries. Arrows stay beside the visible video. */
:is(#main-story,#minigames) .gallery-window{position:relative;min-width:0}
:is(#main-story,#minigames) .gallery-carousel{--slide:78%;--gap:24px;position:relative;display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:6px 0 18px;cursor:grab;isolation:isolate}
:is(#main-story,#minigames) .gallery-carousel::-webkit-scrollbar{display:none}
:is(#main-story,#minigames) .gallery-carousel::after{content:'';flex:0 0 max(0px,calc(100% - var(--slide) - var(--gap)))}
:is(#main-story,#minigames) .gallery-carousel>:is(.video-card){flex:0 0 var(--slide);min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;margin:0;transform:none;box-shadow:0 5px 16px #14203808}
:is(#main-story,#minigames) .gallery-carousel.is-moving{scroll-snap-type:none}
:is(#main-story,#minigames) .gallery-carousel.is-dragging,:is(#main-story,#minigames) .gallery-carousel.is-dragging *{cursor:grabbing;user-select:none}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow{position:absolute;z-index:4;top:calc(50% - 64px);transform:translateY(-50%);display:grid;place-items:center;width:44px;height:62px;padding:0;border:1px solid #ffffff30;border-radius:14px;background:#10182780;color:#fff;box-shadow:0 3px 12px #00000014;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s;pointer-events:auto;-webkit-tap-highlight-color:transparent}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow svg{display:block;width:22px;height:22px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
:is(#main-story,#minigames) .gallery-window>.gallery-previous{left:16px}
:is(#main-story,#minigames) .gallery-window>.gallery-next{right:16px}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow:disabled{opacity:.25;cursor:default;box-shadow:none}
@media(hover:hover){:is(#main-story,#minigames) .gallery-window>.gallery-arrow:hover:not(:disabled){background:#22304bd9;border-color:#ffffff70;box-shadow:0 4px 16px #00000026}}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow:active:not(:disabled){background:#344bb8e6;border-color:#ffffff80}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow[hidden],:is(#main-story,#minigames) .gallery-dots[hidden]{display:none}
:is(#main-story,#minigames) .gallery-carousel .video-poster img{transform:none;filter:none}
:is(#main-story,#minigames) .gallery-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
:is(#main-story,#minigames) .gallery-dot{position:relative;width:30px;height:32px;border:0;padding:0;background:transparent;border-radius:50%}
:is(#main-story,#minigames) .gallery-dot::after{content:'';position:absolute;top:12px;left:11px;width:8px;height:8px;border-radius:8px;background:var(--muted);opacity:.4;transition:width .2s,left .2s,background .2s}
:is(#main-story,#minigames) .gallery-dot[aria-pressed=true]::after{width:24px;left:3px;background:var(--blue);opacity:1}
:is(#main-story,#minigames) :is(.gallery-arrow,.gallery-dot,.gallery-carousel):focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#main-story .story-arrow-group:empty{display:none}
#minigames .gallery-carousel .video-meta{padding:20px 24px}
#minigames .gallery-carousel .video-meta h3{font-size:23px;margin-bottom:8px}
#minigames .gallery-carousel .type-tag{font-size:15px}
#minigames .gallery-carousel .play-icon{width:66px;height:66px;font-size:32px}
#minigames .gallery-carousel .clip-duration{font-size:15px;padding:6px 9px;bottom:14px;right:14px}
#minigames .is-single .gallery-carousel{--slide:100%}
#minigames .is-single .gallery-carousel::after{display:none}
@media(max-width:900px){:is(#main-story,#minigames) .gallery-carousel{--slide:88%;--gap:16px}}
@media(max-width:520px){:is(#main-story,#minigames) .gallery-carousel{--slide:94%;--gap:12px}:is(#main-story,#minigames) .gallery-window>.gallery-arrow{width:44px;height:50px;border-radius:12px;top:calc(50% - 52px)}:is(#main-story,#minigames) .gallery-window>.gallery-arrow svg{width:20px;height:20px}:is(#main-story,#minigames) .gallery-window>.gallery-previous{left:8px}:is(#main-story,#minigames) .gallery-window>.gallery-next{right:8px}#minigames .gallery-carousel .video-meta{padding:15px 16px}#minigames .gallery-carousel .video-meta h3{font-size:18px}#minigames .gallery-carousel .type-tag{font-size:12px}#minigames .gallery-carousel .play-icon{width:46px;height:46px;font-size:24px}#minigames .gallery-carousel .clip-duration{font-size:12px}}
@media(prefers-reduced-motion:reduce){:is(#main-story,#minigames) .gallery-dot::after,:is(#main-story,#minigames) .gallery-window>.gallery-arrow{transition:none}}

/* Story and minigame highlights: one centered video, with navigation outside the frame. */
:is(#main-story,#minigames) .gallery-carousel{--slide:100%;--gap:24px}
:is(#main-story,#minigames) .gallery-carousel::after{display:none}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow{
  width:44px;height:44px;border:1px solid var(--line);border-radius:50%;
  background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #14203808;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
:is(#main-story,#minigames) .gallery-window>.gallery-previous{left:calc(-1 * clamp(50px,4.5vw,64px))}
:is(#main-story,#minigames) .gallery-window>.gallery-next{right:calc(-1 * clamp(50px,4.5vw,64px))}
@media(hover:hover){
  :is(#main-story,#minigames) .gallery-window>.gallery-arrow:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 3px 10px #415ce626}
}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow:active:not(:disabled){background:var(--blue);border-color:var(--blue);color:#fff}
@media(max-width:900px){
  :is(#main-story,#minigames) .gallery-window{padding-inline:48px}
  :is(#main-story,#minigames) .gallery-window>.gallery-arrow{width:40px;height:40px}
  :is(#main-story,#minigames) .gallery-window>.gallery-previous{left:0}
  :is(#main-story,#minigames) .gallery-window>.gallery-next{right:0}
}
@media(max-width:520px){
  :is(#main-story,#minigames) .gallery-window{padding-inline:20px}
  :is(#main-story,#minigames) .gallery-window>.gallery-arrow{width:36px;height:36px}
  :is(#main-story,#minigames) .gallery-window>.gallery-previous{left:-20px}
  :is(#main-story,#minigames) .gallery-window>.gallery-next{right:-20px}
}

/* Native inline players share the long-video controls and preserve the single-slide layout. */
:is(#main-story,#minigames) .inline-video-card>video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0b0e14;cursor:auto}
:is(#main-story,#minigames) .gallery-window>.gallery-arrow{top:calc(50% - 6px)}
:is(#main-story,#minigames) .inline-video-card>video:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}