.numbers-field.numbers-grid {
  display: grid;
  grid-template-columns: repeat(var(--numbers-columns, 3), minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: center;
  justify-items: center;
  gap: clamp(8px, 2vw, 18px);
  padding: clamp(15px, 3vw, 27px);
}

.numbers-field.numbers-grid button {
  position: static;
  width: min(var(--number-size), 100%);
  height: auto;
  aspect-ratio: 1;
  font-size: clamp(16px, 3.2vw, 26px);
  transform: rotate(var(--number-rotation, 0deg));
}

.numbers-field.numbers-grid button.hit {
  transform: rotate(0deg) scale(.92);
}

@media (max-width: 760px) {
  .numbers-panel { justify-content: flex-start; }
  .numbers-field.numbers-grid { gap: 7px; padding: 13px; }
  .numbers-field.numbers-grid button { font-size: clamp(14px, 4.5vw, 21px); }
}