/* HowToPlay — full-screen rules list.

   The modal frame itself is the standard .modal-fullscreen container
   (see modals.css). These rules style the inner content only:
   a vertical stack of paragraphs, each led by a bold key term that
   names the rule, followed by a single sentence of explanation. */

.how-to-play {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

.howto-rule {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--font-color-1);
}

.howto-term {
  font-weight: bold;
  margin-right: 0.3rem;
}