body {
  font-family: sans-serif;
  font-size: 1.5rem;
}

#info-box {
  position: relative;
  width: 90vw;
  height: 2.5rem;
  padding: 0.25rem;
  margin: 0.5rem auto;
  border: 1px solid black;
  border-radius: 10px;
  font-size: 1rem;
}

#canvas-container {
  position: relative;
  width: 90vw;
  height: 43vw;
  padding: 0.25rem; /* match info-box padding */
  margin: auto;
  border: 1px solid black;
  border-radius: 10px;
  overflow: hidden;
}

canvas {
  transform-origin: 0px 0px;
  transform: scale(1) translate(0px, 0px);
  position: absolute;
  image-rendering: auto; /* pixelated=22.5/23.5s auto=22.6/22.4s smooth=23.0/22.6s crisp-edges=23.7/23.3s */
}