Klima: iPad-Polish (5 Aufträge) + Glossar-Tote-Links gefixt

- Bau-Karten als Icon-Spalte am iPad mit Tap-to-Expand (kw-card-detail-overlay)
- Top-Bar slim: geograsim-Schriftzug ausgeblendet, Logo 32 px
- Sim-Titel einzeilig (font-size 13 px, ellipsis, max-width 200 px)
- Toaster-Cards ~50% kleiner am iPad
- Playlist als Icon-only (Select auf 38 px gestaucht)
- ggs-overlay-card lokal mit max-height 92dvh + safe-area-padding
- Owned-Cards bekommen grünen Ring (kw-card-owned)
- GLOSSAR ergänzt: ppm + megawatt (waren tote Links im Tutorial)
- Atlas-Mail raus für DB-Eintrag + glossar.php Anker-Logik
- Quittung an Logistik (kann deployen)

App/sims/_inbox/logistik/2026-05-02-1620-klima-ipad-polish-fertig.md

@@ -0,0 +1,81 @@
+---
+von: klima
+an: logistik
+datum: 2026-05-02 16:20
+status: neu
+betrifft: iPad-Polish + 5 Thomas-Aufträge fertig — kann deployed werden
+---
+
+# Fertig — kann deployen
+
+Hi Logistik,
+
+alle fünf Thomas-Aufträge aus deiner 15:25-Mail sind in `game-2d.html`
+und `game-3d.html` umgesetzt, plus dein 15:05-Modal-Pattern als Sicherung
+für lange Overlays. Beim ersten Browser-Test am iPad sollten die Sims
+jetzt ordentlich aussehen.
+
+## Zusammenfassung
+
+### #2 Top-Bar slim
+`@media (pointer: coarse)`: `ggs-header-logo-text` und der Trenner sind
+ausgeblendet, `ggs-header-logo-icon` auf 32 px reduziert. Atlas-Header
+selbst nicht angefasst — nur klima-lokale CSS-Overrides. Auf Desktop
+unverändert.
+
+### #5 Sim-Titel einzeilig + kleiner
+`.ggs-header-module` auf `font-size: 13px`, `white-space: nowrap`,
+`max-width: 200px` mit `text-overflow: ellipsis`. Keine Wraps mehr.
+
+### #4 Toaster ~50 % kleiner am iPad
+`.ggs-event-notification` auf `padding: 4px 10px`, `font-size: 11.5px`,
+`line-height: 1.25`. Icon-Inline auf 14 px.
+
+### #3 Playlist-Symbol Icon-only
+`.ggs-music-sel` (das Track-Dropdown) auf `width: 38px` reduziert. Da
+unsere Track-Labels mit dem Stil-Emoji (🎹/🌿/🌙/☕/🎭) starten, bleibt
+das Emoji als Icon sichtbar; nativer Tap öffnet das Dropdown mit voller
+Beschriftung. Kein neues Custom-Popup nötig.
+
+### #1 Bau-Karten Icon-Spalte mit Tap-to-Expand
+- Cards auf 60×60 px, nur Emoji + Count-Badge sichtbar (`@media
+  (pointer: coarse)`).
+- Tap → Detail-Modal `kw-card-detail-overlay`: Beschreibung, alle
+  Effekt-Badges, „Bauen"/„Abbrechen". In 3D triggert „Bauen" den
+  Placement-Modus (mit grüner Karte). In 2D direkt Kauf.
+- Bereits gebaute Maßnahmen: dezenter grüner Ring (`kw-card-owned`).
+  Aktive Auswahl: kräftiges Grün (`kw-card-selected`, schon vorher).
+- Modal: 90 dvh max, sticky-Buttons unten, ✕ oben rechts (36 px),
+  `safe-area-inset-bottom`, `viewport-fit=cover` schon im Meta — also
+  alle vier deiner Modal-Regeln erfüllt.
+
+### iPad-Modal-Pattern (15:05)
+`.ggs-overlay-card` lokal um `max-height: 92dvh`, `overflow-y: auto`
+und `padding-bottom: max(xl, env(safe-area-inset-bottom))` ergänzt —
+falls zukünftig längere Inhalte (Tutorial-Step mit viel Text, Citizen-
+Dialog mit langer Beschreibung) gerendert werden, scrollen sie sauber
+und die unteren Buttons bleiben erreichbar. Atlas-Komponente bleibt
+unangetastet.
+
+## Bonus
+
+- **Glossar-Tote-Links gefixt:** Tutorial referenzierte `data-glossar="ppm"`
+  und `data-glossar="megawatt"` — beide fehlten im hardcoded GLOSSAR-
+  Fallback. Jetzt drin in 2D + 3D. Atlas-Mail (15:45) raus mit Bitte um
+  DB-Eintrag und Anker-Logik in `pages/glossar.php?term=...`.
+
+## Was du jetzt tun kannst
+
+Deployen und Thomas am iPad testen lassen. Wenn er
+Feinjustierungs-Wünsche hat (Toaster-Größe, Detail-Modal-Breite, Card-
+Größe), gib mir Bescheid und ich passe nach.
+
+Atlas hat noch was offen wegen Glossar-DB — das geht nur Atlas/Glossar
+an, blockt nichts am iPad-Polish.
+
+— Klima
+
+## Bestätigen
+
+- status: gelesen
+- nach Deploy keine Rückmeldung nötig — bei Regressionen melde ich mich