.hero-art {
  display: block;
  width: min(820px, 100%);
  height: auto;
  max-height: 330px;
  object-fit: cover;
  margin: 18px auto;
  border: 1px solid var(--line);
  border-radius: 22px;
  box-shadow: 0 14px 40px rgba(70, 59, 28, .12);
}

[tabindex="-1"]:focus { outline: none; }
.score-box #score {
  display: inline;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: 0;
}