body {
  min-height: 100dvh;
  background: #111;
  color: #eee;
  padding:
    env(safe-area-inset-top)
    env(safe-area-inset-right)
    env(safe-area-inset-bottom)
    env(safe-area-inset-left);
}

#grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  gap: 0.75rem;
  padding: 0.75rem;
}

.pad {
  aspect-ratio: 1;
  background: #222;
  color: #eee;
  border-radius: 0.75rem;
  padding: 0.5rem;
  font-size: 1rem;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.pad:active {
  background: #333;
}