.header .game-menu { position: relative; }
.header .game-menu summary {
  min-height: 40px;
  padding: 10px 12px;
  border: 1px solid #c7d2bc;
  border-radius: 24px;
  background: #edf4e6;
  color: #22382f;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
}
.game-menu ul {
  position: absolute;
  z-index: 20;
  inset: calc(100% + 8px) auto auto 0;
  min-width: 208px;
  padding: 6px;
  margin: 0;
  list-style: none;
  border: 1px solid #c7d2bc;
  border-radius: 14px;
  background: #fffdf6;
  box-shadow: 0 10px 26px #22382f28;
}
.game-menu ul a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 800;
}
.game-menu ul a:hover, .game-menu ul a:focus-visible { background: #e6efdf; }
.header .about-link { white-space: nowrap; }
.clean-home footer { gap: 12px; flex-wrap: wrap; }
.clean-home footer a, .discovery-footer a, .discovery-copy p a { text-decoration: underline; text-underline-offset: .18em; }
.discovery { max-width: 1144px; margin: 0 auto; padding: clamp(28px,6vw,75px) 24px 30px; }
.discovery-kicker { color: #8a442c; font-weight: 900; letter-spacing: .1em; }
.discovery h1 { margin: 10px 0 16px; max-width: 18ch; font-size: clamp(42px,7.5vw,84px); line-height: .99; letter-spacing: -.065em; }
.discovery-intro { max-width: 58ch; margin: 0 0 24px; font-size: clamp(18px,2.3vw,23px); line-height: 1.55; }
.discovery-copy { max-width: 66ch; margin: 32px 0; font-size: 18px; line-height: 1.65; }
.discovery-copy h2, .discovery-more { margin: 28px 0 8px; font-size: 27px; line-height: 1.15; }
.discovery-copy p { margin: 0 0 18px; }
.discovery-more { margin-bottom: 18px; }
.game-directory { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: 16px; }
.game-tile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
  border: 1px solid #b6c5a9;
  border-radius: 16px;
  background: #eaf2e1;
}
.game-tile:nth-child(2n) { background: #fff2dc; }
.game-tile:hover, .game-tile:focus-visible { box-shadow: 0 4px 0 #657e57; }
.game-tile h2 { margin: 0; font-size: 24px; line-height: 1.1; }
.game-tile p { margin: 0; line-height: 1.5; }
.game-tile span { margin-top: auto; color: #724429; font-weight: 900; }
.discovery-footer { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 44px; border-top: 1px solid #c7d2bc; padding-top: 18px; }
@media (max-width: 1020px) {
  .header { flex-wrap: wrap; height: auto; gap: 7px; padding-block: 10px; }
  .header .brand-lockup { width: 100%; }
  .header nav { flex-wrap: wrap; max-width: 100%; }
}