/* Only the homepage Life Hex preview switches to a single complete card. */
.is-mobile-home .life-hex-preview {
  padding: 44px 0 48px;
  min-height: max(640px, 100svh);
}
.is-mobile-home .life-hex-preview__head {
  z-index: 4;
  width: calc(var(--home-mobile-width) - 44px);
  max-width: none;
  margin: 0 0 28px 22px;
}
.is-mobile-home .life-hex-preview__head h2 {
  font-size: clamp(38px, calc(var(--home-mobile-width) * .11), 54px);
}
.is-mobile-home .life-hex-preview__head h2 a:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 6px;
}
.is-mobile-home .life-hex-preview__stage {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  gap: 0;
  width: calc(var(--home-mobile-width) - 44px);
  margin: 0 0 0 22px;
}
.is-mobile-home .life-hex-preview__card {
  width: min(280px, calc((var(--home-mobile-width) - 64px) / 1.45));
  max-width: none;
  min-height: 0;
  aspect-ratio: 280 / 430;
  opacity: 1;
  transform: none;
}
.is-mobile-home .life-hex-preview__frame {
  display: block;
}
.is-mobile-home .life-hex-preview__icon {
  width: 84px;
  height: 84px;
}
.is-mobile-home .life-hex-preview__icon img {
  width: 64px;
  height: 64px;
}
.is-mobile-home .life-hex-preview__effect {
  font-size: 12px;
  line-height: 1.45;
}
.is-mobile-home .life-hex-preview__detail {
  top: 74%;
  font-size: 10px;
  line-height: 1.6;
}
.is-mobile-home .life-hex-preview__footer {
  left: 0;
  right: auto;
  width: var(--home-mobile-width);
}
.is-mobile-home .life-hex-preview__unlock {
  font-size: clamp(22px, calc(var(--home-mobile-width) * .07), 38px);
  white-space: normal;
}