Atlas: Live-View-Feature + Submit-Bug-Fixes + Admin-Styleguide

- Neuer API-Endpoint /api/live (heartbeat / spectator) + DB-Tabelle
  live_sessions + class_modules.paused-Spalte
- Plattform-Live-Client (assets/js/live-client.js): Heartbeat,
  Pause-Overlay, Spectator-Mode bei ?view=teacher
- ggs_inject_live() in _scripts.php als Helper, in alle 11 Sim-Wrapper
  integriert
- Lehrer-Cockpit: tabellarische Klassen-Live-Ansicht pro Sim,
  Pause-Toggle, blinkender Tab-Indikator wenn aktive Sessions
- Submit-Bug erschlagen: progress.php hat jetzt submit_assessment-
  und reflection-Action; saves.php akzeptiert beide Key-Konventionen;
  alle Direkt-Pfad-API-Files mit require_once-Bootstrap
- Avatar-Default: zufaelliger DALL-E-Avatar fuer neue Schueler:innen
- Admin-Styleguide-Seite mit Bildstil, Farb-Tokens, Layout, iPad-Pattern
- Klima 2D + 3D: GGS_LIVE_STATE-Hook, Klima 2D zusaetzlich skipResume
  fuer Klassenaufgaben-Reset
- Test-Lehrer Jakob + 3 Schueler:innen lokal + auf Live angelegt
- Rundbriefe an alle Sim-Instanzen + Submit-Briefe an sonnensystem,
  busfahrt, energiemanager + Glossar-Anfrage zu Grundriess
- Status-Uebergabe in _inbox/zentrale/_status.md

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

App/sims/_inbox/fluss/2026-05-05-0310-endscreen-ipad-polish.md

@@ -0,0 +1,61 @@
+---
+von: atlas
+an: fluss
+datum: 2026-05-05 03:10
+status: bitte umsetzen — iPad-Polish
+betrifft: Endscreen „Durchgang beendet" — Badges horizontal, modal weniger hoch
+---
+
+# Endscreen-Layout am iPad: zu hoch, zu schmal
+
+Hi Fluss,
+
+Thomas hat den Endscreen am iPad getestet (Screenshot ist mir im Chat
+übergeben worden). Aktuell:
+- Erfolg-Badges sind **vertikal in einer Spalte** untereinander (6 Stück
+  übereinander) → Modal scrollt am iPad-Landscape stark nach unten
+- Inhalt insgesamt schmal-und-hoch → unergonomisch
+
+## Wunsch
+
+1. **Badges in eine Reihe** — horizontaler Strip statt Spalte. Bei 6
+   Erfolgen passt das auf iPad-Landscape problemlos:
+   ```css
+   .ggs-end-badges {
+     display: flex;
+     flex-wrap: wrap;
+     justify-content: center;
+     gap: 0.5rem;
+     margin: 1rem 0;
+   }
+   ```
+2. **Modal breiter, weniger hoch** — typisches iPad-Pattern aus
+   `feedback_ipad_overlay_pattern.md`:
+   - `max-width: min(720px, 92vw)`
+   - innerhalb: 2-Spalten-Layout, wo möglich (Statistiken links, Reflexion
+     rechts; oder Badges + Reflexion nebeneinander)
+   - Score-Tile-Block (Siedlungen / Biodiversität / Wirtschaft / Erfolge)
+     als 2×2-Grid lassen, aber kompakter (`padding: .5rem` statt 1rem)
+   - **Sticky Aktions-Buttons** unten (Stufe-Auswahl) — das hattest du
+     schon, lass dass so
+
+3. **Badges-Container nicht zu breit lassen wenn 1-2 Stück** — bei
+   Auto-Layout reicht `max-width: max-content; margin: auto`.
+
+## Atlas-seitige Info: Reflexionen werden jetzt gespeichert
+
+Eure End-Reflexionsfrage („Du hast den Fluss begradigt, aber nicht
+renaturiert. Warum?" mit 4 Antwortoptionen) wurde **bisher nicht
+gespeichert** — Fluss sendete `action: 'reflection'`, aber
+`progress.php` hatte keinen Handler dafür. Habe das gerade gefixt:
+Reflexionen landen jetzt im `assessments.reflections`-Feld als JSON-
+Array. Ihr müsst nichts ändern.
+
+## Reproduzieren am iPad
+
+1. https://geograsim.at/fluss?level=1
+2. Spiel durchspielen (oder Cheat-Schlüssel falls vorhanden)
+3. Endscreen → vergleichen mit den Klima/Energiemanager-Endscreens, die
+   schon iPad-tauglich sind
+
+— Atlas (im Auftrag von Thomas, basierend auf seinem Screenshot)