body {
}
.home-hero__layout {
  display: grid;
  gap: var(--space-16);
  align-items: center;
}
@media (min-width: 900px) {
  .home-hero__layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
}
.home-hero__visual {
  position: relative;
}
.home-hero__image-frame {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-strong);
}
.home-hero__stat-card {
  position: absolute;
  inset-inline: auto 6%;
  bottom: 6%;
  max-width: 20rem;
}
@media (max-width: 768px) {
  .home-hero__stat-card {
    position: static;
    margin-top: var(--space-6);
    max-width: none;
  }
}
.home-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
}
.home-overview__grid {
  align-items: center;
}
.home-overview__image-frame,
.home-universe__image-frame,
.home-tips__image-frame {
  border-radius: var(--radius-2xl);
  overflow: hidden;
}
.home-universe {
  background: radial-gradient(circle at top, rgba(91, 141, 255, 0.05), transparent 55%), var(--color-bg-alt);
}
.home-gameplay__list {
  margin-top: var(--space-6);
}
.home-lore {
  align-self: stretch;
}
.home-latest {
  background: radial-gradient(circle at 0 0, rgba(176, 92, 255, 0.12), transparent 60%), var(--color-bg);
}
.home-characters__links {
  display: flex;
  gap: var(--space-4);
}
@media (max-width: 640px) {
  .home-characters__links {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.home-tips__list {
  display: grid;
  gap: var(--space-6);
}
.home-navigation {
  background: radial-gradient(circle at 100% 0, rgba(29, 229, 255, 0.06), transparent 60%), var(--color-bg-elevated);
}
.home-nav-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.home-nav-card .card__footer {
  margin-top: auto;
}