/* 3:4 like the court, as wide as fits without pushing the court off a short screen. */
.court {
  display: block;
  width: min(100%, max(240px, calc((100dvh - 270px) * 0.75)));
  aspect-ratio: 3 / 4;
  margin: 0 auto;
  border: 2px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--surface);
  touch-action: none;
  cursor: pointer;
}