.game-platforms{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.game-platforms[hidden]{display:none}.game-platform{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:10px;color:inherit;background:color-mix(in srgb,currentColor 5%,transparent);font:600 13px/1.3 system-ui,sans-serif;text-decoration:none}.game-platform svg{width:19px;height:19px;flex:none}.game-platforms a:hover{border-color:currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.game-platforms a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.platform-badges{gap:5px;margin:8px 0}.platform-badges .game-platform{padding:4px 6px;font-size:10px;border-radius:6px}.platform-badges svg{width:14px;height:14px}.tile>.platform-badges{position:absolute;top:6px;left:6px;right:6px;margin:0;pointer-events:none}.tile>.platform-badges .game-platform{background:#151925e8;color:#fff;border-color:#ffffff40}.tile>.platform-badges .game-platform>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}

/* Game covers use a 5:4 width-to-height ratio across lists. */
.editorial-card .owned-game-link img,
.editorial-home .owned-editorial-card .owned-game-link img,
.editorial-card>a[href*="games/"]>img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.showcase-card .showcase-image{aspect-ratio:5/4}
.game-grid{grid-auto-rows:auto;grid-auto-flow:row}
.game-grid .tile,.search-results .tile,.search-results .tile:first-child,
.recent-grid .tile,.side-rail .tile,.recommendations .tile,
.detail-layout .tile{aspect-ratio:5/4;height:auto;grid-row:auto;grid-column:auto}
.side-rail,.recommendations,.recent-grid{grid-auto-rows:auto}
.editorial-home .editorial-grid{align-items:start}
#game-grid .tile{aspect-ratio:5/4;height:auto}
