Fyra glasrutor, väder-/natteffekter och nymåne-överraskning

- Fyra rutor (Just nu, Plats med karta/GPS/platsval, Kväll & natt, Fotoljus),
  centrerad text som anpassas efter skärmstorlek, staplat på mobil
- Månen skärs av molnen vid växlande molnighet (molnen är lagret ovanför)
- Realistiskt stjärnglitter (scintillation) och norrsken i djupled efter
  SMHI-referens (grön ljus underkant, S-svep, mjukt sken)
- Nymåne-överraskning: egen SVG-siluett av en fotograf på månskäran
- Prototyp ?lager=1: procedurella molnlager med parallax + animerade ikoner
- README uppdaterad med funktioner och testparametrar

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

site/public/img/moon-photographer.svg

@@ -0,0 +1,59 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" >
+  <defs>
+    <!-- crescent = big circle minus an offset circle (lit on the right, open to the upper left) -->
+    <mask id="cres">
+      <rect width="400" height="400" fill="#000"/>
+      <circle cx="226" cy="198" r="152" fill="#fff"/>
+      <circle cx="170" cy="160" r="136" fill="#000"/>
+    </mask>
+    <radialGradient id="lit" cx="74%" cy="60%" r="62%">
+      <stop offset="0" stop-color="#f7f4ec"/>
+      <stop offset=".5" stop-color="#dedcd5"/>
+      <stop offset=".85" stop-color="#aab3c6"/>
+      <stop offset="1" stop-color="#7f8aa3"/>
+    </radialGradient>
+    <!-- mottled maria: soft fractal noise turned into faint darker patches -->
+    <filter id="maria" x="0" y="0" width="100%" height="100%">
+      <feTurbulence type="fractalNoise" baseFrequency=".018" numOctaves="4" seed="7"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 .38  0 0 0 0 .42  0 0 0 0 .52  2.2 0 0 0 -1.05"/>
+      <feGaussianBlur stdDeviation="1.4"/>
+    </filter>
+    <filter id="glow" x="-30%" y="-30%" width="160%" height="160%"><feGaussianBlur stdDeviation="10"/></filter>
+  </defs>
+  <g mask="url(#cres)">
+    <circle cx="226" cy="198" r="152" fill="#e8ecf6" opacity=".5" filter="url(#glow)"/>
+    <circle cx="226" cy="198" r="152" fill="url(#lit)"/>
+    <rect width="400" height="400" filter="url(#maria)" opacity=".55"/>
+  </g>
+  <!-- the photographer (silhouette), sitting on the inner ledge of the lower horn with the bright crescent behind his back,
+       legs dangling over the edge, camera to the eye aimed out at the night sky -->
+  <g fill="#060910">
+    <!-- far leg -->
+    <path d="M214 300 C200 302 186 303 176 304 C171 305 170 309 171 313 L173 349 C173 353 176 354 179 353 L181 314 C190 314 204 313 214 312 Z"/>
+    <path d="M168 349 h14 c3 0 4 5 0 6 h-17 c-3 0 -3 -6 3 -6 z"/>
+    <!-- near leg -->
+    <path d="M220 306 C206 308 192 309 182 310 C176 311 175 316 176 320 L177 356 C177 360 181 361 184 360 L186 321 C196 321 210 320 222 318 Z"/>
+    <path d="M172 356 h15 c3 0 4 5 0 6 h-18 c-3 0 -3 -6 3 -6 z"/>
+    <!-- torso in a jacket: rounded back against the moon, leaning a little forward -->
+    <path d="M226 309 C229 296 228 280 222 268 C217 258 209 253 200 254 C192 255 188 262 188 270 C188 284 191 297 194 306 C200 313 214 314 226 309 Z"/>
+    <!-- neck + head, cap with brim toward the camera side -->
+    <path d="M200 256 L203 246 L209 248 L207 258 Z"/>
+    <circle cx="203" cy="238" r="11.5"/>
+    <path d="M191 235 C193 224 205 220 213 226 C215 228 215 232 213 233 Z"/>
+    <path d="M191 233 l-8 1.5 c-1.5 .3 -1.5 2 0 2.2 l9 -.5 z"/>
+    <!-- arms: elbows down, hands up at the camera -->
+    <path d="M205 262 C198 268 190 276 186 280 C183 283 180 281 181 277 L184 270 C186 263 177 258 172 253 L177 248 C184 252 195 256 200 258 Z"/>
+    <path d="M214 266 C208 274 199 282 193 285 C190 287 187 284 189 281 L196 272 C191 266 186 262 181 258 L185 253 C192 257 204 261 210 262 Z"/>
+    <!-- camera: body, top prism, grip, lens hood -->
+    <rect x="164" y="243" width="24" height="16" rx="3"/>
+    <path d="M171 243 l2 -6 h8 l2 6 z"/>
+    <rect x="145" y="245" width="20" height="12" rx="2"/>
+    <rect x="140" y="243.5" width="7" height="15" rx="1.5"/>
+    <!-- strap -->
+    <path d="M186 258 C190 270 200 274 206 270" fill="none" stroke="#060910" stroke-width="1.6"/>
+  </g>
+  <!-- rim light: a thin moonlit edge on the side facing the crescent, so the figure also reads against the dark sky -->
+  <g fill="none" stroke="#dfe6f5" stroke-linecap="round" opacity=".6" stroke-width="1.2">
+    <path d="M225 305 C227 290 226 279 221 268"/>
+  </g>
+</svg>