fix: responsive park month calendar — dot-only on mobile, full pill on desktop

Mobile cells (~55px wide) can't fit hours text legibly, so show only a
colored dot when open and a dash when no data. Desktop restores the full
pill (hours + tz abbreviation) via Tailwind responsive classes. Row height
is controlled by a new .park-calendar-grid CSS class: 72px fixed on mobile,
minmax(96px, auto) on sm+, keeping desktop cells from looking cramped.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/globals.css

@@ -104,6 +104,18 @@
   background: var(--color-surface-hover) !important;
 }
 
+/* ── Park month calendar — responsive row heights ───────────────────────── */
+/* Mobile: fixed uniform rows so narrow columns don't cause height variance  */
+.park-calendar-grid {
+  grid-auto-rows: 72px;
+}
+/* sm+: let rows breathe and grow with their content (cells are wide enough) */
+@media (min-width: 640px) {
+  .park-calendar-grid {
+    grid-auto-rows: minmax(96px, auto);
+  }
+}
+
 /* ── Pulse animation for skeleton ───────────────────────────────────────── */
 @keyframes pulse {
   0%, 100% { opacity: 1; }