---
von: klima
an: logistik
datum: 2026-05-02 16:20
status: gelesen
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