/* RAIET v1.48.5.149 — lower the left home hero stats/games cluster a bit more
   and make the game cards visually consistent.
   Goals:
   1) move the stats row + Games on RAIET block slightly lower;
   2) keep the stats row visually closer to the games block;
   3) unify card appearance so some cards do not look like they have separate dark slots. */

@media (min-width: 981px) {
  #home .hero-copy .hero-stats {
    margin-top: 56px;
    margin-bottom: 12px;
  }
}

@media (min-width: 701px) and (max-width: 980px) {
  #home .hero-copy .hero-stats {
    margin-top: 44px;
    margin-bottom: 12px;
  }
}

@media (max-width: 700px) {
  #home .hero-copy .hero-stats {
    margin-top: 28px;
    margin-bottom: 12px;
  }
}

#home .supported-label {
  margin-top: 0;
  margin-bottom: 8px;
}

#home .game-strip {
  gap: 10px;
}

#home .game-tile {
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(12,16,22,.98), rgba(7,10,14,.98));
  box-shadow: 0 8px 22px rgba(0,0,0,.22);
}

#home .game-tile img {
  position: absolute;
  z-index: 0;
  inset: -9px;
  display: block;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  max-width: none;
  object-fit: cover;
  object-position: 50% 45%;
  transform: none;
}

#home .game-tile .game-tile-voxel-art {
  position: absolute;
  z-index: 0;
  inset: 0;
}


#home .game-tile::before {
  box-shadow: none !important;
}

#home .game-tile:after {
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 22%,
    rgba(0,0,0,.10) 50%,
    rgba(0,0,0,.62) 100%
  ) !important;
}

#home .game-tile span {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px 8px 7px;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.10) 28%,
    rgba(0,0,0,.76) 100%
  );
}