/* sternjagd: rules used only by the sternjagd pages (loaded after base.css). */
/* Sternjagd: the board is one svg (arrows, fields, pieces). The ringed
   fields are the ones a move may end on. Black and white only. */
.sj-board {
  direction: ltr;
  max-width: 420px;
  margin: var(--space-2) auto;
  text-align: center;
}

.sj-board svg {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.sj-goal {
  cursor: pointer;
}