#rfCanvas {
  touch-action: none;
  cursor: crosshair;
  user-select: none;
  -webkit-user-select: none;
}

.tune-cursor {
  will-change: left;
}

.zero-frequency .zero-frequency-digit {
  display: inline-block;
  position: relative;
  border-radius: .08em;
  transition: background-color 120ms ease, box-shadow 120ms ease, color 120ms ease;
}

.zero-frequency .zero-frequency-digit.is-step-place {
  color: #fff4d2;
  background: linear-gradient(180deg, rgba(255, 198, 86, .08), rgba(255, 174, 55, .28));
  box-shadow:
    inset 0 -.055em 0 rgba(255, 186, 65, .95),
    0 0 .16em rgba(255, 180, 58, .28);
}

@media (pointer: coarse) {
  #rfCanvas { cursor: default; }
}