/* One reusable, quiet navigation surface for homepage and catalog. */
.game-rail-controls { display: inline-flex; align-items: center; flex: none; gap: 8px; white-space: nowrap; }
.game-rail-controls__arrows { display: inline-flex; align-items: center; gap: 6px; }
.game-rail-controls__arrow { display: inline-grid; place-items: center; flex: none; width: 34px; height: 34px; padding: 0; border: 1px solid #dde1e9; border-radius: 50%; background: #f0f2f7; color: #748096; cursor: pointer; transition: color 150ms ease, border-color 150ms ease, background 150ms ease; }
.game-rail-controls__arrow:hover:not(:disabled) { background: #e6eaf1; border-color: #c9d0dc; color: #626d81; }
.game-rail-controls__arrow:active:not(:disabled) { background: #dde2eb; }
.game-rail-controls__arrow:disabled { opacity: .4; cursor: default; }
.game-rail-controls__all { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 13px; border: 1px solid #dde1e9; border-radius: 11px; background: #f0f2f7; color: #626d81; font-size: 13px; font-weight: 600; text-decoration: none; transition: background 150ms ease, border-color 150ms ease; }
.game-rail-controls__all:hover { background: #e6eaf1; border-color: #c9d0dc; color: #626d81; }
.game-rail-controls :where(button,a):focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
html body.page-home .mvp-section__head--games { display: flex !important; flex-wrap: nowrap; align-items: center !important; justify-content: space-between; gap: 16px; }
html body.page-home .mvp-games-marketplace.game-rail { display: flex !important; flex-wrap: nowrap !important; grid-template-columns: none !important; gap: 12px !important; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; scroll-snap-type: x mandatory; scroll-padding-inline: 0; }
html body.page-home .mvp-games-marketplace.game-rail::-webkit-scrollbar, html body.page-catalog .game-rail::-webkit-scrollbar { display: none; }
html body.page-home .mvp-games-marketplace.game-rail > .mvp-games-marketplace__item { flex: 0 0 96px; width: 96px !important; max-width: 96px; scroll-snap-align: start; }
html body.page-catalog .buyer-catalog .game-rail { scroll-snap-type: x mandatory; overscroll-behavior-x: contain; }
html body.page-catalog .buyer-catalog .game-rail > .quick-game-card { scroll-snap-align: start; }
html body.page-catalog .buyer-catalog .buyer-catalog__section-head--game-rail { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: nowrap; }
@media(max-width: 479px) {
  .game-rail-controls { gap: 6px; }
  .game-rail-controls__arrows { gap: 4px; }
  .game-rail-controls__all { padding: 0 10px; font-size: 12px; }
  html body.page-home .mvp-games-marketplace.game-rail > .mvp-games-marketplace__item { flex-basis: 84px; width: 84px !important; max-width: 84px; }
}
@media(prefers-reduced-motion: reduce) { .game-rail-controls__arrow,.game-rail-controls__all { transition: none; } }

/* Preserve the 34px desktop visual controls; enlarge actual touch targets. */
@media (pointer: coarse) { .game-rail-controls__arrow { width: 44px; height: 44px; } .game-rail-controls__all { height: 44px; } }

/*
 * Catalog root carousel contract.
 * Stronger than legacy six-column !important grid declarations.
 * Only applies to the root game rail, never filtered tile grids or product rows.
 */
@media (min-width: 769px) {
  html body.page-catalog .buyer-catalog
  .buyer-catalog__quick-games--mobile-hidden
  .buyer-catalog__quick-grid--avatars.game-rail {
    display: flex !important;
    flex-flow: row nowrap !important;
    grid-template-columns: none !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    overscroll-behavior-inline: contain;
  }

  html body.page-catalog .buyer-catalog
  .buyer-catalog__quick-games--mobile-hidden
  .buyer-catalog__quick-grid--avatars.game-rail > .quick-game-card {
    flex: 0 0 96px !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    scroll-snap-align: start;
  }
}