/* Rune Match keeps game-specific styles isolated from the main site. */
body { min-height: 100vh; }
.game-panel.finished .game-rune-symbol { color: var(--violet); }


/* v0.3.1 Rune Match mobile fit: users already chose the game, so get them to the rune sooner. */
@media (max-width: 760px) {
  body.rune-match-page .page-hero {
    padding-top: 0.55rem;
    padding-bottom: 0.22rem;
  }

  body.rune-match-page .page-hero > .eyebrow {
    display: none;
  }

  body.rune-match-page .page-hero h1 {
    font-size: clamp(1.95rem, 8vw, 2.75rem);
    margin-bottom: 0.22rem;
    line-height: 1;
  }

  body.rune-match-page .page-hero .lead {
    font-size: 0.9rem;
    line-height: 1.32;
    margin-bottom: 0;
  }

  body.rune-match-page .game-shell {
    padding-top: 0.12rem;
  }

  body.rune-match-page .game-panel {
    padding: 0.75rem;
  }

  body.rune-match-page .game-question {
    margin-bottom: 0.35rem;
  }
}

@media (max-width: 430px) {
  body.rune-match-page .page-hero {
    padding-top: 0.35rem;
  }

  body.rune-match-page .page-hero h1 {
    font-size: clamp(1.65rem, 8vw, 2.2rem);
  }

  body.rune-match-page .page-hero .lead {
    font-size: 0.84rem;
  }

  body.rune-match-page .game-shell {
    padding-inline: 0.72rem;
    padding-bottom: 0.6rem;
  }

  body.rune-match-page .game-rune-symbol {
    font-size: clamp(3.1rem, 17vw, 4.3rem);
  }

  body.rune-match-page .game-option {
    min-height: 2.55rem;
    padding-block: 0.42rem;
  }
}