/* The Games invitation has its own visual identity beside the guide. */
.home-games-promo {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  width: min(1330px, calc(100% - 50px));
  margin: 24px auto 20px;
  border: 1px solid #83dbff77;
  border-radius: 22px;
  overflow: hidden;
  isolation: isolate;
  color: #eff8ff;
  background: radial-gradient(ellipse at 5% 0, #21406a80, transparent 65%), linear-gradient(120deg, #0b1931, #25133d);
  box-shadow: 0 18px 55px #0005, 0 0 40px #61c7ff10;
  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
}
.home-games-copy { padding: 30px clamp(22px, 3vw, 40px); min-width: 0; }
.home-games-kicker { display: flex; align-items: center; gap: 9px; color: #a4f2ff; font: 800 .7rem/1.4 ui-sans-serif, system-ui, sans-serif; letter-spacing: .16em; margin: 0 0 12px; }
.home-games-kicker span { width: 8px; height: 8px; border-radius: 50%; background: #86fbd7; box-shadow: 0 0 12px #86fbd7aa; flex: none; }
.home-games-promo h2 { color: #f4fbff; font: 850 clamp(1.9rem, 3.5vw, 3.05rem)/1.05 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.055em; margin: 0 0 15px; max-width: 17ch; }
.home-games-promo h2 span { color: #a9dfff; }
.home-games-intro { color: #d7e3f3; font-size: .96rem; line-height: 1.55; margin: 0 0 20px; max-width: 47ch; }
.home-games-actions { display: flex; align-items: center; gap: 13px 17px; flex-wrap: wrap; }
.home-games-play { display: inline-flex; align-items: center; justify-content: center; gap: 24px; color: #101a32; background: linear-gradient(100deg, #8ef5ff, #beb8ff); min-height: 48px; padding: 13px 20px; border-radius: 10px; text-decoration: none; font-size: .93rem; font-weight: 800; box-shadow: 0 6px 25px #9ecbff15; }
.home-games-play:hover { background: linear-gradient(100deg, #c0faff, #d9cdff); }
.home-games-all { color: #dcceff; text-decoration: underline; text-underline-offset: 5px; font-size: .86rem; min-height: 44px; display: inline-flex; align-items: center; gap: 7px; }
.home-games-promo a:focus-visible { outline: 3px solid #c6faff; outline-offset: 4px; }
.home-games-rules { color: #b9cce3; font-size: .73rem; line-height: 1.6; margin: 17px 0 0; max-width: 65ch; }
.home-games-rules a { color: #bcf3ff; text-underline-offset: 3px; }
.home-games-art { position: relative; min-width: 0; min-height: 330px; margin: 0; background: #111d30; }
.home-games-art > img { position: absolute; display: block; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: 50% 58%; }
.home-games-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #111b32 0, transparent 22%), linear-gradient(180deg, transparent 40%, #0a1336b3 100%); pointer-events: none; }
.home-games-art figcaption { position: absolute; z-index: 1; left: 30px; right: 25px; bottom: 23px; }
.home-games-art figcaption strong { display: block; color: #fff; text-shadow: 0 2px 20px #051323; font: 850 2.25rem/1 ui-sans-serif, system-ui, sans-serif; letter-spacing: -.055em; }
.home-games-art figcaption span { display: block; color: #d8f4ff; font-size: .72rem; margin-top: 9px; letter-spacing: .08em; }
.home-games-atelier { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; margin-top: 9px; color: #eff6ff; text-decoration: underline; text-underline-offset: 4px; font-size: .75rem; }
body[data-guide-area="zelda"] .game-nav .link-guide-games { background: linear-gradient(115deg, #193d5c, #3d255c); border: 1px solid #9ceeff77; color: #dcfaff; font-weight: 800; box-shadow: 0 0 18px #53c8ff18; }
body[data-guide-area="zelda"] .game-nav .link-guide-games:hover { background: linear-gradient(115deg, #24516f, #553477); }
@media (min-width: 1600px) { .home-games-promo { width: min(1630px, calc(100% - 50px)); } }
@media (max-width: 900px) {
  .home-games-promo { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
  .home-games-copy { padding: 25px 23px; }
  .home-games-promo h2 { font-size: 2.05rem; }
  .home-games-art figcaption { left: 20px; right: 18px; }
  .home-games-art figcaption strong { font-size: 1.85rem; }
}
@media (max-width: 660px) {
  .home-games-promo { width: calc(100% - 32px); grid-template-columns: 1fr; margin: 18px auto; border-radius: 18px; }
  .home-games-copy { padding: 22px 20px; }
  .home-games-promo h2 { font-size: clamp(2rem, 7.5vw, 2.65rem); max-width: 17ch; }
  .home-games-art { grid-row: 1; min-height: 175px; aspect-ratio: 16 / 8; }
  .home-games-art > img { object-position: 50% 58%; }
  .home-games-art::after { background: linear-gradient(180deg, transparent 28%, #0a133699 100%); }
  .home-games-art figcaption { left: 20px; bottom: 15px; }
  .home-games-art figcaption strong { font-size: 1.85rem; }
  .home-games-art figcaption span { display: none; }
  .home-games-atelier { position: static; display: flex; width: fit-content; max-width: 100%; min-height: 44px; margin: 3px 0 0; font-size: .7rem; }
  .home-games-intro { font-size: .89rem; margin-bottom: 17px; }
  .home-games-play { min-height: 48px; padding: 13px 17px; font-size: .87rem; gap: 17px; }
  .home-games-all { font-size: .8rem; }
  .home-games-rules { font-size: .71rem; margin-top: 15px; }
}
@media (max-width: 370px) {
  .home-games-actions { gap: 7px; }
  .home-games-play { width: 100%; }
  .home-games-all { justify-content: center; width: 100%; }
  .home-games-atelier { position: static; min-height: 44px; max-width: none; }
  .home-games-art { aspect-ratio: 16 / 9; }
}