.moves {
  font-size: 1.4rem;
  font-family: "Fira Mono";
  text-align: left;
  background-color: var(--color-bg-input);
}

.moves__turn {
  text-align: center;
}

.move {
  padding: 3px;
}

.move__id {
  display: inline-block;
  width: 40px;
  text-align: right;
  margin-right: 20px;
  color: var(--color-text);
}

.move__ply {
  display: inline-block;
  width: 70px;
  color: var(--color-btn);
}

.move__ply--current {
  color: var(--color-text);
  background-color: var(--color-highlight);
}

.move__ply:hover {
  text-decoration: underline;
  cursor: pointer;
}
