/* Shared gallery behavior: native touch/trackpad scrolling, in-row controls. */
.game-rail{scrollbar-width:none;-ms-overflow-style:none}
.game-rail::-webkit-scrollbar{display:none;width:0;height:0}
.rail-window{--rail-card-width:200px;position:relative}
.rail-window>.rail-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;padding:12px;background:#171717b3;color:#fff;border:0;border-radius:50%;box-shadow:0 2px 7px #0002;backdrop-filter:blur(5px);transition:background .15s}
.rail-window>.rail-arrow:hover{background:#171717e6}
.rail-window>.rail-arrow svg{width:23px;height:23px}
.rail-window>.rail-prev{left:8px}.rail-window>.rail-next{right:8px}
.rail-window>.rail-arrow[hidden]{display:none!important}
.rail-window:has(.rail-next:not([hidden])):after{content:"";position:absolute;right:0;top:0;height:calc(var(--rail-card-width)*1.25);width:22px;pointer-events:none;background:linear-gradient(90deg,#fff0,#fff9)}
.rail-window .game-rail{cursor:grab}
.rail-window .game-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.rail-window .game-rail.is-dragging a{pointer-events:none}
.rail-window .game-rail img{-webkit-user-drag:none}
.rail-section .game-rail{margin:0;padding-inline:1px}
.rail-heading h2>a{display:inline-flex;align-items:center;gap:8px}
.rail-heading h2>a svg{width:17px;height:17px}
.rail-arrow:focus-visible,.rail-window .game-rail:focus-visible{outline:3px solid #547d62;outline-offset:3px}
@media(max-width:1000px){.discovery-rail .rail-window{--rail-card-width:200px}}
@media(max-width:600px){.discovery-rail .rail-window{--rail-card-width:clamp(140px,calc((100vw - 80px)/2.2),200px)}.rail-window>.rail-arrow{width:44px;height:44px;min-width:44px;padding:11px}}
@media(max-width:540px){.rail-section .rail-window{--rail-card-width:154px}}
@media(prefers-reduced-motion:reduce){.rail-window>.rail-arrow{transition:none}}
