.content-grid[aria-label="게임 목록"] > .card.page-stack {
  grid-template-columns: clamp(76px, 18vw, 88px) minmax(0, 320px);
  grid-template-rows: auto auto;
  grid-template-areas:
    "icon details"
    "action action";
  justify-content: center;
  align-content: start;
  align-items: stretch;
  column-gap: 1rem;
  row-gap: 1.1rem;
}

.content-grid[aria-label="게임 목록"] > .card.page-stack > .status-page__icon {
  grid-area: icon;
  width: 100%;
  height: auto;
  min-height: 76px;
  align-self: stretch;
  border-radius: 20px;
  font-size: clamp(2.25rem, 7vw, 2.75rem);
}

.content-grid[aria-label="게임 목록"] > .card.page-stack > div:nth-child(2) {
  grid-area: details;
  min-width: 0;
  display: grid;
  align-content: center;
  gap: .35rem;
}

.content-grid[aria-label="게임 목록"] > .card.page-stack > div:nth-child(2) > .section-title,
.content-grid[aria-label="게임 목록"] > .card.page-stack > div:nth-child(2) > .subtle {
  margin: 0;
}

.content-grid[aria-label="게임 목록"] > .card.page-stack > .button {
  grid-area: action;
  width: 100%;
  justify-self: stretch;
}

.home-games-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  grid-template-areas:
    "icon content"
    "action action";
  align-content: center;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
  background: linear-gradient(160deg, #ffffff 0%, #fffdf8 62%, #fbf6e8 100%);
}

.home-games-card__icon {
  grid-area: icon;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: linear-gradient(145deg, #fbf4dd, #edf7fa);
  font-size: 2.2rem;
}

.home-games-card__content {
  grid-area: content;
  min-width: 0;
  display: grid;
  gap: .3rem;
}

.home-games-card__content .eyebrow,
.home-games-card__content .section-title,
.home-games-card__content .subtle {
  margin: 0;
}

.home-games-card__content .eyebrow {
  color: #9b8350;
}

.home-games-card__action {
  grid-area: action;
  width: 100%;
  justify-self: stretch;
}