body {
  margin: 0;
  background: #fff;
  color: #111;
  font: 16px/1.4 Georgia, serif;
}

.board {
  max-width: 32rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 3rem;
}

.board h1,
.board h2,
.board p {
  margin: 0 0 0.75rem;
}

#games-status,
#games-empty,
#board-status,
#empty {
  color: #333;
}

#declare-form,
#games-search {
  display: grid;
  gap: 0.75rem;
  margin: 1.25rem 0 1.75rem;
}

#declare-form label,
#games-search label {
  display: grid;
  gap: 0.25rem;
}

#declare-form input,
#declare-form select,
#declare-form button,
#games-search input,
#games-search button,
#games-scrape,
.call-drop {
  font: inherit;
}

#games,
#games-results,
#calls {
  list-style: none;
  margin: 0;
  padding: 0;
}

.game,
.call {
  padding: 0.75rem 0;
  border-top: 1px solid #ccc;
}

.game-name,
.call-game {
  font-weight: bold;
}

.call-meta,
.call-note {
  margin: 0.15rem 0 0.35rem;
}