Mobile-Fixes, Cover-Rendering, aufrechte Objekte, Fuss-Favicon

- Rendering von SVG-viewBox auf sauberes DOM-Modell (div#world > img) umgestellt:
  behebt den Pinch-Fokus-Bug ("zoomt in die Ecke") auf Touch
- Szene fuellt jetzt bildschirmfuellend (Cover) mit eigener Cover-Klemmung statt
  Letterbox-Balken (v.a. mobil im Hochformat)
- Tippen ueber Pointer-Events statt click (funktioniert auf Touch, wo panzoom das
  synthetische click unterdrueckt); Mehrfinger/Pinch zaehlt nie als Tipp
- touch-action:none aufs Bild -> fluessiges Pinch-Zoom
- Objekte aufrecht (leichte Neigung) statt zufaellig gekippt + dezenter Tiefen-Verlauf
  -> wirkt wie eine Szene statt "Haufen"
- Favicon: Fuss-Emoji

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

public/js/app.js

@@ -4,14 +4,14 @@
 import { Scene } from './scene.js';
 import { Legend } from './legend.js';
 
-const svg = document.getElementById('scene-svg');
-const layer = document.getElementById('scene-layer');
 const stage = document.getElementById('stage');
+const world = document.getElementById('world');
+const sceneImg = document.getElementById('scene-img');
 const loading = document.getElementById('loading');
 const winOverlay = document.getElementById('win-overlay');
 const toast = document.getElementById('toast');
 
-const scene = new Scene(svg, layer, stage);
+const scene = new Scene(stage, world, sceneImg);
 const legend = new Legend(
   document.getElementById('legend-items'),
   document.getElementById('legend-counter')