.top-game-icon.has-logo {
  overflow: hidden;
  padding: 5px;
  background: linear-gradient(145deg, rgba(22, 20, 45, .98), rgba(8, 12, 27, .98)) !important;
  text-shadow: none;
}
.top-game-icon.has-logo img {
  width: 100%; height: 100%; display: block;
  object-fit: contain; border-radius: 19px;
}
.hot-game .top-game-icon.has-logo {
  padding: 6px;
  background: radial-gradient(circle at 50% 45%, rgba(109, 37, 26, .72), rgba(17, 10, 23, .98) 72%) !important;
}
.hot-game .top-game-icon.has-logo img { border-radius: 22px; }
.top-game-tile.is-coming-soon { border-style: dashed; opacity: .78; }
.top-game-tile.is-coming-soon .top-game-icon {
  background: linear-gradient(145deg, rgba(139, 226, 213, .18), rgba(109, 92, 232, .22)) !important;
}
.coming-soon-mark { font: 800 34px/1 var(--font-display); color: #dff5aa; }

/* Compact the marquee header and display the moving collection in two rows. */
.top-game-marquee {
  margin-top: 10px;
  padding-top: 24px;
}
.top-games-heading { padding-bottom: 19px; }
.top-games-track { align-items: flex-start; }
.top-games-group {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 18px;
  align-items: stretch;
}

/* Slightly larger carousel cards and artwork for easier browsing. */
.top-games-window .top-game-tile {
  width: 260px;
  min-height: 142px;
  padding: 16px;
  gap: 16px;
}
.top-games-window .top-game-icon {
  width: 100px;
  height: 100px;
  flex-basis: 100px;
}
.top-games-window .top-game-copy strong { font-size: 15px; }
.top-games-window .top-game-copy small { font-size: 10px; }
.top-games-window .top-game-tile.hot-game {
  width: 294px;
  min-height: 162px;
}
.top-games-window .hot-game .top-game-icon {
  width: 118px;
  height: 118px;
  flex-basis: 118px;
}
@media (max-width: 760px) {
  .top-game-marquee { margin-top: 6px; padding-top: 20px; }
  .top-games-heading { padding-bottom: 16px; }
  .top-games-group { gap: 13px; padding-left: 13px; }
  .top-game-icon.has-logo { padding: 4px; }
  .top-game-icon.has-logo img { border-radius: 16px; }
  .top-games-window .top-game-tile { width: 226px; min-height: 126px; padding: 13px; gap: 13px; }
  .top-games-window .top-game-icon { width: 84px; height: 84px; flex-basis: 84px; }
  .top-games-window .top-game-tile.hot-game { width: 260px; min-height: 144px; }
  .top-games-window .hot-game .top-game-icon { width: 100px; height: 100px; flex-basis: 100px; }
}