/* g5 = g4 layout + g1 info. Every tile always shows its stats and a full
   Play on Roblox button (g4 hid them on the smaller tiles until hover), sized
   like g1, over a deeper bottom shade so the text reads on any art. */
.g4-shade { background: linear-gradient(0deg, rgba(5,5,6,.97) 0%, rgba(5,5,6,.72) 34%, rgba(5,5,6,.15) 62%, rgba(5,5,6,0) 74%), linear-gradient(180deg, rgba(5,5,6,.5), rgba(5,5,6,0) 28%); }
.g4-bot { padding: clamp(14px, 1.6vw, 22px); }
.g4-more { grid-auto-flow: column; align-items: end; justify-content: space-between; justify-items: stretch; width: 100%; }
.g4-more .gx-stat dt { font-size: 10px; color: #a4a4ac; }
.g4-more .gx-stat dd { font-size: clamp(13px, 1.1vw, 16px); color: #fff; font-weight: 600; }
.g4-more .gx-play { padding: .8em 1.25em; font-size: 11px; white-space: nowrap; }
.g4-name { font-size: clamp(1.05rem, 1.7vw, 1.6rem); }
.is-hero .g4-name { font-size: clamp(1.6rem, 3.4vw, 3rem); }
@media (min-width: 900px) {
  .g4-tile:not(.is-hero) .g4-bot { transform: none; }
  .g4-tile:not(.is-hero) .g4-more { opacity: 1; }
}
@media (max-width: 420px) {
  .g4-more { grid-auto-flow: row; justify-items: start; }
}