body.game-page {
  background: #0b7e38;
}

.game-page .site-header {
  position: relative;
}

.game-viewport {
  width: 100%;
  height: calc(100dvh - 70px);
  min-height: 560px;
  background: #0b7e38;
}

.game-viewport iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #0b7e38;
}

.game-intro {
  background: var(--paper);
  padding: 72px 0 26px;
  text-align: center;
}

.game-intro h1 {
  margin: 12px auto 18px;
  font-size: clamp(2.6rem, 6vw, 5rem);
  line-height: .98;
  letter-spacing: -.06em;
}

.game-intro p {
  max-width: 720px;
  margin: 0 auto;
  color: var(--muted);
}

.game-page .section,
.game-page .site-footer {
  background: var(--paper);
}

@media (max-width: 800px) {
  .game-page .nav {
    height: 58px;
  }

  .game-page .brand {
    font-size: .98rem;
  }

  .game-page .brand-mark {
    width: 32px;
    height: 32px;
  }

  .game-page .nav-cta {
    padding: 9px 13px;
    font-size: .82rem;
  }

  .game-viewport {
    height: calc(100dvh - 58px);
    min-height: 500px;
  }
}