.game-recommendations{position:relative;flex:none;width:100%;min-width:0;height:var(--recommendation-height,114px)}
.recommendation-strip{display:flex;gap:0;width:100%;height:100%;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.recommendation-strip::-webkit-scrollbar{display:none}
.recommendation-strip .games-icon-card{flex:0 0 var(--recommendation-width,152px);height:100%;padding:0;margin:0;border:0;scroll-snap-align:start}
.recommendation-strip .games-icon-card img{display:block;width:100%;height:100%;object-fit:cover}
.recommendation-strip:focus-visible{outline:2px solid #e3b341;outline-offset:-2px}
.recommendation-arrow{position:absolute;z-index:2;top:0;display:grid;place-items:center;width:52px;height:100%;padding:0;border:0;border-radius:0;color:#fff;background:linear-gradient(to right,#070a0db3,transparent);cursor:pointer;opacity:0;pointer-events:none;transition:opacity 150ms ease}
.recommendation-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #0008)}
.recommendation-prev{left:0}.recommendation-next{right:0;background:linear-gradient(to left,#070a0db3,transparent)}
.game-recommendations:hover .recommendation-arrow,.game-recommendations:focus-within .recommendation-arrow{opacity:1;pointer-events:auto}
.recommendation-arrow:hover{color:#e3b341}
.recommendation-arrow:focus-visible{outline:2px solid #e3b341;outline-offset:-3px}
@media(hover:none),(pointer:coarse){.recommendation-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.recommendation-arrow{transition:none}}
/* Expanded modes preserve the existing game viewport and header geometry. */
body.andkon-display-has-full-window .game-recommendations{display:none}