/* Every game gets a proper stage, including when the catalog is filtered. */
.games-grid,.games-grid.filtered{grid-template-columns:minmax(0,1fr);gap:64px}
.games-grid .game-card,.games-grid.filtered .game-card{grid-column:1 / -1}
.games-grid .game-art,.games-grid.filtered .game-art{aspect-ratio:16/9;border:7px solid #59425e;border-radius:20px;box-shadow:0 15px 45px #120b2260}
.games-grid .game-info,.games-grid.filtered .game-info{padding-top:23px;gap:28px;align-items:center}
.games-grid .game-info>div{display:grid;grid-template-columns:minmax(260px,1fr) minmax(240px,1fr);column-gap:40px;align-items:center;flex:1}
.games-grid .game-info h3,.games-grid.filtered h3{font:800 37px/1.15 var(--display);letter-spacing:-1.2px;margin:0}
.games-grid .game-info p,.games-grid.filtered .game-info p{font-size:17px;line-height:1.5;margin:0}
.games-grid .game-info .scene-players{grid-column:1 / -1;font-size:12px;margin-top:11px}
.games-grid .card-arrow{width:44px;height:44px;font-size:28px}
.scene-switches{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px;width:fit-content}
.scene-switches>span{color:var(--accent);font-size:12px;font-weight:650;margin-right:6px}
.scene-switches button{border:1px solid #80617d;border-radius:999px;color:var(--cream);background:transparent;font:600 12px/1.3 var(--body);min-height:44px;padding:10px 17px;cursor:pointer}
.scene-switches button[aria-pressed=true]{color:#281d35;background:#f7b9c7;border-color:#f7b9c7}
.scene-switches button:hover{border-color:#f7b9c7}
.scene-switches button:focus-visible{outline:3px solid #fff3d9;outline-offset:4px}
@media(max-width:850px){
 .games-grid .game-info>div{grid-template-columns:1fr;gap:9px}
 .games-grid .game-info h3,.games-grid.filtered h3{font-size:32px}
 .games-grid .game-info .scene-players{margin-top:0}
}
@media(max-width:640px){
 .games-grid,.games-grid.filtered{gap:42px}
 .games-grid .game-art,.games-grid.filtered .game-art{border-width:4px;border-radius:12px}
 .games-grid .game-info,.games-grid.filtered .game-info{padding-top:17px;gap:12px;align-items:flex-start}
 .games-grid .game-info h3,.games-grid.filtered h3{font-size:28px;letter-spacing:-.8px}
 .games-grid .game-info p,.games-grid.filtered .game-info p{font-size:14px}
 .games-grid .game-info .scene-players{font-size:10px}
 .games-grid .card-arrow{width:34px;height:34px;font-size:24px}
 .scene-switches{gap:7px;margin-top:17px}
 .scene-switches>span{width:100%;font-size:11px;margin:0 0 2px}
 .scene-switches button{font-size:11px;padding:9px 13px}
}
@media(max-width:360px){.games-grid .game-info h3,.games-grid.filtered h3{font-size:24px}}
