Ban Yaro Blues — Hymne in der WELT-Welt

Eigener Song (KI-Demo via Suno) als Marken-Hymne. Dezente Player-Karte unter
dem Tageszitat; preload=none → 6 MB MP3 lädt erst bei Play, der SW cacht sie
danach für offline. Der Banner ist einmalige Einladung und verschwindet nach
erstem Hören (durchgehört oder >30s + Pause); danach dezenter runder Play-Button
unten links als Gegenspieler zum FAB, nur in WELT. Audio-Element zentral in
index.html → übersteht Welt-Wechsel & Re-Renders.

„Gehört" wird hybrid gemerkt: localStorage (sofort/offline) + DB-Flag
anthem_heard am User (neue Spalte, über /auth/me, gesetzt via
POST /api/profile/anthem-heard) — geräte- und deploy-übergreifend, damit der
Banner nicht erneut nervt.

backend/static/css/components.css

@@ -8267,6 +8267,29 @@ svg.empty-state-icon {
 }
 #worlds-fab:active { transform: scale(0.92); box-shadow: 0 2px 10px rgba(196,132,58,0.3); }
 
+/* Hymne-Button — Gegenspieler zum FAB, unten links, nur WELT + nach erstem Hören */
+#worlds-anthem {
+  position: fixed;
+  bottom: calc(env(safe-area-inset-bottom, 16px) + 16px);
+  left: 20px;
+  width: 54px; height: 54px;
+  border-radius: 50%;
+  background: rgba(22,26,30,0.66);
+  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: blur(8px);
+  color: #fff;
+  border: 1px solid rgba(255,255,255,0.20);
+  cursor: pointer;
+  z-index: 60;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4px 18px rgba(0,0,0,0.40);
+  transition: transform 0.12s, background 0.2s;
+}
+#worlds-anthem:active { transform: scale(0.92); }
+#worlds-anthem.playing { background: var(--c-primary); border-color: transparent; }
+
 /* Header + Bottom-Nav: vollständig entfernt — Welten übernehmen Navigation */
 #app-header  { display: none !important; }
 #bottom-nav  { display: none !important; }