fallback and 404

src/routes/weather/maps/+page.svelte

@@ -2,10 +2,10 @@
 	import { storedLocation } from '$lib/stores/settings';
 
 	// the embedded map understands maplibre's #zoom/lat/lng hash, so the iframe
-	// opens focused on the selected location; picking a new location while on
-	// this page recenters the map
+	// opens focused on the selected location (zoomed out to regional scale);
+	// picking a new location while on this page recenters the map
 	const iframeSrc = $derived(
-		`https://maps.open-meteo.com/#8/${$storedLocation.latitude.toFixed(3)}/${$storedLocation.longitude.toFixed(3)}`
+		`https://maps.open-meteo.com/#6/${$storedLocation.latitude.toFixed(3)}/${$storedLocation.longitude.toFixed(3)}`
 	);
 </script>
 
@@ -15,8 +15,9 @@
 	<meta name="description" content="Interactive weather map powered by Open-Meteo" />
 </svelte:head>
 
-<!-- Full-bleed map: the layout drops its padding for this route -->
-<div class="h-full w-full bg-black">
+<!-- Full-bleed map: the layout drops its padding for this route. The map
+     follows our theme through the color-scheme declared on :root/.dark -->
+<div class="h-full w-full bg-background">
 	<iframe
 		src={iframeSrc}
 		title="Open-Meteo Interactive Map"