Fix: Offline-Pfote per JS-Klasse sichtbar (Fallback zum CSS-Sibling), SW by-v1081

Der reine CSS-Sibling-Selektor klappte nicht zuverlässig (vermutlich
SW-Cache-Mismatch oder DOM-Reihenfolge im aktuellen Zustand des
Users). Lösung: MutationObserver in offline-indicator.js beobachtet
class/style auf #worlds-overlay und togglet .visible auf
#offline-indicator. CSS akzeptiert jetzt beide Wege:

  #worlds-overlay.worlds-visible ~ #offline-indicator,
  #offline-indicator.visible { display: flex; }

So bleibt das Layout funktional auch wenn CSS-Compositing oder
Cache-Versatz mal nicht greift. console.warn wenn das Element nicht
im DOM ist (z.B. wenn alte index.html aus SW-Cache).

backend/static/css/components.css

@@ -8891,8 +8891,9 @@ svg.empty-state-icon {
   z-index: 61;       /* knapp über dem FAB (60), unter Modals */
   transition: transform 0.12s, box-shadow 0.12s;
 }
-/* Welten aktiv → Indikator sichtbar */
-#worlds-overlay.worlds-visible ~ #offline-indicator { display: flex; }
+/* Welten aktiv → Indikator sichtbar (CSS-Sibling + JS-Klasse als Fallback) */
+#worlds-overlay.worlds-visible ~ #offline-indicator,
+#offline-indicator.visible { display: flex; }
 
 [data-theme="dark"] #offline-indicator {
   background: rgba(31,41,55,0.85);