.duel-page .game-card {
  margin-top: 24px;
}

.duel-page .rules {
  margin-top: 24px;
  border: 2px solid var(--line);
  background: color-mix(in srgb, var(--panel) 72%, transparent);
}

@media (max-width: 720px) {
  .duel-page .game-card {
    margin-top: 12px;
  }

  .duel-page .rules {
    margin-top: 18px;
  }
}