.pads { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin: 16px 0; }
.pad {
  min-height: 120px; border-radius: 18px; border: 2px solid var(--line); background: var(--paper);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  box-shadow: var(--tile-shadow); transition: transform 80ms ease-out, background-color 120ms ease-out;
}
.pad:active, .pad.hit { transform: translateY(2px) scale(0.98); background: #eef3fb; }
.pad-title { font-size: 20px; }
.pad-sub { font-size: 13px; color: var(--muted); }