fix: resize map before fitBounds and defer with rAF to avoid layout-timing glitch

site/src/components/ActivityMap.svelte

@@ -72,12 +72,17 @@
     });
   });
 
-  // Fit to bbox when detail JSON loads (bbox is null at map init)
+  // Fit to bbox when detail JSON loads (bbox is null at map init).
+  // Always resize first so MapLibre knows the real container dimensions,
+  // and defer with rAF so the browser has finished laying out the container.
   $: if (map && bbox) {
-    const fit = () => map.fitBounds(
+    const fit = () => requestAnimationFrame(() => {
-      [[bbox![0], bbox![1]], [bbox![2], bbox![3]]],
+      map.resize();
-      { padding: 40, animate: true },
+      map.fitBounds(
-    );
+        [[bbox![0], bbox![1]], [bbox![2], bbox![3]]],
+        { padding: 40, animate: false },
+      );
+    });
     map.loaded() ? fit() : map.once('load', fit);
   }