/* Catalogue and Play share the world-tile surface; only layout differs. */
#game-grid.catalogue-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:20px; }
.catalogue-tile { position:relative; min-width:0; }
.catalogue-tile .world-tile { display:block; width:100%; height:auto; aspect-ratio:4 / 5; max-width:none; }
.catalogue-tile .world-tile-title { font-size:18px; line-height:1.12; bottom:20px; right:48px; }
.catalogue-tile .world-tile-status,.catalogue-tile .world-tile-genre { font-size:8px; letter-spacing:0; }
.world-tile-status.is-upcoming { color:#f1d99e; background:#282316ed; border:1px solid #b7a16d88; }
.tile-follow { position:absolute; right:8px; bottom:9px; z-index:3; width:36px; height:36px; display:grid; place-items:center; padding:0; border:1px solid #ffffff38; border-radius:50%; background:#101216de; color:#dedfe4; }
.tile-follow:hover,.tile-follow:focus-visible,.tile-follow.is-favorite { color:#ffdc7a; border-color:#ffdc7a; background:#282318; }
.tile-follow.is-favorite .icon { fill:currentColor; }
.catalogue-tile:focus-within .world-tile { border-color:#ffe1a6; }
@media(max-width:760px) {
 #game-grid.catalogue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .catalogue-tile .world-tile-title { font-size:14px; left:10px; right:38px; bottom:17px; }
 .catalogue-tile .world-tile-status,.catalogue-tile .world-tile-genre { top:8px; padding:3px 4px; font-size:6px; }
 .catalogue-tile .world-tile-status { left:6px; }
 .catalogue-tile .world-tile-genre { right:6px; max-width:calc(100% - 77px); }
 .tile-follow { width:30px; height:30px; right:5px; bottom:8px; }
}