Map tab: much bigger map with its own remembered view

- Map fills the screen (was a 56vh strip); timeline and details sit below it
- No longer snaps back to the main-page radar's location/zoom on every refresh or tab switch;
  starts as a wider regional view, remembers pan/zoom, and recentres only when the location changes
- New 'My location' button

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

app/public/app-ui.css

@@ -241,3 +241,17 @@ body:not([data-tab="conditions"]) #loading { display: none; }
 .app { padding-left: calc(var(--gutter) + env(safe-area-inset-left, 0px)); padding-right: calc(var(--gutter) + env(safe-area-inset-right, 0px)); }
 .topbar { margin-left: calc(-1 * (var(--gutter) + env(safe-area-inset-left, 0px))); margin-right: calc(-1 * (var(--gutter) + env(safe-area-inset-right, 0px))); }
 .install-dialog { margin-top: max(1rem, env(safe-area-inset-top, 0px)); }
+
+/* ── Map tab: the map is the page (not a 56vh strip); timeline and details sit below it ── */
+body:not(.map-fs) #tab-unified-map .unified-map-wrap { height: auto; min-height: 0; padding: 0.7rem; gap: 0.6rem; border-radius: 16px; }
+body:not(.map-fs) #tab-unified-map .unified-map-container {
+  height: max(540px, calc(100dvh - var(--topbar-h) - 250px)); border-radius: 12px;
+}
+@media (max-width: 640px) {
+  body:not(.map-fs) #tab-unified-map .unified-map-container {
+    height: max(460px, calc(100dvh - var(--topbar-h) - 58px - max(6px, env(safe-area-inset-bottom, 0px)) - 190px));
+  }
+}
+.map-controls-header { padding-bottom: 0.5rem; gap: 0.5rem; }
+.map-recenter { font: inherit; font-size: 0.78rem; font-weight: 700; min-height: 40px; padding: 0 0.9rem; border-radius: 999px; border: 1px solid var(--border); background: var(--paper-dark); color: var(--ink); cursor: pointer; margin-left: auto; white-space: nowrap; }
+.map-recenter:hover { border-color: var(--accent); color: var(--accent); }