.game-tile{width:184px;text-decoration:none;display:grid;grid-template-areas:"art" "title" "details-list"}.game-tile:hover,.is-active .game-tile{color:unset}.game-tile:hover .art img,.is-active .game-tile .art img{opacity:1}.game-tile .art{cursor:pointer;aspect-ratio:3/4;grid-area:art;width:226px;height:301px;position:relative}.game-tile .art img{transition:opacity .15s ease;opacity:.85;position:absolute;inset:0;width:100%;height:100%}.game-tile h3{grid-area:title;font-size:16px;line-height:150%;margin-top:12px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-tile .details-list{margin-bottom:4px}.game-tile.focused{background-color:hsla(0,0%,100%,.05);outline:1px solid}@media(max-width:900px){.game-tile{width:155px}.game-tile .art{width:155px;height:213px}.game-tile h3{font-size:14px}}.game-tile.compact{width:344px;padding:16px 24px;align-items:center;grid-template-areas:"art title" "art details-list";grid-template-columns:auto 1fr}.game-tile.compact .art{margin-right:22px;width:104px;height:40px;flex-shrink:0;min-height:0;aspect-ratio:unset}.game-tile.compact .art img{object-fit:cover}.game-tile.compact .art:after{content:none}.game-tile.compact:focus,.game-tile.compact:hover{background-color:rgba(38,38,38,.8);cursor:pointer}.game-tile.compact .h3{line-height:21px;margin-top:0;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}