/* Keep controls inside their own column, away from navigation and game links. */
.nav-container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}
.nav-container .nav-scroll{min-width:0;width:100%;touch-action:pan-x pan-y}
.nav-container .scroll-indicators{position:static;inset:auto;transform:none;gap:8px;align-self:center}
.nav-container .scroll-indicators[hidden]{display:none!important}
.nav-container .scroll-indicators .scroll-btn{flex:none;width:36px;height:36px}
.games-scroll-container{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;overflow:visible;isolation:isolate}
.games-scroll-container>.games-scroll{grid-column:2;grid-row:1;min-width:0;width:100%;touch-action:pan-x pan-y}
.games-scroll-container>.scroll-btn{position:static;inset:auto;top:auto;transform:none;grid-row:1;width:40px;height:40px;z-index:1;background:var(--white,#fff);border:1px solid var(--bright-green,#8b5cf6);color:var(--bright-green,#8b5cf6);box-shadow:0 2px 8px rgba(139,92,246,.16)}
.games-scroll-container>.scroll-btn.scroll-left{grid-column:1;left:auto}
.games-scroll-container>.scroll-btn.scroll-right{grid-column:3;right:auto}
.games-scroll-container>.scroll-btn:hover{transform:none;background:var(--bright-green,#8b5cf6);color:var(--white,#fff);border-color:var(--bright-green,#8b5cf6)}
.games-scroll-container>.scroll-btn:disabled{opacity:.35;cursor:default;background:var(--white,#fff);color:var(--bright-green,#8b5cf6)}
.scroll-btn:focus-visible,.games-scroll:focus-visible,.nav-scroll:focus-visible{outline:3px solid var(--bright-green,#8b5cf6);outline-offset:2px}
@media(max-width:768px){
 .nav-container{column-gap:6px}
 .nav-container .scroll-indicators{gap:4px}
 .nav-container .scroll-indicators .scroll-btn{width:40px;height:40px}
 .nav-container .nav-scroll .nav-item:nth-child(n+4){display:block}
 .games-scroll-container{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px}
 .games-scroll-container>.scroll-btn{width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.nav-scroll,.games-scroll{scroll-behavior:auto}.scroll-btn{transition:none}}

/* Preserve the whole artwork, including non-square source images. */
.games-scroll-container .game-thumbnail .game-thumb-img{display:block;width:100%;height:100%;padding:4px;box-sizing:border-box;object-fit:contain;object-position:center;transform:none!important}
.games-scroll-container .game-item:hover{transform:none!important}
.games-scroll-container>.games-scroll{scroll-snap-type:x mandatory}
.games-scroll-container .games-scroll-content{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--games-visible-count,4) - 1)*var(--games-card-gap,16px))/var(--games-visible-count,4));gap:var(--games-card-gap,16px);width:100%;min-width:0}
.games-scroll-container .games-scroll-content>.game-item{box-sizing:border-box;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.games-scroll-container .game-thumbnail{max-width:100%;flex-shrink:0}
@media(max-width:768px){.games-scroll-container .games-scroll-content{--games-visible-count:2}}
@media(max-width:420px){.games-scroll-container .games-scroll-content{--games-visible-count:1}}