<!--
CHANGELOG (neueste Einträge oben voranstellen, bestehende nicht editieren)

v4-76 (deep_anchor_4_6_35.html)
- NEU (TODO-LOGBUCH-ERWEITERT, Nutzer-Feedback: "das wäre eher Meilensteine, ein echtes Logbuch
  registriert doch eigentlich alles -- Forschung, jeden Start und und und" + "ne Jahreszusammen-
  fassung wäre gut, weil's keine KI gibt, die sowas schreiben kann"): das v4-75-Logbuch (reine
  Meilensteine) bekommt drei laufende, automatisch mitschreibende Eintragsarten dazu, plus einen
  Jahresbericht als Kompromiss für Routine-Ereignisse (siehe Punkt 4) -- bewusst NICHT jeden
  einzelnen Start protokolliert (bei den auf 100.000+ Starts ausgelegten Erfolgen wäre das Logbuch
  sonst geflutet), das übernimmt stattdessen der Jahresbericht:
  1) Jede abgeschlossene Forschung bekommt eine eigene Logbuchzeile (nutzt den vorhandenen
     desc-Flavor-Text der Forschung, kein neuer Textbaustein nötig), Trigger direkt in tick() beim
     Forschungsabschluss.
  2) Jedes erstmals erreichte Ziel im All bekommt eine eigene Zeile (nutzt DEEP_SPACE[key].desc),
     Trigger direkt beim ersten firstTimeReach in der Deep-Space-Sondenwarteschlange.
  3) Jede neu gegründete Kolonie bekommt eine eigene Zeile (beide Kolonie-Gründungsstellen:
     Mars-Spezialfall und generischer Fall für alle anderen kolonisierbaren Ziele).
  4) Neuer automatischer Jahresbericht (generateYearlyLogbookReport()): an jeder Firmenjahr-Grenze
     (Tag 366, 731, ... -- ein Firmenjahr = 365 Tage) wird GENAU EINMAL (tick() läuft genau einmal
     pro Spieltag, auch während Offline-Catchup) ein Bericht erzeugt, der die Differenz zum letzten
     Schnappschuss (state.logbookYearSnapshot) rein aus vorhandenen Lifetime-Stats zusammenfasst:
     Starts, gefertigte Satelliten/Module, abgeschlossene Aufträge/Forschungen, neue Ziele/Kolonien,
     verlorene Satelliten, Gesamteinnahmen -- KOMPLETT ohne KI-generierten Text, rein deterministisch
     aus echten Zahlen (dafür gibt's zur Laufzeit keine echte KI im Spiel). Leere Kategorien werden
     ausgelassen, ein ruhiges Jahr erscheint entsprechend kurz.
  5) state.logbook enthält jetzt gemischt Meilenstein-Einträge (wie v4-75, {kind:'milestone'
     implizit über fehlendes kind-Feld, id, day}) UND die drei neuen laufenden Eintragsarten
     ({kind:'research'/'target'/'colony'/'yearly', icon, title, text, day} direkt im Eintrag selbst,
     kein Nachschlagen in einer Konstante nötig, da hier -- anders als bei Meilensteinen -- jeder
     einzelne Vorfall individuellen Text braucht). renderLogbook() sortiert alle Einträge gemischt
     chronologisch (neueste zuerst), gecappt auf die letzten 300 in der Anzeige (Performance bei
     sehr langen Spielständen) -- der Spielstand selbst behält alles.
  6) Bewusst KEIN zusätzlicher Toast bei den drei neuen laufenden Eintragsarten -- die jeweilige
     Trigger-Stelle toastet an der jeweiligen Stelle ohnehin schon (z.B. "Erforscht: ..."), ein
     zweiter Toast wäre nur Redundanz. Nur der Jahresbericht könnte künftig noch einen eigenen Toast
     bekommen, aktuell bewusst still (kein Ereignis, das mitten im Spielfluss unterbrechen sollte).

v4-75 (deep_anchor_4_6_35.html)
- NEU (TODO-LOGBUCH, Nutzer-Wunsch: "Lore/Story reinbauen... Firmenlogbuch als eigener Reiter, aber
  da darf kein Tag 9364 rein, das müsste ein Datum sein, sonst muss man selbst rechnen"): neuer Tab
  "Logbuch" neben Erfolge/Statistiken, rein narrativ (kein Spiel-Effekt), analog zum
  ACHIEVEMENTS-System aufgebaut:
  1) Neue LOGBOOK_ENTRIES-Konstante (15 Einträge, id/icon/title/hint/text/check) -- deckt in grober
     chronologischer Reihenfolge Gründung, ersten Start, ersten Mondkontakt, Mondkolonie,
     Erstkontakt, Raumstation, beide Terraforming-Meilensteine, Marskolonie, Ceres/Titan-Vorposten,
     erste eigene Unterfirma, ersten interstellaren Kontakt, erste Exoplaneten-Kolonie, ersten
     intergalaktischen Kontakt sowie NGC-1365-Kartierung ab. Nutzt bewusst dieselben
     check()-Bedingungen wie die passenden ACHIEVEMENTS-Einträge (bereits robust erprobt), aber
     eine komplett eigene Liste -- unterschiedlicher Zweck (Erzählung vs. Vollständigkeitssammlung)
     und unterschiedliche Struktur, keine Kopplung.
  2) Neues state.logbook ([{id,day}], analog state.achievementsUnlocked) + checkLogbookEntries(silent),
     an denselben drei Stellen aufgerufen wie checkAchievements() (renderAll(), Offline-Catchup in
     tick(), einmaliger stiller Nachtrag beim Laden) -- silent unterdrückt nur den Toast, es gibt
     keine Belohnung abzuholen.
  3) Kernpunkt des Nutzer-Wunsches: renderLogbook() zeigt bei jedem freigeschalteten Eintrag KEIN
     rohes state.day, sondern rechnet über die bereits bestehende companyCalendarDate()-Infrastruktur
     (state.foundingDate + addDaysISO() + formatCalendarDateDE(), siehe HUD-Datum) ein echtes
     Kalenderdatum aus (z.B. "3. Nov 2089") -- der gespeicherte Tag dient nur als interner
     Rechenwert, genau wie beim HUD, damit spätere ensureFoundingDate()-Korrekturen für
     Altspielstände nicht auseinanderlaufen können. Niemand muss selbst von Spieltagen auf ein Jahr
     umrechnen.
  4) Noch nicht erreichte Einträge erscheinen gesperrt (🔒, Titel + kurzer Hinweis auf die
     Freischaltbedingung), aber ohne den eigentlichen Story-Text -- kein Spoiler, analog zum
     Schloss-Symbol im Erfolge-Tab.

v4-74 (deep_anchor_4_6_34.html)
- BALANCE (TODO-ERFOLGE-2-REBALANCE, Nutzer-Feedback: "10k forschungs punkte ist doch kein
  erfolg, man kan das schon mit einer mission bekommen"): korrekt -- eine einzelne Mars-
  Erstmission liefert bereits 18.000 FP (Mars scienceReward 36.000 × 0,5), eine einzelne späte
  Intergalaktisch-Mission bis zu 475.000 FP auf einen Schlag. Die 10.000-Schwelle des neuen
  "Wissenschaftsnation"-Erfolgs war damit schon in der ersten Spielstunde trivial erreichbar --
  kein echter Erfolg. Neuer Maßstab: Gesamtkosten des kompletten Forschungsbaums liegen bei
  ~144.147.000 FP (Summe aller RESEARCH.cost ohne noSciencePoints-Einträge, per Skript geprüft).
  Schwelle auf 50.000.000 angehoben (gut ein Drittel davon) -- verlangt jetzt echtes anhaltendes
  Wirtschaften über sehr viele Missionen/Aufträge/Kolonien hinweg, bleibt aber bewusst
  UNABHÄNGIG von "Alles erforscht" (RICHTIG bleibt auch ohne komplettes Durchforschen erreichbar,
  z.B. bei bewusstem FP-Horten für später). Belohnung von 20.000 € auf 130.000 € angehoben,
  passend zur jetzt deutlich höheren Hürde (Größenordnung zwischen "Alles erforscht" und
  "Großunternehmer"). Die übrigen 15 in v4-73 ergänzten Erfolge wurden gegen dieselbe Frage
  geprüft ("mit einer einzigen Aktion erreichbar?") -- alle hängen an mehrstufigen
  Forschungsketten, Bauzeiten oder wiederholten Ereignissen (z.B. Raumstations-Vollausbau,
  gleichzeitige Mond+Mars+Außenposten-Kolonien, 17.000 Terraforming-Punkte ≈ 9-19 Landungen) und
  bleiben unverändert.

v4-73 (deep_anchor_4_6_34.html)
- NEU (TODO-ERFOLGE-2, Nutzer-Wunsch: "kanst du noch in erfolge kuken ob man da noch paar sachen
  rein machen könnte" + "statistiken müssen ja auch überarbeitet werden"): das bisherige
  ACHIEVEMENTS-System (20 Erfolge, 6 Kategorien, siehe v4-6/v4-12) deckte etliche seither
  hinzugekommene Spielbereiche noch gar nicht ab -- 16 neue Erfolge in zwei komplett neuen
  Kategorien sowie ergänzt in drei bestehenden:
  1) Neue Kategorie "Terraforming" (2 Erfolge): erste Terraforming-Stufe erreicht, letzte Stufe
     „Bewohnbar" erreicht (terraformStageIndex('mars')).
  2) Neue Kategorie "Interstellar & Intergalaktisch" (4 Erfolge): erstes interstellares Ziel,
     erste Exoplaneten-Kolonie, erstes intergalaktisches Ziel, NGC-1365-Kartierung (letzte
     Forschung im Baum) -- deckt damit erstmals den kompletten 23-Forschungen-Zweig ab, der bisher
     trotz eigener Farbkategorie im Forschungsbaum (siehe v4-71) ohne jeden Erfolg war. Nutzt dafür
     die interstellar:/intergalactic:-Flags der DEEP_SPACE-Einträge statt neuer Ziellisten.
  3) "Fertigung" um 2 Erfolge ergänzt: erste Raumstation montiert, Raumstation mit allen 3
     Gebäudetypen auf Stufe 3+ (Vollausbau) -- das seit v4-68 bestehende Raumstations-Programm
     hatte bisher keinen einzigen Erfolg.
  4) "Wirtschaft" um 2 Erfolge ergänzt: erste eigene Unterfirma gegründet, alle 5 Unterfirmen
     gleichzeitig aktiv -- das eigene Satelliten-Netzwerk (seit v4-14, Vollausbau seit v4-33) war
     ebenfalls komplett unbedacht.
  5) "Erkundung" um 2 Erfolge ergänzt: Kolonie auf Ceres/Titan (neuer Außenkolonie-Zweig seit
     v4-70), gleichzeitige Kolonien auf Mond+Mars+Ceres/Titan.
  6) "Forschung" um 1 Erfolg ergänzt: 10.000 Forschungspunkte insgesamt gesammelt.
- NEU (TODO-ERFOLGE-2, Statistik-Vorarbeit für Punkt 6 oben): Forschungspunkte hatten bisher NUR
  eine aktuelle Bestandsgröße (state.sciencePoints), die beim Freischalten einer Forschung wieder
  sinkt -- ein "X Forschungspunkte gesammelt"-Erfolg wäre damit nach ausreichend Forschung wieder
  entsperrbar/nicht robust gewesen, und dem Statistiken-Tab fehlte die für ein Idle-Spiel übliche
  Lifetime-Ansicht (vgl. bereits vorhandenes lifetimeIncome vs. aktuelles Guthaben). Neue zentrale
  Funktion gainSciencePoints(amount) ersetzt alle bisherigen direkten state.sciencePoints+=-Stellen
  (Missionslandungen, Vorbeiflüge, Auftragsabschluss-Bonus, tägliche Forschungsauftrags-Erträge,
  Kolonie-/Stations-Forschungsaußenposten) und schreibt zusätzlich in den neuen, nie sinkenden
  Zähler state.stats.sciencePointsLifetime. Migration für Altspielstände: fehlt der Zähler, wird
  er großzügig auf den aktuellen Bestand gesetzt (echte Untergrenze). Statistiken-Tab zeigt jetzt
  beide Werte nebeneinander ("Forschungspunkte (aktuell)" oben bei Guthaben/Reputation, neue Zeile
  "Forschungspunkte insgesamt" unten bei den Lifetime-Kennzahlen, analog zu Gesamteinnahmen).

v4-72 (deep_anchor_4_6_34.html)
- FIX (TODO-FORSCHUNGSBAUM-KATEGORIEN-2, Nutzer-Feedback: "mit sortieren meinte ich das gleich
  namige direkt hintereinander, aktuell sind einige ja durcheinander gewürfelt"): die Farb-
  kategorisierung aus v4-71 war korrekt, aber die RESEARCH-Liste selbst war es nicht -- acht
  grundlagen-Einträge (Voyager-/Titan-Trägerrakete, Orbitalwerft, Raumstations-Programm,
  Kolonieschiff-/Frachter-Chassis, Qualitätssicherung, Effiziente Wartung) steckten mitten im
  wirtschaft-Block (zwischen Eigenes Netzwerk und den vier Netzwerk-Expansionsstufen), statt bei
  den übrigen grundlagen-Forschungen zu stehen. Block einfach an die richtige Stelle verschoben --
  computeResearchLayout() bestimmt Spalten/Tiefe ausschließlich über reqAll-Ketten (rekursiv über
  eine ID->Knoten-Map, unabhängig von der Array-Reihenfolge), die Array-Position dient nur als
  Ausgangs-Sortierung innerhalb einer Spalte, die über mehrere Passes per Nachbarschafts-
  Mittelwert weiter optimiert wird -- Verschieben ändert also weder Freischaltlogik noch
  Spalten-Tiefe, sorgt aber dafür, dass gleichnamige/zusammengehörige Forschungen jetzt lückenlos
  hintereinander im Quelltext stehen, was sich in der finalen Zeilen-Anordnung im Baum
  niederschlägt. Alle 70 Einträge, alle reqAll-Referenzen unverändert und geprüft (keine
  Duplikate, keine Vorwärtsreferenz auf noch nicht definierte IDs).

v4-71 (deep_anchor_4_6_33.html)
- NEU (TODO-FORSCHUNGSBAUM-KATEGORIEN, Nutzer-Wunsch: "die forschungs zweige neu sortieren... das
  es auch besser aus siht eventuel auch kartegurirren"): der Forschungsbaum selbst wird weiterhin
  vollautomatisch layoutet (computeResearchLayout(), unverändert) -- der eigentliche Hebel für
  bessere Übersicht ist eine neue Farbkategorisierung, die auf einen Blick zeigt, zu welchem der
  sieben groben Zweige ein Knoten gehört:
  1) Jeder der 70 RESEARCH-Einträge hat jetzt ein cat-Feld: 'grundlagen' (Chassis/Fabrik/Solar/
     Antenne/Tank/Werft/Raumstation), 'wirtschaft' (Eigenes Netzwerk + Expansionsstufen), 'sonden'
     (komplette Sonnensystem-Sondenkette von Sondenprogramm bis Zwergplaneten-Programm),
     'besiedlung' (Crew-Kapsel, Mondbasis, Außenposten-Kolonisierung, Erw. Lebenserhaltung),
     'terraforming' (beide Mars-Terraforming-Stufen), 'interstellar' (Fusionsantrieb bis
     Kolonisierungstechnik/Hyperraumtheorie) und 'intergalaktisch' (Sprungantrieb + komplette
     Galaxien-Kette Andromeda bis NGC 1365).
  2) Neue RESEARCH_CATEGORIES-Konstante mit Farbe + Anzeigename je Zweig.
  3) renderResearch() gibt jedem Knoten einen 4px breiten linken Farbstreifen in der Zweigfarbe
     (als inline style, damit die bestehende Status-Färbung -- grün=erforscht, orange=erforschbar,
     amber=läuft -- an den übrigen drei Rändern unverändert bleibt).
  4) Neue Farb-Legende oberhalb des Baums (id="rtreeCatLegend", einmalig befüllt) neben der
     bestehenden Status-Legende.
  5) renderResearchDetail() zeigt im Detail-Panel zusätzlich den Zweig-Namen mit farbigem Punkt.

v4-70 (deep_anchor_4_6_32.html)
- NEU (TODO-AUSSENKOLONISATION, Nutzer-Wunsch: "kann man noch mehr planeten im sonnensystem
  kolonisieren... welche sind realistisch gesehen möglich inklusive monde"): Ceres und Titan sind
  jetzt kolonisierbar -- realistisch angelehnt an echte Konzeptstudien (Ceres als
  Rohstoff-/Industrieaußenposten im Asteroidengürtel dank geringer Schwerkraft, Titan als
  Langfrist-Kandidat dank dichter Atmosphäre, die vor kosmischer Strahlung schützt; siehe auch
  Diskussion zu Europa/Venus/Callisto als eher unrealistische bzw. andersartige Kandidaten, die
  bewusst NICHT umgesetzt wurden). Fünf Teile:
  1) Neue Forschung 'aussenkolonisation' (220.000 €, reqAll: mondbasis + zwergplanetenProgramm +
     eismondeProgramm) -- zweigt bewusst NICHT von der viel späteren interstellaren
     Kolonisierungstechnik ab, sondern direkt sobald Ceres/Titan überhaupt erreichbar sind, plus
     Mondbasis-Erfahrung als Voraussetzung (Doktrin: Mond zuerst).
  2) Neues Modul 'colonymodAussen' (Außenposten-Kolonie-Modul, 70.000 €, 90 Masse, cat:'colony')
     mit neuem allowedDestKeys:['ceres','titanMond']-Flag, analog zum moonOnly-Flag des
     Mond-Kolonie-Moduls -- wirkt automatisch, da Module generisch über cat:'colony' gelistet
     werden.
  3) DEEP_SPACE.ceres und .titanMond haben jetzt colonizable:true + colonizeResearch:
     'aussenkolonisation'.
  4) tick()-Kolonisierungs-Check (generischer d.colonizable-Pfad UND der Mars-spezifische Pfad)
     prüft jetzt zusätzlich allowedDestKeys, damit das neue Modul nur bei Ceres/Titan wirkt und
     NICHT versehentlich als gültiges Kolonie-Modul für Mars durchgeht.
  5) renderDeepSpace() zeigt für Ceres/Titan jetzt ebenfalls eine "Kolonisierbar"-Zeile (neuer
     generischer Zweig neben den bestehenden Mond-/Mars-Spezialfällen), analog zur bisherigen
     Mond-Anzeige.

v4-69 (deep_anchor_4_6_31.html)
- NEU (TODO-KOLONIE-HIMMEL-MARS, Nutzer-Wunsch: "ob bei den andern kolonien auch der himmel
  farblich angepasst ist... aber bei planetare wie mars nach dem er ja terraformt wurde"): erster
  Anlauf koppelte einen Himmel-Farbverlauf direkt an terraformStageIndex('mars') INNERHALB der
  Kolonie-Kachel (colonyMapSVG()) -- Nutzer-Feedback macht zurecht klar, dass das nie sichtbar
  gewesen wäre: laut Kolonisierungs-Doktrin (siehe v4-Historie TODO-MARS-VOR-MOND) kann eine
  Mars-Kolonie überhaupt erst gegründet werden, NACHDEM Terraforming bereits die letzte Stufe
  „Bewohnbar" erreicht hat -- die Kolonie-Kachel hätte den Übergang also nie gezeigt, immer nur
  den fertigen blauen Endzustand. Fix in zwei Teilen:
  1) colonyMapSVG()/colonySkyStyle() zeigt für eine bestehende Mars-Kolonie jetzt direkt fest die
     letzte Stufe (kein sinnloser Interpolations-Overhead mehr). Mond weiterhin ohne Verlauf.
  2) Der eigentlich interessante graduelle Übergang (rostig-staubig -> blasses Erdblau über alle
     6 TERRAFORM_STAGES) sitzt jetzt stattdessen als neuer Live-Vorschaustreifen
     (terraformSkyPreviewSVG()) direkt im Terraforming-Fortschrittspanel (renderTerraforming())
     -- genau dort, wo der Fortschritt tatsächlich Stufe für Stufe mitverfolgt wird, bevor Mars
     überhaupt kolonisierbar ist. Beide Stellen teilen sich die gleiche neue marsSkyStyle(idx)-
     Basislogik.

v4-68 (deep_anchor_4_6_30.html)
- NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG, Nutzer-Wunsch: "mehr gebeude so wie es realistisch auf
  einer kolonie aus sehen würde"): sechs neue Gebäudetypen in COLONY_BUILDINGS, jeder mit einem
  eigenständigen Effekt statt nur einer weiteren Einkommens-Variante:
  1) Lebenserhaltung -- neue colonyGrowthCap()-Funktion: die tatsächliche Wachstums-Obergrenze
     kann unter dem Habitat-Limit liegen (Basis 300 ohne jede Stufe, +250 je Stufe), tickColonies()
     zielt jetzt auf diesen Deckel statt direkt auf colonyPopCap(). Wirkt NICHT rückwirkend --
     schon vorhandene Bevölkerung schrumpft nie, sie hört nur auf zu wachsen, bis mehr
     Lebenserhaltung gebaut ist (neuer Warnhinweis im Kolonie-Panel, falls das zutrifft).
  2) Gewächshaus -- senkt in colonyUpkeep() die Unterhalts-Rate pro Kopf um 8%/Stufe (Deckel 70%).
     colonyUpkeep() zählt jetzt außerdem generisch ALLE Gebäudetypen für den Bauten-Unterhalts-
     posten (Object.keys(COLONY_BUILDINGS) statt dreier fest verdrahteter Felder).
  3) Krankenstation -- mildert in colonyEffectiveIncome() den Einkommens-Effekt eines aktiven
     NEGATIVEN Kolonie-Ereignisses (Staubsturm/Ressourcenmangel) um 12%/Stufe (Deckel 80%),
     lässt einen Aufschwung (Boom) unverändert voll wirken.
  4) Raumhafen -- destCostMult() gibt jetzt Rabatt auf Startkosten zu Zielen, an denen eine Kolonie
     mit diesem Gebäude existiert (5%/Stufe, Deckel 50%) -- wirkt automatisch überall, wo
     destCostMult() schon verwendet wird (Zielkatalog, Zielauswahl-Chip, Startbestätigung).
  5) Forschungsaußenposten -- neue colonySciencePerDay(), in tickColonies() an state.sciencePoints
     ausgezahlt: proportional zur Kolonie-Bevölkerung, unabhängig vom Forschungsauftrags-System.
  6) Freizeitanlage -- beschleunigt in tickColonies() die tägliche Wachstumsrate um 12%/Stufe.
  Kolonie-Panel (renderKolonien()) zeigt für jeden Gebäudetyp jetzt den passenden Effekttext statt
  nur "+X% Einkommen"/"+X Kapazität".
- NEU (TODO-KOLONIE-VISUALISIERUNG, Nutzer-Wunsch: "eventeul sogar ne 2 oder 3 d ansicht das es
  cooler aus siht"): neue colonyMapSVG()-Funktion zeichnet pro Kolonie eine stilisierte 2D-
  Seitenansicht als Inline-SVG -- ein eigenes kleines Icon je Gebäudetyp mit Stufe>0 auf einer
  gemeinsamen Horizontlinie (Anzahl gezeichneter Icons = min(Stufe,5), tatsächliche Stufe steht
  zusätzlich als Beschriftung daneben). Bewusst als leichtgewichtiges SVG statt echtem 3D/
  Three.js -- passt zum bestehenden Look (siehe drawSolarMap()) ohne neue Rendering-Pipeline,
  nutzt dieselben CSS-Variablen wie der Rest der Seite und reagiert automatisch auf einen
  Theme-Wechsel. Wird direkt unter der Kolonie-Überschrift im Kolonie-Panel eingebunden.

v4-67 (deep_anchor_4_6_29.html)
- FIX (TODO-KOLONIE-EINKOMMEN-REPARATUR, Nutzer-Feedback zum Screenshot der Mond-Kolonie: "1700/
  1700 Bevölkerung, Habitat Stufe 10, Fabrik/Antenne Stufe 3, trotzdem nur €36 Einkommen bei €435
  Unterhalt ... irgend wie stimt da immer noch was nicht"): der ursprüngliche TODO-PRO-KOPF-
  WIRTSCHAFT-Migrationscode (ensureColonyDefaults()) rechnete den alten fixen Kolonie-Einkommens-
  wert in einen Pro-Kopf-Satz um, indem er ihn durch die AKTUELLE Bevölkerung teilte -- bei einer
  längst auf 1700 gewachsenen Kolonie (statt der ursprünglichen Gründungs-Bevölkerung von 50)
  ergab das einen für immer eingefrorenen, winzigen incomePerPop-Wert. Jeder weitere Fabrik-/
  Antennenausbau multiplizierte diesen kaputten Wert nur weiter, ohne ihn je zu korrigieren --
  die Kolonie blieb strukturell dauerhaft im Minus. Zwei Teile:
  1) Die Migrationsformel selbst teilt jetzt durch die feste Gründungs-Bevölkerung (50, wie in den
     Kolonie-Gründungsstellen), nicht mehr durch die aktuelle -- betrifft nur den (mittlerweile
     seltenen) Fall einer erstmaligen Migration.
  2) Neue Reparatur-Prüfung für Kolonien, die den Bug bereits vor diesem Fix durchlaufen haben:
     liegt der gespeicherte incomePerPop-Satz weit unter dem, was die Gründungsformel für das
     jeweilige Ziel eigentlich vorsieht (Mars: 5.0, alle anderen inkl. Mond: 0.4), wird er einmalig
     auf diesen korrekten Satz zurückgesetzt.

v4-66 (deep_anchor_4_6_28.html)
- FIX (TODO-FORSCHUNGSPUNKTE-UI-2, Nutzer-Feedback zum Screenshot des "Sonnensystem —
  Erkundungsprogramm"-Katalogs: "ich sehe da nix von forschungs punkte"): v4-65 hatte die FP-
  Anzeige nur im Zielauswahl-Chip beim tatsächlichen Start ergänzt (renderDeepSpaceDestChoice()),
  nicht aber im separaten Katalog-Tab (renderDeepSpace(), die im Screenshot gezeigte Ansicht mit
  "Wiss. Ertrag (Vorbeiflug)") und nicht in der Startbestätigung (confirmDeepSpaceArea(),
  "Wiss. Ertrag bei Erfolg"). Jetzt an allen vier Stellen konsistent: neue Zeile "Forschungspunkte"
  (violett) direkt unter dem bestehenden Geld-Ertrag -- in der Startbestätigung zusätzlich mit dem
  tatsächlichen Landungs-/Bemannt-Bonus (rewardMult) multipliziert, damit die Zahl exakt dem
  entspricht, was am Ende wirklich gutgeschrieben wird.

v4-65 (deep_anchor_4_6_27.html)
- NEU (TODO-FORSCHUNGSPUNKTE-UI, Nutzer-Wunsch: "kanst du auch im reiter sonnen system den ertrag
  hin zufügen was ich bekomme an forschungs punkte"): jeder Zielkörper-Chip in der Missionsziel-
  Auswahl (renderDeepSpaceDestChoice(), alle Gruppen inkl. "Sonnensystem") zeigt jetzt zusätzlich
  zum Geldpreis den FP-Ertrag (violett, ⚗-Symbol) -- inklusive Hinweis "(Wiederholung)", falls das
  Ziel schon erkundet ist und der reduzierte Ertrag greift.
- BALANCE (TODO-FORSCHUNGSPUNKTE-REBALANCE-2, Nutzer-Feedback: "eventuel halbiren des ertrages
  habe eine mission zum mars geschikt und 14400forschungs punkte bekommen" -- eine einzelne
  Wiederholungsmission finanzierte damit fast im Alleingang eine ganze Forschung): missionScience-
  PointsFor() zieht jetzt zusätzlich pauschal *0.5 auf das Ergebnis von v4-63/64 (Erstflug 50% von
  scienceReward statt 100%, Wiederholungsflug 20% statt 40% -- weiterhin nie null).

v4-64 (deep_anchor_4_6_26.html)
- BALANCE (TODO-FORSCHUNGSPUNKTE-REBALANCE, Nutzer-Feedback: "vielzu wenig forschungs punkte die
  man benötigt ... habe nach 6 oder 7 forschungs missionen über 5k forschungs punkte ... die
  forschungs punkte sollten mindestens so hoch sein wie die euro zahl, heist bei einer forschung
  die 12k kostet solte es auch 12k forschungs punkte sein"): v4-63 nutzte für Punktekosten
  (researchSciencePointsFor) und für Punkte-Einkommen (contractSciencePointsPerDay,
  missionSciencePointsFor) zwei UNABHÄNGIGE sqrt()-Formeln -- beide zufällig viel kleiner als der
  Euro-Wert, wodurch Forschungspunkte praktisch geschenkt waren (5k Punkte nach nur 6-7 Aufträgen,
  während eine 12k-Forschung nur ~17 Punkte kostete). Jetzt beide Seiten 1:1 an bestehende Euro-
  Werte gekoppelt, damit sie zueinander passen -- keine neue, separat zu tunende Kurve mehr:
  - researchSciencePointsFor(r): Punktekosten = unskalierter Euro-Grundpreis der Forschung
    (r._baseCost bzw. r.cost), 1:1. 'payloadRes' bleibt weiterhin die einzige Ausnahme
    (noSciencePoints:true).
  - contractSciencePointsPerDay(): täglicher Punkte-Ertrag laufender Forschungsaufträge = deren
    rewardPerTick, 1:1 (bewusst OHNE Marktboom/-einbruch-Einfluss, den contractDailyIncome() beim
    Geld einrechnet -- Forschungspunkte sollen nicht mit dem Geldmarkt schwanken). Abschluss-Bonus
    bleibt wie beim Geld *3 (unveränderte Formel, profitiert automatisch von der neuen Basis).
  - missionSciencePointsFor(): Punkte-Ertrag von Sondenmissionen = d.scienceReward, 1:1 beim
    Erstflug, 40% davon bei Wiederholungsflügen (unverändert ggü. v4-63 -- weiterhin nie null,
    Nutzer-Wunsch: "auch wen man es heufiger macht").

v4-63 (deep_anchor_4_6_25.html)
- NEU (TODO-FORSCHUNGSPUNKTE, Nutzer-Wunsch: "will ein 2 system machen forschungs punkte plus
  geld also das man eine gewisse forschungs punkte sammeln mus bevor man das erforschen kan ...
  forschungs modul ohne forschungs punkte nur geld forschen dan alles andere mit punkte und geld
  bekomme bei forschungs aufträgen forschungs punkte und geld und bei später sonden program und
  pionir bekomme ich die forschungs punkte über das forschen an fliegen auch wen man es heufiger
  macht"): zweite Ressource neben Geld für den kompletten Forschungsbaum (state.sciencePoints,
  Migration in renderAll() für Altspielstände). Konkret:
  1) researchSciencePointsFor(r): Punktekosten pro RESEARCH-Eintrag werden -- wie schon
     researchDaysFor() die Forschungsdauer -- direkt aus dem bestehenden Geldpreis abgeleitet
     (Wurzelskalierung), statt alle ~150 Einträge einzeln von Hand zu pflegen. EINZIGE Ausnahme:
     'payloadRes' (schaltet das Forschungsinstrument frei) bekommt noSciencePoints:true und bleibt
     geld-only -- sonst gäbe es ein Henne-Ei-Problem, da genau dieses Modul die Voraussetzung für
     die erste Punktequelle (Forschungsaufträge) ist. buyResearch() prüft/zieht jetzt beide
     Ressourcen ab, Forschungsbaum-Knoten/Detailpanel (renderResearch()/renderResearchDetail())
     zeigen die FP-Kosten zusätzlich zum Geldpreis und sperren den Button separat, wenn nur die
     Punkte fehlen (auch wenn genug Geld da wäre).
  2) contractSciencePointsPerDay(): Forschungsaufträge (type:'forschung', brauchen das
     Forschungsinstrument an Bord) liefern jetzt zusätzlich zum bisherigen Geld-Ertrag täglich
     Forschungspunkte (tick()), plus anteiliger Abschluss-Bonus beim Auslaufen -- analog zum
     bestehenden Geld-Bonus. Alle anderen Auftragstypen bleiben unverändert reine Geldquellen.
  3) missionSciencePointsFor(): Sondenmissionen (Mond/Venus/Mars/... ab sondenprogramm bzw.
     Pioneer-Rakete für weiter entfernte Ziele) liefern beim Erreichen zusätzlich zum bestehenden
     d.scienceReward-Geldertrag Forschungspunkte, an allen drei bestehenden Auszahlungsstellen in
     tick() (erfolgreiche Landung, abgebrochene Landung/Absturz, reiner Vorbeiflug ohne
     Landeversuch). Wiederholte Flüge zum selben Ziel geben -- ausdrücklicher Nutzer-Wunsch --
     weiterhin Punkte, nur mit Malus (40% des Erstflug-Werts) statt wie beim Geld unverändert voll.
  4) Anzeige: neuer HUD-Posten "Forschungspunkte" (violett, passend zur bestehenden
     PAYLOAD_TYPES.forschung-Farbe) neben Guthaben/Reputation, zusätzlich im Statistiken-Tab.

v4-62 (deep_anchor_4_6_24.html)
- NEU (Massenstart für Module, Nutzer-Wunsch: "wen ich zumbeispiel 400 module gebaut habe will ich
  nicht nur 6 oder wenige ankliken rakete hoch schiken sondern eher alle nehmen und der macht dan
  automatische berechnung wiviel raketen wir brauchen natürlich mus drauf geachtet werden das kein
  modul halb in eine rakete past"): bisher konnte man Module im Modul-Hangar nur einzeln per +/−
  zur Stapel-Auswahl hinzufügen -- bei z.B. 400 Modulen unpraktisch. Jetzt:
  1) Neuer Button "Alle auswählen" holt in einem Klick JEDES Modul im Hangar in die Auswahl
     (selectAllModulesForStack()), daneben "Auswahl aufheben".
  2) launchModuleStack() suchte bisher IMMER nur eine einzige gemeinsame Rakete für die komplette
     Auswahl und scheiterte bei zu großer Gesamtmasse einfach mit "zu schwer für jede Rakete".
     Neue Funktion launchModuleStackAuto(): passt die Auswahl noch auf eine Rakete, läuft weiterhin
     der normale Einzel-Stapelstart. Ist sie zu schwer, verteilt packModulesForAutoLaunch() sie
     automatisch per First-Fit-Decreasing auf möglichst wenige Raketen-Ladungen -- jede Ladung
     bleibt unter der Kapazitätsgrenze der stärksten freigeschalteten Rakete, ein einzelnes Modul
     wird dabei NIE aufgeteilt (passt ein Modul nie mit hinein, wird komplett die nächste Ladung
     begonnen). Jede Ladung bekommt danach für sich die günstigste Rakete, die ihre TATSÄCHLICHE
     Masse trägt (kleine Restladungen landen so oft auf einer billigeren Rakete statt der größten).
  3) Die Anzahl nötiger Raketen und die Gesamtkosten werden schon VOR dem Klick im Stapel-Bereich
     angezeigt ("Automatisch auf N Rakete(n) verteilen & starten (X€ gesamt)"). Module, die schon
     allein schwerer sind als jede verfügbare Rakete, werden dabei erkannt, übersprungen (bleiben
     im Hangar) und separat als Warnung angezeigt.
  4) Alle Ladungen werden beim Klick sofort reserviert (state.moduleLaunchQueue, Snapshot der
     Modul-Daten in der Ladung selbst, Einträge raus aus state.moduleHangar) -- die erste Ladung
     startet sofort inkl. normalem Start-Video/Risiko wie jeder Raketenstart, alle weiteren
     erscheinen als Warteschlange im Modul-Hangar (renderModuleLaunchQueue()) mit eigenem
     "Nächste Rakete starten"-Button, analog zum bestehenden state.werftQueue-Muster für
     Komplettschiffe. Startkosten werden weiterhin erst PRO tatsächlichem Start abgebucht, nicht
     die Gesamtsumme im Voraus.
- BUGFIX (Nutzer-Feedback: "orbitwerft kann den lande knopf nicht betätigen ob wohl alles drin
  ist"): renderAssemblyDeepConfirm() (Landung-/Besatzung-Toggle im Montage-Panel der Orbitalwerft)
  band den "checked"-Zustand der Lande-Checkbox versehentlich an d.attemptCrewed statt an
  d.attemptLanding -- ein Copy-Paste-Rest von der Besatzungs-Checkbox direkt darunter. Klick auf
  "Landung versuchen" hat intern zwar korrekt d.attemptLanding umgeschaltet (assemblyToggleLanding()
  war nie kaputt), aber beim Neu-Rendern zeigte die Checkbox trotzdem wieder unangehakt an, solange
  keine bemannte Mission aktiv war -- wirkte so, als würde der Klick gar nichts bewirken. Fix:
  checked-Attribut liest jetzt d.attemptLanding, zusätzlich (wie schon bei den beiden anderen
  Landung-Toggle-Stellen im Code, renderWerftDeepSpaceTarget/renderDeepSpaceLaunchStep) eine
  explizite toggle.checked-Zuweisung nach dem Rendern als zusätzliche Absicherung.
- TODO (Nutzer-Wunsch: "am besten wäre erst bauen dan start vorbereitung und nicht alles
  glichzeitig"): aktuell müssen Chassis, Module UND Missionsziel/Landung-Auswahl komplett VOR dem
  Klick auf "Schiff zusammenbauen" feststehen (confirmAssembly() speichert diese Auswahl direkt
  mit ins moduleAssemblyQueue-Element). Ein zweistufiger Ablauf (erst bauen, danach -- ähnlich wie
  im normalen Hangar -- Ziel/Landung getrennt am fertigen Schiff wählen) wäre ein größerer Umbau
  der Werft-Montage und noch nicht umgesetzt.
- BUGFIX (Nutzer-Feedback: "1700 befölkerrung aber 30 euro einkommen und der unterhalt kostet 180
  euro"): colonyEffectiveIncome() hatte anders als jede andere Einkommensquelle im Spiel (Verträge,
  Eigenes Netzwerk, sogar stationEffectiveIncome()) kein getDifficulty().incomeMult eingerechnet --
  colonyUpkeep() bekam den Schwierigkeits-Kosten-Malus (getDifficulty().costMult) dagegen sehr wohl.
  Auf "Schwer"/"Sehr schwer"/"Höllisch schwer" wurde der Unterhalt so künstlich teurer, ohne dass
  das Einkommen gegengesteuert hat. Fix: fehlenden Multiplikator ergänzt.

v4-61 (deep_anchor_4_6_23.html)
- Orbit-Lager-Übersicht komprimiert (Nutzer-Wunsch: "das orbit lager müsste alle einheiten
  komprimiert werden und nur die anzahl die dort sind anzeigen"): #orbitModulePoolList zeigte
  bisher JEDEN einzelnen Pool-Eintrag als eigene Zeile mit eigenem "Deorbitieren"-Button -- bei
  z.B. 12x Solarpanel I also 12 optisch identische Zeilen zum Durchklicken. Die Montage-Auswahl
  selbst (assemblyPoolGroups(), siehe v3.9-fix26/TODO-WERFT-KOMPAKT) war schon lange kompakt,
  nur diese reine Übersichtsliste des Lagers war noch übersehen worden. Jetzt: eine Zeile PRO
  Modultyp (nutzt dieselbe assemblyPoolGroups()-Gruppierung wieder), zeigt "X verfügbar" statt X
  einzelner Zeilen. "Deorbitieren" wirkt jetzt auf den Typ (scrapOrbitModuleOfType()) und nimmt
  bevorzugt ein noch nicht für die aktuelle Montage reserviertes Exemplar -- analog zu
  scrapModuleOfType() beim Modul-Hangar. Unter der Haube unverändert: state.orbitModulePool
  bleibt weiterhin eine flache Liste einzelner Einträge, nur die Anzeige ist jetzt gruppiert.

v4-60 (deep_anchor_4_6_22.html)
- BUGFIX (Nutzer-Feedback: "im galaxi milchstrassen ansicht sternenkarte stellarnachbarschaft ...
  alle hintereinander geht nicht, da wird dann das fenster überproporzional größer soweit das es
  außerhalb des bildes verschwindet"): Ursache war NICHT fitDosAsciiMap() selbst, sondern dass eine
  einzelne, komplett unbegrenzte Zeile (white-space:pre, keine Obergrenze -- z.B. alle Sterne einer
  Distanzband in EINER Zeile) in Grid-/Flex-Layouts die intrinsische (Inhalts-)Breite eines Panels
  hochtreiben kann, obwohl die Box selbst width:100% hat: Prozentbreiten zählen bei der
  intrinsischen Breitenberechnung von Grid/Flex laut Spezifikation wie 'auto', der Browser rechnet
  für die Spaltenbreite also trotzdem mit der vollen, ungebremsten Inhaltsbreite -- und scrollWidth
  (worauf fitDosAsciiMap() seine Skalierung stützt) spiegelt bei overflow:visible-Elementen diesen
  Überlauf gar nicht zuverlässig wider, konnte den Fall also nicht erkennen. Trat bisher nicht auf,
  weil Orbit-/Sonnensystem-Karte feste, kurze Zeilenbreiten (~44 Zeichen) haben -- die neue
  Sternenkarte kann je nach Datenlage aber beliebig viele Namen in einer Zeile aneinanderreihen.
  Fix: neue dosWrapItems()-Hilfsfunktion bricht solche Listen jetzt hart auf eine feste maximale
  Zeilenbreite (56 Zeichen) um, wie bei einem echten Text-Terminal -- angewendet auf alle vier
  Stellen, die Listen variabler Länge zu einer Zeile zusammenfügen (Sternenkarte-Distanzbänder,
  Sonnensystem-Gruppen, Sprungziel-Liste einer Galaxie, Himmelskörper-Liste eines Ziels). Damit
  kann die intrinsische Breite gar nicht erst außer Kontrolle geraten, unabhängig vom umgebenden
  Layout -- fitDosAsciiMap() bleibt zusätzlich als Absicherung für sehr schmale Panels bestehen.

v4-59 (deep_anchor_4_6_21.html)
- NEU (DOS-Stil, Nutzer-Wunsch "schön jetzt zu den andern maps"): alle übrigen Canvas-Karten des
  Galaxie-Tabs bekommen jetzt ebenfalls einen ASCII-Ersatz, analog zur Orbit-/Sonnensystem-Karte:
  Sternenkarte (galaxyMapCanvas) als nach Distanzband gruppierte Textliste, Sternsystem- und
  Sprungziel-Detailkarte (starSystemMapCanvas/targetPlanetMapCanvas) als Körperliste mit
  Zielmarkierung, Galaxie-Detailkarte (andromedaMapCanvas) als Sprungziel-Liste. Diese vier sind
  rein dekorativ, da die eigentliche Auswahl schon vorher über die bestehenden Zielkarten
  (galaxyGrid/andromedaGrid) lief.
- NEU: Der Galaxien-Hub (galaxyHubCanvas) ist die einzige Stelle, an der die Galaxie selbst
  gewechselt wird -- dafür gibt's jetzt ein echtes klickbares Text-Menü (jede Zeile: Name,
  Entfernung, Status-Tag wie [OFFEN]/[KOLONIE]/[GESPERRT]), das die Canvas-Auswahl per Klick
  vollständig ersetzt.
- Alle neuen ASCII-Elemente sind an renderGalaxy()/renderStarSystemDetail()/renderAndromeda()/
  renderGalaxyTargetDetail() sowie an den Tab-Wechsel- und Theme-Umschalt-Handler gehängt, damit
  sie immer aktuell sind, ohne den bestehenden Grafik-Modus (dort bleiben die echten Canvas-Karten
  unverändert sichtbar) zu beeinflussen.

v4-58 (deep_anchor_4_6_20.html)
- ANGEPASST (Nutzer-Wunsch: "was ist mit dem Fenster selber -- beim Original-Thema ist es ja
  immer gleich wie das Fenster selbst, also links/rechts am Rand, und ändert sich mit der Größe
  des Displays"): der echte Canvas (#orbitCanvas etc.) hatte immer width:100% und lag damit
  randbündig am Panel, passte sich also automatisch dessen Breite an. Die ASCII-Box schrumpfte
  bisher dagegen auf ihren tatsächlichen Textinhalt und "schwebte" mit Schwarzraum links/rechts
  in der Panel-Mitte statt den Rand zu berühren. Jetzt bekommt .dos-ascii-map selbst width:100%
  (exakt wie vorher der Canvas) -- der ASCII-Inhalt bleibt weiterhin per text-align:center (siehe
  v4-57) innerhalb dieser vollen Breite zentriert. Die automatische Verkleinerung aus v4-55/v4-56
  (fitDosAsciiMap()) bleibt als Absicherung für sehr schmale Panels/Mobilgeräte bestehen, für die
  selbst das 44 Zeichen breite Ring-Raster zu breit wäre.

v4-57 (deep_anchor_4_6_19.html)
- BUGFIX (Nutzer-Feedback per Screenshot: "der Kasten ist kleiner, sieht nicht mehr toll aus und
  das Diagramm ist nicht in der Mitte"): eigentliche Ursache war, dass die Zusammenfassungszeile
  unter dem Ring-Raster ("L=LEO: 104 Satellit(en)  M=MEO: ...  G=GEO: ...") je nach Satellitenzahl
  deutlich länger ist als die 44 Zeichen breite Ring-Grafik selbst. Ein <pre> richtet Text
  standardmäßig linksbündig aus -- dadurch klebte das schmalere Ring-Raster am linken Rand der
  Box, während die breite Zusammenfassungszeile die volle Boxbreite vorgab. Das erzeugte genau
  den schiefen, "nicht mittigen" Eindruck aus dem Screenshot (und dadurch wirkte die eigentliche
  Ring-Grafik kleiner, als sie ist). Fix: text-align:center auf .dos-ascii-map -- jede Zeile wird
  jetzt unabhängig von ihrer Länge innerhalb der Box zentriert, Ring-Raster und Zusammenfassung
  liegen dadurch auf derselben Mittelachse. Kein Einfluss auf die automatische Größenanpassung aus
  v4-55/v4-56 (fitDosAsciiMap() misst weiterhin dieselbe tatsächliche Inhaltsbreite).

v4-56 (deep_anchor_4_6_18.html)
- BUGFIX: "Uncaught Error: ResizeObserver loop completed with undelivered notifications." Ursache:
  der in v4-55 eingeführte ResizeObserver beobachtete .dos-ascii-map-wrap, dessen Höhe
  fitDosAsciiMap() im selben Callback selbst setzt -- ein Observer, der ein Element beobachtet,
  das sein eigener Callback verändert, läuft in eine Rückkopplungsschleife, die der Browser genau
  mit dieser Fehlermeldung abbricht. Fix: der Observer beobachtet jetzt das ELTERNELEMENT des
  wraps (das .panel, dessen Breite wir nie verändern) statt des wraps selbst, die eigentlichen
  DOM-Schreibvorgänge laufen zusätzlich per requestAnimationFrame entkoppelt vom Callback, und
  Transform/Höhe werden nur noch geschrieben, wenn sich der Wert tatsächlich ändert.

v4-55 (deep_anchor_4_6_17.html)
- KORRIGIERT (Nutzer-Feedback: "das Fenster sollte so bleiben, eventuell nach oben/unten größer --
  mit zentrieren meinte ich die Darstellung, das es automatisch ist, es ist ja kein echtes DOS"):
  die v4-54-Lösung (display:table + margin:auto) hat die Panel-Breite unangetastet gelassen, aber
  bei zu schmalem Panel weiterhin zum horizontalen Wegscrollen der ASCII-Karte gezwungen -- genau
  das störte. Jetzt skaliert eine neue fitDosAsciiMap()-Funktion die Karte per CSS transform:scale
  automatisch so herunter, dass sie IMMER vollständig ins Panel passt, ganz ohne dass sich die
  Panel-/Fenstergröße selbst ändert. Läuft bei jedem Neu-Rendern der Karte sowie über einen
  ResizeObserver bei jeder Größenänderung des Panels (Fenster-Resize, Sidebar, Tab-Wechsel, Mobil-
  Rotation, ...) -- kein manuelles Nachjustieren mehr nötig, genau wie bei einer echten
  responsiven Oberfläche (ist ja ohnehin kein echtes DOS-Gerät mit fester Zeichenauflösung).
  Betrifft Orbit- UND Sonnensystem-ASCII-Karte gleichermaßen (gemeinsame .dos-ascii-map-Klasse).

v4-54 (deep_anchor_4_6_16.html)
- ANGEPASST (Nutzer-Wunsch: "Ringe etwas weiter auseinandernehmen, Darstellung zentrieren, plus
  mehr Satelliten -- 1 Punkt pro 100 Satelliten, unter 100 auch einer"):
  1) Ring-Radien deutlich weiter auseinandergezogen (2.3/3.9/5.6 -> 2.2/5.0/8.2), Grid dafür auf
     44x19 vergrößert.
  2) Zentrierung: .dos-ascii-map von block auf display:table umgestellt (ein <pre> ist normalerweise
     block-level und damit von Natur aus linksbündig-breit, margin:auto hätte da nichts bewirkt) --
     table schrumpft auf den tatsächlichen Inhalt, wodurch margin:0 auto den Block im Panel
     zentriert. Dabei eine versehentlich doppelt vorhandene Regel für dieselbe Klasse zu einer
     zusammengefasst.
  3) Punktedichte pro Ring jetzt an die echte Satellitenzahl gekoppelt (dosOrbitDotCount()): ein
     Punkt pro angefangene 100 Satelliten, mindestens 1 sobald überhaupt einer da ist, gedeckelt bei
     12 pro Ring gegen Gewusel bei sehr großen Beständen.

v4-53 (deep_anchor_4_6_15.html)
- UMGEBAUT (Nutzer-Wunsch: "kannst du noch Bewegung reinbringen? würde die alte runde Darstellung
  jetzt auch gehen?"): zurück zur Ring-Darstellung mit echten wandernden Satelliten-Punkten statt
  der statischen Eckzähler-Kästen aus v4-51. Die Kreisgeometrie war schon in v4-50 mathematisch
  sauber (parametrischer Kreis, gleichmäßige Punktverteilung) -- der Grund, warum es im Spiel
  trotzdem verzerrt aussah, war vermutlich der Leerzeichen-Kollaps-Bug im Icon-Sanitizer (siehe
  v4-52), nicht die Kreisform an sich. Jetzt wo der behoben ist: wieder Ringe, aber deutlich
  kompakter (36 statt vorher 54 Spalten) als zusätzliche Absicherung gegen das Seitwärts-
  Verschieben-Problem, plus 3 statt 2 sichtbare Satelliten-Punkte pro Ring für mehr erkennbare
  Bewegung (max. 9 insgesamt).

v4-52 (deep_anchor_4_6_14.html)
- GEFIXT (Nutzer-Feedback: "die Box sieht zusammengeschoben aus, du musst Leerzeichen setzen"):
  Ursache war nicht die Box-Zeichnung selbst, sondern der Icon-/Emoji-Sanitizer (dosSanitizeTextNode)
  -- der lief per MutationObserver über JEDEN Textknoten im <body>, inklusive der neuen ASCII-
  Rechteck-Karte, und eine seiner Aufräum-Regeln (/[ \t]{2,}/g -> ' ') kollabierte dabei alle
  mehrfachen Leerzeichen der Box-Zeichnung zu je einem einzelnen -- das hat die ganze Ausrichtung
  zerstört. Fix: Textknoten innerhalb von .dos-ascii-map (Orbit-/Sonnensystem-Karte) werden vom
  Sanitizer jetzt komplett übersprungen, da sie ohnehin nur Box-Zeichen/ASCII ohne Icons enthalten.

v4-51 (deep_anchor_4_6_13.html)
- UMGEBAUT (Nutzer-Feedback "bei mir wird alles zur Seite geschoben" + Vorschlag "eventuell 3-4
  Ecken für die jeweilige Umlaufbahn"): zwei Probleme auf einmal behoben.
  1) Layout-Bug: das 54 Zeichen breite <pre> (Orbit-ASCII-Karte) hatte zwar selbst overflow-x:auto,
     aber das umgebende .panel hatte kein min-width:0 -- ohne das zwingt ein breiter, nicht
     umbrechender Inhalt einen Flex-/Grid-Container dazu, sich aufzublähen statt selbst zu
     scrollen, was die ganze Spalte daneben zur Seite schob. .panel bekommt jetzt global
     min-width:0 als Absicherung.
  2) Kreis-Näherung komplett ersetzt durch den vorgeschlagenen Ansatz: drei verschachtelte
     Rechtecke (LEO/MEO/GEO) aus Box-Zeichnen-Rahmen, passend zum Rahmen-Stil der echten Fenster.
     Nur noch 40 statt 54 Spalten breit. Satelliten werden nicht mehr als (ungenaue) Einzelpunkte
     auf einer Kreisbahn genähert, sondern pro Ring als Zähler an den 4 Ecken dargestellt -- jede
     Ecke deckt ein Viertel des Winkelbereichs ab, robust auch bei mehreren hundert Satelliten
     ohne Sampling.

v4-50 (deep_anchor_4_6_12.html)
- GEFIXT (Nutzer-Feedback "die Punkte sind merkwürdig angeordnet" zum Orbit-ASCII-Radar): die
  Ring-Kreise wurden bisher per Abstands-Toleranz-Scan über alle 54x15 Zellen gezeichnet -- das
  erzeugte je nach Zeile eine völlig ungleiche Punktdichte (nachgemessen beim GEO-Ring:
  0/1/8/4/4/4/2/4/2/4/4/4/8/1/0 Punkte pro Zeile), also mal dicht gedrängte Klumpen, mal Lücken.
  Kein erkennbarer Ring, eher wirres Streumuster. Fix: die Ringe werden jetzt parametrisch
  abgelaufen (feste Winkelschritte statt Zellen-Scan), was eine gleichmäßige, symmetrische
  Punktverteilung ergibt.

v4-49 (deep_anchor_4_6_11.html)
- GEFIXT (auf Nutzerfrage "warum sieht das so aus?" samt Screenshot): v4-48 zeigte bis zu 6 Satelliten
  PRO Ring, macht bis zu 18 Punkte insgesamt -- die verschmolzen mit den Ring-Punkten wieder zu genau
  dem Rauschen-Bild, das v4-47 eigentlich beheben sollte. DOS_ORBIT_MAX_DOTS von 6 auf 2 pro Ring
  reduziert (max. 6 insgesamt). Außerdem Zeichenreihenfolge getauscht: die L/M/G-Buchstaben-Marker
  werden jetzt NACH den Satelliten-Punkten gezeichnet statt davor, damit sie nicht mehr zufällig von
  einem Satelliten überschrieben werden, der genau auf dieselbe Zelle fällt.

v4-48 (deep_anchor_4_6_10.html)
- NEU (auf Nutzerfrage "blinken dort auch Satelliten auf oder ist es nur noch ne Darstellung? wenn's
  nur ne Darstellung ist brauchen wir sowas ja nicht"): Antwort war bisher "nur Deko" -- jetzt zeigt
  das ASCII-Radar ECHTE Satelliten. Pro Ring werden bis zu 6 tatsächliche Satelliten aus
  state.orbitSats als '*' auf dem Ring eingeblendet, Position kommt direkt aus ihrem echten
  s.angle (demselben Wert, den auch die normale Canvas-Karte verwendet und der im Hintergrund
  ständig weiterläuft). Eine neue, leichtgewichtige 550ms-Schleife (enableDosOrbitAnim(), analog zum
  bestehenden Icon-Sanitizer-Ein/Aus-Muster) berechnet die Punkte periodisch neu, wodurch sie sich
  sichtbar auf ihrem Ring bewegen. Bei vielen hundert Satelliten (v.a. GEO) werden bewusst nur bis
  zu 6 gleichmäßig aus der Liste entnommen statt aller -- mehr wäre auf 54×15 Zeichen ohnehin nicht
  lesbar, ein paar bewegte Punkte reichen als Beleg, dass es keine Standbild-Deko mehr ist.

v4-47 (deep_anchor_4_6_9.html)
- GEFIXT (auf Nutzer-Feedback "orbit netz sieht kacke aus" samt Screenshot): das zufällige ASCII-
  Sternenfeld der Orbit-Karte wirkte wie reines Bildrauschen ohne erkennbaren Bezug zu Orbits.
  Ersetzt durch ein sauberes ASCII-Radar mit drei echten konzentrischen Ringen für LEO/MEO/GEO
  (DOS_ORBIT_RINGS), Fadenkreuz durch den Mittelpunkt und Einzelbuchstaben-Markern (L/M/G) am
  rechten Rand jedes Rings. Die Kreis-Rundung berücksichtigt das Höhe-Breite-Verhältnis von
  Konsolenschrift (horizontaler Abstand beim Distanz-Check halbiert), damit die Ringe rund statt
  gestaucht wirken. Gilt für Erd- UND Kolonie-Orbit, da beide dasselbe gemeinsame #orbitAsciiMap-
  Element nutzen.

v4-46 (deep_anchor_4_6_8.html)
- NEU (TODO-UI-STIL, Fortsetzung ASCII-Karten): zwei weitere Canvas-Karten unter dem DOS-Stil auf
  Text umgestellt.
  1) Orbit-Karte (Kolonien): das bisherige gemeinsame #orbitAsciiMap-Element saß fest in
     #orbitEarthMapWrap und wurde beim Umschalten auf eine Kolonie unsichtbar (weil der gesamte
     Wrap dann display:none bekommt) -- renderOrbitAsciiMap() liest aber schon immer dynamisch den
     aktuell gewählten Standort (orbitViewLocation) aus, das war also nur eine Platzierungslücke.
     #orbitAsciiMap sitzt jetzt als gemeinsames Element außerhalb beider Wraps und deckt Erde UND
     jede Kolonie ab, der Kolonie-Canvas wird unter dem DOS-Stil jetzt ebenfalls ausgeblendet.
  2) Sonnensystem-Karte (Sonnensystem-Tab): neue renderSolarAsciiMap() gruppiert die Körper aus
     SOLAR_MAP_BODIES exakt wie die Klammern auf der echten Karte (Gesteinsplaneten,
     Asteroidengürtel, Gasplaneten, Eisriesen, Kuipergürtel), Status je Körper in Klartext-Klammern
     statt Farbring ([-]/[ERREICHT]/[GELANDET]/[BEMANNT]/[TRANSIT]). Erde bekommt keinen Status
     (kein Missionsziel). Exakte Details liefert weiterhin die bestehende Zielliste darunter
     (deepSpaceGrid), die dafür unverändert bleibt.
  Noch offen: Galaxie-Karte, Galaxie-Hub, Sternsystem-Karte, Andromeda-Karte und die Werft-
  Vorschau -- folgen in den nächsten Schritten.

v4-45 (deep_anchor_4_6_7.html)
- ÜBERARBEITET (TODO-UI-STIL, Fortsetzung, auf Nutzerwunsch: "bei den Aufträgen sind ja auch noch
  Farben"): --cyan-dim und --accent-dim waren beim Farb-Umbau in v4-44 übersehen worden (eigene
  Variablen, nicht einfach an --cyan/--accent gekoppelt -- u.a. der Orbit-Tag-Rahmen bei Aufträgen
  nutzt konkret var(--cyan-dim)). Zusätzlich liefen etliche fest verdrahtete Dunkelgrau-Töne
  (#101010/#0d0d0d/#181818/#232323 usw.) bei Balken-Hintergründen, Sat-Tags, Auswahlfeldern und der
  Vorschau-Karte am Umbau vorbei, weil sie nie eine CSS-Variable benutzt hatten. Beides jetzt gezielt
  auf Schwarz/Amber umgestellt.
- NEU (auf Nutzerwunsch: "es ist ja ein alter PC mit altem Monitor, der im Prinzip keine Grafik
  darstellen kann"): erste von mehreren geplanten ASCII-Ersatzdarstellungen für die Canvas-Karten,
  die sich grundsätzlich nicht per CSS-Variable umfärben lassen. Start mit der Orbit-Karte (Erdorbit,
  siehe Nutzerwunsch-Priorisierung): unter dem DOS-Stil wird der animierte Canvas durch ein grobes,
  rein dekoratives ASCII-Sternenfeld mit "[ ERDE ]" in der Mitte ersetzt (renderOrbitAsciiMap(),
  #orbitAsciiMap) plus einer knappen Ring-Zusammenfassung (LEO/MEO/GEO-Anzahl) darunter. Bewusst
  keine echten Satelliten-Positionen nachgebildet -- das wäre viel Aufwand für wenig Mehrwert und
  bei vielen Satelliten schnell unübersichtlich; die exakten Werte pro Satellit liefert weiterhin
  die bereits bestehende Tabelle darunter (renderSatList()/satListContainer), die dafür unverändert
  bleibt. Kolonie-Orbit-Karten, Sonnensystem-, Galaxie- und Vorschau-Canvas folgen als eigene
  Schritte in kommenden Versionen.

v4-44 (deep_anchor_4_6_6.html)
- BUGFIX: die GAME_VERSION-Konstante stand noch auf 'v4-41', obwohl der Changelog bereits bis v4-43
  weitergezählt hatte (Patch-Notes-Button/Startbildschirm zeigten dadurch die falsche Version). Mit
  diesem Eintrag auf v4-44 korrigiert und wieder synchron zum Changelog.
- ÜBERARBEITET (TODO-UI-STIL, Fortsetzung, auf Nutzerwunsch: "ja alles [vereinheitlichen], bei
  Gefahr müssen wir uns was einfallen lassen, das man das anders erkenntlich macht, für dieses
  UI-Theme darf auch kein Icon/Emoji verwendet werden"): drei Nachzügler-Punkte zum Amber-Monochrom-
  Look aus v4-43 ergänzt.
  1) Auch --green/--cyan/--amber/--red werden unter html.ui-theme-dos jetzt auf denselben Orange-Ton
     vereinheitlicht (vorher bewusst ausgenommen) -- Geld, Ruf, Kosten und Gefahr sehen jetzt alle
     gleich aus, echtes Monochrom-Terminal ohne jede Farbcodierung.
  2) Weil dadurch "Gefahr" nicht mehr über Rot erkennbar wäre, blinkt stattdessen jetzt alles, was
     vorher rot war (Start-/Lieferflug-Fehlschläge, niedrige Healthbars, Markteinbruch, Sonnensturm-
     Warnungen, Kolonie-Krisen usw.) -- ein einziger Auffang-Selektor auf den Inline-style-String
     ([style*="--red"]) deckt das automatisch überall ab. Gefahr-Buttons (Zerlegen/Löschen/
     Verschrotten/Außer-Dienst-Stellen) zusätzlich invertiert (Amber-Hintergrund, schwarze Schrift)
     statt nur rot umrandet.
  3) Neuer Sanitizer (dosSanitizeSubtree()/enableDosIconSanitizer(), siehe Script bei
     applyUIStyleTheme()) entfernt/ersetzt alle Piktogramm-Icons & Emoji rein optisch im DOM, sobald
     der DOS-Stil aktiv ist -- läuft per TreeWalker + MutationObserver, ohne die zugrundeliegenden
     Datenmodelle (a.icon, client.icon usw.) anzufassen, damit das normale Theme weiterhin die
     echten Icons zeigt. Bedeutungstragende Symbole (✓/✗/⚠/🔒/⏳/⚓/🔗 sowie ▶/⏭/▸) werden durch
     ASCII-Klammertext bzw. einfache Pfeile ersetzt, rein dekorative Icons (Erfolge-Badges,
     Auftraggeber-/Ereignis-/Sonnensturm-Icons usw.) fallen auf einen generischen "*"-Platzhalter
     zurück statt komplett leerzulaufen.

v4-43 (deep_anchor_4_6_5.html)
- ÜBERARBEITET (TODO-UI-STIL, Fortsetzung, auf Nutzerwunsch: "sieht aktuell nicht aus wie dos, dos
  ist ja schwarz/weiß, aber ich möchte orangene zeichen haben, daher muss wirklich alles
  eingearbeitet werden"): der reine Blockgrafik-Rahmen aus v4-42 allein sah noch nicht nach einer
  echten alten Konsole aus, weil Hintergrund und Text weiterhin die normalen Sci-Fi-Grautöne bzw.
  fast-weißen Text (--text: #e5e5e5) der übrigen Oberfläche benutzt haben. Jetzt definiert
  html.ui-theme-dos ALLE zentralen Farb-Variablen um (--bg/--panel/--panel2/--border/--border-lit/
  --text/--muted/--muted2 → Schwarz + eine einheitliche Bernstein-Orange-Vordergrundfarbe,
  klassischer Amber-Monochrom-Monitor-Look; --accent bleibt der bestehende kräftigere Orangeton für
  Hervorhebungen). Da praktisch die gesamte App — auch die vielen per JS generierten Karten/Zeilen/
  Badges in allen Tabs (Rezepte/Forschung/Verträge/Erfolge/Hangar/Unterfirmen usw.) — konsequent
  mit var(--border)/var(--panel2)/var(--radius)/var(--text)/var(--muted) statt fest verdrahteten
  Hex-Werten arbeitet, reicht dieses eine zentrale Umdefinieren aus, um den Schwarz/Orange-Look
  automatisch bis in praktisch jede Ecke des Spiels durchzureichen, nicht nur in die zuvor einzeln
  umgebauten Fenster/Buttons. Zusätzlich: zwei universelle Regeln erzwingen Monospace-Schrift und
  eckige Ecken über den Sternchen-Selektor (html.ui-theme-dos *) samt !important, weil Schriftart/
  Eckenradius an vielen Stellen auch direkt per Inline-style im generierten HTML gesetzt werden und
  eine normale Klassen-Regel diese sonst nicht überschreiben könnte. Kopfzeile, Tableiste und die
  großen Karten-Hintergründe (Vorschau-/Orbit-/Sonnensystem-/Galaxie-Karten), die bislang fest
  verdrahtete dunkle Verläufe statt Variablen benutzt haben, wurden dafür gezielt auf reines
  Schwarz umgestellt. Der Buttons-Rahmen (einfache Blockgrafik-Linie ┌─┐│└┘) ist jetzt ebenfalls
  in Orange statt Grau. Status-/Bedeutungsfarben (Geld-Grün, Ruf-Cyan, Gefahr-Rot etc.) bleiben
  bewusst unangetastet, damit farblich codierte Information weiterhin unterscheidbar bleibt.

v4-42 (deep_anchor_4_6_4.html)
- NEU (TODO-UI-STIL, auf Nutzerwunsch: "eine ui die man in den einstellungen einstellen kann die
  exakt wie eine alte dos konsole aussieht [...] alle fenster ramen mit den strichen und
  unterstrichen"): dritte, komplett unabhängige Darstellungs-Achse unter "Darstellung
  (experimentell)" — "UI-Stil", wählbar zwischen "Modern (Standard)" und "DOS-Konsole
  (Blockgrafik-Rahmen)" (uiStyleSelect, siehe applyUIStyleTheme() im Script). Anders als
  Farbschema/Muster (COLOR_FILTERS/#crtOverlay) rein strukturell: setzt nur die CSS-Klasse
  ui-theme-dos auf <html> und lässt sich dadurch frei mit jedem Farbschema/Muster kombinieren.
  Im DOS-Stil werden Panels, Modals, Buttons, Mengen-Stepper, Chips, Zielgruppen und die
  Untertab-Leiste statt mit normalen CSS-Rahmen/abgerundeten Ecken mit echten Unicode-
  Blockgrafik-Zeichen umrandet (╔═╗║╚╝ für Fenster/Panels, ┌─┐│└┘ für Bedienelemente — dieselbe
  Unterscheidung wie in klassischen Turbo-Vision-/Norton-Commander-Oberflächen), technisch über
  border-image mit einer generierten SVG-Textur aus echten Zeichen statt Bilddateien, per
  9-Slice/border-image-repeat:round sauber auf beliebige Fenstergrößen kachelbar. Panel-
  Überschriften sitzen dabei wie ein Namensschild direkt auf dem oberen Rahmen. Dazu: eckige statt
  abgerundete Ecken überall (--radius:0), durchgehend Courier-New-artige Monospace-Schrift statt
  der bisherigen Orbitron-Akzentschrift, doppelte Trennlinien unter Kopfzeile/Tableiste und ein
  blinkender Cursorstrich hinter dem Logo. Bewusst NICHT hinter themeLocked versteckt (anders als
  Farbschema/Muster, die während Splash/Boot auf das erzwungene CGA-Farbschema fixiert bleiben,
  siehe BOOT_FORCED_COLOR/-PATTERN) — der UI-Stil greift dadurch von Anfang an inkl. Splash-
  Screen und Röhren-Boot-Sequenz, passt optisch also direkt zum Boot-Effekt statt erst danach
  "umzuklappen". Rein optisch, komplett getrennt vom Spielstand (nur localStorage, genau wie
  Farbschema/Muster).

v4-41 (deep_anchor_4_6_3.html)
- FIX (2 Bugs im Boot-Effekt, auf Nutzerwunsch: "du hast 2 farb nuasen und das kliken zum
  überspringen geht mit nach oben xD"):
  1) Doppelte Farbtönung während der Röhren-Einschalt-Sequenz (#crtBootOverlay): das erzwungene
     CGA-Farbschema (applyForcedBootTheme(), body.style.filter) lief bisher SOFORT beim Laden und
     damit gleichzeitig mit dem eigenen brightness/contrast-Filter der Boot-Animation — zwei
     CSS-Filter auf verschachtelten Elementen multiplizieren sich statt sich zu ersetzen, sichtbar
     als doppelter Farbstich. Fix: der erzwungene CGA-Look aktiviert sich jetzt per Timer
     (CRT_BOOT_ANIM_MS) erst NACH der Röhren-Sequenz, bzw. sofort per skipCrtBootAnim(), falls per
     Klick übersprungen wird — der Flash läuft dadurch immer auf neutralem Schwarz/Weiß.
  2) Klick zum Überspringen des Splash-Screens scrollte auf Touch-Geräten den dahinterliegenden
     Body sichtbar nach oben mit (kleine Wischbewegung beim Tap, Overlay war — anders als der
     spätere DOS-Boot, der body.style.overflow schon länger sperrt — nicht dagegen abgesichert).
     Fix: body.style.overflow wird jetzt auch während des Splash-Screens auf 'hidden' gesetzt und
     beim Übergang zum Startbildschirm wieder freigegeben.

v4-40 (deep_anchor_4_6_2.html)
- FIX (auf Nutzerwunsch: Start-Button im Hangar soll nicht erst nach Scrollen durch hunderte/
  tausende Satelliten erreichbar sein): die Massenstart-Leiste (#hangarStackBar, zeigt den
  Auswahl-Hinweis bzw. den "🚀 Massenstart konfigurieren"-Button) sitzt jetzt direkt unter der
  Hangar-Überschrift/"Alle auswählen"-Zeile, VOR der eigentlichen Satelliten-Liste (#hangarList)
  statt danach. Rein reihenfolge in der HTML-Struktur geändert, keine Logik-Änderung — Checkbox-
  Auswahl und Massenstart-Ablauf funktionieren unverändert.

v4-37 (deep_anchor_4_5_8_6.html)
- NEU (TODO-BOOT-ANIMATION, auf Nutzerwunsch: "eine Animation bei Start des Spiels [...] wie ein
  alter Computer der Monitor angeht, mit Filter und so"): einmalige Röhrenmonitor-Einschalt-
  Sequenz über dem Splash-Screen (#crtBootOverlay), rein CSS-getrieben über gestaffelte
  Animation-Delays, kein zusätzliches JS-Timing nötig. Ablauf: kurz schwarz ("Röhre kalt") → ein
  kurzer Rauschstoß (dieselbe SVG-Fraktalrauschen-Textur wie die bestehende .crt-layer-noise aus
  den Darstellungs-Einstellungen) → ein heller horizontaler Strich schnappt in die Bildschirm-
  mitte → der Strich klappt mit leichtem Überschwingen zur vollen Höhe auf → Logo/Menü blenden
  währenddessen mit kurzer Überbelichtung ein → das komplette Overlay blendet aus. Läuft bewusst
  NUR auf #splashScreen (nicht auf #startScreen dahinter), da der Splash-Screen laut init() ohnehin
  nur ein einziges Mal beim allerersten Laden gezeigt wird — kein Wiederholungs-/Skip-Handling
  nötig. Komplett unabhängig vom bestehenden "Darstellung (experimentell)"-Filtersystem
  (#crtOverlay/COLOR_FILTERS), läuft also identisch egal welches Farbschema/Muster eingestellt ist.

v4-36 (deep_anchor_4_5_8_4.html)
- NEU (TODO-UNTERHALTSKOSTEN, auf Nutzerwunsch: "jetzt müssen wir auch langsam Geld verschwender
  bauen, da wir in letzter Zeit nur Geld-plus Sachen machen" → Richtung "Upkeep-Ausbau"): Kolonien,
  Raumstation und Unterfirmen waren bislang reine Einnahmequellen ohne laufende Gegenkosten — im
  Gegensatz zu Satelliten, die pro Stück 15/Tag Wartung kosten. Jetzt haben alle drei einen echten
  Unterhalt, der in upkeepTotal (tick()) einfließt und dadurch automatisch auch in den Statistiken
  ("davon Wartungskosten") auftaucht:
  - Kolonien (colonyUpkeep()): 20/Tag Grundverwaltung + 10/Tag pro gebauter Gebäudestufe (Habitat/
    Fabrik/Antenne zusammen) — unabhängig vom Bevölkerungsstand, mehr Ausbau bedeutet also auch
    mehr laufenden Betrieb, nicht nur mehr Einkommen. Anzeige als neue Zeile im Kolonien-Panel.
  - Raumstation (stationUpkeep()): 30/Tag Grundgebühr (bemannt, muss versorgt werden) + 12/Tag pro
    Modulstufe (Wohn-/Wartungs-/Andockmodul zusammen). Anzeige im neuen Stationspanel.
  - Unterfirmen (subsidiaryUpkeep()): 60/Tag Lizenz-/Verwaltungsgebühr pro aktiver Unterfirma +
    2/Tag pro zugewiesenem, funktionsfähigem Satelliten — kommt zusätzlich zum normalen
    15/Tag-Satelliten-Unterhalt, der ja unabhängig von der Zuweisung für jeden Orbit-Satelliten
    anfällt. Anzeige als rote Zeile auf jeder Unterfirmen-Karte.
  - Alle drei skalieren mit getDifficulty().costMult wie andere laufende Kosten im Spiel.
- BUGFIX (dabei entdeckt): im Header wurde networkDailyIncome() bisher ganz ohne Argument
  aufgerufen (sub===undefined → die Funktion bricht sofort mit 0 ab) — das Unterfirmen-Einkommen
  tauchte im "Einnahmen/Tag"-Wert dadurch nie auf, obwohl es über tick() täglich tatsächlich
  einfließt. Jetzt korrekt über alle aktiven Unterfirmen aufsummiert.

v4-35 (deep_anchor_4_5_8_4.html)
- ERWEITERT (TODO-RAUMSTATION, Fortsetzung): das in v4-34 angelegte Raumstation-Backend
  (Chassis, Forschung „Raumstations-Programm", STATION_BUILDINGS, tickStation() und alle
  Bonus-Funktionen) war bis hierhin komplett unverdrahtet — keine der Funktionen wurde
  irgendwo aufgerufen, es gab kein UI-Panel. Jetzt vollständig angeschlossen:
  - Neues Panel „Raumstation" im Kolonien-Tab (renderStation(), oberhalb der Kolonienliste,
    analog zu renderKolonien() aber ohne Array, da es höchstens eine Station gibt): zeigt
    Besatzung/Kapazität, effektives Wohnmodul-Einkommen sowie alle drei Module (Wohnmodul,
    Wartungsmodul, Andockmodul) mit Stufe, Effekt-Text und Bau-Button, plus die Bau-
    Warteschlange (max. 3 gleichzeitig, wie bei Kolonien). Ohne Station nur ein Hinweistext.
  - tickStation() (Bevölkerungswachstum + Baufortschritt) und das Wohnmodul-Einkommen
    (stationEffectiveIncome()) laufen jetzt täglich im tick() mit, genau wie bei Kolonien —
    tauchen entsprechend auch im Header-„Einnahmen/Tag" (renderHud()) und im Statistiken-Tab
    (neue Zeile „Raumstation-Einkommen/Tag", nur sichtbar mit gebauter Station) auf.
  - Wartungsmodul wirkt jetzt tatsächlich auf Wartungsdrohnen im Erdorbit (buyRepairDrone()):
    jede Stufe senkt den Drohnenpreis um 8% (min. 40% des Originalpreises) und gibt +2
    zusätzliche Reparaturen Lebensdauer pro Drohne — die Kauf-Buttons im Wartungs-Panel zeigen
    den rabattierten Preis direkt an.
  - Andockmodul wirkt jetzt auf werftFlightsNeeded() (neuer missionType-Parameter): jede Stufe
    spart einen Lieferflug für Sonnensystem-Ziele über die Orbitalwerft (Minimum bleibt immer 1
    Lieferflug) — reine Erdorbit-Montagen bleiben davon unberührt, da die Station selbst im
    Erdorbit sitzt und dort kein Sprungbrett braucht.
  - ensureStationDefaults() zusätzlich defensiv in mergeLoadedGameState() eingehängt, falls ein
    Spielstand mit Station aber unvollständigen Unterfeldern geladen wird.

v4-34 (deep_anchor_4_5_8_3.html)
- ANGEPASST (TODO-PATCH-NOTES, auf Nutzerwunsch: "sollte der neue Eintrag nicht am besten getrennt
  von dem alten Eintrag sein"): PATCH_NOTES_SUMMARY (eine flache Liste von Themenblöcken) durch
  PATCH_NOTES_BATCHES ersetzt — mehrere in sich abgeschlossene Zusammenfassungs-"Batches", jeweils
  mit eigenem Label + Versionsbereich (z.B. "Neu seit dem letzten Update · v4-15 – v4-33"), neuester
  zuerst, visuell per Trennlinie im Patch-Notes-Screen abgesetzt (renderPatchNotes() entsprechend
  umgebaut). Die beiden zuvor nachträglich in bestehende Blöcke ("Mars & Erkundung", "Erfolge")
  eingemischten Ergänzungen wurden dafür wieder herausgelöst: der alte Batch ("Bisheriger Stand ·
  v3.9-fix12 – v4-14") zeigt jetzt wieder exakt den ursprünglichen Text, die Ergänzungen stehen als
  eigene Blöcke ("Mond-Kolonisierung", "Weitere Erfolge") im neuen Batch. Künftige
  "Zusammenfassung"-Aufträge fügen einen weiteren neuen Batch ganz vorne ein, statt bestehende zu
  verändern.

v4-33 (deep_anchor_4_5_8_3.html)
- ERWEITERT (TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch: "was ist mit Wetter? also eine weitere
  Forschung"): fünfte Netzwerk-Kategorie "Wetterdatennetz" ergänzt, gekoppelt an die bereits
  bestehende Wettersensor-Nutzlast (analog zu den vier bisherigen Kategorien), eigener Namenspool
  fürs automatische Benennen (z.B. "StormWatch Analytics", "ClimaCore Systems"). Dazu eine weitere
  Ausbau-Forschung "Netzwerk-Expansion IV" (reqAll: netzwerkAusbau3, 280.000 €) für den passenden
  5. Unterfirma-Slot, sodass getMaxNetworkSlots() jetzt auf 5 statt 4 gedeckelt ist — genau die
  Anzahl der NETWORK_TYPES-Kategorien. Startgebühren-Skalierung (ownNetworkStartCost()) greift
  automatisch weiter (25k/50k/75k/100k/125k), keine Codeänderung dafür nötig.

v4-32 (deep_anchor_4_5_8_3.html)
- ERWEITERT (TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch: "fehlen noch Forschung oder
  Erdbeobachtung und weitere Firmen, und ein Button falls man sich verdrückt hat"):
  - Zwei neue Netzwerk-Kategorien in NETWORK_TYPES ergänzt, an bereits bestehende
    Nutzlast-Kategorien gekoppelt (kein neues Modul nötig, analog Navigation/Kommunikation):
    "Erdbeobachtungsnetz" (Kopplung an die bereits vorhandene Erdbeobachtungskamera-Nutzlast) und
    "Forschungsdatennetz" (Kopplung an das bereits vorhandene Forschungsinstrument). Jeweils
    eigener Namenspool fürs automatische Benennen (z.B. "TerraView Analytics" bzw. "Nexus Research
    Grid"). Damit gibt es jetzt genau 4 Kategorien für die bis zu 4 möglichen Unterfirma-Slots.
  - Neuer Button "✕ Unterfirma schließen" auf jeder Unterfirmen-Karte (closeSubsidiary()): löst
    die Unterfirma über einen Bestätigungsdialog (showConfirmModal) vollständig auf, zugewiesene
    Satelliten werden automatisch wieder frei. Volle Rückerstattung der Startgebühr NUR wenn noch
    keine Satelliten zugewiesen und keine Einnahmen erzielt wurden (also der Fall eines direkten
    Fehlklicks nach der Gründung) — dafür merkt sich jede Unterfirma jetzt zusätzlich startCost
    (die beim Gründen tatsächlich gezahlte, ggf. bereits hochskalierte Startgebühr). Wurde bereits
    etwas investiert/verdient, keine Rückerstattung, um Missbrauch als kostenlosen Testlauf zu
    verhindern.

v4-31 (deep_anchor_4_5_8_3.html)
- ERWEITERT (TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch: "zweites Netzwerk-System, genauer gesagt
  Unterfirmen, automatisch benannt nach Kategorie, insgesamt 4 Unterfirmen"): das bisherige "Eigene
  Netzwerk"-Feature (v4-14, EIN aktives Navigations- ODER Kommunikationsnetz) zu bis zu 4 parallel
  laufenden, unabhängigen "Unterfirmen" ausgebaut.
  - state.ownNetwork (Singular-Objekt) → state.ownNetworks (Array). Jeder Eintrag ist komplett
    eigenständig: eigener Typ (Navigation ODER Kommunikation), eigener Satelliten-Pool, eigenes
    Lifetime-Einkommen, eigener Name.
  - Automatische Benennung (generateSubsidiaryName()): pro Kategorie ein eigener Namenspool
    (NETWORK_TYPES[...].namePool, 8 Namen je Kategorie), zufällig gezogen, bevorzugt noch nicht
    verwendete Namen — Navigationsnetz-Unterfirmen heißen z.B. "Polaris Guidance" oder "TrueTrack
    Navigation", Kommunikationsnetz-Unterfirmen z.B. "SignalBridge Networks" oder "SkyLink Comms".
  - Neue Forschungskette schaltet die zusätzlichen Slots frei (siehe getMaxNetworkSlots()):
    'eigenesNetzwerk' (unverändert, 1. Slot) → 'netzwerkAusbau1' (2. Slot, 100.000 €) →
    'netzwerkAusbau2' (3. Slot, 160.000 €) → 'netzwerkAusbau3' (4. und letzter Slot, 220.000 €).
  - Jede weitere Unterfirma kostet beim Start mehr Startgebühr als die vorherige (ownNetworkStartCost():
    25k/50k/75k/100k) statt eines Fixbetrags.
  - renderNetworkPanel() zeigt jetzt eine eigene Karte pro aktiver Unterfirma (Einkommen, Lifetime-
    Einnahmen, Satelliten-Zuweisung inkl. Kompakt-Toggle bei >6 Satelliten je Unterfirma
    unabhängig) plus, solange ein Slot frei ist, eine "Neue Unterfirma gründen"-Karte.
  - Ein Satellit bleibt weiterhin höchstens EINER Einkommensquelle gleichzeitig zugewiesen
    (isSatFreeForAssignment() prüft jetzt über alle Unterfirmen hinweg).
  - Migration: mergeLoadedGameState() wandelt ein bestehendes aktives Netzwerk aus einem alten
    Spielstand (state.ownNetwork.active) automatisch in die erste Unterfirma des neuen Arrays um
    (mit frisch gewürfeltem Namen) — keine Satelliten-Zuweisungen oder Lifetime-Einnahmen gehen
    dabei verloren.
  Weiterhin komplett getrennt vom übrigen Spielstand-Balancing sonst unverändert (kein Einfluss auf
  Langzeitaufträge/Schnellaufträge).

v4-30 (deep_anchor_4_5_8_2.html)
- ERWEITERT (TODO-UI-THEMES, auf Nutzerwunsch): zwei zusätzliche CGA/EGA-Farbschema-Stufen und eine
  zusätzliche, subtilere Interlace-Kamm-Variante — bestehende Optionen bleiben unverändert erhalten,
  alles rein additiv.
  - "CGA/EGA — Hart" (cga-hard): neuer #cgaPosterizeFilterHard, nur 3 diskrete Stufen je Kanal
    (0/0.5/1) statt der bisherigen 5 — noch gröbere, kontrastreichere 4-Farben-Optik uralter
    CGA-Modi. Kein hue-rotate, bleibt wie die bestehende "cga"-Option bei der eigenen Akzentfarbe.
  - "CGA/EGA — Weich" (cga-soft): neuer #cgaPosterizeFilterSoft, 7 diskrete Stufen je Kanal —
    deutlich mehr Farbnuancen als die bestehende Variante, aber weiterhin sichtbar gestuft statt
    glattem Verlauf, sanftere Sättigung/Kontrast. Ebenfalls kein hue-rotate.
  - "Interlace-Kamm — Subtil" (interlace-soft): neue eigene Overlay-Ebene .crt-layer-interlace-soft
    (breiterer Zeilenabstand, geringere Deckkraft, langsameres/kleineres Zittern über eigenes
    @keyframes crtInterlaceShiftSoft) statt die bestehende Ebene zu parametrisieren — bisherige
    Interlace-Option (jetzt als "Interlace-Kamm — Stark" beschriftet) technisch unverändert.
  Alle neuen Optionen in PATTERN_IDS/OVERLAY_PATTERN_IDS bzw. COLOR_FILTERS ergänzt, frei mit allen
  bestehenden Mustern/Farbschemata kombinierbar, weiterhin komplett getrennt vom Spielstand
  (nur localStorage, deepAnchorUIColor/deepAnchorUIPattern).

v4-29 (game.html)
- BUGFIX (Fenster erscheint oben statt an der aktuellen Scrollposition, z.B. beim Öffnen von
  "Sonde/Satellit starten"): Ursache war body.style.filter (siehe updateBodyFilter(), gesetzt von
  jedem Darstellungs-Farbschema außer "Standard" sowie vom Muster "Röhren-Wölbung") — filter auf
  einem Vorfahren-Element macht dieses per CSS-Spec zum Containing Block für alle
  position:fixed-Nachfahren, wodurch alle .modal-bg-Fenster relativ zur <body>-Box statt zum
  Viewport positioniert wurden. Fix: alle .modal-bg-Fenster hängen jetzt (wie #crtOverlay schon
  seit v4-23) an document.documentElement statt an <body>, liegen damit außerhalb des
  problematischen Containing Blocks.

v4-28 (game.html)
- ANGEPASST (TODO-UI-THEMES, Feedback: "VHS zu extrem, Rauschen auch, Mauszeiger-Effekt braucht
  keiner"): VHS/Composite-Muster deutlich dezenter (Farbsaum- und Trackingzeilen-Helligkeit gut
  halbiert), eigenständiges Rauschen-Muster und der leise Rauschanteil im VHS-Muster ebenfalls
  spürbar abgeschwächt. Mauszeiger-Phosphor-Nachleuchten (spawnPhosphorGhost()) komplett wieder
  entfernt — Dropdown-Option, CSS und JS-Logik ersatzlos gestrichen, alte Speicherstände mit
  "trail" in localStorage fallen automatisch zurück auf "Kein Muster" (kein Crash, siehe
  PATTERN_IDS-Fallback in applyUIPattern()). Alle übrigen Muster (Classic/Stark/Streifenmaske/
  Interlace/Röhren-Wölbung) unverändert.

v4-27 (game.html)
- ERWEITERT (TODO-UI-THEMES): drei neue Farbschema-Optionen im "Darstellung (experimentell)"-Menü,
  angelehnt an historische NASA-Kontrollraum-Monitore — "Mission Control — Blau" (klassische
  blau-weiße Phosphor-Displays der Apollo-Ära), "Deep Space Network — Cyan" (Telemetrie-Bildschirme
  im JPL-Stil) und "Shuttle-Alarm — Rot" (Warn-/Alarmanzeigen der Shuttle-Ära). Technisch nach
  demselben Prinzip wie die bestehenden Grün-/Amber-Phosphor-Filter (grayscale+sepia+hue-rotate,
  siehe COLOR_FILTERS) umgesetzt, nur mit anderem Ziel-Farbton — rein optisch, komplett getrennt
  vom Spielstand, frei mit allen bestehenden Monitor-Mustern kombinierbar.

v4-26 (game.html)
- BUGFIX (kritisch, Absturz beim Fortsetzen/Import bestehen geblieben): der v4-22-Fix
  (mergeLoadedGameState) hat den ursprünglichen Bug NICHT tatsächlich behoben. Ursache:
  "const merged = Object.assign(fresh, loaded);" mutiert fresh direkt (merged === fresh,
  gleiches Objekt) — dabei wird AUCH fresh.stats mit dem alten, unvollständigen loaded.stats
  überschrieben, noch bevor die nächste Zeile "fresh.stats" als vermeintliche Default-Werte
  liest. Es wurden also faktisch loaded.stats mit sich selbst gemergt, echte Defaults kamen nie
  zum Zug — jeder Spielstand vor Einführung eines neuen stats-Unterfelds (z.B.
  monthlyMoneyHistory) crashte weiterhin exakt wie vorher, nur dass es nun je nach Ladepfad an
  leicht anderer Stelle auftrat (u.a. in recordMonthlyMoneySample() während
  computeAndApplyOfflineProgress()). Fix: fresh.stats wird jetzt VOR dem Object.assign(fresh,
  loaded) in einer eigenen Variable freshStats gesichert und erst danach als Default-Basis
  verwendet.

v4-25 (deep_anchor_4_5_8_1.html)
- ERWEITERT (TODO-UI-THEMES): Darstellungs-Testfeature komplett umgebaut — statt einem
  kombinierten Dropdown jetzt ZWEI unabhängige, frei kombinierbare Auswahlen in den Einstellungen:
  "Farbschema" (Standard/Grün-Phosphor/Amber-Phosphor/S-W/NEU: CGA-EGA) und "Monitor-Muster"
  (Kein Muster/Classic/Stark/Streifenmaske/NEU: VHS-Composite/Interlace-Kamm/Rauschen-Flimmern/
  Röhren-Wölbung/Mauszeiger-Phosphor-Nachleuchten). Jede Kombination testbar, z.B. "Standard-Farbe
  + VHS" oder "Grün-Phosphor + Rauschen".
  - CGA/EGA: neuer #cgaPosterizeFilter (SVG feComponentTransfer, reduziert jeden Farbkanal auf 5
    diskrete Stufen) simuliert die reduzierte Farbpalette alter Home-Computer.
  - VHS/Composite-Video: leichter Farbsaum (versetzte Rot-/Blau-Kanal-Streifen, mix-blend-mode
    screen) + eine wandernde helle Störsignal-Zeile (Tracking-Fehler-Optik) + dezentes Rauschen.
  - Interlace-Kamm: engere, kräftigere Zeilen mit leichtem Vertikal-Zittern zwischen den
    "Halbbildern" — simuliert klassisches Zeilensprungverfahren.
  - Rauschen/Flimmern: echtes SVG-Fraktalrauschen (feTurbulence) als Textur, per steps()-Animation
    "springend" statt weich bewegt, wirkt wie Signalrauschen statt wie ein sichtbarer Loop.
  - Röhren-Wölbung: neuer #crtBarrelFilter (SVG feTurbulence+feDisplacementMap) verschiebt Pixel
    leicht wellenförmig — technisch kein exakt berechnetes Objektiv-Barrel, aber ein dem sehr
    ähnliches sanftes analoges Bild-Wabern; wird zusammen mit dem Farbschema zu EINEM kombinierten
    body.style.filter-String zusammengesetzt (per JS, siehe updateBodyFilter() — zwei separate
    CSS-Klassen mit je eigener filter-Property würden sich sonst gegenseitig überschreiben statt
    zu kombinieren, daher jetzt JS-getriebener Filter statt CSS-Klassen-Ansatz).
  - Mauszeiger-Phosphor-Nachleuchten: eigenständiger, überlagerungsfreier Mechanismus (spawnPhosphorGhost()) —
    erzeugt bei Mausbewegung kurzlebige, verblassende Punkte entlang des Cursors in der eigenen
    Akzentfarbe, angelehnt an alte Windows-"Mauszeiger-Spur"-Einstellungen für träge Röhren.
  - #crtOverlay (vormals .crt-overlay) enthält jetzt fest angelegte Ebenen-<div>s statt nur
    ::before/::after (CSS-Limit von 2 Pseudo-Elementen reichte für die neuen Muster nicht mehr),
    Sichtbarkeit pro Ebene über [data-pattern="..."]-Selektoren gesteuert.
  Weiterhin komplett getrennt vom Spielstand: beide Auswahlen landen nur in localStorage
  (deepAnchorUIColor / deepAnchorUIPattern), nicht Teil von state/Autosave/Export.

v4-24 (deep_anchor_4_5_8_1.html)
- ERWEITERT (TODO-UI-THEMES): das "Darstellung (experimentell)"-Dropdown aus v4-23 bekommt drei
  neue Monitor-Typen, die AUSSCHLIESSLICH das Retro-Overlay (Scanlines/Vignette/Flackern) auflegen,
  OHNE die Standardfarbe (--accent etc.) per Filter zu verändern: "Alter Monitor — Classic"
  (identisch zum bisherigen Effekt), "Alter Monitor — Stark" (deutlich dickere/dunklere Scanlines,
  härtere Rand-Vignette, spürbares Zeilen-Jitter per @keyframes crtJitter, häufigeres Flackern via
  eigener @keyframes crtFlickerStrong, leichtes Bloom der Ränder in der eigenen Akzentfarbe über
  color-mix()) und "Alter Monitor — Streifenmaske" (zusätzliche feine RGB-Streifen im Overlay,
  simuliert die sichtbare Lochmaske/Streifenmaske alter Trinitron-artiger Röhrenmonitore). Die
  bisherigen Grün-/Amber-/S-W-Phosphor-Varianten aus v4-23 bleiben als separate Gruppe erhalten.
  Intern jetzt sauber entkoppelt über THEME_DEFS (bodyClass für Farbfilter, overlayType für die
  Overlay-Bauart) statt der bisherigen 1:1-Zuordnung Theme-ID → CSS-Klasse — jede künftige
  Kombination aus Farbe × Monitor-Typ lässt sich dadurch ohne neue Bausteine ergänzen.

v4-23 (deep_anchor_4_5_8_1.html)
- NEU (TODO-UI-THEMES): experimentelles, rein optisches Test-Feature — in den Einstellungen unter
  "Darstellung (experimentell)" per Dropdown wählbar: Standard, Retro-Monitor Grün-Phosphor,
  Retro-Monitor Amber-Phosphor, Retro-Monitor S/W. Die Retro-Varianten legen einen body-weiten
  CSS-filter (Monochrom-Einfärbung + Kontrast/Helligkeit) über das GESAMTE UI plus ein separates
  fixed-Overlay mit Scanlines, Vignette und leichtem Flackern (@keyframes crtFlicker) — simuliert
  einen alten Röhrenmonitor. Overlay hängt bewusst an document.documentElement statt an body, damit
  der body-Filter die Overlay-Ebene selbst nicht mitfärbt. Komplett getrennt vom Spielstand: Auswahl
  landet nur in localStorage (deepAnchorUITheme), ist NICHT Teil von state/Autosave/Export — rein
  gerätelokale Anzeige-Einstellung zum Durchprobieren, ohne den Spielstand anzufassen.

v4-22 (deep_anchor_4_5_8_1.html)
- BUGFIX (kritisch, Absturz beim Fortsetzen): "Fortsetzen"/Import von älteren Spielständen konnte
  mit "Uncaught TypeError: can't access property 'length', hist is undefined" in
  recordMonthlyMoneySample() abstürzen. Ursache: state = Object.assign(freshState(), loaded) ist
  ein FLACHER Merge — sobald der geladene Spielstand bereits ein eigenes state.stats-Objekt
  mitbringt (jeder nicht mehr ganz frische Spielstand), wird das komplette stats-Objekt aus
  freshState() 1:1 durch das geladene ersetzt, statt die beiden zusammenzuführen. Neue Felder
  innerhalb von stats (hier: monthlyMoneyHistory, seit CHANGELOG v4-19/TODO-STATISTIKEN-GESAMT-FIX)
  fehlten dadurch bei jedem Spielstand, der vor Einführung dieses Felds gespeichert wurde — der an
  mehreren Stellen im Code vorhandene Kommentar "kein Migrationscode nötig, defaultet automatisch
  über freshState()+Object.assign()" war schlicht falsch (das gilt nur für komplett NEUE
  Top-Level-state-Felder, nicht für neue Unter-Felder in bereits existierenden Objekten wie stats).
  Fix: neue Funktion mergeLoadedGameState(loaded) ersetzt state = Object.assign(freshState(), loaded)
  an allen drei Stellen (Autosave-Laden, beide manuellen Datei-Importe) — merged stats jetzt gezielt
  per Object.assign({}, freshState().stats, loaded.stats||{}) EINE Ebene tief, alle anderen
  Top-Level-Felder wie bisher. Damit sind auch künftige neue stats-Unter-Felder automatisch
  abwärtskompatibel, ohne dass es beim nächsten Mal wieder jemand vergisst.

v4-21 (deep_anchor_4_5_8_0.html, neue Datei)
- Kolonie-Orbit bekommt jetzt eine echte animierte Planeten-Kugel statt der bisherigen reinen
  Ring-Liste (Feedback: wirkte wie ein Platzhalter im Vergleich zur aufwändigen Erd-Grafik).
  Bewusst DEUTLICH schlanker als drawOrbitScene() (Erde) gehalten statt sie zu duplizieren: neue
  Funktion drawColonyOrbitScene() zeichnet eine einfache beleuchtete Kugel (Radialverlauf wie
  drawSolarSphere, aber mit einem langsam wandernden Glanzpunkt statt fixer Lichtquelle, um trotz
  fehlender Kontinent-Projektion einen Eindruck von Eigenrotation zu erzeugen), plus Rim-Light/
  Atmosphären-Glow im selben Stil wie die Erde und ein paar deterministische, statische
  Krater-Flecken (kein Kontinent-/Wolken-/Stadtlicht-Aufwand). Nutzt zu 100% die bereits
  bestehende Orbit-Infrastruktur weiter (orbitPoint(), drawSatDot(), inclineFor(),
  attachMapPanZoom(), getMapView()) — keine neue Physik/Logik, nur neue Optik.
  Planeten-Farbe kommt für Mond/Mars aus der bereits bestehenden SOLAR_MAP_BODIES-Palette
  (Wiedererkennbarkeit), für alle übrigen kolonisierbaren Exoplaneten deterministisch aus den
  schon vorhandenen STARSYS_ROCK_COLORS via strHash(destKey) — neue Funktion
  colonyPlanetColor(destKey), kein neuer state, keine Migration nötig.
  Neuer Canvas orbitColonyCanvas (samt eigenem Reset-Button, eigenem initColonyOrbitCanvasClicks())
  ersetzt die reine Ring-Übersicht als Hauptszene; die bisherige renderOrbitColonyRings()-Liste
  bleibt darunter als kompakte Detail-Übersicht pro Orbit-Typ erhalten, statt komplett zu
  verschwinden. Animationsschleife läuft wie bei der Erde dauerhaft selbstständig weiter
  (requestAnimationFrame-Selbstaufruf), mit demselben "0×0 bei unsichtbarem Tab"-Bugfix-Muster
  wie beim Statistiken-Chart, damit kein Layout-Sprung beim Zurückwechseln entsteht.

v4-20 (deep_anchor_4_5_7_9.html, neue Datei)
- Wartungsdrohnen sind jetzt PRO STANDORT gebunden statt einer einzigen globalen Flotte (Feedback:
  wirkte komisch, dass eine Drohnenflotte gleichzeitig überall repariert, sobald man mehrere
  Kolonien hat). Neue Datenstruktur state.repairDronesByLoc = {loc: {drones, charges}}, loc ist
  'earth' oder der Kolonie-destKey — nutzt dasselbe s.location-Muster, das Satelliten bereits
  seit der Verträge-nach-Ort-Trennung haben. Neuer Helfer droneState(loc) legt Einträge lazy an.
  buyRepairDrone() kauft jetzt für den im Orbit-Tab aktuell gewählten Standort (orbitViewLocation),
  runAutoRepairDrones() läuft getrennt je Standort und repariert nur noch Satelliten MIT
  passendem s.location — eine Erdorbit-Flotte rührt Kolonie-Satelliten nicht mehr an und
  umgekehrt. Migration für Altspielstände: neue Funktion ensureDroneDefaults() (nach dem Vorbild
  von ensureColonyDefaults()), läuft bei jedem renderAll() mit und schiebt die alte globale
  Flotte (state.repairDrones/repairDroneCharges) einmalig komplett nach 'earth', danach räumen
  sich die alten Felder selbst auf 0. UI (Wartungs-Panel im Orbit-Tab) zeigt jetzt Bestand/
  Kapazität sowie ein kleines Standort-Label für den gerade gewählten Ort statt einer globalen
  Zahl; Cheat-Sheet-Hilfetext entsprechend ergänzt.

v4-19 (deep_anchor_4_5_7_8.html, neue Datei)
- Zwei neue, feingranulare Kolonie-Erfolge in der Kategorie "Erkundung" (ACHIEVEMENTS), ergänzend
  zu den bereits bestehenden "Kolonialherr"/"Expansion" (die nur die Kolonie-ANZAHL zählen):
  "Boomtown" (mind. 500 Einwohner auf einer einzelnen Kolonie, check auf c.population, reward
  30.000 €) und "Industriekolonie" (3 Fabrik-Ausbaustufen auf einer einzelnen Kolonie, check auf
  c.buildings.fabrik, reward 35.000 €). Beide nutzen die bereits vorhandenen, per
  ensureColonyDefaults() migrationssicheren Kolonie-Felder — kein neuer State, kein zusätzlicher
  Migrationscode nötig. Rewards zwischen "Kolonialherr" (20.000 €) und "Expansion" (90.000 €)
  eingeordnet, da beide Erfolge erfahrungsgemäß erst mit etwas Kolonie-Ausbau erreichbar sind,
  aber deutlich früher als die volle 5-Kolonien-Expansion.

v4-18 (deep_anchor_4_5_7_7.html, neue Datei)
- Kleine Tutorial-Politur: Schritt "Werft & Erkundung" (TUTORIAL_STEPS) erwähnt jetzt explizit,
  dass gegründete Kolonien im eigenen Tab "Kolonien" verwaltet werden — vorher stand da nur
  beiläufig "inklusive Kolonien", ohne auf den Tab selbst zu verweisen. Neue Spieler könnten den
  Tab sonst übersehen, da er (anders als Fabrik/Orbit-Netzwerk/Forschung) keinen eigenen
  Tutorial-Schritt hat. Reine Textänderung, kein neuer State, kein Migrationscode nötig.

v4-17 (deep_anchor_4_5_7_3.html, neue Datei)
- Sternsystem-Planetenkarten (v4-16) auf die Galaxie-Sprungziele erweitert (M31, Sculptor, Bode,
  Centaurus A, Whirlpool, Sombrero, Antennen, Virgo A/M87, NGC 1365): drawStarSystemMap() dafür
  generisch gemacht (zweiter Parameter canvasId), damit dieselbe Zeichenlogik/Farbgebung sowohl
  für die Milchstraßen-Sternenkarte als auch für jedes einzelne Sprungziel einer fremden Galaxie
  wiederverwendet werden kann — komplett ohne Code-Duplikation.
- Neues Panel "Ziel" unterhalb der bestehenden Andromeda/Galaxie-Detailkarte (galaxyDetailPanels):
  zeigt die Planetenkette des gerade gewählten Sprungziels, exakt im selben Stil wie bei den
  Milchstraßen-Sternsystemen (echtes Ziel gold hervorgehoben, fiktive Nachbarplaneten drumherum,
  Kernregionen/Ziele ohne feste Oberfläche zeigen bewusst nur den Zentralkörper ohne Planeten).
  Auswahl per Klick auf einen Punkt der Detailkarte (neuer initGalaxyDetailMapClicks()-Handler)
  ODER auf eine Zielkarte im bestehenden "Sprungziele"-Grid (neues data-galaxytarget-Attribut).
  Wechselt man die Galaxie im Hub, springt die Auswahl automatisch auf deren erstes Ziel um.
- Kleine Politur an den bereits bestehenden Sternsystem-Karten (v4-16): Auswahl-Highlight in den
  Zielkarten-Grids (Sternenkarte UND Galaxie-Ziele) aktualisiert sich jetzt sofort beim Klick,
  statt erst beim nächsten vollständigen Neu-Rendern.

v4-16 (deep_anchor_4_5_7_2.html, neue Datei)
- Sternsystem-Detailkarten für die Milchstraßen-Nachbarschaft (Wunsch: "andere systeme unter
  galaxy ansicht sollten am besten auch so eine karte bekommen wie sonnen system das ich dort
  genaue planeten sehe"). Bewusst NUR für INTERSTELLAR_KEYS (unsere Milchstraße/Nachbarsterne),
  NICHT für die externen Galaxien (M31 etc. haben mit drawGalaxyDetailMap() bereits ihre eigene
  Detailkarte) — laut Rückfrage/Antwort erstmal nur die Sternsysteme, Galaxien folgen bei Bedarf
  später als eigener Schritt.
- Neue rein kosmetische/prozedurale Datenerzeugung starSystemBodies() (KEIN eigener state, kein
  Speicherstand-Eintrag): pro Sternsystem 2-5 fiktive Begleitplaneten (Gestein/Gas/Eis, per
  solarSrand deterministisch aus dem destKey abgeleitet, damit bei jedem Aufruf exakt dasselbe
  Ergebnis rauskommt statt bei jedem Redraw neu zu würfeln) plus GENAU EIN Körper, der den
  echten DEEP_SPACE-Eintrag darstellt (isTarget:true, gold hervorgehoben). Systeme ohne
  bestätigte Planeten laut Beschreibungstext (Doppelsterne, "keine bestätigten Planeten") zeigen
  bewusst NUR den Stern ohne erfundene Planeten, um der Beschreibung nicht zu widersprechen.
- Neue Zeichenfunktion drawStarSystemMap() im selben visuellen Stil wie die bestehende
  Sonnensystem-Karte (Stern links, Körper entlang einer Basislinie, Sphären-Shading via
  drawSolarSphere/drawSolarGlow/drawSolarBands — bewusst ohne Gruppen-Klammern/Asteroidengürtel,
  dafür ist so ein fremdes System zu klein/unbekannt). Sternfarbe variiert leicht nach Typ (roter
  Zwerg / Weißer Zwerg / sonnenähnlich, per Regex aus dem Beschreibungstext erkannt). Zielkörper
  bekommt denselben Ring-Status wie auf der echten Sonnensystem-Karte (grün=gelandet,
  hellblau=erreicht, orange=bemannt gelandet, gold=Kolonie).
- Neues Panel "Sternsystem" unterhalb der bestehenden Sternenkarte im Galaxie-Tab (nur bei
  ausgewählter Milchstraße sichtbar, wie die übrigen milkywayPanels). Auswahl auf zwei Wegen:
  Klick auf einen Punkt der Sternenkarte (neuer initGalaxyMapClicks()-Handler, analog zu
  initGalaxyHubClicks()) ODER Klick auf eine Zielkarte im bestehenden "Interstellare Ziele"-Grid
  (neues data-starsys-Attribut + Event-Listener nach dem Rendern, einfacher zu treffen als der
  kleine Kartenpunkt, gerade auf Mobilgeräten). Eigenes Pan/Zoom wie bei den übrigen Karten.

v4-15 (deep_anchor_4_5_7_1.html, neue Datei)
- Mond-vor-Mars-Kolonisierung (Wunsch: "mond kolonisiren bevor man den mars besideln darf reale
  reihen folge"): Mars-Kolonie-Gründung in tick() verlangt jetzt zwingend eine bereits bestehende
  Mondkolonie, unabhängig davon ob Terraforming-Stufe „Bewohnbar" und Kolonie-Modul längst bereit
  sind — landet die Sonde trotzdem, geht sie NICHT verloren, es gibt nur einen erklärenden
  Warn-Toast, ein erneuter Versuch nach Mondkolonisierung reicht.
- Der Mond ist jetzt selbst kolonisierbar: DEEP_SPACE.mond hat colonizable:true bekommen. Damit
  das früh im Spiel möglich ist (Mond braucht keine FTL-Technik wie die späten Exoplaneten-Ziele),
  NEUE eigene, deutlich frühere Forschung 'mondbasis' (60.000 €, reqAll:['crewKapsel']) samt
  eigenem, günstigerem/leichterem Modul 'colonymodMond' (Mond-Kolonie-Modul, 45.000 €, 70 Masse) —
  bewusst GETRENNT von der späten, generischen Kolonisierungstechnik/Kolonie-Modul-Kette für
  Mars/Exoplaneten. Neues moonOnly:true-Flag auf dem Modul sorgt dafür, dass es ausschließlich
  beim Mond selbst eine Kolonie auslösen kann (explizite Prüfung in beiden Kolonisierungs-Zweigen
  in tick()) — kann NICHT als Abkürzung für Mars oder Exoplaneten missbraucht werden, und
  umgekehrt zählt das echte (späte) Kolonie-Modul für Mars weiterhin, aber NICHT das günstige
  Mond-Modul.
- UI entsprechend nachgezogen: neue „Kolonisierbar"-Zeile für den Mond im Sonnensystem-Grid,
  Mars-Zeile zeigt jetzt auch den Mond-Gate-Status an, Terraforming-Panel erklärt bei erreichter
  Maximalstufe ohne Mondkolonie explizit, dass erst der Mond dran ist.

v4-14 (deep_anchor_4_5_3_3.html, neue Datei)
- Langzeitaufträge ergänzt (Wunsch: Firma sagt "wir wollen N Satelliten mit Ausstattung X und
  Größe Y dauerhaft im Orbit"): komplett eigenes System, bewusst GETRENNT von den bestehenden
  Schnellaufträgen (state.contracts/generateContract() bleiben unangetastet) — neue Datenstruktur
  state.longContracts mit eigenem generateLongContract()/renderLongContracts(). Ein Langzeitauftrag
  verlangt eine Ziel-Stückzahl an Satelliten (targetCount), optional eingeschränkt auf Orbit-Typ,
  Nutzlast-Kategorie und Mindest-Chassisgröße (LONG_CONTRACT_SIZE_ORDER: klein<mittel<groß). Bei
  Annahme (acceptLongContract()) gibt es sofort einen Signing-Bonus, danach werden nach und nach
  passende, noch unbeschäftigte Satelliten zugewiesen (assignSatToLongContract()) — jeder erfüllte
  Slot bringt taegliches Einkommen (longContractDailyIncome() in tick()), beim erstmaligen
  Erreichen der vollen Stückzahl gibt es einen einmaligen Abschluss-Bonus plus 20% Dauerbonus auf
  das laufende Einkommen alle erfüllten Slots. Läuft die Vertragslaufzeit ab, werden alle
  zugewiesenen Satelliten automatisch wieder frei (assignedLongContract=null). Satelliten, die
  bereits einem Schnellauftrag, einem Langzeitauftrag oder dem neuen Eigenen Netzwerk (siehe
  unten) zugewiesen sind, gelten für alle drei Systeme als belegt (gegenseitige
  Ausschluss-Prüfung in assignContract()/renderContracts()/assignSatToLongContract()/
  toggleNetworkSat()). Eigener Tab "Langzeit" (data-view="langzeit") — bewusst NICHT im
  bestehenden Schnellaufträge-Panel (Seitenleiste) untergebracht, wie gewünscht.
- Eigenes Satelliten-Netzwerk ergänzt (Wunsch: "eigenes Projekt bauen wo Leute Lizenzgebühren
  zahlen, z.B. GPS oder Internet wie Starlink" — passives Einkommen): neue Forschung
  'eigenesNetzwerk' (80.000 €, schaltet den Projektstart frei). Im neuen Langzeit-Tab kann nach
  Freischaltung eines von zwei Netzwerken gestartet werden (startOwnNetworkProject()):
  Navigationsdienst (eigene GPS-artige Positionslösung, Navigationschip-Nutzlast nötig) ODER
  Kommunikationsnetz (Internet-Konstellation nach Starlink-Vorbild, Kommunikationsmodul-Nutzlast
  nötig) — Startgebühr 25.000 €, danach state.ownNetwork.active=true. Zugewiesene Satelliten
  (toggleNetworkSat(), passender Nutzlasttyp + noch unbeschäftigt vorausgesetzt) zahlen täglich
  Lizenzgebühren (networkDailyIncome() in tick()): Basis-Betrag pro Satellit, der mit wachsender
  Netzwerkgröße pro Satellit ANSTEIGT (Netzwerkeffekt, gedeckelt bei 40 Satelliten) sowie ein
  Abdeckungs-Bonus (+15% je zusätzlichem gleichzeitig genutzten Orbit-Typ LEO/MEO/GEO, wie ein
  echtes Mega-Konstellations-Netz mit besserer globaler Abdeckung). state.ownNetwork.totalEarned
  zählt die Lifetime-Einnahmen aus dem Projekt separat mit. Zerstörte Satelliten (Weltraumschrott,
  siehe tick()) werden automatisch aus Langzeitaufträgen UND Eigenem Netzwerk ausgetragen, analog
  zur bestehenden Schnellauftrags-Freigabe. Kein Migrationscode nötig — alle neuen state-Felder
  defaulten über freshState()+Object.assign() für Altspielstände automatisch.

v4-13 (deep_anchor_4_5_3.html, gleiche Datei weiter genutzt)
- Galaxien-Content erweitert (Punkt 9 der IDEENLISTE): drei neue Galaxien ans Ende der
  Forschungskette angehängt (nach sombreroKartierung): Antennen-Galaxien (NGC 4038/4039,
  antennaeReichweite/antennaeKartierung), Virgo A / M87 (m87Reichweite/m87Kartierung), NGC 1365
  / Große Balkenspirale (ngc1365Reichweite/ngc1365Kartierung) — Kosten steigen weiter von
  10,2 Mio. bis 20,2 Mio. €, GALAXIES/DEST_GALAXY_NAMES entsprechend ergänzt, Hub-Layout und
  Detailkarte brauchen dank generischem GALAXY_KEYS-basiertem Rendering keine Anpassung.
- Zielanzahl bewusst NICHT mehr einheitlich 6 pro Galaxie: Antennen-Galaxien bekommen 8 Ziele
  (kollidierendes Paar — zwei Kerne NGC 4038/4039 plus zwei getrennte Gezeitenschweife bieten
  mehr eigenständige Regionen als eine ungestörte Galaxie), Virgo A/M87 bewusst nur 4 (die
  Strahlung des 2019 erstmals fotografierten aktiven Schwarzen Lochs samt relativistischem Jet
  lässt kaum landbare Regionen übrig), NGC 1365 bekommt 5 (Balkenspiralen-Thema mit zwei
  Balkenarmen statt der üblichen drei Außenziele). Bei mehreren Kernen pro Galaxie trägt bewusst
  NUR EIN Ziel mapCore:true (siehe drawGalaxyDetailMap()) — ein zweiter Kern (Antennen-Südkern)
  bekommt eine normale mapAngle-Position, sonst würden sich die Marker exakt überlappen.

v4-12 (deep_anchor_4_5_3.html, gleiche Datei weiter genutzt)
- Erfolge-Tab um Belohnungen erweitert (TODO-ACHIEVEMENT-REWARDS): jeder Erfolg in ACHIEVEMENTS
  hat jetzt ein reward-Feld (500 € bis 180.000 € je nach Aufwand). Die Belohnung wird NICHT
  automatisch beim Freischalten gutgeschrieben, sondern muss aktiv im Erfolge-Tab abgeholt
  werden: freigeschaltete, aber noch nicht abgeholte Erfolge sind jetzt anklickbar (eigener
  claimable-Zustand mit Akzentrahmen, leichtem Glow via pulseGlow-Animation und sichtbarem
  "🎁 X € — jetzt abholen"-Hinweis), ein Klick ruft claimAchievement() auf, schreibt state.money
  gut, markiert den Eintrag als claimed und rendert neu. state.achievementsUnlocked-Einträge
  tragen dafür zusätzlich ein claimed-Flag (Default false beim Freischalten in
  checkAchievements()). Altspielstände mit Erfolgen ohne dieses Feld gelten automatisch als
  unclaimed (undefined ist genauso falsy wie false) — kein Migrationscode nötig, Spieler können
  bereits erreichte Erfolge beim nächsten Laden einfach nachträglich abholen.
- Erfolge-Tab blinkt jetzt (TODO-ACHIEVEMENT-REWARDS): neue Funktion
  updateAchievementsTabIndicator() (aufgerufen am Ende von renderAchievements()) setzt die
  CSS-Klasse has-reward auf den Tab-Button, solange mindestens eine Belohnung offen ist
  (@keyframes tabBlink, pulsiert zwischen --muted und --accent), und zeigt zusätzlich ein kleines
  Zähler-Badge mit der Anzahl offener Belohnungen — wiederverwendet die bisher ungenutzte
  .tab .badge-Klasse aus dem CSS. Blinken/Badge bleiben bestehen, bis WIRKLICH alle offenen
  Belohnungen abgeholt wurden, nicht schon nach bloßem Besuch des Tabs.

v4-11 (deep_anchor_4_5_3.html, gleiche Datei weiter genutzt)
- Auftraggeber-Reputationssystem ergänzt (TODO-AUFTRAGSSYSTEM, Punkt 7 der IDEENLISTE): jeder
  Auftrag gehört jetzt zu einem von fünf Auftraggebern (CONTRACT_CLIENTS: EarthWatch Institute,
  Comsat Union, GlobalWeather Agency, NavCore Systems, Deep Space Grant Council) statt anonym zu
  sein. state.clientRep verfolgt pro Auftraggeber einen Vertrauenswert (0 aufwärts, fehlende
  Einträge gelten als 0, siehe clientRepOf() — kein Migrationscode nötig, defaultet über
  freshState()+Object.assign() für Altspielstände automatisch auf leeres Objekt). CLIENT_TIERS
  übersetzt den Vertrauenswert in vier Stufen (Neukunde ×1.00, Vertraut ×1.10 ab 25, Bevorzugt
  ×1.22 ab 60, Premium-Partner ×1.40 ab 120), deren Multiplikator generateContract() direkt beim
  Erzeugen eines neuen Angebots in rewardUpfront/rewardPerTick einpreist (clientTierFor()) —
  bereits laufende Aufträge ändern sich dadurch NICHT rückwirkend. Erfolgreicher Abschluss eines
  Auftrags (tick()) erhöht das Vertrauen beim jeweiligen Auftraggeber um 4–8, Ablehnen
  (declineContract()) kostet 5 Vertrauen. Ab Tier "Bevorzugt" (chainEligible:true) besteht bei
  Abschluss eine 30%-Chance auf einen direkten Kettenauftrag desselben Auftraggebers
  (generateContract({clientId, isChain:true}), zusätzlicher ×1.15-Bonus, eigenes 🔗-Badge in
  renderContracts()). Die Sonderaufträge aus den Zufallsereignissen (EVENTS.specialContract)
  wurden auf denselben generateContract()-Pfad umgestellt (specialMult-Option) statt die
  Belohnungslogik zu duplizieren — bekommen dabei ebenfalls ganz normal einen zufälligen
  Auftraggeber zugewiesen. Auftrags-Tab (renderContracts()) zeigt jetzt bei jeder Karte
  (offen wie aktiv) eine kompakte Auftraggeber-Zeile mit Icon, Name und aktuellem Vertrauens-Tier.

v4-10 (deep_anchor_4_5_2.html, gleiche Datei weiter genutzt)
- Aufräumarbeiten (Punkt 5 der IDEENLISTE): die veralteten Planungs-/STATUS-Kommentarblöcke
  "TODO-WERFT-PFLICHT" und "TODO-WERFT-PFLICHT-2" am Dateianfang entfernt — beide Features sind
  seit CHANGELOG v3.9-fix21 bzw. v3.9-fix22 vollständig umgesetzt und dort bereits ausführlich
  dokumentiert, die Blöcke waren laut eigenem Hinweistext ohnehin nur bis zur Fertigstellung
  vorgesehen (analog zum bereits in v4-fix4 entfernten TODO-FABRIK-UMBAU-Block). Reine
  Kommentar-Bereinigung, keine Logik-/Verhaltensänderung.

v4-9 (deep_anchor_4_5_2.html, gleiche Datei weiter genutzt)
- Zufallsereignisse ergänzt (TODO-ZUFALLSEREIGNISSE, Punkt 4 der IDEENLISTE): neue EVENTS-Registry
  mit vier Ereignissen, gewichtete Auswahl aus allen Kandidaten mit erfüllter condition(state),
  ausgelöst über maybeTriggerRandomEvent() (~12% Chance pro Spieltag, Aufruf am Ende von tick()):
  Sonnensturm (beschädigt 20–50% der Orbit-Flotte, Delta-V der Satelliten mindert den Schaden,
  dieselbe stationKeeping-Formel wie bei der normalen Weltraumschrott-Abnutzung), Sonderauftrag
  (deutlich lukrativerer, aber auf 4–6 Tage befristeter Vertrag — verfällt automatisch in tick(),
  wenn nicht rechtzeitig angenommen, eigenes Badge+Countdown im Auftrags-Tab) sowie Marktboom/
  Kurseinbruch (temporärer Multiplikator ±20–35% auf das Vertrags-Tageseinkommen aller aktiven
  Verträge, 5–10 Tage, wirkt in contractDailyIncome(), zählt in tick() runter und hebt sich
  automatisch wieder auf). Neues Ereignis-Log-Panel im Statistiken-Tab (state.eventLog, gecappt
  auf die letzten 20 Einträge, analog missionLog/deepSpaceLog) sowie eine Markt-Effekt-Anzeige im
  Header (nur sichtbar, solange ein Boom/Einbruch läuft). Zwei neue state-Felder (eventLog,
  marketEvent) — kein Migrationscode nötig, defaulten über freshState()+Object.assign() für
  Altspielstände automatisch.

v4-8 (deep_anchor_4_5.html, gleiche Datei weiter genutzt)
- Tutorial/Onboarding ergänzt (TODO-TUTORIAL, Punkt 2 der IDEENLISTE): neue 6-schrittige
  Einführungs-Tour (TUTORIAL_STEPS-Konstante, ein Modal mit ausgetauschtem Inhalt statt mehrerer
  Modals — heading/text pro Schritt, Fortschritts-Punkte, Zurück/Weiter/Überspringen). Öffnet sich
  automatisch NUR direkt nach der allerersten Firmengründung (createNewProfile(), Modus 'found'),
  NICHT bei jedem weiteren "Neues Spiel" einer bereits bestehenden Firma und NICHT beim normalen
  Fortsetzen. Behandelt Fabrik, Orbit-Netzwerk, Forschung, Werft/Erkundung sowie Statistiken/
  Erfolge/Hilfe in kurzen, allgemeinverständlichen Absätzen. Jederzeit über neuen Button
  "Einführungs-Tour erneut ansehen" im Einstellungen-Modal erneut aufrufbar. Bewusst KEIN neues
  state-Feld/keine Migration nötig — die Anzeige hängt rein am Aufrufort (createNewProfile()),
  nicht an gespeicherten Daten, daher auch keine Auswirkung auf Altspielstände.

v4-7 (deep_anchor_4_5.html, gleiche Datei weiter genutzt)
- Offline-Fortschritt ergänzt (TODO-OFFLINE-PROGRESS, Punkt 1 der IDEENLISTE): beim "Fortsetzen"
  wird jetzt die seit dem letzten Verlassen vergangene ECHTE Zeit nachgeholt statt einfach zu
  ignorieren. Neues Feld state.lastRealTimestamp (Date.now()) in freshState(), wird bei JEDEM
  tick() aktualisiert. computeAndApplyOfflineProgress() (aufgerufen in startContinueGame() nach
  erfolgreichem loadAutosave()) rechnet die vergangene Echtzeit über TICK_MS_BASE/state.gameSpeed
  in Spieltage um und holt sie per stillem tick(true)-Loop nach (neuer optionaler silent-Parameter
  an tick(), unterdrückt renderAll() pro Durchlauf; neues Flag offlineCatchupActive unterdrückt
  zusätzlich Toast/Sound in toast() sowie Sound.tone()/noiseBurst()/playExplosionBuffer()) — sonst
  bei ggf. hunderten nachgeholten Tagen Performance-Problem + Toast-/Sound-Flut. Auf 500 Spieltage
  gedeckelt (sehr lange Abwesenheiten werden nicht unbegrenzt nachsimuliert), Mindestschwelle 30
  echte Sekunden + 1 voller Spieltag (kein Trigger bei kurzem Tab-Wechsel). Respektiert eine
  pausierte Firma (state.paused) — keine Nachholung, wenn pausiert verlassen wurde. Neues Modal
  "🕒 Während du weg warst" (offlineReportModal) zeigt danach eine Zusammenfassung (Kontostand,
  Einnahmen/Unterhalt, angekommene/verlorene Satelliten, fertiggestellte Schiffe/Module,
  abgeschlossene Forschung/Aufträge, neue Kolonien/Erstkontakte — nur Zeilen mit tatsächlichem
  Delta). Bewusst NICHT an manuellen Datei-Import (fileInput/fileInputStart) gekoppelt — dort wird
  state.lastRealTimestamp nur zurückgesetzt, keine automatische Nachholung (könnte z.B. gezielt
  ein alter Backup-Stand sein). Kein Migrationscode nötig — Altspielstände ohne
  lastRealTimestamp lösen beim ersten Laden einfach keine Nachholung aus, das Feld wird danach
  normal gesetzt.

v4-6 (deep_anchor_4.4.html, gleiche Datei weiter genutzt)
- Erfolge/Meilensteine-System ergänzt (TODO-ACHIEVEMENTS, Punkt 3 der IDEENLISTE): neuer Tab
  "Erfolge" (view-achievements, immer sichtbar, keine Forschungssperre) neben Statistiken, zeigt
  20 Erfolge in 5 Kategorien (Flotte & Starts, Fertigung, Wirtschaft, Forschung, Erkundung,
  Sonstiges — nach Kategorie gruppiert, gesperrte Erfolge abgedunkelt mit 🔒 statt Icon). Rein
  kosmetisch, KEIN Spiel-Effekt/Bonus — nutzt ausschließlich bereits bestehende Lifetime-Zähler
  (state.stats, seit fix31) und Bestandslisten (state.orbitSats/colonies/exploredTargets/
  firstContacts/crewedLandings/purchasedResearch), kein neuer Tracking-Code nötig.
  Neue ACHIEVEMENTS-Konstante (id/category/icon/name/desc/check-Funktion) + checkAchievements(),
  läuft bei jedem renderAll() mit (bei ~20 simplen check()-Aufrufen vernachlässigbar). Neues Feld
  state.achievementsUnlocked ([{id,day}]) in freshState(), abwärtskompatibel zu Altspielständen
  über Object.assign(freshState(), loaded). Beim Laden eines Spielstands (beginCommonGameLoop())
  läuft VOR dem ersten renderAll() ein einmaliger STILLER Nachtrag (checkAchievements(true)) —
  verhindert eine Toast-Flut, falls der Spielstand längst erreichte Meilensteine noch nicht
  gespeichert hatte. Neue Freischaltungen während des Spiels lösen Toast + Sound.contractDone()
  aus.

v4-5 (deep_anchor_4.4.html, gleiche Datei weiter genutzt)
- Namenskonvention geändert (auf Wunsch): ab sofort kein "-fix"-Suffix mehr in Versionsnummern
  (bisher v4-fix1, v4-fix2, …) — nicht jede Version ist ein Bugfix, daher ab jetzt schlicht
  fortlaufend v4-1, v4-2, v4-3, … Ältere, bereits bestehende Changelog-Einträge (v4-fix1 bis
  v4-fix4, sowie die gesamte v3.9-fix-Reihe) bleiben unangetastet — nur ab diesem Eintrag gilt
  das neue Schema.
- Patch-Notes-Screen ergänzt (TODO-PATCH-NOTES): neuer kompakter Button "vX · Patch Notes" unter
  "Fortsetzen" im Startbildschirm zeigt die aktuelle GAME_VERSION-Konstante an und öffnet ein
  eigenes Modal (patchNotesModal, gleiches Muster wie profileManageModal — außerhalb von #gameRoot
  platziert, damit es schon vor Spielstart nutzbar ist). Inhalt kommt aus einer neuen, bewusst vom
  ausführlichen CHANGELOG-Kommentarblock GETRENNTEN Konstante PATCH_NOTES_SUMMARY: KEINE Liste
  einzelner Versionsnummern, sondern ein zusammenhängender, nach Themen gegliederter Fließtext
  (Schwierigkeitsgrade, Firmen/Speicherstände, Werft, Fabrik, Forschung, Mars, Sonstiges), der
  zusammenfasst, was sich seit v3.9-fix12 für den Spieler geändert hat. Wird nicht automatisch bei
  jeder neuen Version erweitert, sondern nur auf Ansage ("Zusammenfassung").

v4-fix4 (deep_anchor_4.4.html, gleiche Datei weiter genutzt)
- Werft-Montagezeit (assemblyDaysFor(), Zusammenbau eines Schiffs aus Einzelmodulen im
  Orbit-Lager) war die einzige verbliebene Bau-/Flug-/Forschungszeit-Stelle, die noch nicht mit
  timeMult skaliert war (übersehen bei v4-fix3, da separate Funktion). Jetzt nachgezogen, exakt
  analog zu buildTimeFor/transferTimeFor/moduleBuildDays/researchDaysFor.
- Aufräumarbeiten: den veralteten, mehrteiligen Planungs-Kommentarblock "TODO-FABRIK-UMBAU" samt
  zugehörigem STATUS-Folgekommentar am Dateianfang entfernt — das Feature ist seit mehreren
  CHANGELOG-Einträgen (u.a. v3.9-fix-Reihe) vollständig umgesetzt, der Block war reine
  Planungs-Doku ohne weiteren Wert und wurde laut eigenem Hinweistext ohnehin nur bis zur
  Fertigstellung aufbewahrt. Nachfolgende TODO-Blöcke (TODO-WERFT-PFLICHT usw.) bleiben
  unverändert bestehen, da dort noch offene/relevante Historie drinsteckt.

v4-fix3 (deep_anchor_4.4.html, gleiche Datei weiter genutzt)
- Bau-, Flug- und Forschungszeiten waren bisher NICHT von der Schwierigkeit betroffen — nur
  startMoney/incomeMult/reliabilityBonus/costMult skalierten, Zeiten blieben in jeder Stufe
  identisch. Neues Feld timeMult pro DIFFICULTIES-Stufe ergänzt und zentral in den vier
  Zeit-Funktionen verdrahtet: buildTimeFor() (Schiffsbau inkl. Umbau/Refit, da refitDays darauf
  aufbaut), transferTimeFor() (Flugzeit zum Zielorbit), moduleBuildDays() (Einzel-Modul-Fabrik)
  und researchDaysFor() (Forschungsdauer).
  normal bleibt bewusst bei timeMult 1.0 als fester Referenzwert (unverändertes
  Normal-Balancing, wie bei costMult). Die Spreizung um diese Referenz herum ist deutlich weiter
  als bei costMult, damit sich leichte/schwere Stufen auch beim Zeitgefühl klar unterscheiden:
  0.1× Sandbox, 0.3× Sehr leicht, 0.6× Leicht, 1.0× Normal, 1.8× Schwer, 3.0× Sehr schwer,
  5.0× Höllisch schwer — auf der härtesten Stufe dauert damit alles fünfmal so lange wie im
  Normalspiel. buildTimeFor()/transferTimeFor()/moduleBuildDays() runden weiterhin auf min. 1
  Tag ab (Math.max(1, …)), Sandbox erzeugt also trotz 0.1× keine 0-Tage-Bauzeiten.
  Bei researchDaysFor() bewusst auf r._baseCost (unskalierter Grundpreis vor
  applyDifficultyCostScaling) statt r.cost umgestellt, statt einfach timeMult zusätzlich auf den
  bereits mit costMult skalierten Preis draufzurechnen — sonst hätte sich die Forschungsdauer auf
  schweren Stufen doppelt verlängert (einmal indirekt über den höheren Preis in der
  Wurzelformel, einmal direkt über timeMult). Damit ist costMult jetzt ausschließlich für Preise
  zuständig, timeMult ausschließlich für Dauer — sauber getrennt, kein Doppel-Effekt.
  desc-Texte aller Stufen um einen kurzen Hinweis auf schnellere/langsamere Zeiten ergänzt.

v4-fix2 (deep_anchor_4.4.html, gleiche Datei weiter genutzt)
- Balancing-Fix Schwierigkeitsgrad "Höllisch schwer" (Fortsetzung von TODO-SCHWIERIGKEITSGRAD):
  bisheriges startMoney (12000) reichte selbst für den günstigstmöglichen Satelliten
  (Chassis Klein + billigstes Modul + Rakete Sprinter, alle mit costMult 1.6 skaliert = 15680)
  nicht aus — der Modus war von Anfang an unspielbar, da es außer Auftrags-Einnahmen (setzen
  einen bereits erfolgreich gestarteten Satelliten voraus) keine Einkommensquelle gibt.
  startMoney jetzt exakt auf 20800 gesetzt — das entspricht bei costMult 1.6 den Kosten für
  genau EIN minimal funktionsfähiges Schiff (Chassis Klein + Solarpanel I + Wettersensor) plus
  einem Start mit der günstigsten Rakete (Sprinter). Wettersensor bewusst statt der günstigeren
  Antenne I gewählt: Aufträge (generateContract/TYPE_WEIGHTS) matchen gegen die Payload-Kategorie
  (PAYLOAD_TYPES: erdbeobachtung/kommunikation/wetter/navigation/forschung), die Antenne zählt
  als eigene comm-Kategorie und ist an keinen Auftragstyp gekoppelt — ohne echtes Payload-Modul
  könnte der Satellit zwar starten, aber keinen der generierten Aufträge sinnvoll bedienen. Das
  Forschungsinstrument (Payload "forschung") ist zu Spielbeginn noch gesperrt (reqResearch),
  fällt daher als Option raus; unter den übrigen freigeschalteten Payloads ist der Wettersensor
  das günstigste.
  Bewusst kein zusätzlicher Puffer: geht dieser eine Start schief, ist kein Geld für einen
  zweiten Versuch übrig — der Spieler steht praktisch vor dem Aus und muss eine neue Firma
  gründen (kein neuer Code-Mechanismus nötig, ergibt sich rein aus der Balance: ohne Satellit im
  Orbit keine Aufträge, ohne Aufträge kein Geld). desc-Text entsprechend angepasst, um dieses
  Alles-oder-nichts-Risiko klar zu kommunizieren.

v4-fix1 (deep_anchor_4.4.html)
- Bugfix (TODO-SCHWIERIGKEITSGRAD-FOLLOWUP): profileManageBtn zeigte nach Gründung der ersten
  Firma nur noch "Firma: " ohne Namen an. Ursache: renderProfilePicker() hat bei leerer
  Firmenliste manageBtn.textContent komplett überschrieben und damit den darin verschachtelten
  #profileManageBtnName-Span aus dem DOM entfernt; beim nächsten Aufruf griff
  document.getElementById('profileManageBtnName') dann ins Leere (null), und der anschließende
  manageBtn.appendChild(btnNameEl) schlug mit diesem null-Wert fehl.
  Fix: kein verschachteltes Span mehr — manageBtn.textContent wird bei jedem Aufruf direkt und
  vollständig neu gesetzt (entweder "Firma verwalten" bei leerer Liste, oder der reine
  Firmenname). Statisches Markup entsprechend vereinfacht (kein <span id="profileManageBtnName">
  mehr im Button). Auf Wunsch außerdem das feste "Firma: "-Präfix entfernt, Button zeigt jetzt
  nur noch den reinen, eingegebenen Firmennamen.

v3.9-fix41 (deep_anchor_3_9_11_4_1_1.html, gleiche Datei weiter genutzt)
- Bau-/Forschungskosten-Multiplikator pro Schwierigkeitsgrad ergänzt (TODO-SCHWIERIGKEITSGRAD,
  Fortsetzung von fix40 — ohne diesen Multiplikator wäre die Schwierigkeitswahl nur beim
  Startkapital/Erträgen/Erfolgschancen spürbar gewesen, Bauteile/Forschung aber in jeder Stufe
  gleich teuer). Jede DIFFICULTIES-Stufe hat jetzt zusätzlich costMult (0.4× Sandbox bis 1.6×
  Höllisch schwer).
  Umsetzung bewusst NICHT als weiterer Wrapper an jeder der ca. 50 Stellen, die .cost lesen
  (Kataloge, Bau-Bestätigungen, Rückerstattungen, Forschungsbaum, Bauplan-Vorschau usw.), sondern
  zentral über eine neue Funktion applyDifficultyCostScaling(): sie skaliert die .cost-Felder
  direkt an den Objekten in CHASSIS, MODULES (alle Kategorien), ROCKETS und RESEARCH selbst.
  Jedes Objekt merkt sich seinen echten Grundpreis einmalig in einem neuen _baseCost-Feld, .cost
  wird bei jedem Aufruf frisch aus _baseCost * costMult neu berechnet (kein Aufaddieren bei
  mehrfachem Aufruf/Schwierigkeitswechsel im selben Tab). Dadurch zeigen alle bestehenden
  Anzeige- UND Bezahl-Stellen automatisch den korrekten, schwierigkeitsabhängigen Preis, ohne dass
  irgendeine davon einzeln angepasst werden musste — keine Diskrepanz zwischen angezeigtem und
  tatsächlich abgebuchtem Preis.
  Aufruf zentral in beginCommonGameLoop() (statt einzeln in startNewGame()/startContinueGame()/
  Speicherstand-Import) — dem einzigen gemeinsamen Einstiegspunkt in den Spielbetrieb, an dem
  state.difficulty in jedem Fall bereits final gesetzt ist (frisch gewählt oder aus geladenem
  Spielstand). Altspielstände ohne state.difficulty fallen wie gehabt über getDifficulty() auf
  DEFAULT_DIFFICULTY ('normal', costMult 1.0) zurück — unverändertes Preisniveau, keine Migration
  nötig.

v3.9-fix40 (deep_anchor_3_9_11_4_1_1.html, gleiche Datei weiter genutzt)
- Sieben Schwierigkeitsgrade ergänzt (TODO-SCHWIERIGKEITSGRAD): Sandbox, Sehr leicht, Leicht,
  Normal, Schwer, Sehr schwer, Höllisch schwer (DIFFICULTIES-Konstante, jeweils mit
  startMoney/incomeMult/reliabilityBonus). Auswahl erfolgt bei jedem "Neues Spiel"-Start: beim
  allerersten Gründen einer Firma direkt im Gründungs-Modal zusammen mit dem Namen
  (newProfileDifficultyWrap in newProfileModal, nur im Modus 'found' sichtbar), bei "Neues Spiel"
  für eine bereits existierende Firma über ein eigenständiges neues Modal
  (newGameDifficultyModal), da dort kein Namensfeld mehr nötig ist. Die gewählte Stufe landet als
  state.difficulty im jeweiligen Spielstand der Firma (freshState(difficultyId)) und bleibt damit
  bis zum nächsten "Neues Spiel" dieser Firma unverändert — Fortsetzen/Autosave übernehmen sie wie
  jedes andere state-Feld automatisch mit.
  Ausgewirkt auf drei zentrale, bereits vorher an möglichst wenigen Stellen berechnete
  Balancing-Werte, bewusst NICHT auf Bau-/Forschungskosten (siehe Begründung im Code-Kommentar bei
  DIFFICULTIES): Startkapital direkt in freshState(); Vertragserträge über
  getDifficulty().incomeMult in generateContract() (wirkt schon beim Erzeugen, keine
  Anzeige-Diskrepanz); Start- und Landeerfolgschancen über zwei neue zentrale Helfer
  effectiveReliability()/effectiveLandingChance(), die die vorher an sieben (Start-Zuverlässigkeit)
  bzw. vier (Landechance) Stellen fast identisch duplizierte Inline-Formel ersetzen und zusätzlich
  eine bisher fehlende Untergrenze (5%) einführen, damit ein negativer Schwierigkeits-Malus keine
  Erfolgschance nahe 0% erzeugen kann. Die im Chassis-/Raketen-Katalog gezeigten rohen
  Zuverl.-Werte (c.reliability/r.reliability) bleiben unverändert die Basiswerte der Bauteile,
  exakt wie schon vorher getrennt von der tatsächlichen, kontextabhängigen "Erfolgschance" beim
  Start selbst.
  startNewGame(difficultyId) setzt state jetzt über freshState(difficultyId) komplett neu auf
  (vorher wurde auf dem ggf. schon "gebrauchten" globalen state-Objekt nur foundingDate
  überschrieben) — Nebeneffekt: verhindert außerdem, dass Restdaten einer zuvor im selben Tab
  gespielten Firma in eine neu gestartete Partie durchsickern.

v3.9-fix39 (deep_anchor_3_9_11_4_1_1.html, gleiche Datei weiter genutzt)
- Kein Standard-Profil mehr beim allerersten Start (TODO-FIRMA-GRUENDEN): früher wurde beim
  ersten Öffnen automatisch eine Firma "Firma 1" vorbelegt (siehe TODO-ACCOUNT-FIRMA in fix38).
  Jetzt startet cachedProfilesList leer, und "Neues Spiel" verlangt vor dem allerersten Start
  zwingend eine Namenseingabe ("Firma gründen"). Umsetzung: das bestehende newProfileModal wurde
  von innerhalb initProfileSystem() auf Top-Level-Scope gehoben und um einen Modus-Parameter
  erweitert (openNewProfileModal('found') vs. das bisherige 'create' für "+ Neue Firma" in der
  Verwaltung) — Titel/Beschreibungstext passen sich entsprechend an. Der btnNewGame-Handler prüft
  jetzt cachedProfilesList.length: ist noch keine Firma vorhanden, öffnet er das Modal im
  'found'-Modus statt sofort startNewGame() aufzurufen; Abbrechen/Schließen ist in diesem Fall
  deaktiviert, da es noch keine bestehende Firma gibt, zu der man zurückkehren könnte. Bestätigen
  legt das Profil an und startet danach automatisch startNewGame().
  Rückwärtskompatibilität: die allererste jemals gegründete Firma bekommt weiterhin bewusst die
  feste DEFAULT_PROFILE_ID ('main') und damit den unveränderten AUTOSAVE_KEY, damit bereits
  bestehende Altspielstände (aus der Zeit vor diesem Feature bzw. vor dem gesamten
  Profil-System) über "Fortsetzen" erreichbar bleiben — Gründen überschreibt sie wie gehabt erst
  beim tatsächlichen "Neues Spiel"-Start.
  Der Firma-Verwaltungsbutton auf dem Startbildschirm (profileManageBtn) bleibt bei leerer
  Firmenliste sichtbar (zeigt einen Hinweistext statt eines Firmennamens), damit "Spielstand
  importieren" und das Sammel-Backup auch vor der ersten Firmengründung erreichbar bleiben.

v3.9-fix38 (deep_anchor_3_9_11_4_1_1.html, gleiche Datei weiter genutzt)
- UI-Text von "Profil" auf "Firma" umbenannt (TODO-ACCOUNT-FIRMA): alle sichtbaren Beschriftungen
  (Button, Modal-Titel, Labels, Buttons, Lösch-Bestätigung, Backup-Meldungen) sprechen jetzt von
  "Firma"/"Firmen" statt "Profil"/"Profile". Element-IDs und JS-Funktionsnamen (profileSelect,
  initProfileSystem() usw.) bleiben bewusst unverändert, um die bestehende Logik nicht
  anzufassen — nur Anzeigetexte wurden ersetzt.
  Außerdem: Personen-Icon (👤) vor dem Firma-Button entfernt, reiner Text "Firma: <Name>".
  Default-Firma heißt jetzt "Firma 1" statt "Hauptprofil" (DEFAULT_PROFILE_ID/'main' selbst
  unverändert, betrifft nur den angezeigten Namen in loadProfilesList()/cachedProfilesList).

v3.9-fix37 (deep_anchor_3_9_11_4_1_1.html, gleiche Datei weiter genutzt)
- "Spielstand importieren" (btnImportFromStart, Einzel-Save direkt laden) vom Startbildschirm
  ins Profil-Verwaltungs-Modal (profileManageModal) verschoben, unter "Alle Profile sichern /
  übertragen" mit erklärendem Hinweistext, dass es sich um eine einzelne klassische Save-Datei
  ohne Profil-Bezug handelt (im Unterschied zum Sammel-Backup, das nur das
  'deepanchor-multi-export'-Bundle akzeptiert). Funktional unverändert — Element-ID und
  Event-Listener in initGameFlow bleiben gleich, nur die Position im DOM hat sich geändert.

v3.9-fix36 (deep_anchor_3_9_11_4_1_1.html, gleiche Datei weiter genutzt)
- Bugfix: neuer Profil-Button öffnete das Verwaltungs-Modal nicht sichtbar (TODO-ACCOUNT-BUTTON-FIX).
  Ursache: .modal-bg hatte z-index:200, der Startbildschirm (.fullscreen-overlay, z.B. #startScreen)
  aber z-index:400 — jedes Modal, das WÄHREND der Startbildschirm sichtbar ist geöffnet wird,
  landete dadurch unsichtbar dahinter (galt latent auch schon vorher für newProfileModal,
  deleteProfileModal und accountBackupModal, ist bloß durch den neuen Button jetzt aufgefallen).
  Fix: .modal-bg auf z-index:450 angehoben (über allen anderen z-index-Werten im Spiel), damit
  jedes Modal garantiert über dem Startbildschirm liegt.

v3.9-fix35 (deep_anchor_3_9_11_4_1_1.html, gleiche Datei weiter genutzt)
- Profil-Bereich auf dem Startbildschirm zu einem Profil-Button umgebaut (TODO-ACCOUNT-BUTTON),
  angelehnt an AETHERIS' "Profil: <Name>"-Button/profileManageModal: statt Dropdown +
  Neues-Profil-/Löschen-/Sammel-Backup-Buttons dauerhaft sichtbar auf dem Startbildschirm zu
  zeigen, gibt's jetzt nur noch einen kompakten Button "👤 Profil: <Name>" ganz oben im
  Start-Menü. Klick darauf öffnet ein neues Modal (profileManageModal) mit exakt denselben
  Bedienelementen wie vorher (profileSelect, btnNewProfile, btnDeleteProfile, btnAccountBackup —
  alle IDs unverändert, daher keine Änderungen an initProfileSystem()/renderProfilePicker()-Logik
  nötig, nur ergänzt). renderProfilePicker() schreibt zusätzlich den Namen des aktiven Profils in
  den neuen Button (profileManageBtnName), damit man auch ohne geöffnetes Modal sieht, welches
  Profil gerade aktiv ist. Die bereits bestehenden Modals (newProfileModal, deleteProfileModal,
  accountBackupModal) öffnen sich weiterhin unverändert "über" dem neuen Verwaltungs-Modal.

v3.9-fix34 (deep_anchor_3_9_11_4_1.html, gleiche Datei weiter genutzt)
- Sammel-Export/-Import ALLER Profile auf einmal ergänzt (TODO-ACCOUNT-BACKUP), angelehnt an
  AETHERIS' "Alle Profile sichern/übertragen": neuer Button "⚙ Alle Profile sichern /
  übertragen" im Profil-Bereich des Startbildschirms öffnet ein eigenes Modal (accountBackupModal,
  ebenfalls außerhalb von #gameRoot). "💾 Alle Profile exportieren" (exportAllProfiles()) bündelt
  Profilliste + Spielstand JEDES Profils (über saveKeyForProfile() je Profil aus der
  storageGet-Abstraktion gelesen) in eine einzige JSON-Datei zum Download. "📂 Sammel-Datei
  importieren" liest die Datei, prüft den type-Marker ('deepanchor-multi-export'), zeigt eine
  Vorschau (Profilnamen + Hinweis, dass Profile mit gleicher ID überschrieben werden) und
  übernimmt nach Bestätigung über applyProfilesBundle(): vorhandene Profile mit fremder ID
  bleiben unangetastet, Profile aus der Datei überschreiben gleiche IDs bzw. werden neu angelegt
  (inkl. ihrer Spielstände). Wechselt danach automatisch auf das in der Datei als aktiv markierte
  Profil, falls vorhanden.
  Rein informative Rückmeldung läuft über simples Text-Update im Modal (accountBackupInfo) statt
  über toast() — #toastWrap steckt wie die übrigen Spiel-Panels innerhalb von #gameRoot und wäre
  auf dem Startbildschirm unsichtbar.

v3.9-fix33 (deep_anchor_3_9_11_4_1.html, gleiche Datei weiter genutzt)
- Account-/Profil-System ergänzt (TODO-ACCOUNT-SYSTEM), angelehnt an das Profil-System aus
  AETHERIS: lokale Mehrprofil-Verwaltung auf dem Startbildschirm — KEIN echtes Server-Login
  (kein Passwort, keine Cloud, kein Account-Server), sondern eine saubere Trennung mehrerer
  unabhängiger Spielstände im selben Browser bzw. derselben Artifact-Storage (z.B. für mehrere
  Testläufe oder mehrere Spieler am selben Gerät). Neuer Profil-Bereich im Startbildschirm
  (profileSelect-Dropdown + "+ Neues Profil"/"Profil löschen"), zwei neue Modals
  (newProfileModal, deleteProfileModal) — bewusst AUSSERHALB von #gameRoot platziert (das hat
  bis zum Spielstart display:none, würde Modals als Kindelement sonst unnutzbar machen).
  Jedes Profil bekommt über saveKeyForProfile() einen eigenen Storage-Key
  (`${AUTOSAVE_KEY}__<id>`); das Hauptprofil (DEFAULT_PROFILE_ID='main') nutzt bewusst weiter
  den unveränderten AUTOSAVE_KEY ('deepanchor_save') weiter — bestehende Spielstände bleiben
  dadurch garantiert erhalten, keine Migration nötig. autosave()/loadAutosave()/hasAutosave()
  greifen jetzt über die neue Variable CURRENT_SAVE_KEY (statt der bisherigen Konstante
  AUTOSAVE_KEY direkt) auf den jeweils aktiven Profil-Spielstand zu; initProfileSystem() löst
  das aktive Profil ganz am Anfang von init() auf, bevor irgendein Autosave-Check läuft.
  Profil-Metadaten (Liste + aktives Profil) laufen über dieselbe storageSet/storageGet-
  Abstraktion wie der Spielstand selbst (storageDelete() neu ergänzt) — funktioniert also
  identisch sowohl mit Artifact-Storage als auch mit dem localStorage-Fallback für den
  eigenständigen Browser-Betrieb.
  Anders als in AETHERIS ist beim Profilwechsel KEIN location.reload() nötig — Deep Anchor lädt
  den eigentlichen Spielstand ohnehin erst asynchron nach Klick auf "Fortsetzen"/"Neues Spiel",
  ein einfaches Neu-Rendern von profileSelect + Fortsetzen-Button reicht. Profil löschen entfernt
  Profil-Eintrag UND zugehörigen Spielstand dauerhaft (mit Bestätigungs-Dialog); das Hauptprofil
  ist davor geschützt (Löschen-Button dafür ausgeblendet).

v3.9-fix32 (deep_anchor_3_9_11_4_1.html, gleiche Datei weiter genutzt)
- Guthaben-Verlauf im Statistiken-Tab um Zeitraum-Umschalter erweitert (TODO-STATISTIKEN-LIVE):
  vier Subtabs "Echtzeit / 7 Tage / 30 Tage / Gesamt" (statsChartMode, reine UI-Auswahl,
  bewusst nicht in state — muss nicht gespeichert werden). "7 Tage"/"30 Tage" filtern den
  bestehenden state.stats.moneyHistory-Tagesverlauf per state.day-Fenster (fällt auf den
  Gesamtverlauf zurück, falls die Firma jünger ist als das Fenster); "Gesamt" zeigt den
  kompletten Tagesverlauf wie bisher.
  NEU: "Echtzeit"-Modus über zusätzlichen state.stats.liveMoneyHistory-Verlauf (gecappt auf die
  letzten 300 Punkte, {t: Date.now(), money}) — wird über recordLiveMoneySample() bei JEDEM
  renderStats()-Aufruf mitgeschrieben, also nach praktisch jeder Spielaktion UND bei jedem
  laufenden Game-Tick (nicht erst einmal pro Firmentag wie moneyHistory), inkl. Throttle
  (überspringt Punkte mit unverändertem Kontostand innerhalb von 1,5s, damit der Speicher im
  Leerlauf nicht mit identischen Werten vollläuft, ein tatsächlicher Kauf/Erlös aber sofort im
  Chart landet). Pausiert automatisch mit, wenn das Spiel pausiert ist (tick() liefert dann keine
  renderAll()-Aufrufe mehr). Chart zeigt im Echtzeit-Modus zusätzlich einen hervorgehobenen
  Punkt am aktuellen Wert sowie Uhrzeiten statt Tagesnummern auf der X-Achse.
  Kein Migrationscode nötig — liveMoneyHistory defaultet über freshState()+Object.assign() für
  Altspielstände automatisch auf ein leeres Array.

v3.9-fix31 (deep_anchor_3_9_11_4_1.html, gleiche Datei weiter genutzt)
- Statistiken-Tab ergänzt (TODO-STATISTIKEN): neuer, immer sichtbarer Tab "Statistiken"
  (view-stats, keine Forschungssperre) mit Panels "Firma — Übersicht" (Gesamteinnahmen/
  -ausgaben/Wartungskosten/Netto-Bilanz), "Guthaben-Verlauf" (Canvas-Liniendiagramm über
  state.stats.moneyHistory), "Flotte & Fertigung", "Raketenstarts" (inkl. Erfolgsquote),
  "Erkundung" und "Aufträge & Forschung". Neuer state.stats-Block mit Lifetime-Zählern
  (lifetimeIncome, lifetimeUpkeep, moneySpent, satellitesBuilt, modulesBuilt, shipsAssembled,
  launchesTotal/-Success/-Failed, contractsCompleted, researchCompleted, satellitesLost,
  moneyHistory) — diese laufen unabhängig von aktuellen Bestandsgrößen (die weiterhin direkt aus
  bestehenden Listen wie state.orbitSats abgeleitet werden) die ganze Firmengeschichte mit.
  Zähler werden an den jeweiligen Ursprungsstellen hochgezählt: buildSatellite()/buildModule()/
  confirmAssembly()/buyResearch() (Ausgaben + Baumengen), runRocketLaunchSequence() (Start-
  Erfolg/Fehlschlag — zentraler Hook, deckt Satelliten, Module UND Werft-Lieferflüge automatisch
  mit ab), tick() (Forschungsabschluss, Tageseinnahmen/-ausgaben, Auftragsabschluss-Bonus,
  Schrott-Verluste, sowie der auf 200 Einträge gecappte moneyHistory-Tagesverlauf fürs
  Diagramm). Kein Migrationscode nötig — state.stats defaultet über freshState()+
  Object.assign() für Altspielstände automatisch (Lifetime-Werte starten dann bei 0, laufen ab
  sofort mit).

v3.9-fix30 (deep_anchor_3_9_11_4_1.html, gleiche Datei weiter genutzt)
- Blaupausen-Kreator ergänzt (TODO-BAUPLAN-KREATOR): neuer Tab "Blaupausen-Kreator" (view-creator),
  in dem Chassis+Modul-Konfigurationen für Fabrik UND Orbitalwerft frei am Reißbrett entworfen
  werden können — ganz ohne bereits gefertigte oder ins Orbit-Lager gelieferte Bauteile (eigener
  state.blueprintCreatorDraft, unabhängig von state.draft/state.assemblyDraft und deren
  Pool-/Warteschlangen-Bindung). Modus-Umschalter Fabrik-Bauplan/Werft-Bauplan (selectCreatorMode),
  Chassis-/Modulwahl wie im normalen Fabrik-Baumenü (selectCreatorChassis/addCreatorMod/
  removeCreatorMod), Stats über die bestehende computeSatDerived(). "Als Bauplan speichern"
  schreibt direkt in state.blueprints bzw. state.werftBlueprints (Werft-Baupläne ohne
  Zielumlaufbahn — die wird erst bei der eigentlichen Montage im Orbitalwerft-Tab festgelegt) und
  taucht danach ganz normal in den bestehenden Baupläne-/Werft-Baupläne-Panels auf.
  Neue Forschung "Blaupausen-Designsystem" (blaupausensystem, RESEARCH, kein reqAll) schaltet den
  Kreator-Tab frei (updateCreatorTabVisibility(), analog updateWerftTabVisibility()) UND sperrt
  gleichzeitig das bisher voraussetzungslose Speichern/Laden von normalen Bauplänen sowie
  Werft-Bauplänen (blueprintSystemUnlocked()-Check in saveBlueprintFromDraft/loadBlueprint/
  saveWerftBlueprintFromDraft/loadWerftBlueprint plus UI-Sperre in renderBuild()/
  renderWerftBlueprints() mit Lock-Hinweis statt Liste). Bereits vor diesem Update gespeicherte
  Baupläne bleiben erhalten und erscheinen wieder, sobald erforscht — kein Datenverlust.

v3.9-fix29 (deep_anchor_3_9_11_4.html, gleiche Datei weiter genutzt)
- Modul-Fabrik: Bestellungen werden nicht mehr auf freie Fertigungsplätze gedeckelt
  (TODO-MODUL-WARTESCHLANGE). Bisher klemmte buildModule() eine zu hohe qty automatisch auf
  getRemainingModuleQueueCap() — bei 30 bestellten Modulen und nur 2 freien Plätzen wurden also
  nur 2 tatsächlich angenommen, der Rest verschwand kommentarlos. Jetzt: die volle Menge wird
  sofort komplett bezahlt, bis zu getMaxQueueCap() Stück starten sofort aktiv (state.
  moduleConstructionQueue mit Bauzeit), der Rest landet in der neuen state.moduleWaitQueue
  (bezahlt, aber noch ohne Bauzeit) und rückt in tickDay() automatisch nach, sobald ein aktiver
  Platz frei wird (jedes nachrückende Modul startet seine Bauzeit erst ab dem Tag des
  Nachrückens, nicht rückwirkend). UI: Mengen-Buttons in der Fabrik sind nicht mehr deaktiviert
  ("Warteschlange voll" entfällt), Kapazitäts-Label zeigt jetzt "X/Y aktiv · Z wartend", die
  Fertigungsliste zeigt wartende Bestellungen ohne Fortschrittsbalken mit ihrem Warteplatz.
- Orbitalwerft-Tab in der Hauptnavigation komplett ausgeblendet, solange die Forschung
  "Orbitalwerft" nicht abgeschlossen ist (TODO-WERFT-TAB-GATE) — taucht jetzt genauso
  unsichtbar auf wie Fabrik/Orbit-Netzwerk, statt wie bisher die ganze Zeit sichtbar (aber
  praktisch nutzlos) neben den anderen Tabs zu stehen. Neue updateWerftTabVisibility()
  (in renderAll() aufgerufen) blendet den Tab-Button per display:none aus/ein je nach
  orbitalWerftUnlocked(); springt sicherheitshalber auf "Fabrik" zurück, falls der Werft-Tab
  gerade aktiv war und ausgeblendet wird.

v3.9-fix28 (deep_anchor_3_9_11_4.html, gleiche Datei weiter genutzt)
- Modul-Hangar (vor der Orbitalwerft-Montage) kompaktiert (TODO-HANGAR-KOMPAKT): bisher zeigte
  #moduleHangarList JEDEN einzelnen Hangar-Eintrag als eigene Zeile mit Checkbox — bei z.B.
  12x Solarpanel I also 12 optisch identische Zeilen. Das war genau die Lücke, die fix26 beim
  Orbit-Lager schon geschlossen hatte, den Modul-Hangar selbst aber (versehentlich) ausließ.
  Jetzt: eine Zeile PRO Modultyp (moduleHangarGroups(), gruppiert & sortiert nach MODULES-
  Katalogreihenfolge), zeigt "X verfügbar" plus kompakten −/Anzahl/+ -Steller für die
  Stapel-Auswahl (addModuleStackSelectionByType()/removeModuleStackSelectionByType()) sowie
  "Einzeln starten"/"Verschrotten" pro Typ (launchModuleOfType()/scrapModuleOfType() — nehmen
  bevorzugt ein noch nicht für den Stapel ausgewähltes Exemplar). Unter der Haube unverändert:
  state.moduleLaunchSelection bleibt eine flache Liste konkreter Hangar-Eintrags-IDs
  (launchModuleStack() unangetastet). Alte Checkbox-Zeile/toggleModuleStackSelection() bleibt
  als Funktion bestehen (nicht mehr aufgerufen), da an anderer Stelle nicht referenziert.

v3.9-fix27 (deep_anchor_3_9_11_4.html, gleiche Datei weiter genutzt)
- Fehlende Live-Flugzeit auf der Sternenkarte (Sol → benachbarte Sternsysteme, drawGalaxyMap)
  behoben: der In-Transit-Marker war bisher nur ein statischer oranger Ring ohne jede
  Information, wie lange der Flug noch dauert — im Gegensatz zur Andromeda/Galaxie-
  Detailkarte (drawGalaxyDetailMap), die den Ring schon längst live mit der Flugzeit füllt.
  Jetzt identisches Verhalten: Ring füllt sich mit pct = 1 - daysLeft/daysTotal, zusätzlich
  Resttage als Zahl ("Xt") direkt unter dem Zielpunkt. Die reine Restzeit als Text gab es
  bereits vorher im Panel "Sonden unterwegs (interstellar)" (galaxyQueueList) — das war vom
  Nutzer offenbar übersehen worden, weil auf der Karte selbst kein Hinweis darauf war.
  Kartenlegende unter der Sternenkarte entsprechend ergänzt. Galaxie-Sprünge (Andromeda &
  Co.) waren von diesem Bug NICHT betroffen, dort war die Anzeige schon korrekt.

v3.9-fix26 (deep_anchor_3_9_11_4.html, gleiche Datei weiter genutzt)
- Orbit-Lager in der Schiffsmontage kompaktiert (TODO-WERFT-KOMPAKT): bisher zeigte
  #assemblyPoolList JEDEN einzelnen Pool-Eintrag als eigene Zeile mit Hinzufügen/Entfernen-
  Button — bei z.B. 12x Solarpanel I also 12 optisch identische Zeilen zum Durchklicken.
  Jetzt: eine Zeile PRO Modultyp (assemblyPoolGroups(), gruppiert & sortiert nach MODULES-
  Katalogreihenfolge), zeigt "X verfügbar" plus kompakten −/Anzahl/+ -Steller
  (addAssemblyModuleByType()/removeAssemblyModuleByType()) — funktional identisch zur bereits
  bestehenden Menge-Anzeige in der Fabrik/Modul-Fabrik, nur eben für die Auswahl AUS dem Pool
  statt für den Neubau. Unter der Haube unverändert: state.assemblyDraft.poolIds bleibt eine
  flache Liste konkreter Pool-Eintrags-IDs (assemblyStats() unangetastet) — die neuen
  Typ-Funktionen suchen beim Klick auf "+" einfach den nächsten noch nicht ausgewählten
  Pool-Eintrag mit passender modId heraus bzw. entfernen beim "−" den zuletzt ausgewählten.
  Alte Einzel-Klick-Funktion toggleAssemblyModule() ersatzlos entfernt (nirgends mehr
  aufgerufen). Chassis-Auswahl war schon vorher kompakt (eine Zeile pro Chassistyp, da
  Chassis nicht gepoolt sondern bei Montage frisch bezahlt werden) und bleibt unverändert.

v3.9-fix25 (deep_anchor_3_9_11_4.html, gleiche Datei weiter genutzt)
- Mehrfachbau in der Modul-Fabrik ergänzt (TODO-MODUL-STAPELBAU): bisher konnte buildModule()
  technisch schon eine qty entgegennehmen (siehe Fabrikausbau-Stepper-Vorbild bei Satelliten),
  aber die UI rief immer nur buildModule(id, 1) auf — jedes Modul musste einzeln angeklickt
  werden. Jetzt gibt's im Modul-Fabrik-Panel einen eigenen Stückzahl-Stepper (−/Eingabefeld/+,
  1-999, moduleQtyInput/-Minus/-Plus, exakt gleiches Muster wie der bestehende Satelliten-
  Stepper qtyInput/-Minus/-Plus), der für den nächsten Klick auf ein beliebiges Modul gilt.
  Baukosten-Beschriftung pro Modul-Button skaliert live mit der gewählten Stückzahl (z.B.
  "+ €7.200 (9×)").
  Kapazität: neue eigene getRemainingModuleQueueCap() nutzt bewusst denselben
  getMaxQueueCap()-Wert wie die Komplettschiff-Fabrik (gleiche Fabrikausbau-Forschung I-IV,
  2 Basis bis max. 10 bei Vollausbau), zählt aber gegen die EIGENE
  state.moduleConstructionQueue statt gegen state.constructionQueue — beide Warteschlangen
  bleiben wie in TODO-FABRIK-UMBAU festgelegt komplett getrennt, teilen sich nur denselben
  Kapazitäts-Maximalwert. buildModule() klemmt eine zu hohe qty automatisch auf die
  verbleibende Kapazität herunter (wie buildSatellite()) statt den Bau abzulehnen. Neues
  Label "(X/Y Plätze belegt)" neben der Überschrift "Modul-Fertigung", Bau-Buttons werden
  deaktiviert und zeigen "Warteschlange voll", sobald die Modul-Fertigung ihr Limit erreicht.

v3.9-fix24 (deep_anchor_3_9_11_4.html, gleiche Datei weiter genutzt)
- Modul-Hangar endlich wirklich stapelbar: launchModuleStack() konnte technisch schon immer
  mehrere Module in einem gemeinsamen Raketenstart hochbringen (Gesamtmasse bestimmt die
  nötige Rakete, ein Risiko für den ganzen Stapel), aber die UI hat das nie freigelegt — jede
  Zeile im Modul-Hangar hatte nur einen "Starten"-Button für genau EIN Modul. Jetzt hat jede
  Zeile zusätzlich eine Checkbox (füllt state.moduleLaunchSelection über
  toggleModuleStackSelection()), darunter eine neue Sammelleiste (#moduleStackBar in
  renderModuleHangar()) mit Gesamtmasse, automatisch passender güngstigster Rakete
  (pickRocketForModule()) und einem "Stapel starten"-Button — z.B. mehrere leichte Module
  gemeinsam auf einer kleinen Rakete statt für jedes einzelne einen eigenen (teureren)
  Einzelstart zu bezahlen. Einzelstart-Button pro Zeile bleibt zusätzlich bestehen für schnelle
  Ein-Modul-Starts. Auswahl wird beim Verschrotten (scrapModule()) und nach jedem Start
  automatisch bereinigt, damit nie eine ID auf ein nicht mehr existierendes Modul zeigt.

v3.9-fix23 (deep_anchor_3_9_11_4.html, gleiche Datei weiter genutzt)
- Werft-Bauplansystem ergänzt (TODO-WERFT-BAUPLAN), bewusst als EIGENE, getrennte Liste
  state.werftBlueprints (statt Wiederverwendung von state.blueprints): die normalen Baupläne
  gehören zum Fabrik-Direktbau (state.draft) für Erdstart-Satelliten/Sonden und speichern kein
  Ziel; Werft-Baupläne gehören zur Schiffsmontage (state.assemblyDraft) und speichern zusätzlich
  Zielart/Ziel/Landung-Besatzung-Auswahl mit. Neuer Button "Als Werft-Bauplan speichern" im
  Schiffsmontage-Panel (saveWerftBlueprintFromDraft, gleicher showPromptModal-Dialog wie beim
  normalen Bauplan), neues Panel "Werft-Baupläne" mit Laden/Löschen (loadWerftBlueprint/
  deleteWerftBlueprint, renderWerftBlueprints() — aufgerufen aus renderAssembly()). Da
  Orbit-Lager-Module beim Verbauen einmalig verbraucht werden, speichert ein Werft-Bauplan nur
  die modIds (Bauteil-Typen); beim Laden sucht loadWerftBlueprint() passende, noch nicht belegte
  Einträge aus dem AKTUELLEN Pool zusammen und meldet fehlende Module per Toast, statt hart
  abzulehnen. Werft-Baupläne können (anders als normale Baupläne) auch werftOnly-Chassis
  (Kolonie/Frachter/Lichtschiff/Sprungschiff) enthalten. Kein Migrationscode nötig — neues Feld
  defaultet über freshState()+Object.assign() für Altspielstände automatisch auf leeres Array.

v3.9-fix22 (deep_anchor_3_9_11_4.html)
- TODO-WERFT-PFLICHT-2 umgesetzt: Lichtschiff und Sprungschiff sind keine Erd-Trägerraketen
  mehr, sondern eigene werftOnly-Chassis (CHASSIS.lichtschiff/sprungschiff, 14/16 Slots,
  reqResearch weiterhin ueberlichtAntrieb/intergalaktischerSprungantrieb). Wie bei allen
  anderen Schiffen kommt ihre Reichweite (ΔV) NICHT vom Chassis, sondern aus den verbauten
  Treibstofftank-Modulen (assemblyStats()) — mehr Tanks = mehr Reichweite. Pioneer und
  Grand Tour bleiben unverändert normale Erdstart-Raketen, ausschließlich für
  Sonnensystem-Sonden (ROCKETS unverändert bis auf Entfernen der beiden alten Einträge).
  Werft-Montage (renderAssembly) hat jetzt einen Zielart-Umschalter Orbit / Sonnensystem-
  Deep-Space direkt im Montage-Panel (assemblySelectMissionType, state.assemblyDraft.
  missionType) — bei Deep-Space entfällt die Lieferrakete komplett, es zählt nur die eigene
  Treibstoffreserve gegen destKey.deltaVReq (renderAssemblyDeepConfirm, inkl. Landung-/
  Besatzung-Toggle analog zum bestehenden Werft-Mehrfachtransport-Dialog, deepInsertionCost()
  als Analogon zu orbitInsertionCost() für die Einschusskosten). Fertige Montagen mit
  missionType 'deepspace' gehen direkt in state.deepSpaceQueue statt state.transitQueue
  (tick()), Rakete/Startrisiko entfällt komplett (alle Teile sind schon einzeln hochgeflogen).
  Andromeda-Kartenhinweis (galaxyTargetsHint) und Forschungstexte auf das neue Chassis-Modell
  umgetextet. Altspielstände: assemblyDraft.missionType defaultet über Migration in
  renderAssembly() auf 'orbit', alte moduleAssemblyQueue-Einträge ohne missionType fallen
  automatisch in den bestehenden Orbit-Zweig.

v3.9-fix21 (deep_anchor_3_9_11_3.html, gleiche Datei weiter genutzt)
- Zwei neue Chassis-Klassen "Kolonieschiff" (10 Slots) und "Frachter" (13 Slots) ergänzt, siehe
  TODO-WERFT-PFLICHT im Datei-Header — deutlich mehr Slots als Groß (7), da Nutzer-Feedback
  "mehr Laderaum" als mehr Modul-Slots (nicht mehr kg-Massebudget) präzisiert hat. Beide neu
  über CHASSIS.kolonie/frachter mit Flag werftOnly:true, eigene Forschungen chassisKolonie/
  chassisFrachter (setzen orbitalWerft voraus). werftOnly-Chassis sind bewusst NICHT im
  normalen Fabrik-Direktbau wählbar: renderBuild() blendet sie aus der Chassis-Chip-Liste aus,
  selectChassis() lehnt sie zusätzlich defensiv ab (falls doch angeklickt). Sichtbar/wählbar
  sind sie ausschließlich in der Werft-Montage (renderAssembly), dort mit ⚓-Marker gekennzeichnet.
  Klein/Mittel/Groß bleiben unverändert normal fabrikbaubar (keine rückwirkende Werft-Pflicht).

v3.9-fix20 (deep_anchor_3_9_11_3.html, gleiche Datei weiter genutzt)
- Echtes Kalenderdatum im Header ergänzt (zusätzlich zur Jahr/Tag-Anzeige aus fix19, nicht als
  Ersatz): state.foundingDate (neu in freshState(), YYYY-MM-DD) wird in startNewGame() bzw.
  beim Fallback in startContinueGame() (kein Autosave gefunden) auf das ECHTE heutige Datum
  gesetzt — nicht auf einen festen Wert, damit ein in zwei Monaten gestartetes neues Spiel auch
  wirklich mit dem Datum in zwei Monaten beginnt. companyCalendarDate() rechnet daraus mit
  state.day (rechnet weiterhin unverändert intern, nur Anzeige betroffen) das aktuelle
  Spieldatum aus (addDaysISO(), auf UTC-Mittag verankert, damit Zeitzonen/Sommerzeit keine
  Tagesverschiebung verursachen). Header zeigt jetzt z.B. "14. Mär 2087 · 1 Jahr, 182 Tage".
  Migration für Altspielstände ohne foundingDate: ensureFoundingDate() wird nach jedem
  Object.assign(freshState(), loaded) aufgerufen (Autosave-Laden, manueller Datei-Import,
  Import direkt vom Startbildschirm) und rechnet dann rückwärts vom echten heutigen Datum
  ausgehend ein plausibles Gründungsdatum (heute minus (state.day-1) Tage), damit der
  aktuelle Spieltag ungefähr auf "heute" fällt statt willkürlich in der Zukunft zu landen.
  Nachtrag: Datum und Firmenzeit (Jahr/Tag) bekommen im Header zwei eigene HUD-Felder
  ("Datum" / "Firmenzeit") statt in einem zusammengequetscht zu werden — beide sind
  inhaltlich unterschiedliche Dinge (echter Kalendertag vs. Firmenalter).

v3.9-fix19 (deep_anchor_3_9_11_3.html, gleiche Datei weiter genutzt)
- Forschung dauert jetzt echte Spielzeit statt sofort fertig zu sein: buyResearch() zieht
  weiterhin die Kosten sofort ab, startet aber state.activeResearch = {id, daysTotal, daysLeft}
  statt direkt in purchasedResearch zu schreiben. Neuer Block ganz am Anfang von tick()
  zählt daysLeft pro Tag runter und schaltet die Forschung erst bei Erreichen von 0 frei
  (inkl. Toast + Sound.contractDone()). Immer nur eine Forschung gleichzeitig — ein zweiter
  buyResearch()-Aufruf während state.activeResearch gesetzt ist wird abgewiesen ("Labor
  belegt"), es gibt also (noch) keine Forschungs-Warteschlange wie bei der Fabrik.
  Dauer wird nicht pro Research-Eintrag hinterlegt, sondern aus den Kosten abgeleitet
  (researchDaysFor(): Wurzelskalierung, min. 2 Tage) — vermeidet manuelles Pflegen von 50+
  Einträgen und skaliert automatisch mit, wenn neue Techs ergänzt werden.
  UI: Forschungsbaum-Knoten haben einen neuen Status "researching" (Sanduhr-Icon, amberfarbener
  Rand, zeigt "noch X Tag(e)" statt der Kosten). Detail-Panel zeigt bei laufender Forschung
  einen Fortschrittsbalken (gleiche .queue-item/.progress-bar-Optik wie Bau-/Transit-Queue)
  und der Button ist entsprechend deaktiviert/beschriftet ("Wird erforscht…" / "Labor belegt").
  state.activeResearch (neu in freshState()) ist über Object.assign(freshState(), loaded)
  abwärtskompatibel zu alten Spielständen (defaultet auf null).

v3.9-fix18 (deep_anchor_3_9_11_3.html, gleiche Datei weiter genutzt)
- Orbitalwerft auf Mehrfachtransport umgebaut und für Deep-Space-Ziele geöffnet: bisher war die
  Werft eine stille 100%-Erfolgs-Montage ohne Raketenstart-Video und nur für Erdorbit-Ziele
  nutzbar — dadurch waren schwere Kolonieschiffe/Außenposten (Kolonie-Modul + Landestufe +
  Crew-Kapsel etc. übersteigen schnell jede Raketenkapazität) faktisch nie in der Lage, zu
  einem Sonnensystem-/Deep-Space-Ziel wie dem Mars zu fliegen.
  Jetzt: im „Starten"-Dialog wählt man für zu schwere Schiffe zunächst eine Lieferrakete: die
  Anzahl nötiger Lieferflüge ergibt sich aus Schiffsmasse ÷ Raketenkapazität (aufgerundet).
  Jeder einzelne Lieferflug läuft durch die normale runRocketLaunchSequence() inkl. echtem
  Start-Video und eigenem Zuverlässigkeits-Risiko — bei Fehlschlag geht nur diese Sektion
  verloren, der Fortschritt (X/Y Lieferflüge) bleibt erhalten und der nächste Flug kann erneut
  versucht werden. Neues Panel „Werft-Aufträge" im Hangar-Bereich zeigt laufende Aufträge mit
  Fortschrittsbalken und Button für den nächsten Lieferflug (state.werftQueue, neu in
  freshState() und per Object.assign(freshState(), loaded) abwärtskompatibel zu alten
  Spielständen).
  Sind alle Lieferflüge angekommen, wird automatisch montiert: bei Erdorbit-Zielen wandert das
  Schiff wie bisher in state.transitQueue; bei Sonnensystem-/Deep-Space-Zielen wandert es direkt
  in state.deepSpaceQueue (inkl. Landung-versuchen/Bemannt-Auswahl, identisch zur normalen
  Sonden-Logik in tick() — Mars-Terraforming-Punkte, Kolonie-Gründung, Erstkontakt etc. laufen
  dadurch unverändert über den bestehenden Code-Pfad). Wichtig: nach der Werft-Montage zählt für
  die Weiterreise die EIGENE Treibstoffreserve (ΔV) des montierten Schiffs, nicht mehr die
  Reichweite der Lieferrakete — wer ein Deep-Space-Werft-Schiff bauen will, muss also genug
  Treibstofftanks selbst verbauen. Die Deep-Space-Zielauswahl für Werft-Schiffe filtert
  entsprechend nach derived.deltaV statt nach Raketen-ΔV.
  Nebenbei: für überladene Schiffe entfällt jetzt die sonst nötige Forschungsinstrument-Pflicht
  für den Deep-Space-Zweig (reine Kolonie-/Außenposten-Schiffe brauchen kein Instrument an
  Bord) — betrifft nur Schiffe, die ohnehin schon über Orbitalwerft laufen.
  RESEARCH- und Hilfetexte zur Orbitalwerft aktualisiert, alte Einzelmontage-Funktionen
  (renderWerftOrbitChoice/confirmWerftLaunchArea/runWerftAssembly) entfernt und durch
  renderWerftMultiChoice/renderWerftOrbitTarget/renderWerftDeepSpaceTarget/confirmWerftMulti/
  confirmWerftDeepSpace/startWerftProject/runWerftFlight/completeWerftProject/renderWerftQueue
  ersetzt.

v3.9-fix17 (deep_anchor_3_9_11.html, gleiche Datei weiter genutzt)
- Forschungs-Tech-Baum handytauglich gemacht: der erste Wurf war schlicht zu groß und lief
  über natives Scrollen + CSS-transform:scale, was auf mobilen Browsern beim Zoomen
  unzuverlässig scrollt (Skalierung wird von der Scroll-Fläche nicht sauber mitgerechnet) —
  auf einem Handy-Bildschirm passte praktisch nichts, seitliches Bewegen war kaum möglich.
  Kompletter Umbau auf eine eigene Pan/Zoom-Engine über die Pointer-Events-API: Ziehen (Maus
  oder ein Finger) verschiebt den Baum, zwei Finger zoomen per Pinch (Zoom-Mittelpunkt bleibt
  unter den Fingern fix), Mausrad zoomt zusätzlich am Desktop um den Cursor herum — alles
  über zwei simple Variablen (Verschiebung + Zoomfaktor), kombiniert in einem einzigen
  style.transform (translate + scale), kein natives Scrollen der Wrapper-Box mehr nötig.
  Ein Klick, der eigentlich ein Zieh-/Pinch-Vorgang war, wird per Capture-Listener erkannt
  und unterdrückt, damit dabei kein falscher Knoten ausgewählt wird.
  Neuer "Einpassen"-Button (ersetzt den alten "100%"-Reset) berechnet einen Zoomfaktor, der
  die volle Höhe des Baums in den sichtbaren Bereich einpasst, und wird beim ersten Öffnen
  des Forschungs-Tabs automatisch einmal ausgeführt (danach nicht mehr, damit eigenes
  Zoomen/Verschieben nicht bei jedem Re-Render zurückgesetzt wird — renderResearch() läuft
  ja bei jedem tick()/Kauf erneut).
  Kleiner gemacht: Knotenbreite 168→118px, Spaltenabstand 210→148px, Zeilenabstand 78→60px,
  Schrift 11/10px→9.5/8.5px. Der sichtbare Bereich selbst ist jetzt responsiv
  (height:min(62vh,480px) statt fix 560px), damit auf kurzen Handy-Bildschirmen noch Platz
  für Toolbar und Detail-Panel bleibt. Hinweistext unter der Toolbar ergänzt
  ("Zum Verschieben ziehen — mit zwei Fingern oder Mausrad zoomen").

v3.9-fix16 (deep_anchor_3_9_11.html, gleiche Datei weiter genutzt)
- Forschungspanel komplett umgebaut: die bisherigen 53 Forschungen lagen flach und
  unsortiert in einem einzigen Grid ohne jede Struktur — bei diesem Umfang kaum noch
  überschaubar, vor allem die lange Sonnensystem-/Interstellar-/Intergalaktisch-Kette.
  Jetzt gibt es einen echten Tech-Baum: jeder Knoten wird per longest-path-Tiefe (Anzahl
  Voraussetzungsschritte ab einer Wurzel-Forschung) einer Spalte zugeordnet, innerhalb der
  Spalte sorgt ein mehrfach durchlaufenes Barycenter-Verfahren dafür, dass Kinder möglichst
  nah an ihren Eltern liegen (weniger Linienkreuzungen, auch an Knotenpunkten wie
  Mars-Sondenprogramm, das sowohl vom Sonden- als auch vom Raketen-Zweig abhängt). Zwischen
  Voraussetzung und Folge-Forschung werden Bézier-Verbindungslinien gezeichnet (grün +
  kräftiger wenn beide Seiten bereits erforscht sind, sonst gedämpft grau).
  Farbcodierung der Knoten: grün umrandet = erforscht, orange umrandet = erforschbar
  (Voraussetzungen erfüllt), abgedunkelt = noch gesperrt — mit Legende im Toolbar.
  Klick auf einen Knoten öffnet ein Detail-Panel darunter mit voller Beschreibung, Kosten,
  einzeln aufgelisteten Voraussetzungen (✓/✗) und Erforschen-Button (nutzt weiterhin die
  bestehende buyResearch()-Logik unverändert). Baum ist in einem festen, scrollbaren
  Container (max. Tiefe 25 Ebenen, bis zu 10 Knoten pro Ebene → Canvas wird dynamisch
  berechnet), dazu Zoom-Buttons (50–150%) und ein "▶ Nächstes erforschbares"-Button, der
  automatisch zur nächsten bezahlbaren (sonst nächsten überhaupt erforschbaren) Forschung
  springt, auswählt und dorthin scrollt — nützlich, da man sich bei 25 Ebenen sonst leicht
  verliert. Alte Flat-Grid-Ansicht (.research-grid/#researchGrid) vollständig ersetzt.

v3.9-fix15 (deep_anchor_3_9_11.html, gleiche Datei weiter genutzt)
- Start-Flow vereinheitlicht: der Hangar hatte bisher zwei getrennte Buttons ("Starten" für
  Erdorbit-Ziele und "Ins All" für Sonden zu Sonnensystem-/Deep-Space-Zielen) mit zwei
  komplett getrennten Modals und Ablaufpfaden. „Ins All" spielte dabei nie die
  Start-Video/Animations-Sequenz ab, obwohl auch dort eine Rakete gezündet wird —
  inkonsistent gegenüber dem normalen Orbit-Start. Jetzt gibt es nur noch einen
  "Starten"-Button pro Satellit im Hangar, der in einen gemeinsamen Modal-Flow führt:
  Missionstyp wählen (Orbit vs. Sonnensystem/Deep Space — Deep-Space-Option nur mit
  Forschungsinstrument an Bord wählbar) → Rakete wählen (gefiltert nach ΔV-Reichweite fürs
  Ziel) → Ziel wählen → Bestätigen. Die alte deepSpaceModal-HTML sowie
  openDeepSpaceModal()/closeDeepSpaceModal() wurden entfernt.
  Technisch: die Start-Video/Canvas-Sequenz wurde in eine gemeinsame Funktion
  runRocketLaunchSequence(sat, reliability, rocket, onSuccess, onFail) ausgelagert, die
  nichts über Orbits/Zielkörper weiß — beide Aufrufer (Orbit-Start und
  Sonnensystem/Deep-Space-Start) übergeben ihre eigene Erfolgs-/Fehlschlag-Logik
  (Transit-Queue-Eintrag bzw. Deep-Space-Queue-Eintrag inkl. Crewed-Rettungshinweis) als
  Callback. Dadurch läuft die Start-Video-Animation jetzt für JEDEN Raketenstart, egal ob
  Orbit- oder Sonnensystem-Ziel.
  Neu: Orbitalwerft (Forschung, 60000, benötigt Groß-Chassis + Titan-Trägerrakete). Manche
  Groß-Chassis-Konfigurationen mit vielen schweren Modulen (v.a. Crew-Kapsel/Kolonie-Modul)
  übersteigen die Kapazität jeder verfügbaren Rakete (bis zu ~1230kg möglich vs. max. 900kg
  bei der stärksten Rakete) und waren bisher gar nicht startbar. Mit der Orbitalwerft-
  Forschung erscheint im "Starten"-Dialog für solche Schiffe statt der Raketenauswahl direkt
  eine Orbitalwerft-Montage: die Sektionen werden per Shuttle einzeln hochgebracht und im
  Orbit zusammengesetzt — kein Raketenstart, kein Explosionsrisiko, garantierter Erfolg
  (100%), dafür teurer (Montagekosten ~45% des Schiffswerts × Orbit-Kostenfaktor) und
  langsamer als ein normaler Start. Gilt nur für Erdorbit-Ziele (LEO/MEO/GEO), nicht für
  Sonnensystem-/Deep-Space-Missionen. Ohne die Forschung bleibt ein zu schweres Schiff
  weiterhin nicht startbar, mit entsprechendem Warnhinweis im Konfigurations- und
  Hangar-Panel (Masse-Anzeige wird rot mit Erklärung).
  Hilfetexte aktualisiert: alle Verweise auf den alten "Ins All"-Button entfernt/ersetzt,
  neuer Abschnitt zur Orbitalwerft ergänzt.

v3.9-fix14 (deep_anchor_3_9_11.html, gleiche Datei weiter genutzt)
- Mars-Kolonisierung ergänzt: Terraforming und "echte" Kolonien (mit passivem Einkommen)
  waren bisher zwei komplett getrennte Systeme — Mars konnte "Bewohnbar" erreichen, ohne
  dass daraus je eine Kolonie wurde (DEEP_SPACE.mars war nie als colonizable markiert).
  Jetzt: sobald die Terraforming-Stufe „Bewohnbar" (letzte Stufe) erreicht ist, gründet die
  nächste (oder eine spätere) erfolgreiche Mars-Landung mit einer Sonde, die ein
  Kolonie-Modul an Bord hat, automatisch die erste dauerhafte Mars-Kolonie (+250/Tag
  passives Einkommen, einmalig, wie bei den übrigen Kolonien über state.colonies) —
  eigener Codepfad direkt im Mars-Terraforming-Block von tick(), unabhängig vom
  generischen d.colonizable-Pfad, der weiterhin nur für Exoplaneten/intergalaktische Ziele
  gilt. Braucht kein neues Modul: das bestehende Kolonie-Modul (Forschung
  „Kolonisierungstechnik") wird einfach auch für Mars akzeptiert.
  UI: Terraforming-Panel zeigt nach Erreichen von „Bewohnbar" jetzt einen Hinweis auf den
  fehlenden letzten Schritt (bzw. Bestätigung, sobald die Kolonie existiert). Der
  Sonnensystem-Kartenmarker für Mars bekommt bei gegründeter Kolonie den gleichen goldenen
  Kolonie-Ring wie die Galaxie-Karten. Neue "Kolonisierbar"-Statuszeile bei Mars im
  Deep-Space-Zielkarten-Grid, analog zur bestehenden Zeile bei echten colonizable-Zielen.

v3.9-fix13 (deep_anchor_3_9_11.html)
- Bauwarteschlangen-Kapazität eingeführt: die Fabrik kann jetzt nur noch begrenzt viele
  Einträge gleichzeitig bearbeiten (Neubau + Umbau zusammen in state.constructionQueue).
  Basis-Kapazität 2 Plätze, per Forschung ("Fabrikausbau I–IV", je +2, sequentiell
  voneinander abhängig) auf maximal 10 Plätze erweiterbar — neue Einträge im
  RESEARCH-Array, kein neuer Mechanismus nötig, hasResearch()/reqAll greifen wie gewohnt.
  Neue Funktion getMaxQueueCap(). buildSatellite() prüft vor dem Bau die freie Kapazität:
  ist kein Platz mehr frei, wird abgebrochen (Umbau) bzw. die gewünschte Stückzahl beim
  Massen-Neubau automatisch auf die freien Plätze gekappt (mit Hinweis-Toast, kein Geld
  wird für nicht gebaute Stück abgezogen). "In Fertigung"-Panel zeigt jetzt "(belegt/Kapazität)"
  in der Überschrift; Bau-Button und Stückzahl-Stepper werden deaktiviert bzw. auf die
  freie Kapazität begrenzt, sobald die Warteschlange voll ist.
- Bauplan-System ergänzt: fertig konfigurierte Satelliten (Chassis + Module, aus dem
  aktuellen Konfigurationspanel heraus, egal ob gerade ein Neubau in Arbeit ist) können
  jetzt per neuem Button "Als Bauplan speichern" unter einem frei wählbaren Namen
  abgelegt werden (state.blueprints:[{id,name,chassisId,mods}], neuer Zähler
  state.nextBlueprintId). Neues Panel "Baupläne" im Fertigung-Tab (unterhalb Hangar)
  listet alle gespeicherten Baupläne mit Chassis/Kosten-Kurzinfo und zwei Aktionen:
  "Laden" übernimmt Chassis+Module 1:1 ins Konfigurationspanel (füllt den Neubau-Entwurf,
  wie manuelles Zusammenklicken — Stückzahl-Stepper bleibt danach normal nutzbar für
  Serienproduktion des Plans), "Löschen" entfernt den Bauplan wieder (mit Bestätigung
  über die bestehende showConfirmModal-Hilfsfunktion, kein neues Popup-System). Laden ist
  gesperrt, während gerade ein bestehender Satellit umgebaut wird (erst abschließen/
  abbrechen) — verhindert, dass der laufende Umbau-Kontext überschrieben wird.
  Für die Namensvergabe neues generisches Text-Eingabe-Modal (#promptModal,
  showPromptModal(title, label, defaultValue, okLabel, onConfirm), gleicher Look wie
  #confirmModal) ergänzt, statt auf das hässliche Browser-prompt() zurückzugreifen.
  Bestehende Bauplan-Nutzlast wird beim Laden nicht auf aktuelle Forschung geprüft, da sie
  nur aus bereits einmal gültig gebauten Konfigurationen stammen kann.

v3.9-fix12 (deep_anchor_3_9_10.html)
- Massenproduktion in der Fabrik: neuer Stückzahl-Stepper (−/Eingabefeld/+, 1–999) im
  Konfigurationspanel unter "Gesamtkosten", nur sichtbar/aktiv beim Neubau (nicht beim
  Umbau eines bestehenden Satelliten — dort weiterhin fest 1). Gesamtkosten-Anzeige und
  Bau-Button-Beschriftung skalieren live mit der gewählten Stückzahl (z.B. "€45.000
  (9× €5.000)" / "9 Satelliten bauen"). buildSatellite() zieht die Gesamtsumme auf einmal
  ab und erzeugt beim Bestätigen N einzelne Warteschlangen-Einträge (jeweils eigene
  fortlaufende ID/Name wie bisher), alle mit identischer Bauzeit parallel in der
  Bauwarteschlange — kein neues Fabrik-Kapazitätslimit eingeführt, entspricht dem
  bisherigen Parallel-Verhalten der Queue, nur eben mit einem Klick für mehrere Stück.
  Stepper-Wert wird nach erfolgreichem Bau auf 1 zurückgesetzt.

v3.9-fix11 (deep_anchor_3_9_9.html)
- Natives window.confirm()-Popup beim "Außer Dienst stellen"-Button (Orbit-Netzwerk-Liste)
  ersetzt durch eigenes Bestätigungs-Modal im Spiel-Look (#confirmModal, gleicher Stil wie
  Start-/Sondenmissions-Modal). Neue generische Hilfsfunktion showConfirmModal(title, text,
  okLabel, onConfirm) — für spätere weitere Bestätigungsdialoge wiederverwendbar, statt
  wieder auf das hässliche Browser-confirm() zurückzugreifen. decommissionSat() unverändert
  in der Logik, nur der Dialog wurde ausgetauscht.

v3.9-fix10 (deep_anchor_3_9_8.html)
- Hintergrundmusik (Music-Modul): duck()/unduck() ergänzt — sanftes Runterfaden (nicht
  abrupt) auf 5% der aktuellen Musiklautstärke zu Beginn von runLaunchSequence() (Erfolg
  wie Fehlschlag), automatisches Wiederhochfaden auf den vorherigen Pegel in finish().
  Faden läuft über 700ms per requestAnimationFrame; setVolume() merkt sich jetzt den
  "Basis"-Pegel (baseVolume) getrennt vom aktuell gefadeten Wert, damit der Regler in den
  Einstellungen während einer laufenden Start-Sequenz nicht überschrieben wird.
  Bugfix nebenbei: Sound.launchFail() wurde bei Fehlschlag-mit-Video versehentlich doppelt
  ausgelöst (einmal synchron zum Explosions-Cut, einmal in finish()) — jetzt nur noch
  einmal, synchron zum jeweiligen Explosions-Bild (auch im reinen Canvas-Fallback ohne
  Video, dort jetzt exakt beim Zünden der Explosion statt erst am Ende der Animation).
- Einstellungen: neuer Button "Video-Sound an/aus" + neuer Regler "Video-Lautstärke"
  (videoSoundMuted / videoVolume, global, Default: an / 80%), wirkt auf das jeweils aktive
  Start-Video (art/video/launch.mp4) in beiden Fällen (Erfolg + Fehlschlag-Ausschnitt).
  Ersetzt die bisherige Kopplung an Sound.isMuted() (Soundeffekte-Schalter) — Video-Ton
  ist jetzt komplett unabhängig von Musik und Soundeffekten regelbar.

v3.9-fix9 (deep_anchor_3_9_7.html)
- Fehlschlag-Sequenz spielte bisher gar kein Video, nur direkt die alte Canvas-Animation.
  Jetzt läuft auch bei Fehlschlag zuerst das echte Startvideo an (Sek. 25, wie beim Erfolg),
  bis Sek. 32 (kurz nach Zündung/Liftoff-Beginn) — dann harter Cut: Video pausiert,
  Sound.launchFail() (echter Explosions-Sound bzw. synthetischer Fallback) spielt, und eine
  neue kurze Explosions-Canvas (runExplosionOnly(), reiner Feuerball-Burst ohne erneuten
  Raketenaufstieg) läuft ~0.9s, bevor das Ergebnis erscheint.
  Lädt das Video gar nicht (error-Event), greift weiterhin die alte komplette Canvas-Sequenz
  (Aufstieg + Explosion) als Fallback — Verhalten dann identisch zu vor fix9.

v3.9-fix8 (deep_anchor_3_9_6.html)
- "⏭ Überspringen"-Button oben rechts über dem Startvideo ergänzt (nur beim Video, nicht
  bei der Canvas-Fallback-Sequenz nötig), da das Video mit ~87 Sekunden recht lang ist und
  nicht jeder es komplett ansehen will. Klick pausiert das Video, entfernt den Button und
  springt direkt zu finish() (Ergebnis-Text/Rewards) — identisches Verhalten zum normalen
  Video-Ende ('ended'-Event).

v3.9-fix7 (deep_anchor_3_9_5.html)
- Korrektur zu fix6: Startvideo läuft jetzt komplett von Anfang bis Ende (kein Zuschnitt
  auf Sek. 25–45 mehr) und MIT Ton (video.muted = Sound.isMuted(), folgt also dem
  Mute-Schalter des Spiels statt hart stummgeschaltet zu sein). Sound.launchRumble()
  läuft nur noch bei der Canvas-Fallback-Sequenz, damit er sich nicht mit dem echten
  Video-Ton überlagert. Blockiert der Browser Autoplay-mit-Ton, wird automatisch stumm
  nachgestartet, damit die Sequenz nicht hängen bleibt. Anzeigegröße etwas verkleinert
  (max-height 60vh statt 70vh), Hochformat (2:3) unverändert.

v3.9-fix6 (deep_anchor_3_9_4.html)
- #launchVideo lief bisher im alten Canvas-Querformat-Kasten (100% Breite, feste 320px Höhe,
  object-fit:cover) — das Video ist aber Hochformat (720×1080, 2:3) und wurde dadurch
  reingequetscht/beschnitten. Jetzt aspect-ratio:2/3 + object-fit:contain, Höhe/Breite über
  max-height:70vh / max-width:100% automatisch passend zum Hochformat, zentriert im Modal.
  Betrifft nur die Darstellungsgröße — Zuschnitt (Sek. 25–45) und Fallback-Logik unverändert.

v3.9-fix5 (deep_anchor_3_9_3.html)
- Echter Explosions-Sound für fehlgeschlagenen Start ergänzt (art/audio/explosion.mp3, vom
  Nutzer lokal bereitzustellen). Sound.launchFail() lädt die Datei per fetch+decodeAudioData
  und spielt sie über den bestehenden Master-Gain ab (Mute/Lautstärke wirkt weiterhin).
  Fehlt die Datei oder lädt sie nicht, greift automatisch der bisherige synthetische
  Fail-Sound (noiseBurst + absteigender Ton) als Fallback — kein Verhaltensbruch möglich.

v3.9-fix4 (deep_anchor_3_9_2.html)
- Start-Sequenz (runLaunchSequence): Bei ERFOLGREICHEM Start wird jetzt statt der Canvas-
  Rakete ein echtes Saturn-V-Startvideo abgespielt (art/video/launch.mp4, vom Nutzer lokal
  bereitzustellen). Video startet per JS bei Sek. 25 (Zündung) und wird bei Sek. 45 (kurz
  nach Turmfreigabe/Liftoff) hart gestoppt, bevor das Ergebnis eingeblendet wird — die Datei
  selbst bleibt unangetastet, nur der Ausschnitt wird per currentTime/timeupdate gesteuert.
  Fällt das Video weg oder lädt nicht (error-Event), greift automatisch die alte Canvas-
  Animation als Fallback.
  Bei FEHLGESCHLAGENEM Start bleibt die bisherige Canvas-Explosion unverändert (kein
  passendes Footage vorhanden) — Sound.launchFail() bleibt der synthetische Platzhalter-
  Sound, bis ein echter Explosions-Sound gefunden/eingebaut wird.

v3.9-fix3 (deep_anchor_3_9.html)
- Galaxie-Karten (Sternenkarte, Galaxien-Hub, Andromeda-Detailkarte) im gleichen Stil wie die
  überarbeitete Sonnensystem-Karte optisch aufgewertet:
  - Hintergrundsterne sind jetzt deterministisch (statt bei jedem Redraw per Math.random() neu
    gewürfelt) und funkeln dezent, statt bei Pan/Zoom/Reset zu "flackern".
  - Sonne/Milchstraße/Galaxienkern nutzen jetzt einen mehrschichtigen Glüh-Kern (weiter Bloom +
    hellerer Kern) statt eines einzelnen Flat-Gradients.
  - Ziel-Marker (Sternensysteme in der Sternenkarte/Detailkarte, Galaxie-Knoten im Hub) haben
    jetzt einen weichen, statusfarbenen Glow-Schein hinter sich statt reiner Flat-Fill-Punkte.
  - Andromeda-Detailkarte: Spiralarme nutzen jetzt einen ausblendenden Gradient-Strich plus
    eingestreute, je Galaxie deterministisch gestreute Sterne für Textur, statt einer einzelnen
    dicken Einheitslinie; pro Galaxie ein eigenes stabiles Sternenfeld.
  - Alle Beschriftungen mit dunklem Halo für bessere Lesbarkeit über Sternenfeld/Spiralarmen.
  - Positionsberechnung, Klick-Erkennung im Galaxien-Hub (hubTargets) sowie sämtliche
    Status-/Fortschrittslogik unverändert — nur die Optik wurde angepasst.

v3.9-fix2 (deep_anchor_3_9.html)
- Sonnensystem-Karte optisch aufgewertet und realistischer gemacht:
  - Planeten: echte Kugel-Schattierung (Licht von der Sonnenseite) statt Flat-Fill-Kreisen.
  - Jupiter/Saturn/Uranus/Neptun: feine, auf die Kugelform geclippte Wolkenbänder + weicher
    Atmosphären-Schimmer.
  - Ringe jetzt bei allen vier bekannten Ringplaneten statt nur bei Saturn, mit jeweils
    eigener Charakteristik: Saturn breit/hell (Eis), Jupiter extrem schwach (Staub), Uranus
    schmal/dunkel und wegen der ~98°-Achsneigung fast senkrecht gekippt, Neptun sehr schwach
    mit ein paar helleren unregelmäßigen "Ringbögen" statt eines geschlossenen Rings —
    Ringe werden zweischichtig (hinter/vor der Kugel) gezeichnet statt flach über den Planeten.
  - Sonne: zusätzlicher Kern-Bloom + dezente Flare-Strahlen.
  - Monde: dünne gepunktete Verbindungslinie zum Mutterplaneten.
  - Sternenfeld im Hintergrund (leichtes Funkeln) ergänzt; Asteroidengürtel nutzt jetzt
    deterministische statt bei jedem Redraw neu gewürfelte Positionen (kein Flackern mehr).
  - Sonden-Marker im Transit mit dezentem Glüh-Punkt; alle Beschriftungen mit dunklem Halo
    für bessere Lesbarkeit über Sternen/Asteroiden.

v3.9-fix (deep_anchor_3_9.html)
- Bugfix Karten-Zoom: Nach Klick auf Reset-Button konnte auf allen Karten (Orbit-Netzwerk,
  Sonnensystem, Sternenkarte, Galaxien-Hub, Andromeda) nicht mehr gezoomt werden.
  Ursache: resetMapView() ersetzte das View-Objekt in mapViews[id] durch ein komplett neues
  Objekt. attachMapPanZoom() hält sich aber pro Karte eine Referenz auf das ursprüngliche
  Objekt (const view = getMapView(id)), die von den Wheel-/Drag-Handlern verwendet wird.
  Nach dem Reset zeigte diese Referenz auf das alte, verwaiste Objekt — Scrollen änderte
  fortan nur noch dessen (nicht mehr gezeichneten) Zoom-Wert, während die Render-Funktionen
  bereits das neue Objekt lasen und dort für immer bei zoom:1 verharrten.
  Fix: resetMapView() setzt jetzt zoom/panX/panY direkt am bestehenden Objekt zurück,
  statt es zu ersetzen — dadurch bleibt die Objekt-Referenz für alle Handler gültig.

v3.9 (deep_anchor_3_9.html)
- drawPreview() grundlegend überarbeitet — Module wirkten wie lose "Kästen" ohne echte
  Befestigung (Solarpanels schwebten mit sichtbarem 6px-Spalt zum Rumpf, nur eine kaum
  sichtbare 1px-Linie sollte das andeuten).
  - Solarpanels: echter massiver Ausleger (Boom) beginnt jetzt EXAKT an der Rumpfkante
    (kein Spalt mehr), mit sichtbarem Scharnier-Gelenk am Übergang zum Panel-Array.
    Mehrere Power-Module ergeben ein länger werdendes, segmentiertes Array mit
    Falt-Scharnier-Linien zwischen den Segmenten statt einer einzigen Fläche.
  - Antenne: echte Parabolantenne (Schüssel mit konkavem Gradient, Feed-Horn, zwei
    Stützstreben vom Schüsselrand zum Feed) statt schlichtem Punkt am Maststab.
  - Payload-Pods: sichtbare Halterungsstrebe vom Rumpf zum ersten Pod sowie
    Verbindungsstege zwischen aufeinanderfolgenden Pods, statt lose in der Luft zu hängen.
  - Fuel-Tank: jetzt als zylindrischer Tank (abgerundete Kapselform) mit angeflanschter
    Triebwerksdüse inkl. dezentem Glüh-Akzent unten am Rumpf, statt einem simplen Streifen.

v3.8 (deep_anchor_3_8.html)
- Kontinente sahen wie reine Kreise/Punkte aus statt wie Landmassen. Fix: neue
  drawBlobPath()/blobRadius()-Funktionen zeichnen jetzt unregelmäßige Umrisse (Radius pro
  Winkel via überlagerte Sinus-Harmonische, deterministisch je Kontinent-Seed) statt
  ctx.arc()-Kreisen — inkl. dezenter Küstenlinien-Kontur. Gilt für Kontinente, die
  Vegetations-Schicht obenauf und die Inselketten.
- Stadtlichter lagen teils im Wasser, weil ihre Position unabhängig von der (früher
  kreisrunden) Landmasse zufällig gejittert war. Fix: jedes Licht ist jetzt an einen
  Kontinent-Index + Winkel + Radius-Anteil (rFrac<1) gebunden und nutzt exakt dieselbe
  blobRadius()-Formel + denselben Seed wie die zugehörige Landmasse — dadurch liegt jedes
  Licht garantiert innerhalb der tatsächlich gezeichneten Küstenlinie, nie im Wasser,
  unabhängig von Rotation/Foreshortening/Zoom.

v3.7 (deep_anchor_3_7.html)
- Stadtlichter auf der Nachtseite ergänzt: 46 kleine Lichtpunkte (mit dezentem Glow und
  leichtem Flackern) liegen an festen (lon,lat)-Positionen nahe den Kontinent-Umrissen und
  rotieren mit der Erde mit. Sichtbarkeit hängt vom Tag/Nacht-Status ab (gleiche linke
  Bildhälfte wie der bestehende Terminator): auf der Nachtseite voll sichtbar, blenden zur
  Tagseite hin über die Breite des Terminator-Übergangs sanft aus — "Lichter gehen aus",
  sobald ein Gebiet ins Tageslicht rotiert.

v3.6 (deep_anchor_3_6.html)
- Rückseite der Erde war beim Drehen komplett leerer Ozean, da alle Kontinente/Inseln/Wolken
  nur in einem schmalen Längengrad-Band (~-25° bis 27°) lagen. Fix: Kontinente auf 17 Stück
  erweitert (9 neue, verteilt über den vollen Längengrad-Bereich bis ~170°/-170°), Inselketten
  von 5 auf 13 erweitert, Wolkenschleier von 4 auf 12 Patches — jetzt ist beim vollen Umlauf
  immer Land/Wolken sichtbar, nicht nur eine Hälfte der Kugel.

v3.5 (deep_anchor_3_5.html)
- Fix: Erdrotation aus v3.4 drehte die komplette Textur flach um die Bildachse (wie ein
  Uhrzeiger/eine Münze), statt wie ein echter Globus um die eigene Achse zu rotieren.
  Ursache: 2D ctx.rotate() um den Mittelpunkt statt echter Kugel-Bewegung.
  Fix: Kontinente, Inselketten und Wolken liegen jetzt an festen (lon,lat)-Koordinaten auf
  einer Kugel und werden pro Frame per orthografischer Projektion neu berechnet
  (sphereProject()). Features wandern dadurch seitlich über die Kugelform, werden zum
  Rand hin schmaler (Verkürzungs-/Foreshortening-Effekt via z-Tiefe) und blenden sanft aus,
  sobald sie auf die erdabgewandte Seite rotieren — sichtbar echte 3D-Rotation statt
  2D-Drehung. Polkappen/Terminator/Rim-Light/Atmosphäre weiterhin unverändert raumfest.

v3.4 (deep_anchor_3_4.html)
- Erdrotation im Orbit-Netzwerk: Kontinente, Inselketten und Wolken wandern jetzt sichtbar
  über die Oberfläche (drawOrbitScene, earthRotation aus ts abgeleitet). Wolken laufen mit
  eigenem, leicht abweichendem Rotationstempo (Parallax). Polkappen, Terminator, Rim-Light
  und Atmosphäre bleiben bewusst raumfest/lichtquellenabhängig und rotieren nicht mit.
- Satelliten-Bauvorschau (drawPreview) optisch aufgewertet: Chassis-Flächen nutzen jetzt
  Linear-Gradients statt Flat-Fill (Vorder-, Seiten- und Oberseite inkl. Highlight-Kante),
  feine Panel-Nähte und Konturlinie. Solarpanels mit Gradient + Zellenraster + Halterungsstrebe
  (Technik-Blau bewusst als Kontrast zur Akzentfarbe beibehalten). Antenne mit gestufter Linie
  und Gradient-Dish. Payload-Pods als Kapselform mit Highlight statt reinem Kreis. Dezenter
  Vignette-Glow im Canvas-Hintergrund für Showroom-Wirkung.
-->
<!--
IDEENLISTE (gesammelte, noch NICHT umgesetzte Verbesserungsideen — bei Bearbeitung eines Punktes
hier entfernen und stattdessen als eigener CHANGELOG-Eintrag dokumentieren. Reihenfolge = grobe
Priorität nach Aufwand/Wirkung, kein festes Commitment auf Reihenfolge.)

1. (erledigt, siehe CHANGELOG v4-7 — Offline-Fortschritt)

2. (erledigt, siehe CHANGELOG v4-8 — Tutorial/Onboarding)

3. (erledigt, siehe CHANGELOG v4-6 — Erfolge/Meilensteine-System)

4. (erledigt, siehe CHANGELOG v4-9 — Zufallsereignisse)

5. (erledigt, siehe CHANGELOG v4-10 — Aufräumen alter TODO-Kommentare)

6. (erledigt — alle 7 Galaxien haben inzwischen je 6 Ziele samt vollständiger Forschungsketten,
   Text war veraltet, siehe CHANGELOG der galaxienbezogenen Versionen)

7. (erledigt, siehe CHANGELOG v4-11 — Auftraggeber-Reputationssystem mit Vertrauens-Tiers und
   Kettenaufträgen)

8. (erledigt, siehe CHANGELOG v4-12 — Erfolge-Belohnungen zum Abholen + blinkender Erfolge-Tab)

9. (erledigt, siehe CHANGELOG v4-13 — 3 neue Galaxien mit unterschiedlicher Zielanzahl:
   Antennen-Galaxien (8), Virgo A/M87 (4), NGC 1365 (5))
-->
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>DEEP ANCHOR — Satelliten-Produktion</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
<style>
:root{
  color-scheme: dark; /* NEU (Grafik-Fix: "die meisten Popups haben schwarze Schrift, schwer
    lesbar auf dem dunklen Hintergrund") — ohne diese Angabe rendern native Formularelemente
    (aufgeklappte <select>-Listen, Checkboxen, Scrollbars etc.) nach Browser-/OS-Vorgabe: oft
    dunkler Hintergrund, aber Standard-Schwarz-Text, weil der Browser nicht weiß, dass die Seite
    insgesamt dunkel gestaltet ist. Mit color-scheme:dark nutzt der Browser für alle nativen
    Widgets automatisch helle Schrift auf dunklem Grund, passend zum restlichen Theme. */
  --bg: #0a0a0a;
  --bg-grad: #111111;
  --panel: #131313;
  --panel2: #191919;
  --border: #2a2a2a;
  --border-lit: #404040;
  --text: #e5e5e5;
  --muted: #7d7d7d;
  --muted2: #545454;
  --accent: #ff6a2b;
  --accent-dim: #b84e21;
  --cyan: #a1a1a1;
  --cyan-dim: #2d2d2d;
  --green: #35d999;
  --amber: #ffb02e;
  --red: #ff4d5e;
  --radius: 3px;
}
/* ============================== NEU (TODO-UI-THEMES): experimentelle UI-Farb-/Musterschemata ===
   Rein optisch, komplett getrennt vom Spielstand (nur localStorage, siehe applyUITheme() ganz
   unten im Script) — zwei UNABHÄNGIGE Einstellungen aus den Einstellungen heraus wählbar und frei
   kombinierbar (siehe COLOR_FILTERS/PATTERN_DEFS im Script):
   1) Farbschema: wird als reiner CSS-filter-String von JS direkt auf body.style.filter gesetzt
      (kein CSS-Klassen-Ansatz mehr — Farbfilter und ggf. ein Muster-eigener SVG-Verzerrungsfilter
      (Röhren-Wölbung) müssen sich sonst gegenseitig überschreiben statt zu kombinieren). "Standard"
      liefert einen leeren String, d.h. die eigene Akzentfarbe bleibt unangetastet.
   2) Muster: #crtOverlay (an document.documentElement gehängt, NICHT body — siehe unten) enthält
      mehrere fest angelegte Ebenen-<div>s (.crt-layer-*), die per [data-pattern="..."]-Selektor
      ein-/ausgeblendet werden. Dadurch lassen sich neue Muster ergänzen ohne die bestehenden
      anzufassen, und ein Muster kann mehrere Ebenen gleichzeitig zeigen (z.B. VHS = Scanlines +
      Störsignal-Balken + Rauschen), ohne dass CSS-Pseudo-Elemente (nur 2 pro Element) limitieren.
   Bewusst weiterhin außerhalb von body gehängt, damit ein aktiver Farbfilter (Baustein 1) die
   Overlay-Ebene selbst nicht mit einfärbt. Die "Röhren-Wölbung" ist ein SVG-feDisplacementMap auf
   body.style.filter (siehe #crtBarrelFilter unten) — technisch eher ein sanftes analoges
   Bild-Wabern/Instabilität als eine exakt berechnete Objektiv-Verzerrung, wirkt aber sehr ähnlich. */
#crtOverlay{
  position:fixed; inset:0; z-index:99999; pointer-events:none;
  opacity:0; transition:opacity .35s ease;
}
#crtOverlay.active{ opacity:1; }
.crt-layer{ position:absolute; inset:0; opacity:0; transition:opacity .25s ease; }

/* --- Scanlines: Basis-Ebene, in mehreren Mustern verwendet, Deckkraft je nach Muster --- */
.crt-layer-scan{
  background:repeating-linear-gradient(180deg, rgba(0,0,0,0.22) 0px, rgba(0,0,0,0.22) 1px, transparent 2px, transparent 3px);
  mix-blend-mode:multiply;
}
#crtOverlay[data-pattern="classic"] .crt-layer-scan,
#crtOverlay[data-pattern="vhs"] .crt-layer-scan,
#crtOverlay[data-pattern="barrel"] .crt-layer-scan{ opacity:1; }
#crtOverlay[data-pattern="strong"] .crt-layer-scan{
  opacity:1;
  background:repeating-linear-gradient(180deg, rgba(0,0,0,0.4) 0px, rgba(0,0,0,0.4) 1px, transparent 2px, transparent 3px);
  animation: crtJitter 0.22s infinite;
}
#crtOverlay[data-pattern="grille"] .crt-layer-scan{
  opacity:1;
  background:
    repeating-linear-gradient(180deg, rgba(0,0,0,0.24) 0px, rgba(0,0,0,0.24) 1px, transparent 2px, transparent 3px),
    repeating-linear-gradient(90deg,
      rgba(255,40,60,0.05) 0px, rgba(255,40,60,0.05) 1px,
      rgba(60,255,140,0.05) 1px, rgba(60,255,140,0.05) 2px,
      rgba(60,140,255,0.05) 2px, rgba(60,140,255,0.05) 3px);
}

/* --- Vignette: dunkle Ränder wie bei einer Röhre, Stärke je nach Muster --- */
.crt-layer-vignette{
  background:
    radial-gradient(ellipse at 50% 50%, transparent 58%, rgba(0,0,0,0.62) 100%),
    linear-gradient(rgba(255,255,255,0.035), transparent 6%);
  box-shadow: inset 0 0 140px 40px rgba(0,0,0,0.55);
}
#crtOverlay[data-pattern="classic"] .crt-layer-vignette,
#crtOverlay[data-pattern="grille"] .crt-layer-vignette,
#crtOverlay[data-pattern="vhs"] .crt-layer-vignette,
#crtOverlay[data-pattern="interlace"] .crt-layer-vignette,
#crtOverlay[data-pattern="interlace-soft"] .crt-layer-vignette,
#crtOverlay[data-pattern="noise"] .crt-layer-vignette,
#crtOverlay[data-pattern="barrel"] .crt-layer-vignette{ opacity:1; }
#crtOverlay[data-pattern="strong"] .crt-layer-vignette{
  opacity:1;
  background:
    radial-gradient(ellipse at 50% 50%, transparent 40%, rgba(0,0,0,0.82) 100%),
    linear-gradient(rgba(255,255,255,0.06), transparent 9%);
  box-shadow:
    inset 0 0 240px 80px rgba(0,0,0,0.8),
    inset 0 0 60px 10px color-mix(in srgb, var(--accent) 22%, transparent);
}

/* --- Interlace-Kamm: kräftigere, engere Zeilen mit leichtem Vertikal-Zittern zwischen den
   "geraden"/"ungeraden" Halbbildern — simuliert klassisches Zeilensprungverfahren --- */
.crt-layer-interlace{
  background:repeating-linear-gradient(180deg, rgba(0,0,0,0.34) 0px, rgba(0,0,0,0.34) 1px, transparent 1px, transparent 2px);
  mix-blend-mode:multiply;
  animation: crtInterlaceShift 0.12s steps(2) infinite;
}
#crtOverlay[data-pattern="interlace"] .crt-layer-interlace{ opacity:1; }

/* --- Interlace-Kamm — Subtil (v4-30, TODO-UI-THEMES): gleiche Grundidee wie oben, aber deutlich
   dezenter fürs Dauer-Ansehen — weniger Deckkraft, breiterer Zeilenabstand, langsameres/kleineres
   Zittern als die bestehende (jetzt "Stark" genannte) Variante. Eigene Ebene statt Parametrisierung
   der bestehenden, damit "Interlace-Kamm — Stark" als bisheriges Verhalten unverändert bleibt. --- */
.crt-layer-interlace-soft{
  background:repeating-linear-gradient(180deg, rgba(0,0,0,0.16) 0px, rgba(0,0,0,0.16) 1px, transparent 2px, transparent 4px);
  mix-blend-mode:multiply;
  animation: crtInterlaceShiftSoft 0.22s steps(2) infinite;
}
#crtOverlay[data-pattern="interlace-soft"] .crt-layer-interlace-soft{ opacity:1; }

/* --- VHS/Composite-Video: Farbsaum (leicht versetzte rot/blau-Kanten wie bei einem Analog-Signal)
   + eine wandernde helle Störsignal-Zeile (Tracking-Fehler) ---
   ABGESCHWÄCHT (v4-28, Feedback: "zu extrem"): Farbsaum-Alpha und Trackingzeilen-Helligkeit
   deutlich reduziert, Drift-Amplitude etwas ruhiger — soll dezent im Hintergrund mitlaufen statt
   sich in den Vordergrund zu drängen. */
.crt-layer-vhs-fringe{
  background:
    repeating-linear-gradient(90deg, rgba(255,0,60,0.022) 0px, rgba(255,0,60,0.022) 1px, transparent 1px, transparent 4px),
    repeating-linear-gradient(90deg, rgba(0,140,255,0.022) 2px, rgba(0,140,255,0.022) 3px, transparent 3px, transparent 6px);
  mix-blend-mode:screen;
  animation: crtVhsDrift 6.5s ease-in-out infinite;
}
.crt-layer-vhs-track{
  background:linear-gradient(180deg, transparent 0%, rgba(255,255,255,0.05) 48%, rgba(255,255,255,0.09) 50%, rgba(255,255,255,0.05) 52%, transparent 100%);
  height:14px; top:-14px;
  animation: crtVhsTrackMove 8s linear infinite;
}
#crtOverlay[data-pattern="vhs"] .crt-layer-vhs-fringe,
#crtOverlay[data-pattern="vhs"] .crt-layer-vhs-track{ opacity:1; }

/* --- Rauschen/Flimmern: SVG-Fraktalrauschen als Textur, per steps()-Animation "springend"
   bewegt statt weich, damit es wie Signalrauschen statt wie ein Loop wirkt ---
   ABGESCHWÄCHT (v4-28, Feedback: "zu extrem"): Deckkraft spürbar reduziert (eigenständiges
   "Rauschen"-Muster wie auch der leise Rauschanteil im VHS-Muster). */
.crt-layer-noise{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:160px 160px;
  mix-blend-mode:overlay;
  animation: crtNoiseShift 0.5s steps(5) infinite;
}
#crtOverlay[data-pattern="noise"] .crt-layer-noise{ opacity:0.2; }
#crtOverlay[data-pattern="vhs"] .crt-layer-noise{ opacity:0.06; }

@keyframes crtFlicker{
  0%,100%{ opacity:1; } 92%{ opacity:1; } 93%{ opacity:.88; } 94%{ opacity:1; } 96%{ opacity:.93; } 97%{ opacity:1; }
}
@keyframes crtFlickerStrong{
  0%,100%{ opacity:1; } 40%{ opacity:1; } 41%{ opacity:.8; } 42%{ opacity:1; } 70%{ opacity:1; } 71%{ opacity:.86; } 73%{ opacity:1; } 88%{ opacity:.9; } 89%{ opacity:1; }
}
#crtOverlay[data-pattern="classic"].active,
#crtOverlay[data-pattern="grille"].active{ animation: crtFlicker 6s infinite steps(1); }
#crtOverlay[data-pattern="strong"].active{ animation: crtFlickerStrong 4.5s infinite steps(1); }
#crtOverlay[data-pattern="barrel"].active{ animation: crtFlicker 9s infinite steps(1); }
@keyframes crtJitter{ 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(0.6px); } }
@keyframes crtInterlaceShift{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(1px); } }
@keyframes crtInterlaceShiftSoft{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(0.5px); } }
@keyframes crtVhsDrift{ 0%,100%{ transform:translateX(0); } 50%{ transform:translateX(1.5px); } }
@keyframes crtVhsTrackMove{ 0%{ top:-14px; } 100%{ top:100%; } }
@keyframes crtNoiseShift{
  0%{ background-position:0 0; } 25%{ background-position:-60px 30px; }
  50%{ background-position:40px -50px; } 75%{ background-position:-30px -20px; } 100%{ background-position:0 0; }
}

/* NEU (v4-28): Mauszeiger-Phosphor-Nachleuchten wieder entfernt (Feedback: unnötig/keiner
   braucht das) — .phosphor-ghost-Regel und zugehörige spawnPhosphorGhost()-Logik im Script
   ersatzlos gestrichen. */
*{box-sizing:border-box;}
html,body{height:100%;}
/* Scrollbalken überall im Spiel unsichtbar machen (Scrollen bleibt funktionsfähig) */
*{
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* alte Edge/IE */
}
*::-webkit-scrollbar{          /* Chrome, Edge, Safari */
  display:none;
  width:0;
  height:0;
}
body{
  margin:0;
  background: radial-gradient(ellipse at 50% -10%, #191919 0%, var(--bg) 55%, #050505 100%);
  color: var(--text);
  font-family:'JetBrains Mono', monospace;
  font-size:13px;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
::selection{ background: var(--accent); color:#0e0e0e; }
.hdr{
  display:flex;
  padding:10px 18px;
  background: linear-gradient(180deg, #121212 0%, #0d0d0d 100%);
  border-bottom:1px solid var(--border);
  position:sticky; top:0; z-index:50;
}
.hdr-inner{
  display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
  width:100%; max-width:1500px; margin:0 auto;
}
.logo{
  font-family:'Orbitron', sans-serif;
  font-weight:900;
  font-size:17px;
  letter-spacing:2px;
  color:var(--text);
  display:flex; align-items:center; gap:8px;
  margin-right:auto;
}
.logo .dot{ color:var(--accent); }
.logo small{
  font-family:'JetBrains Mono', monospace;
  font-weight:400;
  font-size:10px;
  color:var(--muted);
  letter-spacing:1px;
  display:block;
  margin-top:1px;
}
.hud{
  display:flex; gap:14px; align-items:center; flex-wrap:wrap;
}
.hud-item{
  display:flex; flex-direction:column; align-items:flex-end;
  padding:4px 12px;
  border-left:1px solid var(--border);
  min-width:78px;
}
.hud-item .lbl{ font-size:9px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase; }
.hud-item .val{ font-family:'Orbitron',sans-serif; font-size:15px; font-weight:700; color:var(--text); }
.hud-item .val.money{ color:var(--green); }
.hud-item .val.rep{ color:var(--cyan); }
.btn{
  font-family:'JetBrains Mono', monospace;
  background: var(--panel2);
  border:1px solid var(--border-lit);
  color:var(--text);
  padding:7px 12px;
  border-radius:var(--radius);
  cursor:pointer;
  font-size:12px;
  display:flex; align-items:center; gap:6px;
  transition: all .12s ease;
  white-space:nowrap;
}
.btn:hover{ border-color:var(--accent); color:#fff; background:#222222; }
.btn:active{ transform: translateY(1px); }
.btn:disabled{ opacity:.35; cursor:not-allowed; }
.btn:disabled:hover{ border-color:var(--border-lit); background:var(--panel2); }
.btn.primary{ background: linear-gradient(180deg,#ff7a3d,#e8551a); border-color:#ff8a4d; color:#1a0a02; font-weight:700; }
.btn.primary:hover{ filter:brightness(1.08); }
.btn.ghost{ background:transparent; }
.btn.small{ padding:4px 8px; font-size:11px; }
.btn.danger{ border-color:var(--red); color:var(--red); }
.btn.icon-btn{ padding:7px 10px; }
.btn.icon-btn svg{ width:14px; height:14px; fill:currentColor; display:block; }

.speed-ctrl{
  display:flex; border:1px solid var(--border-lit); border-radius:var(--radius); overflow:hidden;
}
.speed-btn{
  display:flex; align-items:center;
  background:var(--panel2); border:none; border-right:1px solid var(--border-lit);
  color:var(--muted); padding:7px 9px; cursor:pointer; transition:all .12s ease;
}
.speed-btn:last-child{ border-right:none; }
.speed-btn:hover{ color:var(--text); background:#222222; }
.speed-btn.active{ background:var(--accent); color:#1a0a02; }
.speed-btn svg.tri{ width:8px; height:13px; fill:currentColor; margin-left:-3px; flex:none; }
.speed-btn svg.tri:first-child{ margin-left:0; }
.speed-btn svg.pausei{ width:13px; height:13px; fill:currentColor; flex:none; }

.tabs{
  display:flex; background:#0d0d0d; border-bottom:1px solid var(--border);
}
.tabs-inner{
  display:flex; gap:2px; flex-wrap:wrap;
  width:100%; max-width:1500px; margin:0 auto; padding:0 18px;
}
.tab{
  padding:10px 18px;
  cursor:pointer;
  font-size:12px;
  letter-spacing:1px;
  color:var(--muted);
  border-bottom:2px solid transparent;
  text-transform:uppercase;
  font-weight:500;
  user-select:none;
}
.tab:hover{ color:var(--text); }
.tab.active{ color:var(--accent); border-bottom-color:var(--accent); }
.tab .badge{
  display:inline-block; margin-left:6px; background:var(--accent); color:#1a0a02;
  font-size:9px; padding:1px 5px; border-radius:8px; font-weight:700;
}
/* NEU (TODO-ACHIEVEMENT-REWARDS): Erfolge-Tab blinkt, solange mindestens eine Belohnung noch
   nicht abgeholt wurde (Klasse wird von updateAchievementsTabIndicator() gesetzt/entfernt). */
.tab.has-reward{ animation: tabBlink 1.4s ease-in-out infinite; }
@keyframes tabBlink{ 0%,100%{ color:var(--muted); } 50%{ color:var(--accent); } }

.layout{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:14px;
  padding:14px 18px 40px;
  max-width:1500px;
  margin:0 auto;
}
@media (max-width: 900px){
  .layout{ grid-template-columns: 1fr; }
}
.panel{
  background: linear-gradient(180deg, var(--panel) 0%, #101010 100%);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px;
}
.panel h3{
  margin:0 0 10px;
  font-family:'Orbitron',sans-serif;
  font-size:12px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--muted);
  display:flex; align-items:center; gap:8px;
}
.panel h3::before{ content:''; width:6px; height:6px; background:var(--accent); display:inline-block; }
.view{ display:none; }
/* NEU (TODO-OPTIK-POLITUR, Nutzer-Wunsch: "was können wir noch optisch verfeinern"): bisher
   schaltete .view.active hart von display:none auf display:block um, ganz ohne Übergang -- jeder
   Tab-Wechsel wirkte dadurch abrupt. Die Animation läuft nur beim Hinzufügen der active-Klasse an
   (CSS-Animationen starten neu, sobald das Element gerade erst display:block wird), kostet also
   nichts im Ruhezustand und muss von KEINER bestehenden Render-Funktion angepasst werden. */
.view.active{ display:block; animation: viewFadeIn .28s ease; }
@keyframes viewFadeIn{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } }
/* NEU (TODO-OPTIK-POLITUR): durchgängiges, zum Theme passendes Fokus-Highlight für Tastatur-
   Navigation -- vorher gab's dafür GAR KEINE eigene Regel, Browser fielen auf ihr Standard-
   Fokus-Outline zurück (meist grelles Blau), das im dunklen Orange-Theme deplatziert wirkt.
   :focus-visible statt :focus, damit bei reiner Maus-Bedienung weiterhin kein Rahmen erscheint. */
.btn:focus-visible, .tab:focus-visible, .speed-btn:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
.qty-stepper button:focus-visible, [tabindex]:focus-visible{
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* Build screen */
.qty-row{ display:flex; align-items:center; gap:8px; margin-top:12px; }
.qty-row .qty-label{ font-size:12px; color:var(--muted); flex:1; }
.qty-stepper{ display:flex; border:1px solid var(--border-lit); border-radius:var(--radius); overflow:hidden; }
.qty-stepper button{ background:var(--panel2); border:none; color:var(--text); width:26px; height:28px; cursor:pointer; font-size:14px; line-height:1; transition:all .12s ease; }
.qty-stepper button:hover{ background:#222222; color:var(--accent); }
.qty-stepper button:disabled{ opacity:.35; cursor:not-allowed; }
.qty-stepper input{ font-family:'JetBrains Mono', monospace; width:48px; text-align:center; background:var(--panel); border:none; border-left:1px solid var(--border-lit); border-right:1px solid var(--border-lit); color:var(--text); font-size:13px; padding:0; -moz-appearance:textfield; }
.qty-stepper input::-webkit-outer-spin-button, .qty-stepper input::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.build-grid{ display:grid; grid-template-columns: 1fr 1fr 260px; gap:14px; }
@media (max-width: 1100px){ .build-grid{ grid-template-columns:1fr; } }
.chip-row{ display:flex; flex-wrap:wrap; gap:8px; }
.dest-group{ border:1px solid var(--border); border-radius:var(--radius); margin-bottom:6px; overflow:hidden; }
.dest-group-head{ display:flex; align-items:center; gap:8px; padding:8px 10px; cursor:pointer; background:var(--panel2); user-select:none; }
.dest-group-head:hover{ background:var(--panel); }
.dest-group-chevron{ display:inline-block; transition:transform .15s ease; font-size:10px; color:var(--muted); flex-shrink:0; }
.dest-group.open .dest-group-chevron{ transform:rotate(90deg); }
.dest-group-title{ font-weight:700; font-size:11.5px; flex:1; }
.dest-group-count{ font-size:10px; color:var(--muted); }
.dest-group-progress{ font-size:10px; color:var(--green); }
.dest-group-body{ display:none; padding:8px 10px; border-top:1px solid var(--border); }
.dest-group.open .dest-group-body{ display:block; }
.chip{
  border:1px solid var(--border-lit);
  background:var(--panel2);
  padding:8px 10px;
  border-radius:var(--radius);
  cursor:pointer;
  font-size:11.5px;
  flex:1 1 auto;
  min-width:120px;
}
.chip .t{ font-weight:700; color:var(--text); display:flex; justify-content:space-between; }
.chip .s{ color:var(--muted); font-size:10px; margin-top:3px; }
.chip.sel{ border-color:var(--accent); background:#20140b; }
.chip.locked{ opacity:.45; cursor:not-allowed; }
.chip.locked .t::after{ content:''; }

.subtabs{ display:flex; gap:4px; margin-bottom:8px; flex-wrap:wrap; }
.subtab{
  font-size:10.5px; padding:5px 9px; border:1px solid var(--border);
  border-radius:var(--radius); cursor:pointer; color:var(--muted); letter-spacing:.5px;
}
.subtab.active{ color:var(--accent); border-color:var(--accent); }

.mod-list{ display:flex; flex-direction:column; gap:6px; max-height:230px; overflow-y:auto; padding-right:2px;}
.mod-row{
  display:flex; align-items:center; justify-content:space-between;
  border:1px solid var(--border); background:var(--panel2);
  padding:7px 9px; border-radius:var(--radius); font-size:11px;
}
.mod-row .n{ color:var(--text); font-weight:600; }
.mod-row .d{ color:var(--muted); font-size:9.5px; }
.mod-row.locked{ opacity:.4; }

.stat-line{ display:flex; justify-content:space-between; font-size:11.5px; padding:3px 0; border-bottom:1px dashed var(--border); }
.stat-line .k{ color:var(--muted); }
.stat-line .v{ color:var(--text); font-weight:600; }
.stat-line .v.bad{ color:var(--red); }
.stat-line .v.good{ color:var(--green); }

.selected-mods{ display:flex; flex-direction:column; gap:4px; margin-top:8px; max-height:110px; overflow-y:auto;}
.selected-mods .item{ display:flex; justify-content:space-between; align-items:center; font-size:10.5px; background:#171717; padding:4px 7px; border-radius:2px;}
.selected-mods .item button{ background:none; border:none; color:var(--red); cursor:pointer; font-size:12px; }

canvas{ display:block; }
#previewCanvas{ width:100%; height:180px; background:radial-gradient(circle at 50% 30%, #181818, #0a0a0a); border:1px solid var(--border); border-radius:var(--radius); }
#orbitCanvas{ width:100%; height:clamp(260px, 62vh, 520px); background:#060606; border:1px solid var(--border); border-radius:var(--radius); cursor:grab; }
#solarMapCanvas{ width:100%; height:260px; background:radial-gradient(ellipse at 0% 55%, #1c1108 0%, #0a0a0a 45%, #060606 100%); border:1px solid var(--border); border-radius:var(--radius); cursor:grab; }
#galaxyMapCanvas{ width:100%; height:400px; background:radial-gradient(ellipse at 50% 50%, #121212 0%, #070707 55%, #030303 100%); border:1px solid var(--border); border-radius:var(--radius); cursor:grab; }
#andromedaMapCanvas{ width:100%; height:400px; margin-top:10px; background:radial-gradient(ellipse at 50% 50%, #14121a 0%, #070708 55%, #020203 100%); border:1px solid var(--border); border-radius:var(--radius); cursor:grab; }
#galaxyHubCanvas{ width:100%; height:220px; background:radial-gradient(ellipse at 50% 50%, #101014 0%, #060607 55%, #020203 100%); border:1px solid var(--border); border-radius:var(--radius); cursor:grab; }
.map-wrap{ position:relative; }
.map-reset-btn{
  position:absolute; top:8px; right:8px; z-index:5;
  background:rgba(15,15,15,0.8); border:1px solid var(--border-lit); color:var(--muted);
  border-radius:var(--radius); padding:4px 9px; font-size:11px; font-family:'JetBrains Mono', monospace;
  cursor:pointer; display:flex; align-items:center; gap:5px; user-select:none;
}
.map-reset-btn:hover{ border-color:var(--accent); color:#fff; background:rgba(30,20,15,0.9); }
.map-reset-btn svg{ width:11px; height:11px; }

.hangar-list{ display:flex; flex-direction:column; gap:8px; margin-top:8px; }
.hangar-item{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;
  border:1px solid var(--border); background:var(--panel2); padding:8px 10px; border-radius:var(--radius);
}
.hangar-item .actions{ display:flex; gap:6px; flex-wrap:wrap; }
.edit-banner{
  display:none; align-items:center; justify-content:space-between; gap:8px;
  background:#232323; border:1px solid var(--cyan-dim); border-radius:var(--radius);
  padding:7px 10px; margin-bottom:10px; font-size:11px;
}
.edit-banner .txt{ color:var(--cyan); }
.hangar-item .meta{ font-size:10.5px; color:var(--muted); }
.hangar-item .name{ font-weight:700; font-size:12px; }
.queue-item{ border:1px solid var(--border); background:var(--panel2); padding:8px 10px; border-radius:var(--radius); margin-bottom:8px; }
.queue-item .top{ display:flex; justify-content:space-between; font-size:11.5px; }
.queue-item .top .qname{ font-weight:700; }
.queue-item .top .qmeta{ color:var(--muted); font-size:10px; }
.progress-bar{ height:4px; background:#101010; border-radius:2px; margin-top:6px; overflow:hidden; }
/* NEU (TODO-OPTIK-POLITUR): vorher sprang die Füllung bei jedem Render hart auf den neuen Wert --
   nur .long-contract .bar > div (weiter unten) hatte schon eine Übergangs-Animation. Jetzt einheit-
   lich überall, betrifft u.a. Bauqueue, Sonden im Transit, Kolonie-Fortschritt, normale Aufträge. */
.progress-bar > div{ height:100%; background:var(--cyan); transition:width .3s ease; }

.empty-hint{ color:var(--muted2); font-size:11px; padding:14px; text-align:center; border:1px dashed var(--border); border-radius:var(--radius);}
/* NEU (TODO-OPTIK-POLITUR): dezentes Icon über jedem Leer-Zustand ("Noch keine Satelliten..." usw.,
   35 Stellen im Spiel) -- als eigenes ::before-Pseudo-Element statt in jedem einzelnen Markup-Text,
   damit es konsistent überall erscheint UND bereits vorhandene Emojis (z.B. 🔒-Hinweise) nicht
   stört, da es als eigene Zeile darüber sitzt statt dem Text vorangestellt zu werden. */
.empty-hint::before{ content:'◇'; display:block; font-size:15px; color:var(--muted2); opacity:.55; margin-bottom:6px; }

/* Contract cards */
.contract{
  border:1px solid var(--border); background:var(--panel2); border-radius:var(--radius);
  padding:9px 10px; margin-bottom:8px;
}
.contract .top{ display:flex; justify-content:space-between; align-items:flex-start; }
.contract .type{ font-weight:700; font-size:11.5px; }
.contract .orbit-tag{ font-size:9px; padding:2px 6px; border-radius:8px; border:1px solid var(--cyan-dim); color:var(--cyan); }
.contract .rewards{ font-size:10px; color:var(--green); margin-top:4px; }
.contract .status{ font-size:9.5px; color:var(--muted); margin-top:4px; }
.contract select{
  width:100%; margin-top:6px; background:#101010; color:var(--text); border:1px solid var(--border-lit);
  padding:5px; border-radius:var(--radius); font-family:inherit; font-size:10.5px;
}
.contract .actions{ display:flex; gap:6px; margin-top:6px; }
.contract .bar{ height:4px; background:#101010; border-radius:2px; margin-top:6px; overflow:hidden; }
.contract .bar > div{ height:100%; background:var(--cyan); transition:width .3s ease; }

/* Langzeitaufträge + Eigenes Netzwerk (v4-14) */
.long-contract{ border:1px solid var(--border); background:var(--panel2); border-radius:var(--radius); padding:10px 12px; margin-bottom:10px; }
.long-contract .top{ display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.long-contract .name{ font-weight:700; font-size:12.5px; }
.long-contract .req{ font-size:10px; color:var(--muted); margin-top:4px; line-height:1.5; }
.long-contract .rewards{ font-size:10px; color:var(--green); margin-top:4px; }
.long-contract .progress-wrap{ margin-top:8px; }
.long-contract .progress-label{ display:flex; justify-content:space-between; font-size:9.5px; color:var(--muted); margin-bottom:3px; }
.long-contract .bar{ height:6px; background:#101010; border-radius:3px; overflow:hidden; }
.long-contract .bar > div{ height:100%; background:var(--cyan); transition:width .3s; }
.long-contract .bar.full > div{ background:var(--green); }
.long-contract .sat-tags{ display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; }
.long-contract .sat-tag{ display:flex; align-items:center; gap:5px; font-size:9.5px; background:#101010; border:1px solid var(--border-lit); border-radius:8px; padding:3px 6px; }
.long-contract .sat-tag button{ background:none; border:none; color:var(--red); cursor:pointer; font-size:10px; padding:0; line-height:1; }
.long-contract .actions{ display:flex; gap:6px; margin-top:8px; }
.long-contract select{ width:100%; margin-top:6px; background:#101010; color:var(--text); border:1px solid var(--border-lit); padding:5px; border-radius:var(--radius); font-family:inherit; font-size:10.5px; }
.network-panel .status-line{ font-size:11px; color:var(--muted); margin-bottom:8px; }
.network-choice{ display:flex; gap:10px; margin-top:8px; }
.network-choice .nc-card{ flex:1; border:1px solid var(--border); background:var(--panel2); border-radius:var(--radius); padding:10px; cursor:pointer; text-align:center; }
.network-choice .nc-card:hover{ border-color:var(--cyan-dim); }
.network-choice .nc-card .icon{ font-size:22px; }
.network-choice .nc-card .n{ font-weight:700; font-size:11.5px; margin-top:4px; }
.network-choice .nc-card .d{ font-size:9.5px; color:var(--muted); margin-top:4px; line-height:1.4; }

/* research */
.research-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:10px; }
.rcard{ border:1px solid var(--border); background:var(--panel2); border-radius:var(--radius); padding:10px; display:flex; flex-direction:column; gap:6px;}
.rcard .name{ font-weight:700; font-size:12px; }
.rcard .desc{ color:var(--muted); font-size:10.5px; line-height:1.4; flex:1;}
.rcard .cost{ color:var(--amber); font-size:11px; }
.rcard.done{ opacity:.5; }
.rcard.sel{ border-color:#ffcf6b; box-shadow:0 0 0 1px rgba(255,207,107,0.4); } /* NEU (TODO-STERNSYSTEM-KARTEN) */

/* ---- Forschungs-Tech-Baum ---- */
.rtree-toolbar{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:10px; }
.rtree-legend{ display:flex; gap:14px; font-size:10.5px; color:var(--muted); flex-wrap:wrap; }
.rtree-legend-item{ display:flex; align-items:center; gap:5px; }
.rtree-dot{ width:9px; height:9px; border-radius:50%; display:inline-block; flex:none; }
.rtree-dot.done{ background:var(--green); }
.rtree-dot.avail{ background:var(--accent); }
.rtree-dot.locked{ background:var(--muted2); }
.rtree-controls{ display:flex; gap:6px; flex-wrap:wrap; }
.rtree-wrap{ width:100%; height:min(70vh, 560px); min-height:320px; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius);
  background: radial-gradient(circle at 19px 19px, rgba(255,255,255,0.03) 1px, transparent 1px) 0 0/22px 22px, var(--bg);
  position:relative; touch-action:none; cursor:grab; user-select:none; }
.rtree-wrap.dragging{ cursor:grabbing; }
.rtree-canvas{ position:absolute; top:0; left:0; will-change:transform; backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.rtree-canvas > svg{ position:absolute; top:0; left:0; pointer-events:none; overflow:visible; }
.rnode{ position:absolute; width:172px; height:50px; border:1px solid var(--border); background:var(--panel2); border-radius:var(--radius);
  padding:5px 6px; cursor:pointer; transition:border-color .12s, transform .12s, box-shadow .12s; box-sizing:border-box;
  display:flex; flex-direction:column; justify-content:center; overflow:hidden; }
.rnode:hover{ border-color:var(--border-lit); }
.rnode .rn-name{ font-weight:700; font-size:11px; margin-bottom:2px; line-height:1.2;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rnode .rn-cost{ font-size:9.5px; color:var(--amber); flex-shrink:0; }
.rnode.done{ border-color:var(--green); background:linear-gradient(180deg, rgba(53,217,153,0.10), var(--panel2)); }
.rnode.done .rn-cost{ color:var(--green); }
.rnode.avail{ border-color:var(--accent); }
.rnode.researching{ border-color:var(--amber); background:linear-gradient(180deg, rgba(255,176,46,0.12), var(--panel2)); }
.rnode.researching .rn-cost{ color:var(--amber); }
.rnode.locked{ opacity:.5; }
.rnode.selected{ box-shadow:0 0 0 2px var(--accent); }

/* satellite detail panel */
.sat-detail{ border-top:1px solid var(--border); margin-top:10px; padding-top:10px; }
.healthbar{ height:7px; background:#101010; border-radius:4px; overflow:hidden; border:1px solid var(--border); }
.healthbar > div{ height:100%; transition: width .3s ease, background-color .3s ease; }

/* modal */
.modal-bg{
  position:fixed; inset:0; background:rgba(2,4,8,.82); z-index:450;
  display:none; align-items:center; justify-content:center; padding:20px;
}
.modal-bg.active{ display:flex; }
/* BUGFIX (TODO-CONFIRM-Z-INDEX): #confirmModal und #promptModal werden von überall im Spiel
   heraus aufgerufen (z.B. showConfirmModal() aus dem Einstellungen-Modal für "Zurück zur
   Startseite") und müssen deshalb IMMER über allen anderen .modal-bg-Fenstern liegen, auch wenn
   diese noch aktiv sind. Bei gleichem z-index entschied bisher rein die DOM-Reihenfolge über die
   Stapelung — da #confirmModal im HTML vor #settingsModal steht, landete das Bestätigungs-Fenster
   optisch dahinter, obwohl es klickbar (und damit technisch "aktiv") blieb. */
#confirmModal, #promptModal{ z-index:470; }
.modal{
  background: var(--panel); border:1px solid var(--border-lit); border-radius:var(--radius);
  width:100%; max-width:560px; padding:0; overflow:hidden;
  max-height:90vh; display:flex; flex-direction:column;
}
.modal .mhead{ padding:12px 16px; border-bottom:1px solid var(--border); font-family:'Orbitron',sans-serif; font-size:13px; letter-spacing:1px; display:flex; justify-content:space-between; align-items:center; flex-shrink:0;}
.modal .mbody{ padding:16px; overflow-y:auto; }
#launchCanvas{ width:100%; height:320px; background:linear-gradient(180deg,#0a0a0a,#121212 60%,#0d1a12); display:block;}
#launchVideo{ display:block; margin:0 auto; width:auto; height:auto; max-width:100%; max-height:60vh; aspect-ratio:2/3; background:#000; border-radius:2px; object-fit:contain;}
.launch-result{ text-align:center; padding:14px; font-family:'Orbitron',sans-serif; font-size:16px; letter-spacing:1px; }

.toast-wrap{ position:fixed; bottom:16px; right:16px; z-index:300; display:flex; flex-direction:column; gap:8px; max-width:320px;}

/* splash & start screen */
.fullscreen-overlay{
  position:fixed; inset:0; z-index:400;
  background: radial-gradient(ellipse at 50% -10%, #191919 0%, var(--bg) 55%, #050505 100%);
  display:flex; align-items:center; justify-content:center;
  padding:24px; cursor:pointer; overflow:hidden;
}
.fullscreen-overlay.start{ cursor:default; }
.warp-canvas{
  position:absolute; inset:0; z-index:0; width:100%; height:100%; display:block;
  pointer-events:none;
}
.splash-inner, .start-inner{
  position:relative; z-index:1;
  display:flex; flex-direction:column; align-items:center; gap:14px;
  text-align:center; max-width:none; width:100%;
}
.splash-logo, .start-logo{
  width:auto; height:auto; max-width:90vw; max-height:60vh;
}
@media (orientation: portrait), (max-width: 600px){
  .splash-logo, .start-logo{
    max-width:280px; width:60%; max-height:none;
  }
}
.start-menu{
  max-width:420px; width:100%;
}
.logo-fallback{
  font-family:'Orbitron', sans-serif; font-weight:900; font-size:34px; letter-spacing:3px; color:var(--text);
}
.logo-fallback .dot{ color:var(--accent); }
.splash-tagline, .start-tagline{
  font-size:11px; letter-spacing:2px; color:var(--muted); text-transform:uppercase;
}
.splash-hint{
  margin-top:26px; font-size:11px; letter-spacing:1.5px; color:var(--muted2);
  animation: splashPulse 1.8s ease-in-out infinite;
}
@keyframes splashPulse{ 0%,100%{opacity:.4;} 50%{opacity:1;} }

/* ============================== BOOT-ANIMATION (TODO-BOOT-ANIMATION) ==============================
   Alter-Röhrenmonitor-Einschalt-Effekt, läuft einmalig über dem Splash-Screen. Zeitachse (siehe
   Delays unten, alles relativ zum Seitenladen):
     0.00–0.20s  Bildschirm komplett schwarz ("Röhre kalt")
     0.20–0.35s  heller horizontaler Strich schnappt in die Bildschirmmitte
     0.35–0.62s  Strich klappt zur vollen Höhe auf, mit leichtem Überschwingen (typisch für
                 Röhrenmonitore, die kurz übers Ziel hinausschießen bevor sie sich fangen)
     0.42–0.77s  Logo/Menü blenden währenddessen mit einem kurzen Überbelichtungs-Flash ein
     0.60–0.85s  komplettes Overlay blendet aus, gibt den normalen Splash-Screen frei
   .start-inner (der Startbildschirm dahinter) bleibt davon unberührt — die Sequenz läuft
   ausschließlich auf #splashScreen, das im Spielverlauf ohnehin nie wieder gezeigt wird. */
#crtBootOverlay{
  position:absolute; inset:0; z-index:5; background:#000; pointer-events:none; overflow:hidden;
  animation: crtBootOverlayFade 0.25s linear 0.6s forwards;
}
.crt-boot-line{
  position:absolute; left:50%; top:50%; width:100%; height:3px;
  background:linear-gradient(90deg, transparent, #dff6ff 15%, #ffffff 50%, #dff6ff 85%, transparent);
  box-shadow:0 0 20px 4px rgba(180,230,255,.9), 0 0 60px 14px rgba(120,200,255,.5);
  transform:translate(-50%,-50%) scaleY(0.002);
  opacity:0;
  animation: crtBootLine 0.42s cubic-bezier(.2,.85,.3,1) 0.2s forwards;
}
@keyframes crtBootLine{
  0%{ transform:translate(-50%,-50%) scaleY(0.002); opacity:0; }
  15%{ opacity:1; }
  40%{ transform:translate(-50%,-50%) scaleY(0.002); opacity:1; }
  78%{ transform:translate(-50%,-50%) scaleY(1.08); opacity:1; }
  92%{ transform:translate(-50%,-50%) scaleY(0.97); }
  100%{ transform:translate(-50%,-50%) scaleY(1); opacity:0; }
}
@keyframes crtBootOverlayFade{ from{ opacity:1; } to{ opacity:0; visibility:hidden; } }
#splashScreen.crt-boot .splash-inner{
  opacity:0;
  animation: crtBootContentIn 0.35s ease-out 0.42s forwards;
}
@keyframes crtBootContentIn{
  0%{ opacity:0; filter:brightness(2.4) contrast(1.5); }
  100%{ opacity:1; filter:brightness(1) contrast(1); }
}
/* ============================== DOS-BOOTSTREAM (TODO-DOS-BOOTSTREAM) ==============================
   Auf Nutzerwunsch: "eine Animation ... einen Boot Stream wie früher die PCs hochgefahren sind mit
   den Schriftzügen ... 30 sec lang aber das erst nach dem man auf Fortsetzen oder Neues Spiel ...
   sobald man direkt ins Spiel kommt". Läuft NICHT auf dem Splash-Screen (das ist die separate,
   kurze Röhren-Einschalt-Animation weiter oben), sondern erst beim tatsächlichen Spieleintritt.
   Aufruf zentral in showGameRoot() (siehe JS weiter unten), da dort alle drei Wege ins Spiel
   (Neues Spiel / Fortsetzen / Spielstand-Import) ohnehin zusammenlaufen — hier also nur EINmal
   verdrahtet statt an drei Stellen einzeln. Reiner Textaufbau per JS-Typewriter (siehe
   playDosBootSequence()), da ein rein CSS-getriebenes Timing für variablen Zeilentext zu unflexibel
   wäre. Klick/Taste überspringt die Sequenz sofort. */
#dosBootOverlay{
  position:fixed; inset:0; z-index:600; background:#000;
  display:none; align-items:flex-start; justify-content:flex-start;
  padding:40px; box-sizing:border-box; cursor:pointer;
  overflow:hidden; /* GEÄNDERT: kein manuelles Scrollen mehr möglich (Wheel/Touch werden ignoriert) —
    das automatische Mitscrollen ans Zeilenende passiert weiterhin per JS via overlay.scrollTop
    (funktioniert auch mit overflow:hidden, nur eben nicht durch den Nutzer selbst auslösbar) */
  opacity:1; transition:opacity .4s ease;
}
#dosBootOverlay.visible{ display:flex; }
#dosBootOverlay.fading{ opacity:0; }
/* NEU (Retro-Boot-Effekte, auf Nutzerwunsch): klassisches CRT-Einschalt-Flackern beim Start der
   Boot-Sequenz — Röhre "wärmt auf", kurzer heller Blitz, dann normale Helligkeit. */
#dosBootOverlay.crt-poweron{ animation: crtPowerOn .55s ease-out both; transform-origin:center center; }
@keyframes crtPowerOn{
  0%{ transform:scaleY(.008); filter:brightness(28); opacity:1; }
  10%{ transform:scaleY(.02); filter:brightness(20); }
  20%{ transform:scaleY(.55); filter:brightness(7); }
  32%{ transform:scaleY(1); filter:brightness(2.6); }
  45%{ transform:scaleY(1); filter:brightness(1.15); }
  100%{ transform:scaleY(1); filter:brightness(1); }
}
/* NEU: Gegenstück beim Übergang ins Spiel — Bildschirm kollabiert erst zu einer waagrechten
   Linie, dann zu einem hellen Punkt, klassischer Röhrenmonitor-Ausschalteffekt. Ersetzt das
   vorherige reine Opacity-Fade (siehe .fading oben, bleibt als Fallback-Klasse stehen). */
#dosBootOverlay.crt-poweroff{ animation: crtPowerOff .55s ease-in forwards; transform-origin:center center; }
@keyframes crtPowerOff{
  0%{ transform:scaleY(1) scaleX(1); filter:brightness(1); opacity:1; }
  55%{ transform:scaleY(.012) scaleX(1); filter:brightness(5); opacity:1; }
  78%{ transform:scaleY(.012) scaleX(.02); filter:brightness(9); opacity:1; }
  100%{ transform:scaleY(.012) scaleX(.002); filter:brightness(0); opacity:0; }
}
/* NEU (v4-39, TODO-DOS-BOOTSTREAM-EPIC): eigene, immer-neutrale Scanline-Textur nur für diesen
   Overlay — bewusst NICHT der globale #crtOverlay (der bleibt während des kompletten Starts laut
   TODO-STANDARD-START abgeschaltet), sondern eine kleine self-contained Ebene, rein atmosphärisch. */
#dosBootOverlay::after{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:2;
  background:repeating-linear-gradient(180deg, rgba(0,0,0,.25) 0px, rgba(0,0,0,.25) 1px, transparent 2px, transparent 3px);
  mix-blend-mode:multiply; opacity:.5;
}
.dos-boot-inner{ width:100%; max-width:900px; position:relative; z-index:1; }
.dos-boot-banner{
  margin:0 0 10px; white-space:pre; overflow-x:auto; font-family:'Courier New', ui-monospace, monospace;
  font-size:9.5px; line-height:1.15; color:var(--accent);
  text-shadow:0 0 10px rgba(255,106,43,.75), 0 0 2px rgba(255,106,43,1);
  opacity:0; animation: dosBannerFlash .5s ease-out forwards;
}
@media (min-width:700px){ .dos-boot-banner{ font-size:13px; } }
/* NEU (TODO-BOOT-BANNER-STACKED-IMMER, Nutzer-Wunsch: "GAMES OS soll unter MC ORCA kommen", nicht
   nur auf schmalen Handys): die gestapelte Variante ist jetzt IMMER sichtbar, die breite Ein-
   Zeilen-Variante immer versteckt -- kein Breakpoint mehr nötig, da der gestapelte Look generell
   gewünscht ist (die breite Variante bleibt im DOM erhalten statt gelöscht zu werden, falls das
   doch mal wieder gebraucht wird -- einfach mit vertauschtem display:none/block reaktivierbar). */
.dos-boot-banner-stacked{ display:block; }
.dos-boot-banner-wide{ display:none; }
@keyframes dosBannerFlash{
  0%{ opacity:0; filter:brightness(3); }
  60%{ opacity:1; filter:brightness(2.2); }
  100%{ opacity:1; filter:brightness(1); }
}
.dos-boot-text{
  margin:0; white-space:pre-wrap; word-break:break-word;
  font-family:'Courier New', ui-monospace, monospace;
  font-size:14px; line-height:1.55;
  color:var(--accent); text-shadow:0 0 6px rgba(255,106,43,.55), 0 0 1px rgba(255,106,43,.9);
}
.dos-boot-flash{ animation: dosLineFlash .35s ease-out; }
@keyframes dosLineFlash{ 0%{ filter:brightness(2.4); } 100%{ filter:brightness(1); } }
#dosBootText.typing::after{
  content: '';
  display:inline-block; width:8px; height:14px; background:var(--accent);
  box-shadow:0 0 6px rgba(255,106,43,.7);
  animation:dosCursorBlink 1s steps(1) infinite;
  vertical-align:-2px; margin-left:1px;
}
@keyframes dosCursorBlink{ 0%,49%{opacity:1;} 50%,100%{opacity:0;} }
.dos-boot-skip{
  position:fixed; bottom:22px; right:28px; font-size:11px; letter-spacing:1.5px;
  color:var(--accent-dim); text-transform:uppercase; animation: splashPulse 1.8s ease-in-out infinite;
  z-index:3;
}
.start-menu{
  display:flex; flex-direction:column; gap:10px; width:100%; margin-top:18px;
}
.start-menu .btn{ font-size:13px; padding:12px 16px; }
.start-menu .btn:disabled{ opacity:.3; }
.toast{ background:#171717; border:1px solid var(--border-lit); border-left:3px solid var(--accent); padding:9px 12px; border-radius:var(--radius); font-size:11.5px; animation:toastin .25s ease; box-shadow:0 4px 14px rgba(0,0,0,.4);}
.toast.good{ border-left-color:var(--green); }
.toast.bad{ border-left-color:var(--red); }
@keyframes toastin{ from{ opacity:0; transform:translateX(20px);} to{opacity:1; transform:translateX(0);} }

textarea.jsonarea{ width:100%; height:120px; background:#0b0b0b; color:var(--text); border:1px solid var(--border-lit); border-radius:var(--radius); font-family:inherit; font-size:10.5px; padding:8px;}
.btn.pulse{ animation: pulseGlow 1.2s ease-in-out infinite; border-color: var(--amber); }
@keyframes pulseGlow{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,176,46,.5);} 50%{ box-shadow:0 0 0 6px rgba(255,176,46,0);} }
.file-inp{ display:none; }
.row{ display:flex; gap:8px; flex-wrap:wrap; }
.small-muted{ font-size:10px; color:var(--muted); }

/* satellite list */
.sat-list{ display:flex; flex-direction:column; gap:6px; max-height:420px; overflow-y:auto; }
.collapsible-head{
  display:flex; align-items:center; justify-content:space-between;
  cursor:pointer; user-select:none;
}
.collapsible-head .chevron{
  width:16px; height:16px; flex:0 0 auto; color:var(--muted);
  transition:transform .2s ease;
}
.collapsible-head[aria-expanded="false"] .chevron{ transform:rotate(-90deg); }
#satListBody{
  overflow:hidden;
  transition:max-height .25s ease, opacity .2s ease, margin-top .2s ease;
}
#satListBody.collapsed{
  max-height:0 !important; opacity:0; margin-top:0; pointer-events:none;
}
.sat-list-row{
  display:grid;
  grid-template-columns: 1.4fr .8fr .7fr 1fr 1fr auto auto;
  gap:10px; align-items:center;
  border:1px solid var(--border); background:var(--panel2); border-radius:var(--radius);
  padding:8px 10px; font-size:11px; cursor:pointer;
  transition: border-color .15s ease;
}
.sat-list-row:hover{ border-color:var(--border-lit); }
.sat-list-row.selected{ border-color:var(--accent); }
.sat-list-row .name{ font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sat-list-row .chassis-tag{ font-size:9.5px; padding:2px 6px; border-radius:20px; border:1px solid var(--border); color:var(--muted); text-align:center; white-space:nowrap; }
.sat-list-row .healthwrap{ display:flex; flex-direction:column; gap:3px; }
.sat-list-row .healthwrap .pct{ font-size:9.5px; color:var(--muted); }
.sat-list-row .contract-status{ font-size:9.5px; }
.sat-list-row .contract-status.good{ color:var(--green); }
.sat-list-row .contract-status.muted{ color:var(--muted); }
.sat-list-head{
  display:grid;
  grid-template-columns: 1.4fr .8fr .7fr 1fr 1fr auto auto;
  gap:10px; font-size:9.5px; color:var(--muted); text-transform:uppercase; letter-spacing:.5px;
  padding:0 10px 4px;
}
.sat-list-row .actions{ display:flex; gap:4px; }
.sat-list-row .actions .btn{ padding:4px 7px; font-size:10.5px; }

/* ============================== NEU (TODO-UI-STIL, auf Nutzerwunsch: "eine ui die man in den
   einstellungen einstellen kann die exakt wie eine alte dos konsole aussieht [...] alle fenster
   ramen mit den strichen und unterstrichen") ==============================
   Dritte, komplett unabhängige Darstellungs-Achse zusätzlich zu Farbschema (COLOR_FILTERS) und
   Monitor-Muster (#crtOverlay): ein strukturelles "UI-Stil"-Umschalten zwischen dem normalen,
   modernen Layout und einem DOS-Konsolen-Stil, der Fenster/Panels/Buttons mit echten
   Blockgrafik-Zeichen (╔═╗║╚╝ bzw. ┌─┐│└┘, wie in alten Turbo-Vision-/Norton-Commander-Programmen)
   einrahmt statt mit normalen CSS-Rahmen/abgerundeten Ecken. Technik: border-image mit einer
   SVG-Textur aus echten Unicode-Blockgrafik-Zeichen (per 9-Slice mit border-image-repeat:round
   sauber auf beliebige Fenstergrößen kachelbar, keine Bilddatei nötig). Bewusst als eigene Klasse
   auf <html> (ui-theme-dos, siehe applyUIStyleTheme() im Script) und NICHT über COLOR_FILTERS/
   #crtOverlay gelöst, damit sich der DOS-Stil frei mit jedem Farbschema/Muster kombinieren lässt —
   inkl. dem CGA/EGA-Farbschema, das während Splash/Boot ohnehin erzwungen läuft (siehe
   BOOT_FORCED_COLOR/-PATTERN weiter oben): der UI-Stil ist deshalb bewusst NICHT wie
   Farbschema/Muster hinter themeLocked versteckt, sondern greift sofort ab dem allerersten Frame
   inkl. Splash-Screen und Boot-Sequenz — passt so optisch am besten zum Röhren-Boot-Effekt, statt
   erst danach "umzuklappen". Rein optisch, komplett getrennt vom Spielstand (nur localStorage,
   siehe UI_STYLE_KEY). */
/* GEÄNDERT (auf Nutzerwunsch: "sieht aktuell nicht aus wie dos, dos ist schwarz/weiß, ich möchte
   aber orangene zeichen haben, es muss wirklich alles eingearbeitet werden"): reiner Blockgrafik-
   Rahmen allein hat noch nicht wie eine echte alte Konsole gewirkt, weil Hintergrund/Text weiterhin
   die normalen Sci-Fi-Grautöne + fast-weißen Text (--text: #e5e5e5) der übrigen Oberfläche
   benutzt haben. Fix: ALLE zentralen Farb-Variablen (--bg/--panel/--panel2/--border/--border-lit/
   --text/--muted/--muted2) werden unter .ui-theme-dos auf einen einheitlichen
   Schwarz-Hintergrund + EINE Bernstein-Orange-Vordergrundfarbe umdefiniert (klassischer
   Amber-Monochrom-Monitor-Look, nur --accent für Hervorhebungen bleibt der bestehende, kräftigere
   Ton). Weil praktisch die gesamte App (auch dutzende per JS generierte Karten/Zeilen/Badges
   überall im Spiel, siehe .rcard/.contract/.long-contract/.ach-item/etc.) konsequent mit
   var(--border)/var(--panel2)/var(--radius)/var(--text)/var(--muted) statt fest verdrahteten
   Hex-Werten arbeitet, reicht dieses EINE zentrale Umdefinieren, um den Schwarz/Orange-Look
   automatisch bis in praktisch jede Karte, jede Zeile und jedes Badge im ganzen Spiel
   durchzureichen — nicht nur auf die zuvor einzeln umgebauten Fenster/Buttons. Zusätzlich zwei
   universelle Selektor-Regeln (Schriftart, Eckenradius) mit voller Bandbreite (Sternchen-Selektor)
   statt einzeln aufgezählter Klassen, weil Schriftart/Radius an vielen Stellen auch direkt als
   Inline-style (style="...") im per JS erzeugten HTML gesetzt werden, was eine normale Klassen-
   Regel ohne !important nicht überschreiben könnte. */
html.ui-theme-dos{
  --radius:0;
  --bg:#000000;
  --bg-grad:#000000;
  --panel:#000000;
  --panel2:#0a0500;
  --border:#7a4a1f;
  --border-lit:#cc7a3a;
  --text:#e0893c;
  --muted:#8a5a2e;
  --muted2:#5c3d1f;
  /* NEU (auf Nutzerwunsch: "ja alles [vereinheitlichen]"): vorher blieben --green/--cyan/--amber/
     --red bewusst unangetastet (siehe Kommentar oben), damit farblich codierte Information noch
     unterscheidbar war. Jetzt auf expliziten Wunsch auch diese auf denselben Amber-Ton umgestellt
     -- reines Monochrom-Monitor-Bild ohne jede Farbcodierung. Weil Geld/Ruf/Kosten/Gefahr im ganzen
     Spiel ausschließlich über var(--green)/var(--cyan)/var(--amber)/var(--red) eingefärbt werden,
     reicht auch hier das zentrale Umdefinieren, um wirklich überall durchzuschlagen. Die dadurch
     verlorene Unterscheidbarkeit von "Gefahr" wird weiter unten gezielt durch Blinken statt Farbe
     ersetzt (siehe dosDangerBlink) -- so bleibt Gefahr weiterhin erkennbar, nur eben strukturell
     statt farblich. */
  --green:#e0893c;
  --cyan:#e0893c;
  --amber:#e0893c;
  --red:#e0893c;
  /* GEÄNDERT (auf Nutzerwunsch: "bei den Aufträgen sind ja auch noch Farben"): --cyan-dim und
     --accent-dim waren beim ersten Umbau übersehen worden, weil sie separate Variablen sind und
     nicht einfach an --cyan/--accent hängen (u.a. der Orbit-Tag-Rahmen in Aufträgen nutzt konkret
     var(--cyan-dim), nicht var(--cyan)). Jetzt ebenfalls auf Amber umgestellt. */
  --cyan-dim:#5c3d1f;
  --accent-dim:#a05a26;
}
/* GEÄNDERT (Fortsetzung): dieselbe Lücke gab es bei etlichen fest verdrahteten Dunkelgrau-Tönen
   (#101010/#0d0d0d/#181818/#232323/#121212 usw.) für Balken-Hintergründe, Sat-Tags, Kunden-Auswahl-
   Felder und die Vorschau-Karte -- die haben nie eine CSS-Variable benutzt und blieben deshalb
   unter dem DOS-Stil grau statt schwarz. Ein Auffang-Selektor auf den Inline-/Klassen-Hintergrund
   wäre hier nicht möglich (das sind echte CSS-Regeln, keine Inline-Styles), deshalb werden die
   betroffenen Selektoren hier gezielt aufgezählt und auf reines Schwarz umgestellt. */
html.ui-theme-dos .tabs,
html.ui-theme-dos .progress-bar,
html.ui-theme-dos .contract .bar,
html.ui-theme-dos .long-contract .bar,
html.ui-theme-dos .long-contract .sat-tag,
html.ui-theme-dos .long-contract select,
html.ui-theme-dos .contract select,
html.ui-theme-dos .contract .orbit-tag,
html.ui-theme-dos .healthbar,
html.ui-theme-dos .hdr{
  background:#000000;
}
html.ui-theme-dos #previewCanvas{
  background:#000000;
}
/* NEU (auf Nutzerwunsch: ASCII-Ersatz für die Orbit-Karte, siehe HTML-Kommentar bei
   #orbitAsciiMap und renderOrbitAsciiMap() im Script): Canvas nur unter dem DOS-Stil ausblenden,
   ASCII-Block stattdessen zeigen -- in jedem anderen Farbschema/Muster bleibt der echte Canvas
   sichtbar, weil das nur eine Frage der Grafikfähigkeit ist, nicht der Farbe. Gilt für BEIDE
   Orbit-Karten (Erde + Kolonie) -- das gemeinsame #orbitAsciiMap-Element deckt beide ab. */
html.ui-theme-dos #orbitEarthMapWrap .map-wrap,
html.ui-theme-dos #orbitColonyMapWrap .map-wrap,
html.ui-theme-dos #view-deepspace .map-wrap,
html.ui-theme-dos #view-galaxy .map-wrap{ display:none; }
/* NEU v4-55 (Nutzer-Wunsch: "Fenster/Panel soll so bleiben wie es ist -- mit 'zentrieren' war
   gemeint, dass die Darstellung sich automatisch einpasst, es ist ja kein echtes DOS"): statt die
   Zentrierung über display:table zu lösen (das nur die Box auf den Inhalt schrumpft, aber bei zu
   schmalem Panel weiterhin zum horizontalen Scrollen zwingt), wird die ASCII-Karte jetzt per JS
   (siehe fitDosAsciiMap()) automatisch so herunterskaliert, dass sie IMMER komplett in ihr Panel
   passt -- die Panel-/Fenstergröße selbst bleibt unangetastet, nur die Text-Darstellung schrumpft
   bei Bedarf (per CSS transform:scale) und wird dabei horizontal zentriert. Kein Scrollbalken
   mehr nötig, kein "alles wird zur Seite geschoben". */
/* NEU v4-58 (Nutzer-Wunsch: "was ist mit dem Fenster selber -- beim Original-Thema ist es ja
   immer gleich wie das Fenster selbst, also links/rechts am Rand, und ändert sich mit der Größe
   des Displays"): der echte Canvas (#orbitCanvas etc.) hatte immer width:100% -- die Box lag also
   randbündig am Panel und passte sich dessen Breite automatisch an. Die ASCII-Box schrumpfte
   bisher dagegen auf ihren tatsächlichen Textinhalt und blieb dadurch (mit teils viel Schwarzraum
   links/rechts) in der Mitte des Panels "schweben", statt wie der Canvas den Rand zu berühren.
   Jetzt bekommt die Box selbst width:100% (also exakt wie der Canvas), der ASCII-Inhalt bleibt per
   text-align:center innerhalb dieser vollen Breite zentriert. fitDosAsciiMap() bleibt trotzdem
   nötig für sehr schmale Panels (Mobilgerät), bei denen selbst das 44 Zeichen breite Ring-Raster
   nicht mehr in die volle Breite passt -- dann greift weiterhin der automatische Downscale. */
.dos-ascii-map-wrap{
  display:none; width:100%; overflow:hidden;
}
html.ui-theme-dos .dos-ascii-map-wrap{ display:block; }
.dos-ascii-map{
  display:block; margin:0; width:100%; box-sizing:border-box; white-space:pre; text-align:center;
  font-family:'Courier New', Consolas, monospace; font-size:11px; line-height:1.4;
  color:var(--text); background:#000000; border:1px solid var(--border); padding:10px;
  transform-origin:top center;
}
/* NEU v4-59 (Galaxie-Hub, DOS-Stil): anders als die übrigen Karten in diesem Abschnitt ist der
   Hub-Canvas die EINZIGE Möglichkeit, die Galaxie zu wechseln -- es gibt (anders als bei
   Stern-/Sprungzielen mit ihren galaxyGrid/andromedaGrid-Kartenlisten) sonst keine Text-
   Alternative dafür. Reines Ausblenden würde also echte Funktionalität kosten, nicht nur Optik.
   Deshalb bekommt der Hub ein eigenes, klickbares Text-Menü (renderDosGalaxyHubMenu()) --
   optisch wie ein klassisches DOS-Auswahlmenü (Zeile pro Eintrag, ">" markiert die aktuelle
   Auswahl), funktional aber ein vollwertiger Ersatz für den Canvas-Klick. */
.dos-galaxy-menu{
  display:none; width:100%; box-sizing:border-box;
  font-family:'Courier New', Consolas, monospace; font-size:11px;
  background:#000000; border:1px solid var(--border); color:var(--text);
}
html.ui-theme-dos .dos-galaxy-menu{ display:block; }
.dos-galaxy-menu .dos-menu-row{
  display:flex; align-items:baseline; gap:10px; padding:6px 10px;
  border-bottom:1px dashed var(--border); cursor:pointer;
}
.dos-galaxy-menu .dos-menu-row:last-child{ border-bottom:none; }
.dos-galaxy-menu .dos-menu-row:hover{ background:rgba(255,150,60,0.12); }
.dos-galaxy-menu .dos-menu-row.sel{ font-weight:700; }
.dos-galaxy-menu .dos-menu-row.locked{ opacity:0.55; }
.dos-galaxy-menu .dos-menu-mark{ flex:0 0 auto; width:1ch; }
.dos-galaxy-menu .dos-menu-label{ flex:1 1 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dos-galaxy-menu .dos-menu-meta{ flex:0 0 auto; opacity:0.75; font-size:10px; }
.dos-galaxy-menu .dos-menu-tag{ flex:0 0 auto; }
/* NEU v4-51 (Nutzer-Feedback "bei mir wird alles zur Seite geschoben"): ein <pre> mit
   white-space:pre und festbreitem Inhalt zwingt einen Flex-/Grid-Container ohne min-width:0 dazu,
   sich am Inhalt aufzublähen statt selbst zu scrollen -- min-width:0 erlaubt dem Panel, schmaler
   als sein Inhalt zu werden, sodass stattdessen das .dos-ascii-map selbst scrollt (overflow-x:auto
   oben). Absicherung fürs ganze Panel, nicht nur für diesen einen Fall. */
.panel{ min-width:0; }
/* NEU (auf Nutzerwunsch: "bei Gefahr müssen wir uns was einfallen lassen, das man das anders
   erkenntlich macht"): da unter dem DOS-Stil keine Farbcodierung mehr existiert, kennzeichnet
   stattdessen ein simples Blinken (wie bei alten Text-Terminal-Warnungen) alles, was vorher rot
   war. Bewusst per Attribut-Selektor auf den Inline-style-String statt einzeln aufgezählter
   Klassen: Gefahr/Fehlschlag/niedrige Werte werden im Code an dutzenden Stellen (Start-Fehlschlag-
   Meldungen, Healthbars, Markteinbruch, Sonnensturm-Warnungen, Kolonie-Ereignisse usw.) als Inline-
   style color/background:var(--red) erzeugt -- ein einziger Auffang-Selektor deckt das automatisch
   überall ab, ohne jede Stelle im Code einzeln anfassen zu müssen. */
html.ui-theme-dos [style*="--red"],
html.ui-theme-dos .btn.danger,
html.ui-theme-dos .stat-line .v.bad,
html.ui-theme-dos .toast.bad{
  animation: dosDangerBlink 1.1s steps(1) infinite;
}
@keyframes dosDangerBlink{ 0%,49%{ opacity:1; } 50%,100%{ opacity:.35; } }
/* Gefahr-Buttons (Zerlegen/Löschen/Verschrotten/Außer-Dienst-Stellen) zusätzlich invertiert, damit
   kritische Aktionen auch ohne Farbe klar als "besonders" hervorstechen. */
html.ui-theme-dos .btn.danger{
  background:var(--text);
  color:#000000;
}
html.ui-theme-dos .btn.danger:hover{ background:#000000; color:var(--text); filter:none; }
html.ui-theme-dos,
html.ui-theme-dos *{
  font-family:'Courier New', Consolas, 'JetBrains Mono', monospace !important;
  border-radius:0 !important;
}
html.ui-theme-dos body{
  background:#000000;
}
html.ui-theme-dos .hdr{
  background:#000000;
  border-bottom:3px double var(--accent);
}
html.ui-theme-dos .tabs{
  background:#000000;
}
html.ui-theme-dos .btn:hover{
  color:var(--accent);
  background:#1a0f05;
}
/* Canvas-/Kartenhintergründe (Vorschau, Orbit-, Sonnensystem-, Galaxie-Karten etc.) sind fest
   verdrahtete dunkle Radial-Verläufe (kein var(--panel)) — unter dem DOS-Stil auf reines Schwarz
   vereinfacht, damit auch diese großen Flächen zum einheitlichen Schwarz/Orange-Look passen. */
html.ui-theme-dos #previewCanvas,
html.ui-theme-dos #orbitCanvas,
html.ui-theme-dos #solarMapCanvas,
html.ui-theme-dos #galaxyMapCanvas,
html.ui-theme-dos #andromedaMapCanvas,
html.ui-theme-dos #galaxyHubCanvas{
  background:#000000;
}
html.ui-theme-dos .logo{
  font-family:'Courier New', Consolas, 'JetBrains Mono', monospace;
  letter-spacing:3px;
}
html.ui-theme-dos .logo::after{
  content:'_'; margin-left:2px; color:var(--accent);
  animation: dosCursorBlink 1s steps(1) infinite;
}
@keyframes dosCursorBlink{ 0%,50%{ opacity:1; } 50.01%,100%{ opacity:0; } }
html.ui-theme-dos .hud-item{
  border-left:1px dashed var(--border-lit);
}
html.ui-theme-dos .hud-item .val{ font-family:inherit; }
html.ui-theme-dos .tabs{
  border-bottom:3px double var(--border-lit);
}
html.ui-theme-dos .tab.active{
  border-bottom:2px solid var(--accent);
}
/* Panels & Modals: doppelte Blockgrafik-Umrandung (╔═╗║╚╝), Überschrift als "eingelassenes"
   Namensschild oben auf dem Rahmen, wie ein betiteltes DOS-Fenster. */
html.ui-theme-dos .panel{
  background:var(--panel);
  border-image-source:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'><text%20x='2'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9556;</text><text%20x='42'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9559;</text><text%20x='2'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9562;</text><text%20x='42'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9565;</text><text%20x='16'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='28'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='16'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='28'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='2'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text><text%20x='2'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text><text%20x='42'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text><text%20x='42'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text></svg>");
  border-image-slice:16 fill;
  border-image-width:16px;
  border-image-repeat:round;
  border-style:solid;
  padding:22px 14px 14px;
  position:relative;
}
html.ui-theme-dos .panel h3{
  position:absolute; top:-11px; left:12px;
  background:var(--panel); padding:0 8px; margin:0;
  font-family:inherit;
}
html.ui-theme-dos .panel h3::before{ display:none; }
html.ui-theme-dos .modal{
  background:var(--panel);
  border-image-source:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'><text%20x='2'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9556;</text><text%20x='42'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9559;</text><text%20x='2'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9562;</text><text%20x='42'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9565;</text><text%20x='16'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='28'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='16'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='28'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9552;</text><text%20x='2'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text><text%20x='2'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text><text%20x='42'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text><text%20x='42'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23ff6a2b'>&#9553;</text></svg>");
  border-image-slice:16 fill;
  border-image-width:16px;
  border-image-repeat:round;
  border-style:solid;
}
html.ui-theme-dos .modal .mhead{
  font-family:inherit; text-transform:uppercase; letter-spacing:2px;
  border-bottom:3px double var(--border-lit);
}
/* Buttons, Mengen-Stepper, Chips, Untertabs: einfache Blockgrafik-Umrandung (┌─┐│└┘) — die
   dünnere/einfache Linie statt der doppelten grenzt sie optisch bewusst von den "Fenstern"
   (.panel/.modal) ab, genau wie in klassischen Turbo-Vision-Oberflächen (Fenster doppelt,
   Bedienelemente einfach umrandet). */
html.ui-theme-dos .btn{
  border-image-source:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'><text%20x='2'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9484;</text><text%20x='42'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9488;</text><text%20x='2'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9492;</text><text%20x='42'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9496;</text><text%20x='16'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='28'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='16'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='28'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='2'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text><text%20x='2'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text><text%20x='42'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text><text%20x='42'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text></svg>");
  border-image-slice:16 fill;
  border-image-width:16px;
  border-image-repeat:round;
  border-style:solid;
  text-transform:uppercase; letter-spacing:.5px;
}
html.ui-theme-dos .btn.primary{
  border-image-source:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'><text%20x='2'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9484;</text><text%20x='42'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9488;</text><text%20x='2'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9492;</text><text%20x='42'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9496;</text><text%20x='16'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9472;</text><text%20x='28'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9472;</text><text%20x='16'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9472;</text><text%20x='28'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9472;</text><text%20x='2'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9474;</text><text%20x='2'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9474;</text><text%20x='42'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9474;</text><text%20x='42'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23ff8a4d'>&#9474;</text></svg>");
  background:var(--panel2);
  color:var(--accent);
}
html.ui-theme-dos .btn.primary:hover{ filter:none; background:#222222; }
html.ui-theme-dos .qty-stepper,
html.ui-theme-dos .chip,
html.ui-theme-dos .dest-group,
html.ui-theme-dos .speed-ctrl{
  border-image-source:url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='60'><text%20x='2'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9484;</text><text%20x='42'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9488;</text><text%20x='2'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9492;</text><text%20x='42'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9496;</text><text%20x='16'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='28'%20y='16'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='16'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='28'%20y='58'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9472;</text><text%20x='2'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text><text%20x='2'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text><text%20x='42'%20y='30'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text><text%20x='42'%20y='44'%20font-family='monospace'%20font-size='16'%20fill='%23cc7a3a'>&#9474;</text></svg>");
  border-image-slice:16 fill;
  border-image-width:16px;
  border-image-repeat:round;
  border-style:solid;
}
html.ui-theme-dos .qty-stepper input,
html.ui-theme-dos select,
html.ui-theme-dos input[type="text"],
html.ui-theme-dos input[type="number"]{
  font-family:inherit;
}

/* NEU (TODO-ERFOLGE-STUFEN): Standard-Aufklapp-Dreieck von <summary> ausblenden -- die
   Erfolge-Gruppenkarten (renderAchievements) haben ihr eigenes Layout, siehe .ach-group-card. */
.ach-group-card > summary { list-style:none; }
.ach-group-card > summary::-webkit-details-marker { display:none; }
.ach-group-card > summary::marker { content:''; }
</style>
</head>
<body>

<!-- NEU (TODO-UI-THEMES): unsichtbare SVG-Filterdefinitionen fürs Darstellungs-Test-Feature (siehe
     CSS-Kommentar bei #crtOverlay und applyUITheme() im Script). Zwei Filter: #cgaPosterizeFilter
     reduziert jeden Farbkanal auf wenige diskrete Stufen (klassischer 80er-Home-Computer-"Wenig-
     Farben"-Look), #crtBarrelFilter verschiebt Pixel per feTurbulence+feDisplacementMap leicht
     wellenförmig — kein exakt berechnetes Objektiv-Barrel, aber ein sehr ähnlich wirkendes,
     sanftes analoges Bild-Wabern alter Röhrenmonitore. Beide werden nur bei aktivierter
     Farbschema-/Muster-Wahl per body.style.filter referenziert, sonst nirgends wirksam. -->
<svg width="0" height="0" style="position:absolute; overflow:hidden;" aria-hidden="true">
  <defs>
    <filter id="cgaPosterizeFilter" color-interpolation-filters="sRGB">
      <feComponentTransfer>
        <feFuncR type="discrete" tableValues="0 0.25 0.5 0.75 1"></feFuncR>
        <feFuncG type="discrete" tableValues="0 0.25 0.5 0.75 1"></feFuncG>
        <feFuncB type="discrete" tableValues="0 0.25 0.5 0.75 1"></feFuncB>
      </feComponentTransfer>
    </filter>
    <!-- NEU (v4-30, TODO-UI-THEMES): zwei weitere Posterize-Stufen neben der bestehenden
         (5 Werte je Kanal). "Hart" mit nur 3 diskreten Stufen je Kanal (0/0.5/1) simuliert die noch
         gröbere 4-Farben-Optik uralter CGA-Modi. "Weich" mit 7 Stufen wirkt näher an EGA/16-Farben-
         Home-Computern — deutlich mehr Farbnuancen als die bestehende Variante, aber immer noch
         sichtbar gestuft statt eines glatten Verlaufs. -->
    <filter id="cgaPosterizeFilterHard" color-interpolation-filters="sRGB">
      <feComponentTransfer>
        <feFuncR type="discrete" tableValues="0 0.5 1"></feFuncR>
        <feFuncG type="discrete" tableValues="0 0.5 1"></feFuncG>
        <feFuncB type="discrete" tableValues="0 0.5 1"></feFuncB>
      </feComponentTransfer>
    </filter>
    <filter id="cgaPosterizeFilterSoft" color-interpolation-filters="sRGB">
      <feComponentTransfer>
        <feFuncR type="discrete" tableValues="0 0.166 0.333 0.5 0.666 0.833 1"></feFuncR>
        <feFuncG type="discrete" tableValues="0 0.166 0.333 0.5 0.666 0.833 1"></feFuncG>
        <feFuncB type="discrete" tableValues="0 0.166 0.333 0.5 0.666 0.833 1"></feFuncB>
      </feComponentTransfer>
    </filter>
    <filter id="crtBarrelFilter" x="-15%" y="-15%" width="130%" height="130%">
      <feTurbulence type="fractalNoise" baseFrequency="0.0009 0.003" numOctaves="1" seed="7" result="crtWarpNoise"></feTurbulence>
      <feDisplacementMap in="SourceGraphic" in2="crtWarpNoise" scale="7" xChannelSelector="R" yChannelSelector="G"></feDisplacementMap>
    </filter>
  </defs>
</svg>

<div id="splashScreen" class="fullscreen-overlay splash crt-boot">
  <!-- NEU (TODO-BOOT-ANIMATION, auf Nutzerwunsch: "eine Animation bei Start des Spiels [...] wie
       ein alter Computer der Monitor angeht, mit Filter und so"): rein CSS-getriebene, einmalige
       Röhrenmonitor-Einschalt-Sequenz, die NUR beim allerersten Laden über dem Splash-Screen
       läuft (der wird nie erneut gezeigt, siehe init()) — kein Skript-Timing nötig, alles über
       CSS-Animation-Delays sequenziert: kurz schwarz (Röhre "kalt") → statisches Rauschen
       (wiederverwendete SVG-Fraktalrauschen-Textur aus .crt-layer-noise) → heller horizontaler
       Strich schnappt in die Mitte → Strich klappt mit leichtem Überschwingen zur vollen Höhe auf
       → kurzes Aufblitzen/Flackern, während Logo+Menü darunter einblenden. -->
  <div id="crtBootOverlay" aria-hidden="true">
    <div class="crt-boot-line"></div>
  </div>
  <canvas class="warp-canvas" id="warpSplash"></canvas>
  <div class="splash-inner">
    <img src="art/bilder/logo.png" alt="Deep Anchor" class="splash-logo"
         onerror="this.style.display='none'; document.getElementById('splashLogoFallback').style.display='block';">
    <div id="splashLogoFallback" class="logo-fallback" style="display:none;">DEEP <span class="dot">ANCHOR</span></div>
    <div class="splash-hint">Klicken zum Fortfahren</div>
  </div>
</div>

<div id="startScreen" class="fullscreen-overlay start" style="display:none;">
  <canvas class="warp-canvas" id="warpStart"></canvas>
  <div class="start-inner">
    <img src="art/bilder/logo.png" alt="Deep Anchor" class="start-logo"
         onerror="this.style.display='none'; document.getElementById('startLogoFallback').style.display='block';">
    <div id="startLogoFallback" class="logo-fallback" style="display:none;">DEEP <span class="dot">ANCHOR</span></div>
    <div class="start-menu">
      <!-- NEU (TODO-ACCOUNT-BUTTON): lokale Mehrprofil-Verwaltung, angelehnt an das Profil-System
           aus AETHERIS — jedes Profil hat einen eigenen, unabhängigen Spielstand (eigener
           Storage-Key, siehe saveKeyForProfile()). Kein echtes Server-Login (kein Passwort, keine
           Cloud) — rein lokale Trennung mehrerer Spielstände im selben Browser/derselben
           Artifact-Storage, z.B. für mehrere Testläufe oder mehrere Spieler am selben Gerät. Das
           Hauptprofil nutzt bewusst weiter den unveränderten AUTOSAVE_KEY -> bestehende
           Spielstände bleiben garantiert erhalten, keine Migration nötig.
           Statt wie bisher (v3.9-fix33) den kompletten Profil-Bereich immer sichtbar auf dem
           Startbildschirm zu zeigen, gibt's jetzt (wie in AETHERIS' profileManageBtn) nur noch
           einen kompakten "Profil: <Name>"-Button; die eigentliche Verwaltung (Dropdown +
           Neues Profil / Löschen / Sammel-Backup) wandert in ein eigenes Modal (profileManageModal),
           das per Klick geöffnet wird. Die darin enthaltenen Elemente (profileSelect,
           btnNewProfile, btnDeleteProfile, btnAccountBackup) behalten exakt ihre bisherigen IDs
           bei -> initProfileSystem() in JS bleibt unverändert funktionsfähig, nur die Anzeige
           des aktiven Profilnamens im Button ist neu (siehe renderProfilePicker()). -->
      <button class="btn ghost" id="profileManageBtn" style="justify-content:center;">Firma verwalten</button>
      <button class="btn primary" id="btnNewGame" style="justify-content:center;">Neues Spiel</button>
      <button class="btn" id="btnContinueGame" style="justify-content:center;">Fortsetzen</button>
      <!-- NEU (TODO-PATCH-NOTES): kompakter Button zeigt die aktuelle Versionsnummer (GAME_VERSION,
           per JS in #patchNotesVersionLabel eingesetzt) + Hinweis "Patch Notes", oeffnet das
           patchNotesModal mit handgepflegten Kurz-Zusammenfassungen (PATCH_NOTES-Konstante,
           GETRENNT vom ausfuehrlichen CHANGELOG-Kommentarblock am Dateianfang). -->
      <button class="btn ghost" id="btnPatchNotes" style="justify-content:center; font-size:10.5px; padding:8px 10px; opacity:.75;"><span id="patchNotesVersionLabel"></span> · Patch Notes</button>
    </div>
    <input type="file" id="fileInputStart" class="file-inp" accept="application/json">
  </div>
</div>

<!-- Profil-Modals bewusst AUSSERHALB von #gameRoot platziert (das hat bis zum Spielstart
     display:none, würde die Modals also unnutzbar machen, da display:none-Vorfahren auch
     .active-Kindelemente verstecken) — siehe TODO-ACCOUNT-SYSTEM.
     NEU (TODO-ACCOUNT-BUTTON): profileManageModal ist der eigentliche Verwaltungs-Dialog, der
     sich hinter dem neuen "Profil: <Name>"-Button öffnet (angelehnt an AETHERIS'
     profileManageModalOverlay) — enthält Dropdown + Neues-Profil/Löschen/Sammel-Backup-Buttons,
     die vorher direkt und dauerhaft sichtbar im Startbildschirm standen. -->
<div class="modal-bg" id="profileManageModal">
  <div class="modal" style="max-width:400px;">
    <div class="mhead"><span>Firma verwalten</span><button class="btn small ghost" id="closeProfileManageModal">✕</button></div>
    <div class="mbody">
      <label for="profileSelect" style="font-size:9px; letter-spacing:1px; text-transform:uppercase; color:var(--muted); display:block; margin-bottom:4px;">Firma</label>
      <select id="profileSelect" style="width:100%; box-sizing:border-box; background:var(--bg); border:1px solid var(--border); color:var(--text); border-radius:6px; padding:8px 10px; font:inherit;"></select>
      <div style="display:flex; gap:8px; margin-top:8px;">
        <button class="btn small ghost" id="btnNewProfile" style="flex:1; justify-content:center;">+ Neue Firma</button>
        <button class="btn small ghost danger" id="btnDeleteProfile" style="flex:1; justify-content:center; display:none;">Firma löschen</button>
      </div>
      <button class="btn small ghost" id="btnAccountBackup" style="width:100%; justify-content:center; margin-top:8px;">⚙ Alle Firmen sichern / übertragen</button>
      <div class="small-muted" style="text-align:left; margin-top:14px; padding-top:12px; border-top:1px solid var(--border); line-height:1.4;">Einzelne, klassisch exportierte Spielstand-Datei direkt laden (kein Firmen-Bezug, startet sofort):</div>
      <button class="btn small ghost" id="btnImportFromStart" style="width:100%; justify-content:center; margin-top:6px;">📂 Spielstand importieren</button>
    </div>
  </div>
</div>

<!-- NEU (TODO-PATCH-NOTES): Patch-Notes-Modal, ebenfalls AUSSERHALB von #gameRoot (wie
     profileManageModal & Co.) platziert, damit es bereits auf dem Startbildschirm (display:none
     an #gameRoot) nutzbar ist. Inhalt (#patchNotesList) wird per renderPatchNotes() aus der
     PATCH_NOTES-Konstante gefuellt, neueste Version zuerst. -->
<div class="modal-bg" id="patchNotesModal">
  <div class="modal" style="max-width:520px;">
    <div class="mhead"><span>Patch Notes</span><button class="btn small ghost" id="closePatchNotesModal">✕</button></div>
    <div class="mbody" id="patchNotesList" style="display:flex; flex-direction:column; gap:14px;"></div>
  </div>
</div>

<!-- NEU (TODO-OFFLINE-PROGRESS): Zusammenfassungs-Modal "Während du weg warst" — ebenfalls
     AUSSERHALB von #gameRoot platziert (siehe patchNotesModal-Kommentar), wird aber erst NACH
     showGameRoot() geöffnet (siehe startContinueGame()), daher spielt die Platzierung hier
     eigentlich keine Rolle, hält aber die Modal-Struktur konsistent. Inhalt (#offlineReportBody)
     wird per renderOfflineReport() aus dem Rückgabewert von computeAndApplyOfflineProgress()
     gefuellt. -->
<div class="modal-bg" id="offlineReportModal">
  <div class="modal" style="max-width:440px;">
    <div class="mhead"><span>🕒 Während du weg warst</span><button class="btn small ghost" id="closeOfflineReportModal">✕</button></div>
    <div class="mbody">
      <div id="offlineReportBody" style="display:flex; flex-direction:column; gap:0;"></div>
      <button class="btn" id="btnOfflineReportOk" style="width:100%; justify-content:center; margin-top:14px;">Weiter</button>
    </div>
  </div>
</div>

<!-- NEU (TODO-TUTORIAL): kurze Einführungs-Tour, mehrere Schritte in EINEM Modal (Inhalt wird
     per renderTutorialStep() ausgetauscht statt mehrere Modals zu verwenden — schlanker Ansatz,
     TUTORIAL_STEPS-Konstante + tutorialStepIndex). Wird automatisch NUR bei der allerersten
     Firmengründung geöffnet (siehe createNewProfile(), Modus 'found') sowie jederzeit über
     "Einführungs-Tour erneut ansehen" im Einstellungen-Modal (btnTutorialReplay). Ebenfalls
     AUSSERHALB von #gameRoot platziert, aus denselben Gründen wie die Modals oben. -->
<div class="modal-bg" id="tutorialModal">
  <div class="modal" style="max-width:480px;">
    <div class="mhead"><span id="tutorialHeading">Willkommen</span><button class="btn small ghost" id="closeTutorialModal">✕</button></div>
    <div class="mbody">
      <div id="tutorialBody" style="font-size:12px; line-height:1.65; min-height:90px;"></div>
      <div id="tutorialDots" style="display:flex; gap:6px; justify-content:center; margin-top:16px;"></div>
      <div style="display:flex; gap:8px; margin-top:14px;">
        <button class="btn small ghost" id="btnTutorialBack" style="flex:1; justify-content:center;">Zurück</button>
        <button class="btn small ghost" id="btnTutorialSkip" style="flex:1; justify-content:center;">Überspringen</button>
        <button class="btn" id="btnTutorialNext" style="flex:1; justify-content:center;">Weiter</button>
      </div>
    </div>
  </div>
</div>

<div class="modal-bg" id="newProfileModal">
  <div class="modal" style="max-width:400px;">
    <div class="mhead"><span id="newProfileModalTitle">Neue Firma anlegen</span><button class="btn small ghost" id="closeNewProfileModal">✕</button></div>
    <div class="mbody">
      <div class="small-muted" id="newProfileModalDesc" style="line-height:1.5; margin-bottom:8px;">Name für die neue Firma — bekommt einen eigenen, komplett unabhängigen Spielstand.</div>
      <input type="text" id="newProfileNameInput" maxlength="40" placeholder="z. B. Firma 2" style="width:100%; box-sizing:border-box; background:var(--bg); border:1px solid var(--border); color:var(--text); border-radius:6px; padding:8px 10px; font:inherit;">
      <!-- NEU (TODO-SCHWIERIGKEITSGRAD): nur im Gründungs-Modus ('found') sichtbar — bei "+ Neue
           Firma" (Modus 'create') aus der Verwaltung wird noch kein Spiel gestartet, die
           Schwierigkeit wird dort erst später beim tatsächlichen "Neues Spiel"-Klick über
           newGameDifficultyModal abgefragt. -->
      <div id="newProfileDifficultyWrap" style="margin-top:14px; display:none;">
        <label for="newProfileDifficultySelect" class="small-muted" style="display:block; margin-bottom:6px;">Schwierigkeitsgrad</label>
        <select id="newProfileDifficultySelect" style="width:100%; box-sizing:border-box; background:var(--bg); border:1px solid var(--border); color:var(--text); border-radius:6px; padding:8px 10px; font:inherit;"></select>
        <div class="small-muted" id="newProfileDifficultyDesc" style="line-height:1.4; margin-top:6px;"></div>
      </div>
      <div style="display:flex; gap:8px; margin-top:16px;">
        <button class="btn" id="newProfileCancelBtn" style="flex:1; justify-content:center;">Abbrechen</button>
        <button class="btn primary" id="newProfileCreateBtn" style="flex:1; justify-content:center;">Erstellen</button>
      </div>
    </div>
  </div>
</div>

<!-- NEU (TODO-SCHWIERIGKEITSGRAD): eigenständiges Modal für den Fall, dass "Neues Spiel" für eine
     bereits existierende Firma erneut gestartet wird (kein Namensfeld nötig, nur die
     Schwierigkeit) — siehe btnNewGame-Handler in init(). -->
<div class="modal-bg" id="newGameDifficultyModal">
  <div class="modal" style="max-width:400px;">
    <div class="mhead"><span>Neues Spiel — Schwierigkeit</span><button class="btn small ghost" id="closeNewGameDifficultyModal">✕</button></div>
    <div class="mbody">
      <div class="small-muted" style="line-height:1.5; margin-bottom:8px;">Schwierigkeitsgrad für diesen neuen Durchlauf. Der bisherige Spielstand dieser Firma wird dabei überschrieben.</div>
      <select id="newGameDifficultySelect" style="width:100%; box-sizing:border-box; background:var(--bg); border:1px solid var(--border); color:var(--text); border-radius:6px; padding:8px 10px; font:inherit;"></select>
      <div class="small-muted" id="newGameDifficultyDesc" style="line-height:1.4; margin-top:6px;"></div>
      <div style="display:flex; gap:8px; margin-top:16px;">
        <button class="btn" id="newGameDifficultyCancelBtn" style="flex:1; justify-content:center;">Abbrechen</button>
        <button class="btn primary" id="newGameDifficultyStartBtn" style="flex:1; justify-content:center;">Spiel starten</button>
      </div>
    </div>
  </div>
</div>

<div class="modal-bg" id="deleteProfileModal">
  <div class="modal" style="max-width:400px;">
    <div class="mhead"><span>Firma löschen</span><button class="btn small ghost" id="closeDeleteProfileModal">✕</button></div>
    <div class="mbody">
      <div class="small-muted" id="deleteProfileText" style="line-height:1.5;"></div>
      <div style="display:flex; gap:8px; margin-top:16px;">
        <button class="btn" id="deleteProfileCancelBtn" style="flex:1; justify-content:center;">Abbrechen</button>
        <button class="btn danger" id="deleteProfileConfirmBtn" style="flex:1; justify-content:center;">Unwiderruflich löschen</button>
      </div>
    </div>
  </div>
</div>

<!-- NEU (TODO-ACCOUNT-BACKUP): Sammel-Export/-Import ALLER Firmen auf einmal, angelehnt an
     AETHERIS' "Alle Profile sichern/übertragen" — bündelt Firmenliste + Spielstand jeder
     Firma in eine einzige Datei, praktisch zum gesammelten Übertragen auf ein anderes
     Gerät/einen anderen Browser statt jede Firma einzeln zu exportieren. Ebenfalls
     AUSSERHALB von #gameRoot, aus demselben Grund wie die beiden Modals oben. -->
<div class="modal-bg" id="accountBackupModal">
  <div class="modal" style="max-width:460px;">
    <div class="mhead"><span>⚙ Alle Firmen sichern / übertragen</span><button class="btn small ghost" id="closeAccountBackupModal">✕</button></div>
    <div class="mbody">
      <div class="small-muted" style="line-height:1.5; margin-bottom:12px;">Exportiert ALLE Firmen dieses Browsers auf einmal in eine einzige Datei — praktisch, um mehrere Firmen gesammelt auf ein anderes Gerät/einen anderen Browser zu übertragen, statt jede einzeln. Beim Import werden Firmen mit gleicher ID überschrieben (inkl. Spielstand); alle anderen hier bereits vorhandenen Firmen bleiben unangetastet erhalten.</div>
      <div class="small-muted" id="accountBackupInfo" style="margin-bottom:12px;"></div>
      <button class="btn primary" id="exportAllProfilesBtn" style="width:100%; justify-content:center; margin-bottom:8px;">💾 Alle Firmen exportieren</button>
      <button class="btn" id="importAllProfilesBtn" style="width:100%; justify-content:center;">📂 Sammel-Datei importieren</button>
      <input type="file" id="importAllProfilesFile" accept="application/json" style="display:none;">
      <div id="importAllProfilesPreview" style="display:none; margin-top:12px; padding:10px; background:var(--bg); border:1px solid var(--border); border-radius:6px;">
        <div class="small-muted" id="importAllProfilesPreviewText" style="line-height:1.5; margin-bottom:10px;"></div>
        <div style="display:flex; gap:8px;">
          <button class="btn" id="importAllProfilesCancelBtn" style="flex:1; justify-content:center;">Abbrechen</button>
          <button class="btn danger" id="importAllProfilesConfirmBtn" style="flex:1; justify-content:center;">Importieren</button>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- NEU (TODO-DOS-BOOTSTREAM): siehe CSS-Kommentar weiter oben. Wird von showGameRoot() ein-/ausgeblendet. -->
<div id="dosBootOverlay" aria-hidden="true">
  <div class="dos-boot-inner">
    <!-- NEU (TODO-BOOT-BANNER-MOBILE): zwei pre-Elemente statt eines -- welches sichtbar ist,
         entscheidet ALLEIN die CSS-Media-Query (dos-boot-banner-wide/-stacked weiter oben), nicht
         mehr eine einmalige JS-Breitenprüfung beim Sequenzstart. Robuster bei z.B. Zoom, DevTools-
         Emulation oder Umgebungen, in denen window.innerWidth vom tatsächlichen CSS-Viewport
         abweicht. Beide werden von playDosBootSequence() befüllt, nur eines ist je nach Breite
         sichtbar. -->
    <pre class="dos-boot-banner dos-boot-banner-wide" id="dosBootBanner"></pre>
    <pre class="dos-boot-banner dos-boot-banner-stacked" id="dosBootBannerStacked"></pre>
    <pre class="dos-boot-text" id="dosBootText"></pre>
  </div>
  <div class="dos-boot-skip">Klicken zum Überspringen</div>
</div>

<div id="gameRoot" style="display:none;">
<div class="hdr">
<div class="hdr-inner">
  <div class="hud">
    <div class="hud-item"><span class="lbl">Datum</span><span class="val" id="hudDate">1. Jan 2026</span></div>
    <div class="hud-item"><span class="lbl">Firmenzeit</span><span class="val" id="hudDay">Tag 1</span></div>
    <div class="hud-item"><span class="lbl">Guthaben</span><span class="val money" id="hudMoney">€0</span></div>
    <div class="hud-item"><span class="lbl">Reputation</span><span class="val rep" id="hudRep">0</span></div>
    <div class="hud-item"><span class="lbl">Forschungspunkte</span><span class="val" id="hudScience" style="color:#c17bff;">0</span></div>
    <div class="hud-item"><span class="lbl">Einnahmen/Tag</span><span class="val good" id="hudIncome">€0</span></div>
    <!-- NEU (TODO-ZUFALLSEREIGNISSE): nur sichtbar (display gesetzt in renderHud()), solange
         state.marketEvent aktiv ist — zeigt Boom/Einbruch inkl. Resttage direkt im Header,
         da es das laufende Vertragseinkommen betrifft. -->
    <div class="hud-item" id="hudMarketEventWrap" style="display:none;"><span class="lbl">Markt</span><span class="val" id="hudMarketEvent">–</span></div>
    <!-- NEU (TODO-SONNENZYKLUS): immer sichtbar (im Gegensatz zu hudMarketEventWrap), da der
         Sonnenzyklus permanent läuft und nicht nur bei einem befristeten Effekt — zeigt die
         aktuelle Phase, damit man sich auf ein nahendes Maximum einstellen kann. -->
    <div class="hud-item" id="hudSolarWrap"><span class="lbl">Sonnenaktivität</span><span class="val" id="hudSolarActivity">–</span></div>
  </div>
  <div class="speed-ctrl" id="speedCtrl" role="group" aria-label="Pause &amp; Geschwindigkeit">
    <button class="speed-btn" id="btnPause" title="Pause"><svg class="pausei" viewBox="0 0 24 24"><rect x="6" y="5" width="4" height="14" rx="1"/><rect x="14" y="5" width="4" height="14" rx="1"/></svg></button>
    <button class="speed-btn active" data-speed="1" title="1× Geschwindigkeit"><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg></button>
    <button class="speed-btn" data-speed="2" title="2× Geschwindigkeit"><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg></button>
    <button class="speed-btn" data-speed="3" title="3× Geschwindigkeit"><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg></button>
    <button class="speed-btn" data-speed="4" title="4× Geschwindigkeit"><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg><svg class="tri" viewBox="0 0 24 24"><polygon points="6,4 20,12 6,20"/></svg></button>
  </div>
  <button class="btn" id="btnSettings" title="Einstellungen">Einstellungen</button>
  <input type="file" id="fileInput" class="file-inp" accept="application/json">
</div>
</div>

<div class="tabs">
<div class="tabs-inner">
  <div class="tab active" data-view="build">Fabrik</div>
  <div class="tab" data-view="werft">Orbitalwerft</div>
  <div class="tab" data-view="creator">Blaupausen-Kreator</div>
  <div class="tab" data-view="orbit">Orbit-Netzwerk</div>
  <div class="tab" data-view="langzeit">Verträge &amp; Netzwerk</div>
  <div class="tab" data-view="research">Forschung</div>
  <div class="tab" data-view="deepspace">Sonnensystem</div>
  <div class="tab" data-view="galaxy">Galaxie</div>
  <div class="tab" data-view="kolonien">Kolonien</div>
  <div class="tab" data-view="stats">Statistiken</div>
  <div class="tab" data-view="achievements">Erfolge</div>
  <div class="tab" data-view="logbuch">Logbuch</div>
</div>
</div>

<div class="layout">
  <div class="main-col">

    <!-- BUILD VIEW -->
    <div class="view active" id="view-build">
      <div class="build-grid">
        <div class="panel">
          <h3>Chassis wählen</h3>
          <div class="chip-row" id="chassisChips"></div>

          <h3 style="margin-top:16px;">Module hinzufügen</h3>
          <div class="subtabs" id="modSubtabs"></div>
          <div class="mod-list" id="modList"></div>
        </div>

        <div class="panel">
          <h3>Konfiguration</h3>
          <div class="edit-banner" id="editBanner">
            <span class="txt" id="editBannerText"></span>
            <button class="btn small ghost" id="btnCancelEdit">✕ Abbrechen</button>
          </div>
          <div class="selected-mods" id="selectedMods"></div>
          <div style="margin-top:10px;">
            <div class="stat-line"><span class="k">Masse</span><span class="v" id="statMass">0 kg</span></div>
            <div class="stat-line"><span class="k">Slots</span><span class="v" id="statSlots">0 / 0</span></div>
            <div class="stat-line"><span class="k">Energie-Bilanz</span><span class="v" id="statPower">0</span></div>
            <div class="stat-line"><span class="k">Bandbreite</span><span class="v" id="statBw">0</span></div>
            <div class="stat-line"><span class="k">Treibstoffreserve</span><span class="v" id="statDv">0</span></div>
            <div class="stat-line"><span class="k">Bauzeit</span><span class="v" id="statTime">0 Tage</span></div>
            <div class="stat-line"><span class="k">Gesamtkosten</span><span class="v" id="statCost">€0</span></div>
          </div>
          <div class="qty-row" id="qtyRow">
            <span class="qty-label">Stückzahl</span>
            <div class="qty-stepper">
              <button type="button" id="qtyMinus">−</button>
              <input type="number" id="qtyInput" value="1" min="1" max="999" inputmode="numeric">
              <button type="button" id="qtyPlus">+</button>
            </div>
          </div>
          <button class="btn primary" id="btnBuild" style="width:100%; margin-top:10px; justify-content:center;">Satellit bauen</button>
          <button class="btn small ghost" id="btnSaveBlueprint" style="width:100%; margin-top:8px; justify-content:center;">Als Bauplan speichern</button>
        </div>

        <div class="panel">
          <h3>Vorschau</h3>
          <canvas id="previewCanvas"></canvas>
          <div class="small-muted" id="previewName" style="margin-top:8px; text-align:center;">— kein Chassis gewählt —</div>
        </div>
      </div>

      <div class="panel" style="margin-top:14px;">
        <h3>In Fertigung <span class="small-muted" id="queueCapLabel" style="font-weight:400; font-size:11px;"></span></h3>
        <div id="constructionList"></div>
        <div class="empty-hint" id="constructionEmpty">Nichts in Fertigung.</div>
      </div>

      <div class="panel" style="margin-top:14px;">
        <h3>Hangar (bereit zum Start) <span class="small-muted" id="hangarSelectAllRow" style="font-weight:400; font-size:11px;"></span></h3>
        <div id="hangarStackBar"></div>
        <div class="hangar-list" id="hangarList"></div>
        <div class="empty-hint" id="hangarEmpty">Noch keine Satelliten gebaut.</div>
      </div>

      <div class="panel" style="margin-top:14px;">
        <h3>Baupläne</h3>
        <div class="empty-hint" id="blueprintLockHint" style="display:none;">🔒 Speichern und Laden von Bauplänen sind erst mit der Forschung „Blaupausen-Designsystem" nutzbar. Bereits gespeicherte Baupläne bleiben erhalten und erscheinen wieder, sobald erforscht.</div>
        <div class="small-muted" style="margin-bottom:10px;">Gespeicherte Konfigurationen — „Laden" übernimmt Chassis und Module direkt ins Konfigurationspanel oben, danach wie gewohnt (auch mit Stückzahl-Stepper) bauen.</div>
        <div class="hangar-list" id="blueprintList"></div>
        <div class="empty-hint" id="blueprintEmpty">Noch keine Baupläne gespeichert. Konfiguriere oben einen Satelliten und klicke „Als Bauplan speichern".</div>
      </div>
    </div>

    <!-- WERFT VIEW -->
    <div class="view" id="view-werft">
      <div class="panel">
        <h3>Modul-Fabrik</h3>
        <div class="small-muted" style="margin-bottom:10px;">Einzelne Module werden hier separat gebaut und per eigenem Raketenstart zur Orbitalwerft gebracht — statt eines kompletten Schiffs auf einmal. Angekommene Module sammeln sich im Orbit-Lager und warten dort auf die Montage zu einem fertigen Schiff.</div>
        <div class="qty-row" id="moduleQtyRow">
          <span class="qty-label">Stückzahl (pro Klick auf ein Modul)</span>
          <div class="qty-stepper">
            <button type="button" id="moduleQtyMinus">−</button>
            <input type="number" id="moduleQtyInput" value="1" min="1" max="999" inputmode="numeric">
            <button type="button" id="moduleQtyPlus">+</button>
          </div>
        </div>
        <div class="subtabs" id="moduleFactorySubtabs"></div>
        <div class="mod-list" id="moduleFactoryList"></div>
      </div>
      <div class="panel">
        <h3>Modul-Fertigung <span class="small-muted" id="moduleQueueCapLabel" style="font-weight:400; font-size:11px;"></span></h3>
        <div id="moduleQueueList"></div>
        <div class="empty-hint" id="moduleQueueEmpty">Keine Module in Fertigung.</div>
      </div>
      <div class="panel">
        <h3>Modul-Hangar</h3>
        <div class="small-muted" style="margin-bottom:10px;">Fertig gebaute Module, bereit für den Start zur Orbitalwerft. Mehrere Module lassen sich per Checkbox auswählen und in einem gemeinsamen Raketenstart hochbringen.</div>
        <div class="hangar-list" id="moduleHangarList"></div>
        <div class="empty-hint" id="moduleHangarEmpty">Keine fertigen Module im Hangar.</div>
        <div id="moduleStackBar"></div>
        <div id="moduleLaunchQueueList"></div>
      </div>
      <div class="panel">
        <h3>Orbit-Lager</h3>
        <div class="small-muted" style="margin-bottom:10px;">Im Orbit angekommene Module, die auf die Montage zu einem Schiff warten.</div>
        <div class="hangar-list" id="orbitModulePoolList"></div>
        <div class="empty-hint" id="orbitModulePoolEmpty">Noch keine Module im Orbit-Lager.</div>
      </div>
      <div class="panel">
        <h3>Schiffsmontage</h3>
        <div class="small-muted" style="margin-bottom:10px;">Chassis wählen und Module aus dem Orbit-Lager zu einem fertigen Schiff zusammensetzen — je Modultyp eine Zeile mit Verfügbarkeits-Anzahl und −/+ -Steller. Das Chassis selbst wird bei der Montage direkt vor Ort bezahlt und bereitgestellt (kein separater Lieferflug nötig).</div>
        <div class="chip-row" id="assemblyChassisRow"></div>
        <div class="mod-list" id="assemblyPoolList" style="margin-top:10px;"></div>
        <div class="stat-line"><span class="k">Slots</span><span class="v" id="assemblySlots">0 / 0</span></div>
        <div class="stat-line"><span class="k">Masse</span><span class="v" id="assemblyMass">0 kg</span></div>
        <div class="stat-line"><span class="k">Kosten (Chassis)</span><span class="v" id="assemblyCost">€0</span></div>
        <div class="small-muted" id="assemblyDaysHint" style="margin:6px 0;"></div>
        <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">Zielart wählen</div>
        <div class="chip-row" id="assemblyDestTypeRow"></div>
        <div id="assemblyDestArea"></div>
        <button class="btn primary" id="btnAssemble" style="width:100%; margin-top:10px; justify-content:center;">Schiff zusammenbauen</button>
        <button class="btn small ghost" id="btnSaveWerftBlueprint" style="width:100%; margin-top:8px; justify-content:center;">Als Werft-Bauplan speichern</button>
      </div>
      <div class="panel">
        <h3>Schiffe in Montage</h3>
        <div id="assemblyQueueList"></div>
        <div class="empty-hint" id="assemblyQueueEmpty">Kein Schiff aktuell in Montage.</div>
      </div>
      <div class="panel">
        <h3>Werft-Baupläne</h3>
        <div class="empty-hint" id="werftBlueprintLockHint" style="display:none;">🔒 Speichern und Laden von Werft-Bauplänen sind erst mit der Forschung „Blaupausen-Designsystem" nutzbar. Bereits gespeicherte Werft-Baupläne bleiben erhalten und erscheinen wieder, sobald erforscht.</div>
        <div class="small-muted" style="margin-bottom:10px;">Gespeicherte Chassis+Modul+Ziel-Konfigurationen für die Montage — getrennt von den normalen Bauplänen bei der Fabrik, da hier zusätzlich Zielart/Ziel/Landung/Besatzung mitgespeichert werden. „Laden" übernimmt alles direkt ins Montage-Panel oben, passende Module werden dabei automatisch aus dem aktuellen Orbit-Lager übernommen.</div>
        <div class="hangar-list" id="werftBlueprintList"></div>
        <div class="empty-hint" id="werftBlueprintEmpty">Noch keine Werft-Baupläne gespeichert. Konfiguriere oben ein Schiff und klicke „Als Werft-Bauplan speichern".</div>
      </div>
      <div class="panel">
        <h3>Orbitalwerft — Mehrfachtransport (Komplettschiffe)</h3>
        <div class="small-muted" style="margin-bottom:10px;">Schiffe, die zu schwer für jede verfügbare Rakete sind (z.B. große Kolonieschiffe oder Außenposten), werden hier in mehreren Lieferflügen zur Orbitalwerft transportiert — jeder Lieferflug läuft als eigener Raketenstart mit eigenem Risiko und eigenem Video. Sind alle Lieferflüge im Orbit angekommen, wird montiert.</div>
        <div id="werftQueueList"></div>
        <div class="empty-hint" id="werftQueueEmpty">Keine Werft-Aufträge aktiv. Ein überladenes Schiff (zu schwer für jede Rakete) kann im „Starten"-Dialog im Hangar über die Werft gestartet werden, sobald die Forschung „Orbitalwerft" abgeschlossen ist.</div>
      </div>
    </div>

    <!-- KREATOR VIEW (NEU, TODO-BAUPLAN-KREATOR): freies Entwerfen von Chassis+Modul-
         Konfigurationen für Fabrik UND Orbitalwerft, ganz ohne bereits gebaute oder ins
         Orbit-Lager gelieferte Bauteile — reiner Reißbrett-Modus zum Experimentieren. Tab
         selbst ist per updateCreatorTabVisibility() ausgeblendet, solange die Forschung
         "Blaupausen-Designsystem" fehlt (analog updateWerftTabVisibility()). -->
    <div class="view" id="view-creator">
      <div class="panel">
        <h3>Blaupausen-Kreator</h3>
        <div class="small-muted" style="margin-bottom:10px;">Entwirf hier frei am Reißbrett — es werden weder Bauteile bezahlt noch gebaut, und es müssen keine Module bereits gefertigt oder ins Orbit-Lager geliefert worden sein. Am Ende einfach als Bauplan bzw. Werft-Bauplan speichern; „gebaut" wird erst, wenn der Bauplan später in der Fabrik bzw. Werft geladen und tatsächlich in Auftrag gegeben wird.</div>
        <div class="chip-row" id="creatorModeRow"></div>
      </div>
      <div class="build-grid">
        <div class="panel">
          <h3>Chassis wählen</h3>
          <div class="chip-row" id="creatorChassisChips"></div>

          <h3 style="margin-top:16px;">Module hinzufügen</h3>
          <div class="subtabs" id="creatorModSubtabs"></div>
          <div class="mod-list" id="creatorModList"></div>
        </div>

        <div class="panel">
          <h3>Konfiguration</h3>
          <div class="selected-mods" id="creatorSelectedMods"></div>
          <div style="margin-top:10px;">
            <div class="stat-line"><span class="k">Masse</span><span class="v" id="creatorStatMass">0 kg</span></div>
            <div class="stat-line"><span class="k">Slots</span><span class="v" id="creatorStatSlots">0 / 0</span></div>
            <div class="stat-line"><span class="k">Energie-Bilanz</span><span class="v" id="creatorStatPower">0</span></div>
            <div class="stat-line"><span class="k">Bandbreite</span><span class="v" id="creatorStatBw">0</span></div>
            <div class="stat-line"><span class="k">Treibstoffreserve</span><span class="v" id="creatorStatDv">0</span></div>
            <div class="stat-line"><span class="k">Kosten (Konzept)</span><span class="v" id="creatorStatCost">€0</span></div>
          </div>
          <div class="small-muted" id="creatorWerftHint" style="margin-top:8px; display:none;">Bei einem Werft-Bauplan legst du Zielumlaufbahn/-ort erst später bei der eigentlichen Montage im Orbitalwerft-Tab fest — die Kosten hier zeigen nur Chassis + Module, ohne Einschusskosten.</div>
          <button class="btn primary" id="btnSaveCreatorBlueprint" style="width:100%; margin-top:12px; justify-content:center;">Als Bauplan speichern</button>
          <button class="btn small ghost" id="btnClearCreator" style="width:100%; margin-top:8px; justify-content:center;">Entwurf zurücksetzen</button>
        </div>
      </div>
    </div>

    <!-- ORBIT VIEW -->
    <div class="view" id="view-orbit">
      <!-- NEU (TODO-KOLONIE-ORBIT): Orts-Umschalter — Erde + jede kolonisierte Welt bekommt einen
           eigenen, unabhängigen Orbit mit eigenen Satelliten. Nur sichtbar/relevant sobald mind.
           eine Kolonie existiert (bei 0 Kolonien zeigt die Zeile nur den fest gewählten Erde-Chip). -->
      <div class="panel" id="orbitLocationPanel" style="display:none;">
        <div class="small-muted" style="margin-bottom:8px;">Orbit anzeigen für</div>
        <div class="chip-row" id="orbitLocationRow"></div>
      </div>
      <div class="panel" style="margin-top:14px;" id="orbitEarthMapWrap">
        <h3 id="orbitMapTitle">Orbital-Netzwerk — Erde</h3>
        <div class="map-wrap">
          <canvas id="orbitCanvas" width="1000" height="520"></canvas>
          <button class="map-reset-btn" id="btnResetOrbitView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
        </div>
      </div>
      <!-- Kolonie-Orbit-Szene (vereinfachte, aber echte animierte Planeten-Kugel statt der alten
           reinen Ring-Liste) — nutzt dieselbe Pan/Zoom-Infrastruktur wie orbitCanvas, aber mit
           deutlich schlankerem Zeichenaufwand (keine Kontinente/Wolken/Stadtlichter wie bei der
           Erde), siehe drawColonyOrbitScene(). Die Ring-Liste darunter bleibt als kompakte
           Textübersicht pro Orbit-Typ erhalten. -->
      <div class="panel" style="margin-top:14px; display:none;" id="orbitColonyMapWrap">
        <h3 id="orbitColonyMapTitle">Orbital-Netzwerk</h3>
        <div class="map-wrap">
          <canvas id="orbitColonyCanvas" width="1000" height="520"></canvas>
          <button class="map-reset-btn" id="btnResetColonyOrbitView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
        </div>
        <div id="orbitColonyRings" style="margin-top:12px;"></div>
      </div>
      <!-- NEU (auf Nutzerwunsch: "es ist ja ein alter PC mit altem Monitor, der eigentlich keine
           Grafik darstellen kann"): rein textbasierter Ersatz für BEIDE Canvas-Karten (Erde UND
           Kolonie), nur sichtbar unter dem DOS-Stil (siehe CSS bei .dos-ascii-map und
           renderOrbitAsciiMap() im Script). Bewusst als gemeinsames Element außerhalb beider Wraps
           platziert statt zweimal dupliziert -- renderOrbitAsciiMap() liest ohnehin schon dynamisch
           den aktuell gewählten Standort (orbitViewLocation) aus, egal ob Erde oder Kolonie. Bewusst
           kein Versuch, echte Satelliten-Positionen nachzubilden -- ein grobes, dekoratives
           Sternenfeld mit dem Standortnamen in der Mitte plus einer knappen Ring-Zusammenfassung
           darunter; die exakten Werte pro Satellit liefert ohnehin die Tabelle weiter unten
           (satListContainer) bzw. die Ring-Liste (orbitColonyRings) bei Kolonien. -->
      <div class="dos-ascii-map-wrap"><pre class="dos-ascii-map" id="orbitAsciiMap"></pre></div>
      <div class="panel" style="margin-top:14px;" id="satListPanel">
        <h3 class="collapsible-head" id="satListToggle" role="button" tabindex="0" aria-expanded="true" aria-controls="satListBody">
          <span>Satelliten-Liste (<span id="satListCount">0</span>)</span>
          <svg class="chevron" id="satListChevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
        </h3>
        <div id="satListBody">
          <div class="sat-list-head">
            <span>Name</span><span>Orbit</span><span>Größe</span><span>Zustand</span><span>Auftrag</span><span></span><span></span>
          </div>
          <div class="sat-list" id="satListContainer"></div>
          <div class="empty-hint" id="satListEmpty">Noch keine Satelliten im Orbit.</div>
        </div>
      </div>
      <div class="panel" style="margin-top:14px;" id="transitPanelWrap">
        <h3>Im Transit</h3>
        <div id="transitList"></div>
        <div class="empty-hint" id="transitEmpty">Nichts im Transit.</div>
      </div>
      <div class="panel" style="margin-top:14px;">
        <h3>Wartung</h3>
        <div class="small-muted" id="repairAllInfo" style="margin-bottom:8px;"></div>
        <button class="btn" id="btnRepairAll" style="width:100%; justify-content:center;">Alle reparieren</button>
        <div style="border-top:1px solid var(--border); margin:14px 0 10px;"></div>
        <div class="stat-line"><span class="k">Wartungsdrohnen</span><span class="v" id="droneLocLabel" style="font-size:10.5px; color:var(--muted); font-weight:400;"></span></div>
        <div class="stat-line"><span class="k">Drohnen am Standort</span><span class="v" id="droneCount">0</span></div>
        <div class="stat-line"><span class="k">Verbleibende Reparaturen</span><span class="v" id="droneCapacity">0 Reparaturen übrig</span></div>
        <div class="small-muted" style="margin:6px 0 8px;">Jede Drohne repariert automatisch — kostenlos — einen Satelliten an IHREM Standort, sobald dessen Zustand auf 2% oder weniger fällt, kurz bevor er ausfällt. Eine Drohne hält für 10 Reparaturen, danach fällt sie aus und muss ersetzt werden. Jeder Standort (Erdorbit, jede Kolonie) hat seine eigene Drohnenflotte.</div>
        <div style="display:flex; gap:8px;">
          <button class="btn small" id="btnBuyDrone1" style="flex:1; justify-content:center;">+1 Drohne</button>
          <button class="btn small" id="btnBuyDrone10" style="flex:1; justify-content:center;">+10 Drohnen</button>
        </div>
        <div style="display:flex; gap:8px; margin-top:8px; align-items:center;">
          <div class="qty-stepper" style="flex:1;">
            <input type="number" id="droneQtyInput" value="1000" min="1" step="1" inputmode="numeric" style="width:100%; text-align:center;">
          </div>
          <button class="btn small" id="btnBuyDroneQty" style="flex:1; justify-content:center;">Kaufen</button>
        </div>
      </div>
      <div class="panel" style="margin-top:14px;" id="satDetailPanel">
        <h3>Satelliten-Detail</h3>
        <div class="empty-hint">Kein Satellit ausgewählt.</div>
      </div>
    </div>

    <!-- LANGZEIT VIEW (NEU v4-14): Langzeitaufträge (Firmen-Flottenquoten) + Eigenes Netzwerk
         (Lizenzgebühren-Passiveinkommen) — bewusst eigener Tab, komplett getrennt vom
         Schnellaufträge-Panel in der Seitenleiste. -->
    <div class="view" id="view-langzeit">
      <div class="panel">
        <h3>Langzeitaufträge</h3>
        <div class="small-muted" style="margin-bottom:10px;">Firmen bestellen hier eine feste Stückzahl Satelliten mit bestimmter Ausstattung und Mindestgröße, dauerhaft im Orbit — im Gegensatz zu Schnellaufträgen läuft das über viele Tage und zahlt pro erfülltem Satelliten-Slot täglich weiter, plus Bonus bei voller Stückzahl.</div>
        <div id="longContractList"></div>
        <div class="empty-hint" id="longContractEmpty">Derzeit keine Langzeitaufträge verfügbar.</div>
      </div>
      <div class="panel network-panel" style="margin-top:14px;">
        <h3>Eigene Unterfirmen</h3>
        <div class="small-muted" style="margin-bottom:10px;">Bis zu 5 unabhängige Unterfirmen — jede betreibt ein eigenes Lizenznetzwerk (Navigation, Kommunikation, Erdbeobachtung, Forschungsdaten oder Wetterdaten) mit eigener Satelliten-Zuweisung, eigenem Einkommen und automatisch vergebenem Namen passend zur Kategorie.</div>
        <div id="networkPanelBody"></div>
      </div>
    </div>

    <!-- RESEARCH VIEW -->
    <div class="view" id="view-research">
      <div class="panel">
        <h3>Forschung &amp; Ausbau</h3>
        <div class="small-muted" style="margin-bottom:8px;">Tech-Baum — Linien zeigen Voraussetzungen. Auf einen Knoten klicken für Details.</div>
        <div class="rtree-toolbar">
          <div class="rtree-legend">
            <span class="rtree-legend-item"><span class="rtree-dot done"></span>Erforscht</span>
            <span class="rtree-legend-item"><span class="rtree-dot avail"></span>Erforschbar</span>
            <span class="rtree-legend-item"><span class="rtree-dot locked"></span>Gesperrt</span>
          </div>
          <div class="rtree-controls">
            <button class="btn small ghost" id="rtreeJumpNext">▶ Nächstes erforschbares</button>
            <button class="btn small ghost" id="rtreeZoomOut">−</button>
            <button class="btn small ghost" id="rtreeFitBtn">Einpassen</button>
            <button class="btn small ghost" id="rtreeZoomIn">+</button>
          </div>
        </div>
        <div class="rtree-legend" id="rtreeCatLegend" style="margin-top:-2px; margin-bottom:2px;"></div>
        <div class="small-muted" style="margin-bottom:6px;">Zum Verschieben ziehen (Finger oder Maus) — mit zwei Fingern oder Mausrad zoomen.</div>
        <div class="rtree-wrap" id="rtreeWrap">
          <div class="rtree-canvas" id="rtreeCanvas">
            <svg id="rtreeSvg"></svg>
            <div id="rtreeNodes"></div>
          </div>
        </div>
      </div>
      <div class="panel" style="margin-top:14px;" id="rtreeDetailPanel">
        <h3>Details</h3>
        <div class="empty-hint">Knoten im Baum anklicken, um Details zu sehen.</div>
      </div>
    </div>

    <!-- DEEP SPACE VIEW -->
    <div class="view" id="view-deepspace">
      <div class="panel">
        <h3>Live-Karte — Sonnensystem</h3>
        <div class="map-wrap">
          <canvas id="solarMapCanvas" width="1000" height="260"></canvas>
          <button class="map-reset-btn" id="btnResetSolarView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
        </div>
        <!-- NEU (DOS-Stil, wie schon bei der Orbit-Karte): rein textbasierter Ersatz für den
             Sonnensystem-Canvas, nur sichtbar unter dem DOS-Stil, siehe renderSolarAsciiMap().
             Körper gruppiert nach Klasse (Gesteinsplaneten/Asteroidengürtel/Gasplaneten/
             Eisriesen/Kuipergürtel), Status je Körper in Klartext-Klammern statt Farbring
             ([R]=erreicht, [G]=gelandet, [T]=Sonde im Transit) -- exakte Details liefert
             weiterhin die Zielliste darunter (deepSpaceGrid). -->
        <div class="dos-ascii-map-wrap"><pre class="dos-ascii-map" id="solarAsciiMap"></pre></div>
        <div class="small-muted" style="margin-top:6px;">Grüner Ring = Ziel erreicht, hellblauer Ring = bereits erforscht, oranges Dreieck = Sonde aktuell im Transit (Position aktualisiert sich mit jedem Spieltag). Diese Karte zeigt nur unser Sonnensystem — interstellare Ziele findest du im Galaxie-Tab.</div>
      </div>
      <div class="panel" style="margin-top:14px;" id="terraformPanel">
        <h3>Mars-Terraforming</h3>
        <div id="terraformBody"></div>
      </div>
      <div class="panel" style="margin-top:14px;">
        <h3>Sonnensystem — Erkundungsprogramm</h3>
        <div class="small-muted" style="margin-bottom:10px;">Sonden werden im Hangar gebaut (mit mind. einem Forschungsinstrument) und von dort per Klick auf „Starten“ zu einem Ziel geschickt — dort als Missionsart „Sonnensystem / Deep Space“ wählen. Jedes Ziel erfordert ausreichend ΔV-Reichweite der Trägerrakete sowie passende Forschung.</div>
        <div class="research-grid" id="deepSpaceGrid"></div>
      </div>
      <div class="panel" style="margin-top:14px;">
        <h3>Sonden unterwegs</h3>
        <div id="deepSpaceQueueList"></div>
        <div class="empty-hint" id="deepSpaceQueueEmpty">Keine Sonde derzeit unterwegs.</div>
      </div>
      <div class="panel" style="margin-top:14px;">
        <h3>Missionserfolge</h3>
        <div id="deepSpaceLog" class="small-muted"></div>
      </div>
    </div>

    <div class="view" id="view-galaxy">
      <div class="panel">
        <h3>Galaxien-Hub</h3>
        <div class="small-muted" style="margin-bottom:6px;">Unsere Milchstraße und jede erreichbare Nachbargalaxie erscheinen hier als Knotenpunkte. Klick auf einen Knoten öffnet die passende Karte darunter — bei der Milchstraße die Sternenkarte um Sol, bei einer anderen Galaxie deren Sprungziele.</div>
        <div class="map-wrap">
          <canvas id="galaxyHubCanvas" width="1000" height="220"></canvas>
          <button class="map-reset-btn" id="btnResetGalaxyHubView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
        </div>
        <!-- NEU (DOS-Stil): Klick-Auswahl auf dem Hub-Canvas ist die EINZIGE Möglichkeit,
             die Galaxie zu wechseln (im Gegensatz zu Stern-/Sprungzielen gibt es dafür sonst
             keine Karten-Liste) -- deshalb bekommt der Hub, anders als die rein dekorativen
             Karten weiter unten, ein echtes interaktives Text-Menü statt nur einer ASCII-Grafik.
             Siehe renderDosGalaxyHubMenu() im Script. -->
        <div class="dos-galaxy-menu" id="galaxyHubMenu"></div>
      </div>

      <div id="milkywayPanels">
        <div class="panel" style="margin-top:14px;">
          <h3>Sternenkarte — Stellarnachbarschaft (bis ~14 Lj)</h3>
          <div class="map-wrap">
            <canvas id="galaxyMapCanvas" width="1000" height="440"></canvas>
            <button class="map-reset-btn" id="btnResetGalaxyMapView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
          </div>
          <!-- NEU (DOS-Stil, rein dekorativ): die Auswahl selbst läuft bereits über die
               Zielkarten unter "Interstellare Ziele" (galaxyGrid, data-starsys) -- diese ASCII-
               Übersicht dient nur der Optik, siehe renderGalaxyMapAsciiMap(). -->
          <div class="dos-ascii-map-wrap"><pre class="dos-ascii-map" id="galaxyMapAsciiMap"></pre></div>
          <div class="small-muted" style="margin-top:6px;">Sonne im Zentrum, Distanzringe bei 5 / 10 / 15 Lichtjahren. Grau = unerforscht, hellblau = erreicht, grün = gelandet, gold = Kolonie gegründet, violetter Ring = Erstkontakt mit außerirdischem Leben, oranger Fortschrittsring = Sonde aktuell unterwegs (Ring füllt sich mit der Flugzeit, Zahl darunter zeigt Resttage). Klick auf ein System (oder seine Karte weiter unten) öffnet dessen Detailkarte.</div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3 id="starSystemTitle">Sternsystem</h3>
          <div class="small-muted" id="starSystemDesc" style="margin-bottom:6px;"></div>
          <div class="map-wrap">
            <canvas id="starSystemMapCanvas" width="1000" height="260"></canvas>
            <button class="map-reset-btn" id="btnResetStarSystemView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
          </div>
          <div class="dos-ascii-map-wrap"><pre class="dos-ascii-map" id="starSystemAsciiMap"></pre></div>
          <div class="small-muted" id="starSystemHint" style="margin-top:6px;"></div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3>Kolonien</h3>
          <div id="galaxyColoniesList"></div>
          <div class="empty-hint" id="galaxyColoniesEmpty">Noch keine Kolonien gegründet — dafür nötig: Kolonisierungstechnik erforschen, eine Sonde mit Kolonie-Modul zu einem kolonisierbaren Ziel schicken und dort erfolgreich landen.</div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3>Erstkontakte</h3>
          <div id="galaxyContactsList"></div>
          <div class="empty-hint" id="galaxyContactsEmpty">Noch kein Kontakt mit außerirdischem Leben — irgendwo da draußen wartet mehr als nur Gestein und Gas.</div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3>Interstellare Ziele</h3>
          <div class="small-muted" style="margin-bottom:10px;">Erfordert Überlichtantrieb (Vorbeiflug) bzw. Exoplaneten-Kartierung (Landung). Sonden werden wie gewohnt über „Starten“ im Hangar gestartet (Missionsart „Sonnensystem / Deep Space" wählen).</div>
          <div class="research-grid" id="galaxyGrid"></div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3>Sonden unterwegs (interstellar)</h3>
          <div id="galaxyQueueList"></div>
          <div class="empty-hint" id="galaxyQueueEmpty">Keine interstellare Sonde derzeit unterwegs.</div>
        </div>
      </div>

      <div id="galaxyDetailPanels">
        <div class="panel" style="margin-top:14px;">
          <h3 id="galaxyDetailTitle">Andromeda-Galaxie (M31)</h3>
          <div class="small-muted" id="galaxyDetailDesc" style="margin-bottom:6px;"></div>
          <div class="empty-hint" id="andromedaLocked" style="display:none;">Gesperrt.</div>
          <div class="map-wrap">
            <canvas id="andromedaMapCanvas" width="1000" height="400"></canvas>
            <button class="map-reset-btn" id="btnResetAndromedaView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
          </div>
          <div class="dos-ascii-map-wrap"><pre class="dos-ascii-map" id="andromedaAsciiMap"></pre></div>
          <div class="small-muted" style="margin-top:6px;">Kernregion im Zentrum, Sprungziele entlang der Spiralarme. Grau = unerforscht, hellblau = erreicht, grün = gelandet, gold = Kolonie gegründet, oranger Fortschrittsring = Sonde aktuell im Sprungtunnel (Ring füllt sich mit der Flugzeit). Klick auf ein Ziel (oder seine Karte weiter unten) öffnet dessen Planetenkarte.</div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3 id="galaxyTargetTitle">Ziel</h3>
          <div class="small-muted" id="galaxyTargetDesc" style="margin-bottom:6px;"></div>
          <div class="map-wrap">
            <canvas id="targetPlanetMapCanvas" width="1000" height="260"></canvas>
            <button class="map-reset-btn" id="btnResetGalaxyTargetView" title="Ansicht zurücksetzen"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 12a9 9 0 1 0 3-6.7"/><path d="M3 4v5h5"/></svg>Reset</button>
          </div>
          <div class="dos-ascii-map-wrap"><pre class="dos-ascii-map" id="galaxyTargetAsciiMap"></pre></div>
          <div class="small-muted" id="galaxyTargetHint" style="margin-top:6px;"></div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3 id="galaxyColoniesTitle">Kolonien in M31</h3>
          <div id="andromedaColoniesList"></div>
          <div class="empty-hint" id="andromedaColoniesEmpty">Noch keine Kolonien jenseits der Milchstraße.</div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3>Sprungziele</h3>
          <div class="small-muted" style="margin-bottom:10px;" id="galaxyTargetsHint">Erfordert Intergalaktischen Sprungantrieb (Vorbeiflug) bzw. Andromeda-Kartierung (Landung). Nur ein in der Orbitalwerft montiertes Sprungschiff mit genug eigener Treibstoffreserve (ΔV) erreicht diese Entfernung.</div>
          <div class="research-grid" id="andromedaGrid"></div>
        </div>
        <div class="panel" style="margin-top:14px;">
          <h3>Sonden unterwegs (intergalaktisch)</h3>
          <div id="andromedaQueueList"></div>
          <div class="empty-hint" id="andromedaQueueEmpty">Keine intergalaktische Sonde derzeit unterwegs.</div>
        </div>
      </div>
    </div>

    <!-- KOLONIEN VIEW (NEU, TODO-KOLONIE-AUSBAU): Ausbau-Tab pro Kolonie — bisher waren Kolonien
         nur ein passiver, fixer Einkommenswert (state.colonies[].income). Jetzt zusätzlich
         Bevölkerungswachstum (skaliert das Einkommen) und eine Gebäude-Warteschlange (Habitat,
         Fabrik, Antenne). Bewusst als reiner Aufsatz: c.income bleibt die Basis, tatsächlich
         ausgezahlt wird colonyEffectiveIncome(c) — siehe dort. Immer sichtbar (keine eigene
         Forschungssperre), zeigt bei 0 Kolonien nur einen Hinweistext. -->
    <div class="view" id="view-kolonien">
      <!-- NEU (TODO-RAUMSTATION): eigenes Panel oberhalb der Kolonienliste, nur sichtbar wenn
           state.station existiert (siehe renderStation()) — analog zum Kolonien-Empty-Hinweis
           darunter, da die Station technisch kein Array-Eintrag ist (höchstens eine Station). -->
      <div class="panel" id="stationEmptyPanel" style="display:none;">
        <div class="empty-hint">Noch keine Raumstation — schaltet mit der Forschung „Raumstations-Programm“ das Raumstationskern-Chassis frei, das nur über die Orbitalwerft montiert werden kann. Einmal im Erdorbit angekommen, wird daraus eine dauerhafte, ausbaubare Raumstation.</div>
      </div>
      <div id="stationPanel"></div>
      <div class="panel" id="kolonienEmptyPanel">
        <div class="empty-hint">Noch keine Kolonie gegründet — sobald du eine Kolonie hast (Mond, Mars, spätere Exoplaneten), taucht sie hier mit Bevölkerung und Gebäude-Ausbau auf.</div>
      </div>
      <div id="kolonienList"></div>
    </div>

    <!-- STATISTIKEN VIEW (NEU, TODO-STATISTIKEN): reiner Auswertungs-Tab, immer sichtbar (keine
         Forschungssperre) — fasst Lifetime-Zähler aus state.stats sowie aus bestehenden Listen
         abgeleitete Bestandsgrößen zusammen. Keine Interaktion außer dem Diagramm. -->
    <div class="view" id="view-stats">
      <div class="panel">
        <h3>Firma — Übersicht</h3>
        <div class="stat-line"><span class="k">Firmenzeit</span><span class="v" id="statsDay">Tag 1</span></div>
        <div class="stat-line"><span class="k">Guthaben</span><span class="v" id="statsMoney">€0</span></div>
        <div class="stat-line"><span class="k">Forschungspunkte (aktuell)</span><span class="v" id="statsSciencePoints" style="color:#c17bff;">0</span></div>
        <div class="stat-line"><span class="k">Reputation</span><span class="v" id="statsRep">0</span></div>
        <div class="stat-line"><span class="k">Gesamteinnahmen</span><span class="v good" id="statsIncome">€0</span></div>
        <div class="stat-line"><span class="k">Gesamtausgaben</span><span class="v" id="statsSpent">€0</span></div>
        <div class="stat-line"><span class="k">davon Wartungskosten</span><span class="v" id="statsUpkeep">€0</span></div>
        <div class="stat-line"><span class="k">Netto-Bilanz seit Firmengründung</span><span class="v" id="statsNet">€0</span></div>
        <!-- NEU (TODO-ERFOLGE-2, Nutzer-Wunsch: "statistiken müssen ja auch überarbeitet werden"):
             Lifetime-Gegenstück zur "aktuell"-Zeile oben, analog Gesamteinnahmen vs. Guthaben --
             sinkt anders als der aktuelle Bestand nie, auch wenn Forschungspunkte für Forschungen
             ausgegeben werden. -->
        <div class="stat-line"><span class="k">Forschungspunkte insgesamt</span><span class="v" id="statsSciencePointsLifetime" style="color:#c17bff;">0</span></div>
      </div>
      <div class="panel">
        <h3>Guthaben-Verlauf</h3>
        <div class="subtabs" id="statsChartModeRow" style="margin-bottom:10px;"></div>
        <div class="map-wrap">
          <canvas id="statsMoneyChart" width="1000" height="260"></canvas>
        </div>
        <div class="empty-hint" id="statsChartEmpty">Noch keine Verlaufsdaten — der Chart füllt sich, sobald sich der Kontostand ändert bzw. ab dem ersten vergangenen Firmentag.</div>
      </div>
      <!-- NEU (TODO-ZUFALLSEREIGNISSE, Punkt 4 der IDEENLISTE): einfaches Textprotokoll,
           analog zum bestehenden deepSpaceLog im Erkundungs-Tab. -->
      <div class="panel">
        <h3>Ereignis-Log</h3>
        <div style="font-size:11.5px; line-height:1.7; color:var(--muted);" id="eventLogList">Noch keine Zufallsereignisse aufgetreten.</div>
      </div>
      <div class="panel">
        <h3>Flotte &amp; Fertigung</h3>
        <div class="stat-line"><span class="k">Satelliten/Sonden im Orbit</span><span class="v" id="statsFleetActive">0</span></div>
        <div class="stat-line"><span class="k">Im Hangar (startbereit)</span><span class="v" id="statsFleetHangar">0</span></div>
        <div class="stat-line"><span class="k">Aktuell in Fertigung</span><span class="v" id="statsFleetQueue">0</span></div>
        <div class="stat-line"><span class="k">Insgesamt gebaut</span><span class="v" id="statsFleetBuilt">0</span></div>
        <div class="stat-line"><span class="k">Verloren (Weltraumschrott)</span><span class="v" id="statsFleetLost">0</span></div>
        <div class="stat-line"><span class="k">Einzelmodule gebaut</span><span class="v" id="statsModulesBuilt">0</span></div>
        <div class="stat-line"><span class="k">Im Orbitalwerft montiert</span><span class="v" id="statsShipsAssembled">0</span></div>
      </div>
      <div class="panel">
        <h3>Raketenstarts</h3>
        <div class="stat-line"><span class="k">Starts gesamt</span><span class="v" id="statsLaunchesTotal">0</span></div>
        <div class="stat-line"><span class="k">Erfolgreich</span><span class="v good" id="statsLaunchesSuccess">0</span></div>
        <div class="stat-line"><span class="k">Fehlgeschlagen</span><span class="v bad" id="statsLaunchesFailed">0</span></div>
        <div class="stat-line"><span class="k">Erfolgsquote</span><span class="v" id="statsLaunchesRate">–</span></div>
      </div>
      <div class="panel">
        <h3>Erkundung</h3>
        <div class="stat-line"><span class="k">Erreichte Ziele</span><span class="v" id="statsExplored">0</span></div>
        <div class="stat-line"><span class="k">Erfolgreiche Landungen</span><span class="v" id="statsLanded">0</span></div>
        <div class="stat-line"><span class="k">Bemannte Landungen</span><span class="v" id="statsCrewedLandings">0</span></div>
        <div class="stat-line"><span class="k">Erstkontakte</span><span class="v" id="statsFirstContacts">0</span></div>
        <div class="stat-line"><span class="k">Kolonien</span><span class="v" id="statsColonies">0</span></div>
        <div class="stat-line"><span class="k">Kolonie-Einkommen/Tag</span><span class="v good" id="statsColonyIncome">€0</span></div>
        <div class="stat-line" id="statsStationRow" style="display:none;"><span class="k">Raumstation-Einkommen/Tag</span><span class="v good" id="statsStationIncome">€0</span></div>
      </div>
      <div class="panel">
        <h3>Aufträge &amp; Forschung</h3>
        <div class="stat-line"><span class="k">Aufträge abgeschlossen</span><span class="v" id="statsContractsDone">0</span></div>
        <div class="stat-line"><span class="k">Aufträge aktiv / offen</span><span class="v" id="statsContractsOpen">0 / 0</span></div>
        <div class="stat-line"><span class="k">Forschung abgeschlossen</span><span class="v" id="statsResearchDone">0 / 0</span></div>
      </div>
    </div>

    <!-- ERFOLGE VIEW (NEU, TODO-ACHIEVEMENTS): reiner Auswertungs-Tab wie Statistiken, immer
         sichtbar (keine Forschungssperre). Erfolge sind rein kosmetisch (kein Spiel-Effekt),
         gruppiert nach Kategorie über renderAchievements(). -->
    <div class="view" id="view-achievements">
      <div class="panel">
        <h3>Erfolge <span class="small-muted" id="achievementsCount" style="font-weight:normal;">0 / 0</span></h3>
        <div id="achievementsList"></div>
      </div>
    </div>

    <!-- LOGBUCH VIEW (NEU, TODO-LOGBUCH): reiner Auswertungs-Tab wie Erfolge/Statistiken, immer
         sichtbar, kein Spiel-Effekt -- rein narrative Firmenchronik, gefüllt über
         checkLogbookEntries()/LOGBOOK_ENTRIES, siehe dort. -->
    <div class="view" id="view-logbuch">
      <div class="panel">
        <h3>Firmenlogbuch <span class="small-muted" id="logbookCount" style="font-weight:normal;">0 / 0</span></h3>
        <div id="logbookList" style="display:flex; flex-direction:column; gap:8px;"></div>
      </div>
    </div>

  </div>

  <div class="side-col">
    <div class="panel">
      <h3>Aufträge</h3>
      <div id="contractList"></div>
      <div class="empty-hint" id="contractEmpty">Derzeit keine Aufträge verfügbar.</div>
    </div>
  </div>
</div>

<div class="modal-bg" id="launchModal">
  <div class="modal">
    <div class="mhead"><span>Startvorbereitung</span><button class="btn small ghost" id="closeLaunchModal">✕</button></div>
    <div class="mbody" id="launchModalBody"></div>
  </div>
</div>

<div class="modal-bg" id="helpModal">
  <div class="modal" style="max-width:640px;">
    <div class="mhead"><span>Auftrag → Bauplan Spickzettel</span><button class="btn small ghost" id="closeHelpModal">✕</button></div>
    <div class="mbody" id="helpModalBody"></div>
  </div>
</div>

<div class="modal-bg" id="confirmModal">
  <div class="modal" style="max-width:400px;">
    <div class="mhead"><span id="confirmModalTitle">Bestätigen</span><button class="btn small ghost" id="closeConfirmModal">✕</button></div>
    <div class="mbody">
      <div class="small-muted" id="confirmModalText" style="line-height:1.5;"></div>
      <div style="display:flex; gap:8px; margin-top:16px;">
        <button class="btn" id="confirmModalCancel" style="flex:1; justify-content:center;">Abbrechen</button>
        <button class="btn primary" id="confirmModalOk" style="flex:1; justify-content:center;">Bestätigen</button>
      </div>
    </div>
  </div>
</div>

<div class="modal-bg" id="promptModal">
  <div class="modal" style="max-width:400px;">
    <div class="mhead"><span id="promptModalTitle">Eingabe</span><button class="btn small ghost" id="closePromptModal">✕</button></div>
    <div class="mbody">
      <div class="small-muted" id="promptModalLabel" style="line-height:1.5; margin-bottom:8px;"></div>
      <input type="text" id="promptModalInput" maxlength="40" style="width:100%; box-sizing:border-box; background:var(--bg); border:1px solid var(--border); color:var(--text); border-radius:6px; padding:8px 10px; font:inherit;">
      <div style="display:flex; gap:8px; margin-top:16px;">
        <button class="btn" id="promptModalCancel" style="flex:1; justify-content:center;">Abbrechen</button>
        <button class="btn primary" id="promptModalOk" style="flex:1; justify-content:center;">Speichern</button>
      </div>
    </div>
  </div>
</div>

<div class="modal-bg" id="settingsModal">
  <div class="modal" style="max-width:420px;">
    <div class="mhead"><span>Einstellungen</span><button class="btn small ghost" id="closeSettingsModal">✕</button></div>
    <div class="mbody">
      <div class="settings-row">
        <button class="btn" id="btnHelp" style="width:100%;">Hilfe — Auftrag → Bauplan Spickzettel</button>
      </div>

      <div class="settings-row" style="margin-top:10px;">
        <button class="btn" id="btnTutorialReplay" style="width:100%;">Einführungs-Tour erneut ansehen</button>
      </div>

      <div class="settings-row" style="margin-top:14px;">
        <button class="btn" id="btnMute" style="width:100%;">Soundeffekte an</button>
      </div>

      <div class="settings-row" style="margin-top:10px;">
        <button class="btn" id="btnMusicMute" style="width:100%;">Musik an</button>
      </div>

      <div class="settings-row" style="margin-top:14px;">
        <label class="lbl" style="display:block; margin-bottom:6px; font-size:10px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase;">Musiklautstärke</label>
        <input type="range" id="musicVolumeSlider" min="0" max="100" value="35" style="width:100%;">
      </div>

      <div class="settings-row" style="margin-top:14px;">
        <button class="btn" id="btnVideoSoundMute" style="width:100%;">Video-Sound an</button>
      </div>

      <div class="settings-row" style="margin-top:10px;">
        <label class="lbl" style="display:block; margin-bottom:6px; font-size:10px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase;">Video-Lautstärke</label>
        <input type="range" id="videoVolumeSlider" min="0" max="100" value="80" style="width:100%;">
      </div>

      <div class="settings-row" style="margin-top:16px; padding-top:14px; border-top:1px solid var(--border);">
        <label class="lbl" style="display:block; margin-bottom:6px; font-size:10px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase;">Darstellung (experimentell) — Farbschema</label>
        <select id="uiColorSelect" class="btn" style="width:100%; text-align:left;">
          <option value="standard">Standard (deine Akzentfarbe)</option>
          <option value="crt-green">Grün-Phosphor</option>
          <option value="crt-amber">Amber-Phosphor</option>
          <option value="mono">S/W</option>
          <option value="cga">CGA/EGA (reduzierte Farbpalette)</option>
          <option value="cga-hard">CGA/EGA — Hart (nur 3 Stufen je Kanal)</option>
          <option value="cga-soft">CGA/EGA — Weich (mehr Farbnuancen)</option>
          <option value="nasa-blue">NASA Mission Control — Blau</option>
          <option value="nasa-cyan">NASA Deep Space Network — Cyan</option>
          <option value="nasa-red">NASA Shuttle-Alarm — Rot</option>
        </select>
      </div>
      <div class="settings-row" style="margin-top:10px;">
        <label class="lbl" style="display:block; margin-bottom:6px; font-size:10px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase;">Darstellung (experimentell) — Monitor-Muster</label>
        <select id="uiPatternSelect" class="btn" style="width:100%; text-align:left;">
          <option value="none">Kein Muster</option>
          <option value="classic">Alter Monitor — Classic</option>
          <option value="strong">Alter Monitor — Stark</option>
          <option value="grille">Alter Monitor — Streifenmaske</option>
          <option value="vhs">VHS/Composite-Video</option>
          <option value="interlace">Interlace-Kamm — Stark</option>
          <option value="interlace-soft">Interlace-Kamm — Subtil</option>
          <option value="noise">Rauschen/Flimmern</option>
          <option value="barrel">Röhren-Wölbung</option>
        </select>
        <div class="small-muted" style="margin-top:6px; font-size:10.5px;">Farbschema und Muster lassen sich frei kombinieren — beides ist rein optisch und hat keinen Einfluss auf den Spielstand.</div>
      </div>
      <div class="settings-row" style="margin-top:10px;">
        <label class="lbl" style="display:block; margin-bottom:6px; font-size:10px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase;">Darstellung (experimentell) — UI-Stil</label>
        <select id="uiStyleSelect" class="btn" style="width:100%; text-align:left;">
          <option value="modern">Modern (Standard)</option>
          <option value="dos">DOS-Konsole (Blockgrafik-Rahmen)</option>
        </select>
        <div class="small-muted" style="margin-top:6px; font-size:10.5px;">Rahmt Fenster, Panels und Buttons mit klassischen Blockgrafik-Zeichen ein, wie bei einer alten Textmodus-Konsole — passt zum Röhren-Boot-Effekt und lässt sich ebenfalls frei mit Farbschema und Muster kombinieren.</div>
      </div>

      <div class="settings-row" style="margin-top:16px; padding-top:14px; border-top:1px solid var(--border); display:flex; align-items:center; justify-content:space-between;">
        <span class="small-muted" id="autosaveStatus">Auto-Speicherung aktiv</span>
      </div>

      <div class="settings-row" style="margin-top:10px; display:flex; gap:8px;">
        <button class="btn" id="btnSave" style="flex:1;">Export</button>
        <button class="btn" id="btnLoad" style="flex:1;">Import</button>
      </div>

      <div class="settings-row" style="margin-top:16px; padding-top:14px; border-top:1px solid var(--border);">
        <button class="btn danger" id="btnBackToStart" style="width:100%; justify-content:center;">↩ Zurück zur Startseite</button>
      </div>
    </div>
  </div>
</div>

<div class="toast-wrap" id="toastWrap"></div>
</div>

<script>
'use strict';

// BUGFIX (v4-29, "Fenster springt nach oben, muss hochscrollen"): jedes aktive Darstellungs-
// Farbschema (Grün-/Amber-/NASA-Phosphor etc.) sowie das Muster "Röhren-Wölbung" setzen
// document.body.style.filter (siehe updateBodyFilter() weiter unten). Ein Element mit gesetztem
// filter wird laut CSS-Spezifikation selbst zum Containing Block für ALLE position:fixed-
// Nachfahren — die Fenster (.modal-bg, z.B. das Startvorbereitungs-Fenster) wurden dadurch nicht
// mehr relativ zum sichtbaren Viewport positioniert, sondern relativ zur <body>-Box. War die Seite
// höher als der Bildschirm und man hatte runtergescrollt, erschien das Fenster oben am Seitenanfang
// statt an der aktuellen Scrollposition. #crtOverlay hat dieses Problem schon immer NICHT, weil es
// bewusst an document.documentElement (<html>) statt an <body> hängt (siehe ensureCrtOverlay()) —
// gleiche Lösung hier: alle .modal-bg-Fenster einmalig ebenfalls an <html> umhängen, damit sie
// außerhalb des von body.style.filter erzeugten Containing Blocks liegen. IDs/Event-Listener
// bleiben beim Verschieben per appendChild erhalten, CSS-Variablen (an :root definiert) auch.
document.querySelectorAll('.modal-bg').forEach(el => document.documentElement.appendChild(el));

/* ============================== AUDIO ============================== */
const Sound = (() => {
  let ctx = null, master = null, muted = false;
  let explosionBuffer = null, explosionLoading = null;
  function ensure(){
    if(!ctx){
      ctx = new (window.AudioContext||window.webkitAudioContext)();
      master = ctx.createGain();
      master.gain.value = muted ? 0 : 0.5;
      master.connect(ctx.destination);
    }
    if(ctx.state === 'suspended') ctx.resume();
    return ctx;
  }
  function toggleMute(){
    muted = !muted;
    if(master) master.gain.value = muted ? 0 : 0.5;
    return muted;
  }
  function tone(freq, dur, type='sine', startGain=0.25, delay=0, glideTo=null){
    if(offlineCatchupActive) return; // NEU (TODO-OFFLINE-PROGRESS): stumm beim Catch-up-Loop
    const c = ensure();
    const t0 = c.currentTime + delay;
    // GEÄNDERT (auf Nutzerwunsch: "bessere Töne/Bips bauen"): statt eines einzelnen nackten
    // Oszillators jetzt zwei minimal gegeneinander verstimmte Oszillatoren im Unison (~7 Cent
    // Detune — klassischer Synth-Trick für "Dicke"/Wärme statt dünnem, hartem Digitalton), beide
    // durch einen sanften Tiefpass, der während der Tondauer leicht zufährt (nimmt den oberen
    // Höhen-Anteil zum Ende hin raus, klingt dadurch runder statt abrupt abgeschnitten). Die
    // API (Frequenz/Dauer/Typ/Lautstärke/Delay/Glide) bleibt exakt gleich, daher profitieren alle
    // ~130 bestehenden Aufrufstellen im ganzen Spiel (Klicks, Baubestätigung, Fehlertöne,
    // Start-Rumpeln, Boot-Bips, Modem-Sound usw.) automatisch, ohne dass irgendwo sonst im Code
    // etwas geändert werden musste. Ein Zwischen-Mix-Gain (0.62) gleicht die durch den zweiten
    // Oszillator verdoppelte Rohlautstärke wieder aus, damit das Spiel insgesamt nicht plötzlich
    // lauter/übersteuert klingt als vorher.
    const osc1 = c.createOscillator();
    const osc2 = c.createOscillator();
    osc1.type = type; osc2.type = type;
    osc1.frequency.setValueAtTime(freq, t0);
    osc2.frequency.setValueAtTime(freq, t0);
    osc2.detune.setValueAtTime(7, t0);
    if(glideTo){
      const target = Math.max(glideTo,1);
      osc1.frequency.exponentialRampToValueAtTime(target, t0+dur);
      osc2.frequency.exponentialRampToValueAtTime(target, t0+dur);
    }
    const mix = c.createGain();
    mix.gain.value = 0.62;
    const filt = c.createBiquadFilter();
    filt.type = 'lowpass';
    filt.Q.value = 0.7;
    filt.frequency.setValueAtTime(Math.max(freq*4.5, 2400), t0);
    filt.frequency.exponentialRampToValueAtTime(Math.max(freq*1.5, 500), t0+Math.max(dur,0.03));
    const g = c.createGain();
    g.gain.setValueAtTime(0.0001, t0);
    g.gain.exponentialRampToValueAtTime(startGain, t0+0.015);
    g.gain.exponentialRampToValueAtTime(0.0001, t0+dur);
    osc1.connect(mix); osc2.connect(mix); mix.connect(filt); filt.connect(g); g.connect(master);
    osc1.start(t0); osc1.stop(t0+dur+0.02);
    osc2.start(t0); osc2.stop(t0+dur+0.02);
  }
  function noiseBurst(dur, delay=0, gainVal=0.3, lowpass=1800){
    if(offlineCatchupActive) return; // NEU (TODO-OFFLINE-PROGRESS): stumm beim Catch-up-Loop
    const c = ensure();
    const t0 = c.currentTime + delay;
    const bufSize = Math.floor(c.sampleRate * dur);
    const buf = c.createBuffer(1, bufSize, c.sampleRate);
    const data = buf.getChannelData(0);
    for(let i=0;i<bufSize;i++) data[i] = (Math.random()*2-1) * (1 - i/bufSize);
    const src = c.createBufferSource();
    src.buffer = buf;
    const filt = c.createBiquadFilter();
    filt.type = 'lowpass'; filt.frequency.value = lowpass;
    const g = c.createGain();
    g.gain.setValueAtTime(gainVal, t0);
    g.gain.exponentialRampToValueAtTime(0.001, t0+dur);
    src.connect(filt); filt.connect(g); g.connect(master);
    src.start(t0);
  }
  function loadExplosionBuffer(){
    if(explosionBuffer) return Promise.resolve(explosionBuffer);
    if(explosionLoading) return explosionLoading;
    const c = ensure();
    explosionLoading = fetch('art/audio/explosion.mp3')
      .then(r=>{ if(!r.ok) throw new Error('explosion.mp3 nicht gefunden'); return r.arrayBuffer(); })
      .then(arr=>c.decodeAudioData(arr))
      .then(decoded=>{ explosionBuffer = decoded; return decoded; })
      .catch(err=>{ explosionLoading = null; throw err; });
    return explosionLoading;
  }
  function playExplosionBuffer(gainVal=0.9){
    if(offlineCatchupActive) return; // NEU (TODO-OFFLINE-PROGRESS): stumm beim Catch-up-Loop
    const c = ensure();
    const src = c.createBufferSource();
    src.buffer = explosionBuffer;
    const g = c.createGain();
    g.gain.value = gainVal;
    src.connect(g); g.connect(master);
    src.start();
  }
  return {
    click(){ tone(720,0.05,'square',0.15); },
    buildOk(){ [0,0.08,0.16].forEach((d,i)=>tone(440+i*160,0.15,'triangle',0.2,d)); },
    error(){ tone(180,0.22,'sawtooth',0.22,0,90); },
    coin(){ tone(900,0.08,'sine',0.12); tone(1300,0.08,'sine',0.1,0.05); },
    launchRumble(){
      noiseBurst(2.2, 0, 0.35, 500);
      tone(70,2.2,'sawtooth',0.18,0,35);
    },
    launchSuccess(){
      [523,659,784,1046].forEach((f,i)=>tone(f,0.3,'triangle',0.22,i*0.09));
    },
    launchFail(){
      // Echter Explosions-Sound (art/audio/explosion.mp3); falls Datei fehlt/nicht lädt,
      // greift automatisch der alte synthetische Sound als Fallback.
      loadExplosionBuffer().then(()=>{
        playExplosionBuffer(0.9);
      }).catch(()=>{
        noiseBurst(0.6,0,0.5,900);
        tone(140,0.5,'sawtooth',0.25,0,40);
        tone(90,0.7,'sine',0.2,0.15,30);
      });
    },
    contractDone(){
      [660,880,660,990].forEach((f,i)=>tone(f,0.18,'sine',0.2,i*0.1));
    },
    warn(){ tone(300,0.15,'square',0.15); tone(240,0.15,'square',0.15,0.12); },
    // NEU (Retro-Boot-Effekte, auf Nutzerwunsch): klassischer einzelner BIOS-POST-Beep, ganz am
    // Anfang der Boot-Sequenz.
    postBeep(){ tone(1000, 0.12, 'square', 0.22); },
    // NEU: kurzes Disketten-/Festplatten-Zugriffsgeräusch (gefiltertes Rauschen + leichtes Knacken)
    // für Lade-/Mount-Zeilen und Fortschrittsbalken im Boot-Stream.
    diskAccess(){
      noiseBurst(0.09, 0, 0.18, 2400);
      tone(2200 + Math.random()*400, 0.02, 'square', 0.05, 0.03);
      tone(1800 + Math.random()*300, 0.02, 'square', 0.04, 0.07);
    },
    // NEU: kurzer, stilisierter Modem-Handshake-Sound (abwechselnde Pfeiftöne + Rauschen) für den
    // "Deep-Space-Uplink"-Teil des Boot-Streams — bewusst stark verkürzt (~1s) statt eines echten
    // 10+ Sekunden langen 56k-Handshakes, damit es zum restlichen Boot-Tempo passt.
    modemHandshake(){
      [1200,2100,1400,2400,1100].forEach((f,i)=>tone(f, 0.09, 'square', 0.07, i*0.11));
      noiseBurst(0.5, 0.05, 0.05, 3200);
    },
    toggleMute: toggleMute,
    isMuted(){ return muted; }
  };
})();

/* ============================== MUSIC (OST) ==============================
   Dateien werden erwartet unter: art/audio/ost/
   Passend zu Deep_Anchor_Soundtrack_Suno_Prompts.md
   Einfache Hintergrund-Playlist: spielt automatisch, läuft die Liste
   der Reihe nach durch und startet danach wieder von vorn.
============================================================================ */
const Music = (() => {
  const BASE = 'art/audio/ost/';
  const PLAYLIST = [
    BASE + '01_Deep_Anchor_Main_Theme.mp3',
    BASE + '02_Fertigungshalle.mp3',
    BASE + '03_Countdown.mp3',
    BASE + '04_Stille_Bahnen.mp3',
    BASE + '05_Sonde_im_Dunkeln.mp3',
    BASE + '06_Roter_Planet.mp3',
    BASE + '07_Terraforming.mp3',
    BASE + '08_Erstkontakt.mp3',
    BASE + '09_Wartungsdrohnen.mp3',
    BASE + '10_Kolonie_unter_fremden_Sternen.mp3',
  ];

  const VOL = 0.35;
  let muted = false, idx = 0, started = false;
  const audio = new Audio();
  audio.volume = VOL;
  let baseVolume = VOL;
  let fadeRAF = null;

  function fadeTo(target, durationMs){
    if(fadeRAF) cancelAnimationFrame(fadeRAF);
    const startVol = audio.volume;
    const startTime = performance.now();
    if(durationMs <= 0){ audio.volume = Math.max(0, Math.min(1, target)); fadeRAF = null; return; }
    function step(now){
      const t = Math.min(1, (now-startTime)/durationMs);
      audio.volume = Math.max(0, Math.min(1, startVol + (target-startVol)*t));
      if(t < 1){ fadeRAF = requestAnimationFrame(step); }
      else { fadeRAF = null; }
    }
    fadeRAF = requestAnimationFrame(step);
  }
  // Sanftes Runter-/Wiederhochdrehen (z.B. während Start-Sequenz), statt abrupt umzuschalten.
  function duck(toFraction=0.05, durationMs=700){
    fadeTo(baseVolume * toFraction, durationMs);
  }
  function unduck(durationMs=700){
    fadeTo(baseVolume, durationMs);
  }

  function loadCurrent(){
    audio.src = PLAYLIST[idx];
  }

  function next(){
    idx = (idx + 1) % PLAYLIST.length;
    loadCurrent();
    if(!muted) audio.play().catch(() => {});
  }
  audio.addEventListener('ended', next);

  function start(){
    if(started) return;
    started = true;
    loadCurrent();
    if(!muted) audio.play().catch(() => { /* wartet ggf. auf erste User-Interaktion */ });
  }

  function toggleMute(){
    muted = !muted;
    if(muted) audio.pause();
    else audio.play().catch(() => {});
    return muted;
  }

  function setVolume(v){
    baseVolume = Math.max(0, Math.min(1, v));
    if(!fadeRAF) audio.volume = baseVolume;
  }

  // Falls der Browser Autoplay ohne Interaktion blockiert: beim ersten
  // Klick/Tastendruck irgendwo auf der Seite die Wiedergabe nachholen.
  function armAutoplayUnlock(){
    const unlock = () => {
      if(!muted && audio.paused) audio.play().catch(() => {});
      document.removeEventListener('click', unlock);
      document.removeEventListener('keydown', unlock);
    };
    document.addEventListener('click', unlock, { once: true });
    document.addEventListener('keydown', unlock, { once: true });
  }

  return { start, toggleMute, isMuted: () => muted, armAutoplayUnlock, setVolume, duck, unduck };
})();

/* ============================== DATA CATALOG ============================== */
const CHASSIS = {
  klein:  { id:'klein',  name:'Klein',  cost:3000,  mass:50,  slots:3, reliability:0.95, locked:false },
  mittel: { id:'mittel', name:'Mittel', cost:8000,  mass:120, slots:5, reliability:0.92, locked:true, reqResearch:'chassisMittel' },
  gross:  { id:'gross',  name:'Groß',   cost:20000, mass:250, slots:7, reliability:0.88, locked:true, reqResearch:'chassisGross' },
  // NEU (TODO-WERFT-PFLICHT): große Chassis-Klassen, ausschließlich über die Werft-Montage
  // (renderAssembly/assemblySelectChassis) baubar, siehe werftOnly-Flag. "Mehr Laderaum"
  // bedeutet hier mehr Slots, nicht mehr kg-Massebudget.
  kolonie:  { id:'kolonie',  name:'Kolonieschiff', cost:65000, mass:400, slots:10, reliability:0.90, locked:true, reqResearch:'chassisKolonie', werftOnly:true },
  frachter: { id:'frachter', name:'Frachter',      cost:55000, mass:350, slots:13, reliability:0.91, locked:true, reqResearch:'chassisFrachter', werftOnly:true },
  // NEU (TODO-WERFT-PFLICHT-2): Lichtschiff/Sprungschiff waren bisher Trägerraketen, sind jetzt
  // Chassis — ausschließlich Werft-Montage, kein Erdstart. ΔV kommt wie bei jedem Schiff aus den
  // verbauten Treibstofftank-Modulen (computeSatDerived/assemblyStats), NICHT aus dem Chassis
  // selbst. Massebudget/Slots bewusst über Kolonie/Frachter, da für interstellare/intergalaktische
  // Reisen zusätzliche Tanks + Lebenserhaltung + Instrumente nötig sind.
  lichtschiff:  { id:'lichtschiff',  name:'Lichtschiff',  cost:310000, mass:600, slots:14, reliability:0.85, locked:true, reqResearch:'ueberlichtAntrieb', werftOnly:true },
  sprungschiff: { id:'sprungschiff', name:'Sprungschiff', cost:680000, mass:750, slots:16, reliability:0.80, locked:true, reqResearch:'intergalaktischerSprungantrieb', werftOnly:true },
  // NEU (TODO-RAUMSTATION, auf Nutzerwunsch): weiteres werft-exklusives Chassis — bei Ankunft im
  // ERDORBIT (missionType 'orbit') wird daraus NICHT einfach ein normaler Satellit, sondern die
  // dauerhafte, ausbaubare Raumstation in Betrieb genommen (siehe tick()-Ankunftslogik für
  // state.transitQueue und state.station). Braucht anders als Kolonieschiff kein spezielles Modul
  // an Bord — das Chassis selbst trägt die Bedeutung, analog zu Licht-/Sprungschiff.
  raumstation: { id:'raumstation', name:'Raumstationskern', cost:120000, mass:500, slots:6, reliability:0.93, locked:true, reqResearch:'raumstationForschung', werftOnly:true },
};

const MODULES = {
  power: [
    { id:'solar1', cat:'power', name:'Solarpanel I',  cost:1000, mass:10, power:20, locked:false },
    { id:'solar2', cat:'power', name:'Solarpanel II', cost:2500, mass:18, power:45, locked:true, reqResearch:'solar2' },
    { id:'solar3', cat:'power', name:'Solarpanel III',cost:6000, mass:30, power:90, locked:true, reqResearch:'solar3' },
    { id:'rtg1',   cat:'power', name:'Radioisotopengenerator', cost:9500, mass:26, power:35, locked:true, reqResearch:'rtg', desc:'Sonnenunabhängig — nötig für Missionen jenseits der Erdumlaufbahn.' },
  ],
  comm: [
    { id:'ant1', cat:'comm', name:'Antenne I',   cost:1200, mass:8,  bandwidth:15, locked:false },
    { id:'ant2', cat:'comm', name:'Antenne II',  cost:3000, mass:14, bandwidth:35, locked:true, reqResearch:'ant2' },
    { id:'ant3', cat:'comm', name:'Antenne III', cost:7000, mass:22, bandwidth:70, locked:true, reqResearch:'ant3' },
  ],
  payload: [
    { id:'cam',  cat:'payload', name:'Erdbeobachtungskamera', cost:4000, mass:25, powerDraw:15, type:'erdbeobachtung', value:3, locked:false },
    { id:'comm', cat:'payload', name:'Kommunikationsmodul',   cost:3500, mass:20, powerDraw:12, type:'kommunikation',  value:3, locked:false },
    { id:'wthr', cat:'payload', name:'Wettersensor',          cost:3000, mass:18, powerDraw:10, type:'wetter',         value:2, locked:false },
    { id:'nav',  cat:'payload', name:'Navigationschip',       cost:5000, mass:15, powerDraw:18, type:'navigation',     value:4, locked:false },
    { id:'res',  cat:'payload', name:'Forschungsinstrument',  cost:6000, mass:28, powerDraw:20, type:'forschung',      value:5, locked:true, reqResearch:'payloadRes' },
  ],
  fuel: [
    { id:'tank1', cat:'fuel', name:'Treibstofftank I',   cost:800,  mass:15, deltaV:40,  locked:false },
    { id:'tank2', cat:'fuel', name:'Treibstofftank II',  cost:2000, mass:28, deltaV:90,  locked:true, reqResearch:'tank2' },
    { id:'tank3', cat:'fuel', name:'Treibstofftank III', cost:4500, mass:45, deltaV:160, locked:true, reqResearch:'tank3' },
  ],
  lander: [
    { id:'lander1', cat:'lander', name:'Landestufe I', cost:11000, mass:40, powerDraw:5, locked:true, reqResearch:'landerTech', isLander:true },
  ],
  crew: [
    { id:'crewcapsule1', cat:'crew', name:'Crew-Kapsel', cost:52000, mass:95, powerDraw:24, locked:true, reqResearch:'crewKapsel', isCrewed:true, crewSize:4, desc:'Beheizte, druckversorgte Kapsel für die Besatzung — macht die Sonde zu einer bemannten Mission.' },
    { id:'lifesupport1', cat:'crew', name:'Lebenserhaltungssystem I', cost:19000, mass:32, powerDraw:22, locked:true, reqResearch:'crewKapsel', isLifeSupport:true, lifeSupportDays:70, desc:'Sauerstoff, Wasser & Nahrung für die Besatzung — reicht für kürzere Zeitfenster.' },
    { id:'lifesupport2', cat:'crew', name:'Lebenserhaltungssystem II', cost:33000, mass:44, powerDraw:29, locked:true, reqResearch:'lebenserhaltungII', isLifeSupport:true, lifeSupportDays:130, desc:'Erweiterte Reserve — sichereres Zeitfenster für Hin- und Rückflug samt Marsaufenthalt.' },
  ],
  terraform: [
    { id:'terraform1', cat:'terraform', name:'Treibhausgas-Emitter', cost:41000, mass:60, powerDraw:18, locked:true, reqResearch:'terraformingProgramm', terraformPoints:380, desc:'Setzt langlebige Treibhausgase frei, um die dünne Marsatmosphäre langsam zu verdichten — Grundidee realer Terraforming-Konzepte. Muss auf dem Mars landen, um Punkte beizusteuern.' },
    { id:'terraform2', cat:'terraform', name:'Bio-Reaktor', cost:78000, mass:85, powerDraw:26, locked:true, reqResearch:'terraformingErweitert', terraformPoints:900, desc:'Extremophile Mikroorganismen, die Böden aufbereiten und erste Sauerstoffspuren erzeugen — deutlich effizienter als der reine Treibhausgas-Emitter.' },
  ],
  colony: [
    { id:'colonymod1', cat:'colony', name:'Kolonie-Modul', cost:120000, mass:140, powerDraw:35, locked:true, reqResearch:'kolonisierungstechnik', isColonyModule:true, desc:'Autonomes Habitat mit Selbstversorgung — bei erfolgreicher Landung auf einem kolonisierbaren Exoplaneten wird automatisch eine dauerhafte Kolonie gegründet, die passives Einkommen liefert.' },
    // NEU (TODO-MOND-VOR-MARS): kompakteres, deutlich früheres Gegenstück speziell für den Mond
    // (siehe DEEP_SPACE.mond, reqResearch:'mondbasis') — moonOnly:true sorgt dafür, dass es NUR
    // beim Mond eine Kolonie auslöst (siehe tick()); auf Mars oder Exoplaneten bleibt weiterhin
    // colonymod1 nötig. Bewusst kein voller Ersatz für colonymod1, sondern ein realistischer
    // Zwischenschritt (kleine Mondstation vs. autonomes Habitat für ferne Welten).
    { id:'colonymodMond', cat:'colony', name:'Mond-Kolonie-Modul', cost:45000, mass:70, powerDraw:20, locked:true, reqResearch:'mondbasis', isColonyModule:true, moonOnly:true, desc:'Kompaktes Habitat für die erste dauerhafte Mondstation. Funktioniert NUR beim Mond selbst — für Kolonien auf Mars oder fernen Exoplaneten wird weiterhin das volle Kolonie-Modul (Kolonisierungstechnik) benötigt.' },
    // NEU (TODO-AUSSENKOLONISATION): analog zum Mond-Kolonie-Modul, aber für die beiden neuen
    // Außenposten-Ziele -- allowedDestKeys statt moonOnly, damit die gleiche Prüf-Logik in tick()
    // (siehe dort) beide Fälle generisch abdecken kann, ohne für jedes Ziel ein eigenes Flag zu
    // brauchen.
    { id:'colonymodAussen', cat:'colony', name:'Außenposten-Kolonie-Modul', cost:70000, mass:90, powerDraw:24, locked:true, reqResearch:'aussenkolonisation', isColonyModule:true, allowedDestKeys:['ceres','titanMond'], desc:'Autonomes Habitat für Rohstoff-/Langzeitaußenposten. Funktioniert NUR bei Ceres oder Titan — für Mars oder ferne Exoplaneten wird weiterhin das volle Kolonie-Modul (Kolonisierungstechnik) benötigt.' },
  ],
  role: [
    { id:'roleSonde',   cat:'role', name:'Sonde',          cost:0, mass:0, roleLabel:'Sonde',          locked:false, noSlot:true, desc:'Reine Kennzeichnung ohne Funktion und ohne Slotverbrauch — markiert dieses Fahrzeug im Hangar & bei der Fertigung klar als „Sonde" statt als generischen Satelliten.' },
    { id:'roleLander',  cat:'role', name:'Lander',         cost:0, mass:0, roleLabel:'Lander',         locked:false, noSlot:true, desc:'Reine Kennzeichnung ohne Funktion und ohne Slotverbrauch — markiert dieses Fahrzeug als Lander.' },
    { id:'roleKolonieschiff', cat:'role', name:'Kolonieschiff', cost:0, mass:0, roleLabel:'Kolonieschiff', locked:false, noSlot:true, desc:'Reine Kennzeichnung ohne Funktion und ohne Slotverbrauch — markiert dieses Fahrzeug als Kolonieschiff.' },
    { id:'roleAussenposten', cat:'role', name:'Außenposten', cost:0, mass:0, roleLabel:'Außenposten', locked:false, noSlot:true, desc:'Reine Kennzeichnung ohne Funktion und ohne Slotverbrauch — markiert dieses Fahrzeug als Außenposten-Schiff.' },
  ],
};
const MOD_CATS = [
  {id:'role', label:'Rolle'},
  {id:'power', label:'Energie'},
  {id:'comm', label:'Kommunikation'},
  {id:'payload', label:'Nutzlast'},
  {id:'fuel', label:'Treibstoff'},
  {id:'lander', label:'Landung'},
  {id:'crew', label:'Besatzung'},
  {id:'terraform', label:'Terraforming'},
  {id:'colony', label:'Kolonisierung'},
];

const ORBITS = {
  LEO: { id:'LEO', name:'LEO — Erdnaher Orbit', deltaVReq:30,  costMult:1.0, incomeMult:1.0, rx:0.30, ry:0.13, speed:0.9 },
  MEO: { id:'MEO', name:'MEO — Mittlerer Orbit', deltaVReq:80,  costMult:1.4, incomeMult:1.8, rx:0.42, ry:0.19, speed:0.55 },
  GEO: { id:'GEO', name:'GEO — Geostationär',    deltaVReq:150, costMult:2.1, incomeMult:3.0, rx:0.55, ry:0.25, speed:0.28 },
};

const ROCKETS = {
  sprinter: { id:'sprinter', name:'Sprinter',  cost:6000,  capacity:150, reliability:0.90, deltaV:40,  tier:1, locked:false },
  voyager:  { id:'voyager',  name:'Voyager',   cost:16000, capacity:320, reliability:0.94, deltaV:95,  tier:2, locked:true, reqResearch:'rocketMedium' },
  titan:    { id:'titan',    name:'Titan',     cost:32000, capacity:600, reliability:0.97, deltaV:170, tier:3, locked:true, reqResearch:'rocketHeavy' },
  pioneer:  { id:'pioneer',  name:'Pioneer',   cost:58000, capacity:520, reliability:0.93, deltaV:280, tier:4, locked:true, reqResearch:'rocketInterplanetary' },
  grandtour: { id:'grandtour', name:'Grand Tour', cost:98000, capacity:480, reliability:0.90, deltaV:390, tier:5, locked:true, reqResearch:'voyagerProgramm' },
  // Lichtschiff/Sprungschiff sind KEINE Erd-Trägerraketen mehr, siehe TODO-WERFT-PFLICHT-2
  // (Chassis-Einträge weiter unten in CHASSIS) — Pioneer/Grand Tour bleiben bewusst die
  // höchsten Erdstart-Raketen, ausschließlich für Sonnensystem-Sonden.
};

function isRocketUnlocked(r){ return !r.reqResearch || hasResearch(r.reqResearch); }

// NEU (TODO-KOLONIE-ORBIT): generischer Kolonie-Orbit für JEDE Kolonie (Mond, Mars, spätere
// Exoplaneten-Kolonien) — bewusst KEIN separates state.colonyOrbitSats-Array pro Kolonie,
// sondern dasselbe state.orbitSats-Array wie für die Erde, nur mit einem zusätzlichen
// s.location-Feld ('earth' oder der destKey der Kolonie). Dadurch funktionieren Verträge,
// Eigenes Netzwerk, Wartung/Reparatur, Schaden-Tick usw. automatisch für alle Orte mit, ohne
// dass jede dieser Stellen einzeln angepasst werden muss — nur Anzeige (Karte/Liste/Transit)
// und der Startvorgang selbst müssen ortsbewusst werden.
function ensureSatLocations(){
  state.orbitSats.forEach(s=>{ if(!s.location) s.location = 'earth'; });
  state.transitQueue.forEach(q=>{ if(!q.location) q.location = 'earth'; });
}
function orbitLocationName(loc){
  if(!loc || loc==='earth') return 'Erde';
  const col = state.colonies.find(c=>c.destKey===loc);
  if(col) return col.name;
  return (DEEP_SPACE[loc] && DEEP_SPACE[loc].name) || loc;
}
// Liste aller Ziele, an denen aktuell ein eigener Orbit möglich ist: Erde + jede Kolonie.
function orbitLocations(){
  return [{ key:'earth', name:'Erde' }, ...state.colonies.map(c=>({ key:c.destKey, name:c.name }))];
}

/* ============================== KOLONIE-AUSBAU (NEU, TODO-KOLONIE-AUSBAU) ==============================
   Jede Kolonie bekommt Bevölkerung (wächst mit der Zeit, gedeckelt durch Habitat-Kapazität) und
   drei Gebäudetypen, die man nacheinander in eine kolonieeigene Warteschlange baut. Bewusst
   simpel gehalten (kein eigenes Ressourcensystem, nur Geld+Tage wie überall sonst im Spiel):
   - habitat: erhöht die Bevölkerungs-Obergrenze (mehr Platz zum Wachsen)
   - fabrik:  erhöht das Kolonie-Einkommen direkt (mehr Produktion vor Ort)
   - antenne: erhöht das Kolonie-Einkommen zusätzlich (bessere Datenverbindung zur Erde) */
// NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG, Nutzer-Wunsch: "mehr gebeude so wie es realistisch auf
// einer kolonie aus sehen würde"): sechs neue Gebäudetypen, jeder mit einem eigenständigen Effekt
// statt nur einer weiteren +X%-Einkommen-Variante -- siehe die jeweiligen Verwendungsstellen
// (colonyGrowthCap(), colonyUpkeep(), colonyEffectiveIncome(), destCostMult(), colonySciencePerDay(),
// tickColonies()).
const COLONY_BUILDINGS = {
  habitat: { id:'habitat', name:'Habitat', desc:'Zusätzlicher Wohnraum — erhöht die Bevölkerungs-Obergrenze der Kolonie um 150.', baseCost:20000, buildDays:6, popCapBonus:150 },
  fabrik:  { id:'fabrik',  name:'Kolonie-Fabrik', desc:'Lokale Produktion — jede Stufe erhöht das Einkommen der Kolonie um 10%.', baseCost:30000, buildDays:8, incomeMult:0.10 },
  antenne: { id:'antenne', name:'Kolonie-Antenne', desc:'Bessere Datenverbindung zur Erde — jede Stufe erhöht das Einkommen der Kolonie um 6%.', baseCost:16000, buildDays:5, incomeMult:0.06 },
  lifeSupport: { id:'lifeSupport', name:'Lebenserhaltung', desc:'Sauerstoff- und Wasseraufbereitung — ohne ausreichende Kapazität stagniert das Bevölkerungswachstum, auch wenn im Habitat noch Platz wäre. Jede Stufe erhöht die Wachstums-Obergrenze um 250.', baseCost:24000, buildDays:7, growthCapBonus:250 },
  greenhouse: { id:'greenhouse', name:'Gewächshaus', desc:'Lokale Nahrungsmittelproduktion statt Nachschub von der Erde — jede Stufe senkt den Unterhalt pro Einwohner um 8% (max. 70%).', baseCost:18000, buildDays:6, upkeepPerPopCut:0.08 },
  medical: { id:'medical', name:'Krankenstation', desc:'Medizinische Versorgung — mildert die Einkommenseinbußen durch negative Kolonie-Ereignisse (Staubsturm, Ressourcenmangel) um 12% je Stufe (max. 80%).', baseCost:22000, buildDays:6, eventMitigation:0.12 },
  spaceport: { id:'spaceport', name:'Raumhafen', desc:'Eigene Start-/Landeinfrastruktur — senkt die Startkosten für Missionen zu diesem Ziel um 5% je Stufe (max. 50%).', baseCost:35000, buildDays:9, launchCostCut:0.05 },
  // NEU (TODO-KOLONIE-FORSCHUNG-CAP, Nutzer-Feedback: musste reduziert werden): maxLevel:1 --
  // vorher unbegrenzt baubar, wodurch Bevölkerung UND Stufenzahl gleichzeitig multiplizierten
  // (echter Doppel-Skalierungs-Effekt, der bei großen Kolonien explodierte). Die Bevölkerungs-
  // Kopplung bleibt sinnvoll erhalten, nur der zusätzliche Stufen-Multiplikator entfällt -- ab
  // Stufe 1 lässt sich kein weiterer Ausbau mehr in Auftrag geben, siehe queueColonyBuilding().
  researchOutpost: { id:'researchOutpost', name:'Forschungsaußenposten', desc:'Liefert passiv Forschungspunkte, proportional zur Einwohnerzahl. Pro Kolonie nur einmal baubar.', baseCost:28000, buildDays:8, sciencePerPop:0.05, maxLevel:1 },
  leisure: { id:'leisure', name:'Freizeitanlage', desc:'Erholung und Zufriedenheit — beschleunigt das Bevölkerungswachstum um 12% je Stufe.', baseCost:16000, buildDays:5, growthSpeedBonus:0.12 },
};
const COLONY_BASE_POP_CAP = 200;
// NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): Basis-Wachstumsdeckel OHNE Lebenserhaltung -- eine
// frisch gegründete Kolonie (Startbevölkerung 50) kann also erst mal bis 300 wachsen, auch ohne
// dieses Gebäude, damit der frühe Ausbau nicht sofort blockiert. Siehe colonyGrowthCap().
const COLONY_LIFE_SUPPORT_BASE_CAP = 300;
const COLONY_BUILD_COST_GROWTH = 1.35; // jede weitere Stufe desselben Gebäudetyps wird teurer
// NEU (TODO-UNTERHALTSKOSTEN, auf Nutzerwunsch: "jetzt müssen wir auch klangsam Geld verschwender
// bauen, da wir in letzter Zeit nur Geld-plus Sachen machen"): bislang waren Kolonien, Station und
// Unterfirmen reine Einnahmequellen ohne laufende Gegenkosten — im Gegensatz zu Satelliten, die
// pro Stück 15/Tag Wartung kosten (siehe upkeepTotal in tick()). Jede Kolonie kostet jetzt eine
// Grundverwaltungsgebühr plus einen Aufschlag pro Gebäudestufe (mehr Infrastruktur = mehr
// laufender Betrieb), unabhängig vom Bevölkerungsstand — bewusst NICHT von colonyEffectiveIncome()
// abgezogen, sondern wie beim Satelliten-Unterhalt ein eigener Posten in upkeepTotal, damit er in
// den Statistiken ("davon Wartungskosten") korrekt mit auftaucht.
const COLONY_UPKEEP_BASE = 20;
const COLONY_UPKEEP_PER_BUILDING = 10;
// NEU (TODO-PRO-KOPF-WIRTSCHAFT, auf Nutzerwunsch: "man hat einen Grundwert pro Person, die dort
// lebt, das sich dem entsprechend anpasst, dann könnten theoretisch die Unterhaltskosten auch
// erhöht werden"): der Unterhalt bekommt jetzt einen dritten Posten, der linear mit der
// tatsächlichen Bevölkerung mitwächst -- vorher war der Unterhalt komplett unabhängig von der
// Einwohnerzahl (nur Grundgebühr + Gebäude), obwohl das Einkommen (siehe colonyEffectiveIncome())
// jetzt direkt pro Kopf berechnet wird. Damit ist bewusst KEINE Garantie mehr eingebaut, dass
// eine Kolonie immer im Plus bleibt: bei einem negativen Kolonie-Ereignis (Staubsturm o.ä., siehe
// c.colonyEvent) sinkt das Pro-Kopf-Einkommen, während dieser Unterhaltsposten unverändert
// weiterläuft -- die Kolonie kann dadurch temporär ins Minus rutschen.
const COLONY_UPKEEP_PER_POP = 0.15;
// NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): buildingLevels zählt jetzt generisch ALLE Gebäudetypen
// (Object.values statt der drei fest verdrahteten alten Felder), damit neue Gebäude automatisch
// mitzählen, ohne diese Zeile jedes Mal anpassen zu müssen. Gewächshaus senkt zusätzlich die
// Pro-Kopf-Rate direkt hier (upkeepPerPopCut, gedeckelt bei 70% Reduktion).
function colonyUpkeep(c){
  const buildingLevels = Object.keys(COLONY_BUILDINGS).reduce((sum,k)=>sum+(c.buildings[k]||0), 0);
  const greenhouseCut = Math.min(0.7, (c.buildings.greenhouse||0) * COLONY_BUILDINGS.greenhouse.upkeepPerPopCut);
  const perPopRate = COLONY_UPKEEP_PER_POP * (1-greenhouseCut);
  return Math.round((COLONY_UPKEEP_BASE + buildingLevels*COLONY_UPKEEP_PER_BUILDING + c.population*perPopRate) * getDifficulty().costMult);
}

// Migration für Altspielstände: bestehende Kolonien (ohne population/buildings/buildQueue) bekommen
// einen sinnvollen Startwert, sobald sie zum ersten Mal geladen werden. Wird wie ensureSatLocations()
// bei jedem renderAll() aufgerufen (billig bei wenigen Kolonien, garantiert unabhängig vom Ladepfad).
function ensureColonyDefaults(){
  state.colonies.forEach(c=>{
    // Migration für Altspielstände: population fehlt komplett -> volle Kapazität annehmen,
    // damit das Einkommen bestehender Kolonien beim Laden nicht plötzlich einbricht. Neu
    // gegründete Kolonien bekommen ihren Startwert direkt bei der Gründung (siehe dort) und
    // laufen hier nie durch diesen Zweig.
    if(c.population==null){ if(!c.buildings) c.buildings = {habitat:0,fabrik:0,antenne:0}; c.population = colonyPopCap(c); }
    if(!c.buildings) c.buildings = { habitat:0, fabrik:0, antenne:0 };
    if(!c.buildQueue) c.buildQueue = [];
    // NEU (TODO-PRO-KOPF-WIRTSCHAFT): Migration für Altspielstände. Bisher war c.income ein
    // fixer Gesamtwert unabhängig von der Einwohnerzahl. Umrechnung auf das neue Pro-Kopf-Modell:
    // alter Fixwert / GRÜNDUNGS-Bevölkerung (fest 50, siehe queueColonyBuilding-Aufrufer/
    // COLONY_BASE_POP_CAP*0.25 in den Kolonie-Gründungsstellen), NICHT die aktuelle Bevölkerung
    // -- der alte Fixwert stammt aus der Gründungszeit und wuchs nie mit, eine spätere, längst
    // gewachsene Kopfzahl hätte den Satz künstlich verwässert (siehe BUGFIX-2 unten, das genau
    // diesen Fehler in bereits migrierten Altspielständen nachträglich repariert).
    if(c.incomePerPop==null){ c.incomePerPop = c.income ? +(c.income / 50).toFixed(3) : 0.4; }
    // BUGFIX-2 (TODO-KOLONIE-EINKOMMEN-REPARATUR, Nutzer-Feedback zum Screenshot: Mond-Kolonie
    // mit 1700/1700 Bevölkerung, Habitat Stufe 10, Fabrik/Antenne Stufe 3 -- trotzdem nur €36
    // Einkommen bei €435 Unterhalt): die Zeile direkt darüber teilte bislang durch die AKTUELLE
    // Bevölkerung statt durch die Gründungs-Bevölkerung (siehe Kommentar), wodurch bereits
    // migrierte Kolonien für immer einen winzigen, eingefrorenen incomePerPop-Wert behielten --
    // jeder weitere Fabrik-/Antennen-Ausbau multiplizierte diesen kaputten Wert nur weiter, ohne
    // ihn je zu korrigieren. Reparatur hier: liegt der gespeicherte Satz weit unter dem, was die
    // Gründungsformel für dieses Ziel eigentlich vorsieht (Mars: 5.0, alle anderen: 0.4), war er
    // mit sehr hoher Wahrscheinlichkeit durch genau diesen Bug verzerrt -- wird dann einmalig auf
    // den korrekten Gründungssatz zurückgesetzt.
    const properIncomePerPop = c.destKey==='mars' ? 5.0 : 0.4;
    if(c.incomePerPop < properIncomePerPop*0.3){ c.incomePerPop = properIncomePerPop; }
    // NEU (TODO-KOLONIE-EREIGNISSE): aktives Kolonie-Ereignis (Staubsturm/Ressourcenmangel/
    // Aufschwung, siehe EVENTS) — null solange keins läuft.
    if(c.colonyEvent===undefined) c.colonyEvent = null;
  });
}
function colonyPopCap(c){
  return COLONY_BASE_POP_CAP + (c.buildings.habitat||0) * COLONY_BUILDINGS.habitat.popCapBonus;
}
// NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): tatsächliche Wachstums-Obergrenze -- kann unter dem
// Habitat-Limit liegen, wenn zu wenig Lebenserhaltung gebaut ist. Wird in tickColonies() als
// Wachstumsziel verwendet, NICHT rückwirkend auf schon vorhandene Bevölkerung angewendet (eine
// bereits gewachsene Kolonie schrumpft dadurch nie plötzlich, sie hört nur auf zu wachsen, bis
// mehr Lebenserhaltung gebaut ist).
function colonyGrowthCap(c){
  const hardCap = colonyPopCap(c);
  const lifeSupportCap = COLONY_LIFE_SUPPORT_BASE_CAP + (c.buildings.lifeSupport||0) * COLONY_BUILDINGS.lifeSupport.growthCapBonus;
  return Math.min(hardCap, lifeSupportCap);
}
function colonyBuildingCost(c, type){
  const b = COLONY_BUILDINGS[type];
  const built = c.buildings[type]||0;
  return Math.round(b.baseCost * Math.pow(COLONY_BUILD_COST_GROWTH, built) * getDifficulty().costMult);
}
// Effektives Tageseinkommen einer Kolonie: NEU (TODO-PRO-KOPF-WIRTSCHAFT, auf Nutzerwunsch)
// direkt an die tatsächliche Kopfzahl gekoppelt statt an einen unsichtbaren Fixwert -- jeder
// Einwohner trägt c.incomePerPop bei, skaliert zusätzlich mit Fabrik-/Antennen-Stufen. Vorher
// hing das Einkommen an einer bei Gründung fixierten Zahl (c.income), die sich nie wieder änderte
// und nur zwischen 50%-100% durch einen Bevölkerungs-Auslastungs-Multiplikator schwankte --
// dadurch verdoppelte sich das Einkommen selbst bei 1700 statt 200 Einwohnern nie. Jetzt wächst
// das Einkommen linear mit, genau wie der Unterhalt (siehe colonyUpkeep()) -- eine Kolonie, die
// über die Habitat-Kapazität hinaus wächst, bringt jetzt wirklich proportional mehr ein.
// BUGFIX (Nutzer-Feedback: "1700 Bevölkerung aber 30 Euro Einkommen und der Unterhalt kostet
// 180 Euro"): das ursprüngliche Missverhältnis kam daher, dass hier komplett getDifficulty().
// incomeMult fehlte, während colonyUpkeep() den Kosten-Malus (costMult) sehr wohl bekam --
// dieser Fix bleibt erhalten, gilt jetzt für die neue Pro-Kopf-Formel.
function colonyEffectiveIncome(c){
  const buildMult = 1 + (c.buildings.fabrik||0)*COLONY_BUILDINGS.fabrik.incomeMult + (c.buildings.antenne||0)*COLONY_BUILDINGS.antenne.incomeMult;
  // NEU (TODO-KOLONIE-EREIGNISSE): aktives Ereignis (Staubsturm/Ressourcenmangel/Aufschwung)
  // wirkt als zusätzlicher, befristeter Multiplikator — analog zu state.marketEvent auf
  // Vertragsebene, nur eben pro Kolonie statt global. Da der Unterhalt (colonyUpkeep()) davon
  // unberührt bleibt, kann ein negatives Ereignis eine Kolonie temporär ins Minus drücken.
  // NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): Krankenstation mildert NUR negative Ereignisse
  // (mult<1) ab, indem sie den Multiplikator anteilig Richtung 1 zieht -- ein Aufschwung (mult>1)
  // bleibt unverändert voll wirksam, eine Krankenstation soll schließlich keinen Boom dämpfen.
  const rawEventMult = c.colonyEvent ? c.colonyEvent.mult : 1;
  const medicalMitigation = Math.min(0.8, (c.buildings.medical||0) * COLONY_BUILDINGS.medical.eventMitigation);
  const eventMult = rawEventMult < 1 ? rawEventMult + (1-rawEventMult)*medicalMitigation : rawEventMult;
  return Math.round(c.population * c.incomePerPop * buildMult * eventMult * getDifficulty().incomeMult);
}
// NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): passiver Forschungspunkte-Ertrag des
// Forschungsaußenposten-Gebäudes, proportional zur Einwohnerzahl -- siehe tickColonies().
function colonySciencePerDay(c){
  const level = c.buildings.researchOutpost||0;
  if(level<=0) return 0;
  return Math.round(c.population * COLONY_BUILDINGS.researchOutpost.sciencePerPop * level);
}
function queueColonyBuilding(destKey, type){
  const c = state.colonies.find(c=>c.destKey===destKey);
  if(!c) return;
  if(c.buildQueue.length>=3){ toast('Maximal 3 Bauprojekte gleichzeitig pro Kolonie.', 'bad'); Sound.error(); return; }
  // NEU (TODO-KOLONIE-FORSCHUNG-CAP): maxLevel-Gebäude (aktuell nur Forschungsaußenposten) lassen
  // sich nicht weiter ausbauen, sobald Cap erreicht ist -- gebaute Stufen PLUS bereits in der
  // Warteschlange stehende Aufträge desselben Typs zählen zusammen, sonst ließe sich der Cap durch
  // mehrfaches Anklicken vor Fertigstellung des ersten Auftrags umgehen.
  const maxLevel = COLONY_BUILDINGS[type].maxLevel;
  if(maxLevel){
    const queued = c.buildQueue.filter(q=>q.type===type).length;
    if((c.buildings[type]||0) + queued >= maxLevel){
      toast(`${COLONY_BUILDINGS[type].name} ist pro Kolonie nur ${maxLevel}× baubar.`, 'bad'); Sound.error(); return;
    }
  }
  const cost = colonyBuildingCost(c, type);
  if(state.money < cost){ toast('Nicht genug Guthaben für dieses Bauprojekt.', 'bad'); Sound.error(); return; }
  state.money -= cost;
  const days = Math.max(1, Math.round(COLONY_BUILDINGS[type].buildDays * getDifficulty().timeMult));
  c.buildQueue.push({ type, daysLeft: days, daysTotal: days });
  Sound.buildOk();
  toast(`${COLONY_BUILDINGS[type].name} auf ${c.name} in Bau genommen (${days} Tag(e)).`, 'good');
  renderAll();
}
// Täglicher Tick für alle Kolonien: Bevölkerungswachstum + Baufortschritt. Wird aus tick() heraus
// aufgerufen, analog zu den übrigen Warteschlangen (transitQueue, deepSpaceQueue, ...).
function tickColonies(){
  state.colonies.forEach(c=>{
    // NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): Wachstum zielt jetzt auf colonyGrowthCap() statt
    // direkt auf colonyPopCap() -- ohne genug Lebenserhaltung ist das kleiner als das Habitat-
    // Limit, siehe colonyGrowthCap(). Freizeitanlage beschleunigt die Wachstumsrate zusätzlich
    // (leisureSpeedMult), unabhängig vom Ereignis-growthMult.
    const leisureSpeedMult = 1 + (c.buildings.leisure||0) * COLONY_BUILDINGS.leisure.growthSpeedBonus;
    // NEU (TODO-KOLONIE-EREIGNISSE): laufendes Ereignis zuerst runterzählen/beenden, bevor
    // Wachstum berechnet wird — growthMult wirkt noch am letzten Tag des Ereignisses mit.
    if(c.colonyEvent){
      const growthMult = c.colonyEvent.growthMult;
      const growthCap = colonyGrowthCap(c);
      if(c.population < growthCap && growthMult > 0){
        const growth = Math.max(1, Math.round((growthCap - c.population) * 0.015 * growthMult * leisureSpeedMult));
        c.population = Math.min(growthCap, c.population + growth);
      }
      c.colonyEvent.daysLeft -= 1;
      if(c.colonyEvent.daysLeft <= 0){
        toast(`${c.colonyEvent.label} auf ${c.name} ist vorbei.`, '');
        c.colonyEvent = null;
      }
    } else {
      const growthCap = colonyGrowthCap(c);
      if(c.population < growthCap){
        const growth = Math.max(1, Math.round((growthCap - c.population) * 0.015 * leisureSpeedMult));
        c.population = Math.min(growthCap, c.population + growth);
      }
    }
    // NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): passiver Forschungspunkte-Ertrag des
    // Forschungsaußenposten, siehe colonySciencePerDay().
    const sciGain = colonySciencePerDay(c);
    if(sciGain>0) gainSciencePoints(sciGain);
    c.buildQueue.forEach(q=>{ q.daysLeft -= 1; });
    const done = c.buildQueue.filter(q=>q.daysLeft<=0);
    done.forEach(q=>{
      c.buildings[q.type] = (c.buildings[q.type]||0) + 1;
      toast(`${COLONY_BUILDINGS[q.type].name} auf ${c.name} fertiggestellt (Stufe ${c.buildings[q.type]}).`, 'good');
    });
    c.buildQueue = c.buildQueue.filter(q=>q.daysLeft>0);
  });
}

/* ============================== RAUMSTATION (NEU, TODO-RAUMSTATION, auf Nutzerwunsch) ==========
   Eine einzelne, dauerhafte Struktur im Erdorbit (state.station, im Gegensatz zu state.colonies
   KEIN Array — es gibt immer höchstens eine). Entsteht, wenn ein im Orbitalwerft montiertes
   Raumstationskern-Chassis (CHASSIS.raumstation) den Erdorbit erreicht (siehe tick()-Ankunft).
   Bewusst nach demselben Muster wie der Kolonie-Ausbau gebaut (Bevölkerung + drei Gebäudetypen +
   Bau-Warteschlange), aber mit DREI unterschiedlichen Effekten statt reiner Einkommens-Boosts:
   - wohnmodul: wie Kolonie-Habitat, erhöht Bevölkerungs-Obergrenze und damit das Einkommen
   - wartung:   wirkt NICHT aufs Stations-Einkommen, sondern auf die Wartungsdrohnen im Erdorbit
                (siehe stationRepairCostMult()/stationRepairCapacityBonus(), angewendet in
                buyRepairDrone())
   - andock:    wirkt auf die Orbitalwerft, reduziert die nötigen Lieferflüge für Sonnensystem-
                Ziele (siehe stationDeliveryFlightReduction(), angewendet in werftFlightsNeeded()) */
const STATION_BUILDINGS = {
  wohnmodul: { id:'wohnmodul', name:'Wohnmodul', desc:'Mehr Besatzung an Bord — erhöht die Bevölkerungs-Obergrenze der Station um 100 und damit ihr passives Einkommen.', baseCost:22000, buildDays:6, popCapBonus:100 },
  wartung:   { id:'wartung',   name:'Wartungsmodul', desc:'Jede Stufe senkt die Kosten neuer Wartungsdrohnen im Erdorbit um 8% (mind. 40% des Originalpreises) und gibt ihnen +2 zusätzliche Reparaturen Lebensdauer.', baseCost:26000, buildDays:7 },
  andock:    { id:'andock',    name:'Andockmodul', desc:'Dient als Zwischenstopp für Sonnensystem-Flüge — jede Stufe senkt die nötigen Orbitalwerft-Lieferflüge für Sonnensystem-Ziele um 1 (Minimum 1 Lieferflug bleibt immer nötig).', baseCost:32000, buildDays:8 },
};
const STATION_BASE_POP_CAP = 150;
const STATION_BASE_INCOME = 90;
function ensureStationDefaults(){
  if(!state.station) return;
  if(!state.station.buildings) state.station.buildings = { wohnmodul:0, wartung:0, andock:0 };
  if(state.station.population==null) state.station.population = STATION_BASE_POP_CAP;
  if(!state.station.buildQueue) state.station.buildQueue = [];
}
function stationPopCap(){
  return STATION_BASE_POP_CAP + (state.station.buildings.wohnmodul||0) * STATION_BUILDINGS.wohnmodul.popCapBonus;
}
function stationBuildingCost(type){
  const b = STATION_BUILDINGS[type];
  const built = state.station.buildings[type]||0;
  return Math.round(b.baseCost * Math.pow(COLONY_BUILD_COST_GROWTH, built) * getDifficulty().costMult);
}
// Effektives Tageseinkommen der Station: dieselbe Bevölkerungs-Skalierung (50%..100%) wie bei
// Kolonien, aber OHNE fabrik-/antennen-artigen Bonusmultiplikator — nur wohnmodul beeinflusst
// hier das Einkommen, wartung/andock wirken an anderer Stelle (s.o.).
function stationEffectiveIncome(){
  if(!state.station) return 0;
  const cap = stationPopCap();
  const popRatio = Math.min(1, state.station.population / cap);
  const popMult = 0.5 + 0.5*popRatio;
  return Math.round(STATION_BASE_INCOME * popMult * getDifficulty().incomeMult);
}
// Bonus für Wartungsdrohnen im Erdorbit (siehe buyRepairDrone()) — nur die Kostenreduktion ist
// gedeckelt (max. 60% Rabatt), die Kapazitätsbonus wächst unbegrenzt mit dem Ausbau.
function stationRepairCostMult(){
  if(!state.station) return 1;
  const lvl = state.station.buildings.wartung||0;
  return Math.max(0.4, 1 - lvl*0.08);
}
function stationRepairCapacityBonus(){
  return state.station ? (state.station.buildings.wartung||0) * 2 : 0;
}
// Reduziert die für Sonnensystem-Ziele nötigen Orbitalwerft-Lieferflüge (siehe
// werftFlightsNeeded()) — wirkt NICHT auf reine Erdorbit-Montagen, nur auf missionType
// 'deepspace', da die Station explizit als Sprungbrett Richtung Sonnensystem gedacht ist.
function stationDeliveryFlightReduction(){
  return state.station ? (state.station.buildings.andock||0) : 0;
}
// NEU (TODO-UNTERHALTSKOSTEN): analog zu colonyUpkeep() — Grundgebühr (bemannte Station, muss
// versorgt werden) plus Aufschlag pro Modulstufe, unabhängig vom Wohnmodul-Einkommen.
const STATION_UPKEEP_BASE = 30;
const STATION_UPKEEP_PER_BUILDING = 12;
function stationUpkeep(){
  if(!state.station) return 0;
  const buildingLevels = (state.station.buildings.wohnmodul||0) + (state.station.buildings.wartung||0) + (state.station.buildings.andock||0);
  return Math.round((STATION_UPKEEP_BASE + buildingLevels*STATION_UPKEEP_PER_BUILDING) * getDifficulty().costMult);
}
function queueStationBuilding(type){
  if(!state.station) return;
  if(state.station.buildQueue.length>=3){ toast('Maximal 3 Bauprojekte gleichzeitig auf der Raumstation.', 'bad'); Sound.error(); return; }
  const cost = stationBuildingCost(type);
  if(state.money < cost){ toast('Nicht genug Guthaben für dieses Bauprojekt.', 'bad'); Sound.error(); return; }
  state.money -= cost;
  const days = Math.max(1, Math.round(STATION_BUILDINGS[type].buildDays * getDifficulty().timeMult));
  state.station.buildQueue.push({ type, daysLeft: days, daysTotal: days });
  Sound.buildOk();
  toast(`${STATION_BUILDINGS[type].name} auf der Raumstation in Bau genommen (${days} Tag(e)).`, 'good');
  renderAll();
}
// Täglicher Tick für die Raumstation: Bevölkerungswachstum + Baufortschritt, analog zu
// tickColonies() — wird aus tick() heraus aufgerufen, aber nur wenn state.station existiert.
function tickStation(){
  if(!state.station) return;
  const cap = stationPopCap();
  if(state.station.population < cap){
    const growth = Math.max(1, Math.round((cap - state.station.population) * 0.015));
    state.station.population = Math.min(cap, state.station.population + growth);
  }
  state.station.buildQueue.forEach(q=>{ q.daysLeft -= 1; });
  const done = state.station.buildQueue.filter(q=>q.daysLeft<=0);
  done.forEach(q=>{
    state.station.buildings[q.type] = (state.station.buildings[q.type]||0) + 1;
    toast(`${STATION_BUILDINGS[q.type].name} auf der Raumstation fertiggestellt (Stufe ${state.station.buildings[q.type]}).`, 'good');
  });
  state.station.buildQueue = state.station.buildQueue.filter(q=>q.daysLeft>0);
}

// Bau- und Flugzeiten (in Spieltagen)
const CHASSIS_BUILD_DAYS = { klein:2, mittel:4, gross:7 };
function buildTimeFor(chassisId, modCount){
  const base = (CHASSIS_BUILD_DAYS[chassisId]||2) + Math.min(modCount, 7);
  return Math.max(1, Math.round(base * getDifficulty().timeMult));
}
const ORBIT_TRANSFER_DAYS = { LEO:1, MEO:4, GEO:9 };
const ROCKET_SPEED_FACTOR = { 1:1.0, 2:0.8, 3:0.6 }; // schnellere Oberstufen bei größeren Raketen
function transferTimeFor(orbitKey, rocket){
  const base = ORBIT_TRANSFER_DAYS[orbitKey] * (ROCKET_SPEED_FACTOR[rocket.tier]||1);
  return Math.max(1, Math.round(base * getDifficulty().timeMult));
}
// Forschungsdauer wird aus den Kosten abgeleitet (Wurzelskalierung statt linear), damit
// günstige Techs am Anfang noch in ein paar Wochen fertig sind, teure Spätspiel-Techs aber
// wirklich lange dauern (die teuersten Galaxien-Kartierungen landen bei mehreren Jahren).
// NEU (TODO-SCHWIERIGKEITSGRAD-ZEIT): bewusst _baseCost (der unskalierte Grundpreis vor
// applyDifficultyCostScaling) statt .cost verwendet — sonst würde sich costMult UND timeMult
// gleichzeitig auf die Forschungsdauer auswirken (doppelte Bestrafung/Belohnung). timeMult ist
// jetzt der einzige Hebel für die Dauer, costMult bleibt ausschließlich für den Preis zuständig.
function researchDaysFor(r){
  const baseCost = r._baseCost !== undefined ? r._baseCost : r.cost;
  return Math.max(5, Math.round(Math.sqrt(baseCost/12) * getDifficulty().timeMult));
}
// NEU (TODO-FORSCHUNGSPUNKTE, Nutzer-Feedback: "vielzu wenig forschungs punkte die man benötigt
// ... habe nach 6 oder 7 forschungs missionen über 5k forschungs punkte ... die forschungs punkte
// sollten mindestens so hoch sein wie die euro zahl, heist bei einer forschung die 12k kostet
// solte es auch 12k forschungs punkte sein"): 1. Version nutzte unabhängige sqrt()-Formeln für
// Kosten UND Einkommen, die beide zufällig viel niedriger lagen als der Euro-Preis -- Punkte
// waren dadurch quasi geschenkt. Jetzt 1:1 an den (unskalierten) Euro-Grundpreis gekoppelt, siehe
// r.noSciencePoints (weiterhin nur 'payloadRes').
function researchSciencePointsFor(r){
  if(r.noSciencePoints) return 0;
  const baseCost = r._baseCost !== undefined ? r._baseCost : r.cost;
  return Math.round(baseCost);
}

const PAYLOAD_TYPES = {
  erdbeobachtung: {label:'Erdbeobachtung', color:'#35d999'},
  kommunikation: {label:'Kommunikation', color:'#a5a5a5'},
  wetter: {label:'Wetter', color:'#ffb02e'},
  navigation: {label:'Navigation', color:'#ff6a2b'},
  forschung: {label:'Forschung', color:'#c17bff'},
};

// NEU (TODO-FORSCHUNGSBAUM-KATEGORIEN, Nutzer-Wunsch: "die forschungs zweige neu sortieren...
// eventuell auch kategorisieren"): jeder RESEARCH-Knoten trägt jetzt ein cat-Feld (siehe unten),
// hier die zugehörige Farbe + Anzeigename je Zweig. Rein visuell (linker Rand jedes Knotens im
// Forschungsbaum, siehe renderResearch()) -- ändert nichts an Freischaltlogik oder Layout, macht
// aber auf einen Blick sichtbar, welcher der sieben groben Zweige ein Knoten ist, gerade bei den
// langen, kaum verzweigten Ketten (Sonnensystem-Sonden, Interstellar, Intergalaktisch).
const RESEARCH_CATEGORIES = {
  grundlagen:     { label:'Grundlagen & Infrastruktur', color:'#8fa3c9' },
  wirtschaft:     { label:'Wirtschaft & Netzwerke',      color:'#35d999' },
  sonden:         { label:'Sonnensystem-Sonden',         color:'#ff6a2b' },
  besiedlung:     { label:'Bemannt & Besiedlung',        color:'#4fd1c5' },
  terraforming:   { label:'Terraforming',                color:'#c9704a' },
  interstellar:   { label:'Interstellar',                color:'#c17bff' },
  intergalaktisch:{ label:'Intergalaktisch',             color:'#ff6fae' },
};

const RESEARCH = [
  // NEU (TODO-BAUPLAN-KREATOR): schaltet den Blaupausen-Kreator frei (freies Entwerfen von
  // Chassis+Modul-Konfigurationen für Fabrik UND Orbitalwerft, ganz ohne bereits gebaute oder
  // ins Orbit-Lager gelieferte Bauteile) UND sperrt gleichzeitig das bisher voraussetzungslose
  // Speichern/Laden von normalen Bauplänen (state.blueprints) sowie Werft-Bauplänen
  // (state.werftBlueprints), bis erforscht — siehe blueprintSystemUnlocked(). Bewusst ohne
  // reqAll, damit früh im Spiel erforschbar.
  { id:'blaupausensystem', name:'Blaupausen-Designsystem', desc:'Schaltet den Blaupausen-Kreator frei: entwirf Chassis+Modul-Konfigurationen für Fabrik und Orbitalwerft frei am Reißbrett, ganz ohne bereits gebaute oder ins Orbit-Lager gelieferte Bauteile. Schaltet außerdem das Speichern und Laden von Bauplänen in Fabrik und Orbitalwerft frei (bis dahin gesperrt).', cost:12000, cat:'grundlagen' },
  { id:'chassisMittel', name:'Mittleres Chassis', desc:'Schaltet das Mittel-Chassis frei: mehr Slots, mehr Masse-Budget.', cost:15000, cat:'grundlagen' },
  { id:'chassisGross',  name:'Großes Chassis', desc:'Schaltet das Groß-Chassis frei für komplexe Missionen.', cost:40000, reqAll:['chassisMittel'], cat:'grundlagen' },
  { id:'fabrikausbau1', name:'Fabrikausbau I', desc:'Erweitert die Bauwarteschlange der Fabrik von 2 auf 4 gleichzeitige Bauplätze (Neubau + Umbau zusammen).', cost:10000, cat:'grundlagen' },
  { id:'fabrikausbau2', name:'Fabrikausbau II', desc:'Erweitert die Bauwarteschlange der Fabrik auf 6 gleichzeitige Bauplätze.', cost:24000, reqAll:['fabrikausbau1'], cat:'grundlagen' },
  { id:'fabrikausbau3', name:'Fabrikausbau III', desc:'Erweitert die Bauwarteschlange der Fabrik auf 8 gleichzeitige Bauplätze.', cost:45000, reqAll:['fabrikausbau2'], cat:'grundlagen' },
  { id:'fabrikausbau4', name:'Fabrikausbau IV', desc:'Erweitert die Bauwarteschlange der Fabrik auf das Maximum von 10 gleichzeitigen Bauplätzen.', cost:75000, reqAll:['fabrikausbau3'], cat:'grundlagen' },
  { id:'solar2', name:'Solarpanel II', desc:'Effizientere Solarzellen für mehr Energie pro Slot.', cost:8000, cat:'grundlagen' },
  { id:'solar3', name:'Solarpanel III', desc:'Hochleistungs-Solarzellen der nächsten Generation.', cost:22000, reqAll:['solar2'], cat:'grundlagen' },
  { id:'ant2', name:'Antenne II', desc:'Verbesserte Bandbreite für Kommunikationsaufträge.', cost:9000, cat:'grundlagen' },
  { id:'ant3', name:'Antenne III', desc:'Hochverstärkende Antennenanlage.', cost:24000, reqAll:['ant2'], cat:'grundlagen' },
  { id:'tank2', name:'Treibstofftank II', desc:'Mehr Treibstoffreserve — Satelliten verschleißen langsamer im Orbit.', cost:7000, cat:'grundlagen' },
  { id:'tank3', name:'Treibstofftank III', desc:'Maximale Reichweite bis GEO mit Reserve.', cost:20000, reqAll:['tank2'], cat:'grundlagen' },
  // NEU (TODO-FORSCHUNGSPUNKTE): bewusst noSciencePoints:true -- diese Forschung MUSS geld-only
  // bleiben, sonst kommt man nie an die erste Forschungspunkte-Quelle (Forschungsaufträge
  // brauchen genau dieses Modul an Bord, siehe hasInstrument/TYPE_WEIGHTS.forschung).
  { id:'payloadRes', name:'Forschungsinstrument', desc:'Schaltet hochwertige Forschungs-Nutzlast frei -- Grundvoraussetzung für Forschungsaufträge, die erste Quelle für Forschungspunkte.', cost:18000, noSciencePoints:true, cat:'grundlagen' },
  { id:'rocketMedium', name:'Voyager-Trägerrakete', desc:'Schaltet die Voyager-Rakete frei: mehr Nutzlastkapazität, höhere Zuverlässigkeit.', cost:20000, cat:'grundlagen' },
  { id:'rocketHeavy', name:'Titan-Trägerrakete', desc:'Schaltet die Titan-Schwerlastrakete frei — maximale Kapazität und Zuverlässigkeit.', cost:45000, reqAll:['rocketMedium'], cat:'grundlagen' },
  { id:'orbitalWerft', name:'Orbitalwerft', desc:'Schaltet die Orbitalwerft frei: Schiffe, die zu schwer für jede verfügbare Rakete sind (z.B. große Kolonieschiffe oder Außenposten), werden in mehreren Lieferflügen zur Werft transportiert und dort im Orbit montiert. Jeder Lieferflug ist ein eigener Raketenstart mit eigenem Risiko — dafür sind danach auch Sonnensystem- und Deep-Space-Ziele erreichbar, sofern das montierte Schiff genug eigene Treibstoffreserve für die Weiterreise hat.', cost:60000, reqAll:['chassisGross','rocketHeavy'], cat:'grundlagen' },
  // NEU (TODO-RAUMSTATION, auf Nutzerwunsch): schaltet ein weiteres werft-exklusives Chassis frei
  // (CHASSIS.raumstation) — einmal im Erdorbit montiert, wird daraus eine dauerhafte, ausbaubare
  // Raumstation (siehe STATION_BUILDINGS): passives Einkommen wie eine Kolonie, günstigere/
  // effektivere Wartungsdrohnen im Erdorbit, und ein Andockmodul, das die nötigen Lieferflüge für
  // Sonnensystem-Ziele reduziert.
  { id:'raumstationForschung', name:'Raumstations-Programm', desc:'Schaltet das Raumstationskern-Chassis frei (nur über die Orbitalwerft baubar). Einmal im Erdorbit montiert, wird daraus eine dauerhafte, ausbaubare Raumstation mit eigenen Ausbaustufen: Wohnmodul (passives Einkommen wie eine Kolonie), Wartungsmodul (günstigere und wirkungsvollere Wartungsdrohnen im Erdorbit) und Andockmodul (reduziert die nötigen Lieferflüge für Sonnensystem-Ziele).', cost:200000, reqAll:['orbitalWerft'], cat:'grundlagen' },
  { id:'chassisKolonie', name:'Kolonieschiff-Chassis', desc:'Schaltet das Kolonieschiff-Chassis frei: deutlich mehr Slots als Groß, ausschließlich über die Werft-Montage aus Orbit-Modulen baubar.', cost:70000, reqAll:['orbitalWerft'], cat:'grundlagen' },
  { id:'chassisFrachter', name:'Frachter-Chassis', desc:'Schaltet das Frachter-Chassis frei: die meisten Slots aller Chassis-Klassen, ausschließlich über die Werft-Montage aus Orbit-Modulen baubar.', cost:60000, reqAll:['orbitalWerft'], cat:'grundlagen' },
  { id:'reliability', name:'Qualitätssicherung', desc:'+5% Startzuverlässigkeit für alle Chassis.', cost:16000, cat:'grundlagen' },
  { id:'maintenance', name:'Effiziente Wartung', desc:'-25% laufende Wartungskosten pro Satellit.', cost:12000, cat:'grundlagen' },
  // NEU (v4-14): schaltet im Langzeit-Tab den Start eines eigenen Satelliten-Netzwerks frei
  // (Navigations- oder Kommunikationsdienst nach Vorbild GPS/Starlink) — reine Wirtschafts-
  // Freischaltung, keine reqAll, damit sie unabhängig vom übrigen Baum erreichbar ist.
  { id:'eigenesNetzwerk', name:'Eigenes Satelliten-Netzwerk', desc:'Schaltet im Langzeit-Tab die Gründung der ersten Unterfirma frei: ein eigenes Lizenznetzwerk aus einer von fünf Kategorien (Navigation, Kommunikation, Erdbeobachtung, Forschung oder Wetter) aus eigenen Satelliten (automatisch passend zur Kategorie benannt), das dauerhaft Lizenzgebühren einbringt — je größer das Netzwerk und je mehr verschiedene Orbits gleichzeitig genutzt werden, desto höher das Einkommen pro Satellit. Weitere Forschungen schalten bis zu vier zusätzliche, parallel laufende Unterfirmen frei.', cost:80000, cat:'wirtschaft' },
  // NEU (v4-31, TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch): Ausbaukette für insgesamt bis zu 4
  // gleichzeitig aktive Unterfirmen statt nur einer — jede Stufe schaltet einen weiteren Slot frei
  // (siehe getMaxNetworkSlots()), jede weitere Unterfirma kostet zudem beim Start mehr Startgebühr
  // (siehe ownNetworkStartCost()).
  { id:'netzwerkAusbau1', name:'Netzwerk-Expansion I', desc:'Schaltet eine zweite, unabhängige Unterfirma frei — ein zusätzliches eigenes Lizenznetzwerk (Navigation oder Kommunikation) mit eigenem Namen, eigener Satelliten-Zuweisung und eigenem Einkommen, parallel zur ersten Unterfirma.', cost:100000, reqAll:['eigenesNetzwerk'], cat:'wirtschaft' },
  { id:'netzwerkAusbau2', name:'Netzwerk-Expansion II', desc:'Schaltet eine dritte, unabhängige Unterfirma frei.', cost:160000, reqAll:['netzwerkAusbau1'], cat:'wirtschaft' },
  { id:'netzwerkAusbau3', name:'Netzwerk-Expansion III', desc:'Schaltet eine vierte, unabhängige Unterfirma frei.', cost:220000, reqAll:['netzwerkAusbau2'], cat:'wirtschaft' },
  // NEU (v4-33, TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch): fünfte und letzte Ausbaustufe,
  // passend zur fünften Kategorie "Wetterdatennetz" — jetzt entspricht die Slot-Obergrenze genau
  // der Anzahl der NETWORK_TYPES-Kategorien, sodass theoretisch jede Kategorie gleichzeitig eine
  // eigene Unterfirma haben kann.
  { id:'netzwerkAusbau4', name:'Netzwerk-Expansion IV', desc:'Schaltet eine fünfte und letzte unabhängige Unterfirma frei — Maximum von 5 gleichzeitig aktiven eigenen Netzwerken.', cost:280000, reqAll:['netzwerkAusbau3'], cat:'wirtschaft' },
  { id:'sondenprogramm', name:'Sondenprogramm', desc:'Grundlage für interplanetare Missionen — schaltet Mond-Sonden frei.', cost:26000, cat:'sonden' },
  { id:'landerTech', name:'Landetechnik', desc:'Ermöglicht Landestufen für weiche Landungen auf Mond, Venus und Mars — Grundstein für spätere bemannte Missionen.', cost:28000, reqAll:['sondenprogramm'], cat:'sonden' },
  { id:'rtg', name:'Radioisotopengenerator', desc:'Energieversorgung unabhängig vom Sonnenlicht, nötig für Missionen jenseits der Erdumlaufbahn.', cost:19000, reqAll:['sondenprogramm'], cat:'sonden' },
  { id:'rocketInterplanetary', name:'Pioneer-Trägerrakete', desc:'Schaltet die Pioneer-Rakete frei — genug ΔV für Mond- und Venus-Missionen.', cost:36000, reqAll:['rocketHeavy'], cat:'sonden' },
  { id:'venusMission', name:'Venus-Sondenprogramm', desc:'Schaltet Vorbeiflug-/Orbiter-Missionen zur Venus frei.', cost:31000, reqAll:['sondenprogramm','rtg'], cat:'sonden' },
  { id:'marsMission', name:'Mars-Sondenprogramm', desc:'Schaltet Vorbeiflug-/Orbiter-Missionen zum Mars frei — Grundstein für spätere Landungen und bemannte Missionen.', cost:39000, reqAll:['venusMission','rocketInterplanetary'], cat:'sonden' },
  { id:'merkurMission', name:'Merkur-Sondenprogramm', desc:'Schaltet Vorbeiflug-/Orbiter-Missionen zum Merkur frei — nutzt wie die echte Mariner-10-Mission eine Venus-Schwerkraftschleuder, um tief in die Sonnennähe vorzudringen.', cost:33000, reqAll:['venusMission','rocketInterplanetary'], cat:'sonden' },
  { id:'voyagerProgramm', name:'Voyager-Programm', desc:'Langstrecken-Kommunikation & Missionsplanung für die äußeren Planeten — die "Grand Tour" der Gasriesen.', cost:52000, reqAll:['rtg','rocketInterplanetary'], cat:'sonden' },
  { id:'gravityAssist', name:'Swing-by-Navigation', desc:'Gravitationsschleuder-Technik verkürzt Flugzeit und Treibstoffbedarf zu den äußeren Planeten erheblich.', cost:34000, reqAll:['voyagerProgramm'], cat:'sonden' },
  { id:'eismondeProgramm', name:'Eismond-Sondenprogramm', desc:'Gezielte Vorbeiflüge/Landungen auf den Eismonden Europa (Jupiter) und Titan (Saturn) — angelehnt an Galileo und Cassini-Huygens.', cost:44000, reqAll:['voyagerProgramm'], cat:'sonden' },
  { id:'grandTourErweiterung', name:'Erweiterte Grand Tour', desc:'Nutzt die seltene Planetenkonstellation für die verlängerte Voyager-2-Route zu Uranus und Neptun.', cost:50000, reqAll:['gravityAssist'], cat:'sonden' },
  { id:'zwergplanetenProgramm', name:'Zwergplaneten-Programm', desc:'Langstrecken-Missionen zu Ceres und Pluto am Rand des Sonnensystems — angelehnt an Dawn und New Horizons, zeitlich nach Abschluss der Grand Tour.', cost:58000, reqAll:['grandTourErweiterung'], cat:'sonden' },
  { id:'crewKapsel', name:'Crew-Kapsel-Technik', desc:'Schaltet die Crew-Kapsel und ein erstes Lebenserhaltungssystem frei — Grundlage für bemannte Mars-Missionen.', cost:70000, reqAll:['marsMission','landerTech'], cat:'besiedlung' },
  // NEU (TODO-MOND-VOR-MARS): eigener, früherer Kolonisierungs-Zweig NUR für den Mond — zweigt
  // direkt von crewKapsel ab (parallel zu lebenserhaltungII/terraformingProgramm), realistisch
  // angelehnt an NASA-Artemis/Gateway-Konzepte, die eine dauerhafte Mondpräsenz klar vor jeder
  // Mars-Besiedlung vorsehen. Schaltet das Mond-Kolonie-Modul frei (siehe MODULES, cat:'colony'),
  // das NUR beim Mond funktioniert (moonOnly:true) — für Mars/Exoplaneten bleibt weiterhin die
  // spätere, echte Kolonisierungstechnik nötig. Die eigentliche Sperre "kein Mars ohne Mondkolonie"
  // sitzt direkt in tick() (siehe dort), nicht im Forschungsbaum selbst — man KANN Mars parallel
  // weiter erforschen/terraformen, nur die finale Kolonie-Gründung wartet auf den Mond.
  { id:'mondbasis', name:'Mondbasis-Programm', desc:'Dauerhafte Habitat- und Versorgungstechnik für die erste permanente Außenstation der Menschheit — historisch der naheliegende erste Schritt vor jeder Mars-Besiedlung. Schaltet das kompakte Mond-Kolonie-Modul frei.', cost:60000, reqAll:['crewKapsel'], cat:'besiedlung' },
  // NEU (TODO-AUSSENKOLONISATION, Nutzer-Wunsch: "welche sind realistisch gesehen möglich
  // inklusive monde die man noch kolonisieren könnte"): eigener, mittelfrüher Kolonisierungs-Zweig
  // für Ceres und Titan -- realistisch angelehnt an echte Konzeptstudien (Ceres als
  // Rohstoff-/Industrieaußenposten im Asteroidengürtel dank geringer Schwerkraft, Titan als
  // Langfrist-Kandidat dank dichter Atmosphäre, die vor kosmischer Strahlung schützt). Bewusst
  // NICHT hinter der viel späteren interstellaren Kolonisierungstechnik versteckt, sondern zweigt
  // direkt von zwergplanetenProgramm/eismondeProgramm ab, sobald beide Ziele überhaupt erreichbar
  // sind -- plus mondbasis als Voraussetzung, weil die Doktrin erst mit der Mondbasis-Erfahrung
  // an entferntere Außenposten geht. Schaltet das Außenposten-Kolonie-Modul frei (siehe MODULES),
  // das NUR bei Ceres und Titan funktioniert (allowedDestKeys, analog zu moonOnly beim Mond).
  { id:'aussenkolonisation', name:'Außenposten-Kolonisierung', desc:'Kompakte, autonome Habitat-Technik für Ceres (Rohstoff-Außenposten im Asteroidengürtel) und Titan (Langzeit-Außenposten unter dichter Atmosphäre) — baut auf der Mondbasis-Erfahrung auf. Schaltet das Außenposten-Kolonie-Modul frei.', cost:220000, reqAll:['mondbasis','zwergplanetenProgramm','eismondeProgramm'], cat:'besiedlung' },
  { id:'lebenserhaltungII', name:'Erweiterte Lebenserhaltung', desc:'Langlebigeres Lebenserhaltungssystem mit mehr Reserve — sichereres Zeitfenster für Hin- und Rückflug zum Mars.', cost:38000, reqAll:['crewKapsel'], cat:'besiedlung' },
  { id:'terraformingProgramm', name:'Terraforming-Programm', desc:'Startet das Langzeitprojekt zur Umwandlung des Mars — schaltet den Treibhausgas-Emitter frei. Erfolgreiche Landungen mit diesem Modul liefern Terraforming-Punkte für den Mars.', cost:85000, reqAll:['lebenserhaltungII'], cat:'terraforming' },
  { id:'terraformingErweitert', name:'Erweitertes Terraforming', desc:'Bio-Reaktoren mit extremophilen Mikroorganismen — deutlich mehr Terraforming-Punkte pro Landung, nächster Schritt Richtung bewohnbarem Mars.', cost:150000, reqAll:['terraformingProgramm'], cat:'terraforming' },
  { id:'fusionsantrieb', name:'Fusionsantrieb', desc:'Kompakter Fusionsreaktor als Antrieb — deutlich mehr spezifischer Impuls als Chemie- oder Ionentriebwerke, Grundvoraussetzung für praktikable interstellare Reisezeiten.', cost:180000, reqAll:['zwergplanetenProgramm','reliability'], cat:'interstellar' },
  { id:'ueberlichtAntrieb', name:'Überlichtantrieb', desc:'Theoretisches Alcubierre-artiges Warpfeld-Konzept — komprimiert Reisezeiten zu benachbarten Sternsystemen von Jahrzehnten auf wenige hundert Tage. Schaltet das Lichtschiff-Chassis (nur über die Werft montierbar) sowie erste interstellare Ziele frei.', cost:420000, reqAll:['fusionsantrieb'], cat:'interstellar' },
  { id:'exoplanetenKartierung', name:'Exoplaneten-Kartierung', desc:'Hochauflösende Fernerkundung erlaubt gezielte Landeversuche auf bekannten Exoplaneten in benachbarten Sternsystemen statt nur Vorbeiflüge.', cost:260000, reqAll:['ueberlichtAntrieb'], cat:'interstellar' },
  { id:'kolonisierungstechnik', name:'Kolonisierungstechnik', desc:'Autonome Habitat-Module und Selbstversorgungssysteme — ermöglicht die Gründung dauerhafter Kolonien bei erfolgreicher Landung auf geeigneten Exoplaneten.', cost:340000, reqAll:['exoplanetenKartierung'], cat:'interstellar' },
  { id:'hyperraumtheorie', name:'Hyperraumtheorie', desc:'Theoretische Arbeiten zu gefalteten Raumzeit-Topologien — legt nahe, dass Distanzen jenseits der Milchstraße nicht durchflogen, sondern übersprungen werden müssen. Grundlage jeder intergalaktischen Reise.', cost:560000, reqAll:['kolonisierungstechnik'], cat:'interstellar' },
  { id:'intergalaktischerSprungantrieb', name:'Intergalaktischer Sprungantrieb', desc:'Erzeugt einen kurzlebigen Faltungstunnel durch den Hyperraum — statt Lichtjahre zurückzulegen, wird die Distanz zwischen zwei Punkten kurzzeitig auf null reduziert. Schaltet das Sprungschiff-Chassis (nur über die Werft montierbar) sowie erste Ziele in der Andromeda-Galaxie (M31) frei.', cost:950000, reqAll:['hyperraumtheorie'], cat:'intergalaktisch' },
  { id:'andromedaKartierung', name:'Andromeda-Kartierung', desc:'Erste Fernerkundungsdaten aus dem M31-System erlauben gezielte Landeversuche auf vielversprechenden Zielen statt nur Sprung-Vorbeiflüge.', cost:680000, reqAll:['intergalaktischerSprungantrieb'], cat:'intergalaktisch' },
  { id:'triangulumReichweite', name:'Triangulum-Reichweite', desc:'Neukalibrierung des Sprungtunnels auf die Dreiecksgalaxie M33 — das nächstgelegene große Nachbarsystem der Lokalen Gruppe rückt in Reichweite.', cost:1150000, reqAll:['andromedaKartierung'], cat:'intergalaktisch' },
  { id:'triangulumKartierung', name:'Triangulum-Kartierung', desc:'Detaillierte Fernerkundung von M33 erlaubt erste Landeversuche jenseits reiner Vorbeiflüge.', cost:1450000, reqAll:['triangulumReichweite'], cat:'intergalaktisch' },
  { id:'sculptorReichweite', name:'Sculptor-Reichweite', desc:'Der Sprung zur Sculptor-Galaxie (NGC 253) verlangt deutlich präzisere Tunnelkalibrierung — eine der hellsten Starburst-Galaxien am Himmel rückt in Reichweite.', cost:1800000, reqAll:['triangulumKartierung'], cat:'intergalaktisch' },
  { id:'sculptorKartierung', name:'Sculptor-Kartierung', desc:'Kartierung der dichten Sternentstehungsregionen von NGC 253 erlaubt gezielte Landeversuche abseits der aktivsten Zonen.', cost:2200000, reqAll:['sculptorReichweite'], cat:'intergalaktisch' },
  { id:'bodeReichweite', name:'Bode-Reichweite', desc:'Erschließt die Bode-Galaxie (M81) samt ihrer Begleitgalaxie M82 im selben Galaxienhaufen.', cost:2650000, reqAll:['sculptorKartierung'], cat:'intergalaktisch' },
  { id:'bodeKartierung', name:'Bode-Kartierung', desc:'Fernerkundung des M81/M82-Systems erlaubt erste Landungen — inklusive der von Gezeitenkräften stark aufgeheizten Regionen um M82.', cost:3200000, reqAll:['bodeReichweite'], cat:'intergalaktisch' },
  { id:'centaurusReichweite', name:'Centaurus-A-Reichweite', desc:'Erschließt Centaurus A (NGC 5128) — eine gewaltige elliptische Galaxie mit aktivem Schwarzen Loch und markanter Staubbahn.', cost:3850000, reqAll:['bodeKartierung'], cat:'intergalaktisch' },
  { id:'centaurusKartierung', name:'Centaurus-A-Kartierung', desc:'Kartierung der Staubbahn und der Randzonen des Jet-Systems von Centaurus A erlaubt vorsichtige Landeversuche abseits der Strahlungszonen.', cost:4600000, reqAll:['centaurusReichweite'], cat:'intergalaktisch' },
  { id:'whirlpoolReichweite', name:'Whirlpool-Reichweite', desc:'Erschließt die Whirlpool-Galaxie (M51) und ihre gravitativ wechselwirkende Begleitgalaxie NGC 5195.', cost:5400000, reqAll:['centaurusKartierung'], cat:'intergalaktisch' },
  { id:'whirlpoolKartierung', name:'Whirlpool-Kartierung', desc:'Kartierung der ausgeprägten Spiralarme von M51 erlaubt erste Landungen trotz der andauernden Gezeiten-Wechselwirkung.', cost:6350000, reqAll:['whirlpoolReichweite'], cat:'intergalaktisch' },
  { id:'sombreroReichweite', name:'Sombrero-Reichweite', desc:'Erschließt die Sombrero-Galaxie (M104) — bekannt für ihren markanten Staubring und den ungewöhnlich großen zentralen Bulge.', cost:7400000, reqAll:['whirlpoolKartierung'], cat:'intergalaktisch' },
  { id:'sombreroKartierung', name:'Sombrero-Kartierung', desc:'Kartierung des Staubrings von M104 erlaubt letzte, riskante Landeversuche am äußersten Rand der bekannten Reichweite.', cost:8600000, reqAll:['sombreroReichweite'], cat:'intergalaktisch' },
  { id:'antennaeReichweite', name:'Antennen-Reichweite', desc:'Erschließt die Antennen-Galaxien (NGC 4038/4039) — ein kollidierendes Galaxienpaar mit ausgeprägten Gezeitenschweifen.', cost:10200000, reqAll:['sombreroKartierung'], cat:'intergalaktisch' },
  { id:'antennaeKartierung', name:'Antennen-Kartierung', desc:'Kartierung der von der Kollision aufgewühlten Regionen erlaubt erste Landeversuche in den ruhigeren Außenbereichen des Paars.', cost:11800000, reqAll:['antennaeReichweite'], cat:'intergalaktisch' },
  { id:'m87Reichweite', name:'Virgo-A-Reichweite', desc:'Erschließt M87 (Virgo A) — eine gewaltige aktive elliptische Galaxie mit dem 2019 erstmals fotografierten supermassiven Schwarzen Loch.', cost:13800000, reqAll:['antennaeKartierung'], cat:'intergalaktisch' },
  { id:'m87Kartierung', name:'Virgo-A-Kartierung', desc:'Kartierung des riesigen Kugelsternhaufensystems von M87 erlaubt vorsichtige Landeversuche weit abseits des Jets.', cost:15600000, reqAll:['m87Reichweite'], cat:'intergalaktisch' },
  { id:'ngc1365Reichweite', name:'NGC-1365-Reichweite', desc:'Erschließt NGC 1365 im Fornax-Galaxienhaufen — eine Lehrbuch-Balkenspirale mit außergewöhnlich geradem Zentralbalken.', cost:17800000, reqAll:['m87Kartierung'], cat:'intergalaktisch' },
  { id:'ngc1365Kartierung', name:'NGC-1365-Kartierung', desc:'Kartierung der Balkenarme von NGC 1365 erlaubt Landeversuche in den ruhigeren Außenregionen der Balkenspirale.', cost:20200000, reqAll:['ngc1365Reichweite'], cat:'intergalaktisch' },
];

/* ============================== DEEP SPACE TARGETS (Sonnensystem) ============================== */
const DEEP_SPACE = {
  mond:  { id:'mond',  name:'Mond',  desc:'Vorbeiflug/Einschlagsonde — historisch der erste Schritt (Luna/Ranger-Ära).', deltaVReq:185, costMult:2.2, travelDays:3,  reqResearch:'sondenprogramm', scienceReward:16000, repReward:4, landingBaseChance:0.85, landingRewardMult:1.7,
    // NEU (TODO-MOND-VOR-MARS): der Mond ist jetzt ebenfalls colonizable — läuft über den
    // GENERISCHEN d.colonizable-Pfad in tick() wie die Exoplaneten, ABER mit dem eigenen, viel
    // früheren Mond-Kolonie-Modul (moonOnly:true, reqResearch:'mondbasis') statt der späten
    // Kolonisierungstechnik. Siehe MODULES (cat:'colony') sowie die Sperre "kein Mars ohne
    // Mondkolonie" in tick(). colonizeResearch nur fürs UI (renderDeepSpace()), NICHT für die
    // eigentliche Freischaltungslogik (die hängt am moonOnly-Flag des Moduls selbst).
    colonizable:true, colonizeResearch:'mondbasis' },
  venus: { id:'venus', name:'Venus', desc:'Vorbeiflug/Orbiter — angelehnt an frühe Venus-Sonden (Mariner/Venera-Ära).',   deltaVReq:225, costMult:3.2, travelDays:10, reqResearch:'venusMission',   scienceReward:27000, repReward:6, landingBaseChance:0.35, landingRewardMult:2.2 },
  mars:  { id:'mars',  name:'Mars',  desc:'Vorbeiflug/Orbiter — Grundstein für spätere Lander, Rover und bemannte Missionen.', deltaVReq:255, costMult:4.0, travelDays:16, reqResearch:'marsMission',    scienceReward:36000, repReward:8, landingBaseChance:0.6,  landingRewardMult:2.0 },
  merkur: { id:'merkur', name:'Merkur', desc:'Vorbeiflug/Orbiter — nutzt wie die echte Mariner-10-Mission eine Venus-Schwerkraftschleuder, um tief in die Sonnennähe vorzudringen.', deltaVReq:270, costMult:4.6, travelDays:14, reqResearch:'merkurMission', scienceReward:34000, repReward:7, landingBaseChance:0.2, landingRewardMult:2.6 },
  jupiter: { id:'jupiter', name:'Jupiter', desc:'Vorbeiflug im Rahmen des Voyager-Programms — Gasriese, keine feste Landung möglich.', deltaVReq:320, costMult:6.5, travelDays:38, reqResearch:'voyagerProgramm', scienceReward:58000, repReward:12, landingBaseChance:0, landingRewardMult:1, outer:true, noLandingReason:'Gasriese ohne feste Oberfläche' },
  saturn:  { id:'saturn',  name:'Saturn',  desc:'Vorbeiflug samt Ringsystem-Vermessung — zweites Ziel der "Grand Tour", keine feste Landung möglich.', deltaVReq:360, costMult:8.5, travelDays:58, reqResearch:'voyagerProgramm', scienceReward:78000, repReward:16, landingBaseChance:0, landingRewardMult:1, outer:true, noLandingReason:'Gasriese ohne feste Oberfläche' },
  uranus: { id:'uranus', name:'Uranus', desc:'Vorbeiflug im Rahmen der erweiterten Grand Tour — Eisriese mit gekipptem Rotationsachse, keine feste Landung möglich.', deltaVReq:385, costMult:9.8, travelDays:78, reqResearch:'grandTourErweiterung', scienceReward:88000, repReward:18, landingBaseChance:0, landingRewardMult:1, outer:true, noLandingReason:'Eisriese ohne feste Oberfläche' },
  neptun: { id:'neptun', name:'Neptun', desc:'Letzte Station der erweiterten Grand Tour, angelehnt an Voyager 2 (1989) — äußerster Eisriese, keine feste Landung möglich.', deltaVReq:420, costMult:12.5, travelDays:95, reqResearch:'grandTourErweiterung', scienceReward:105000, repReward:22, landingBaseChance:0, landingRewardMult:1, outer:true, noLandingReason:'Eisriese ohne feste Oberfläche' },
  europa: { id:'europa', name:'Europa', desc:'Eismond des Jupiter — Vorbeiflug zur Suche nach einem Ozean unter dem Eispanzer, angelehnt an Galileo & Europa Clipper.', deltaVReq:330, costMult:7.2, travelDays:42, reqResearch:'eismondeProgramm', scienceReward:68000, repReward:14, landingBaseChance:0.15, landingRewardMult:2.8, outer:true },
  titanMond: { id:'titanMond', name:'Titan', desc:'Saturnmond mit dichter Atmosphäre — Landung angelehnt an die historische Huygens-Sonde (2005).', deltaVReq:370, costMult:9.2, travelDays:62, reqResearch:'eismondeProgramm', scienceReward:85000, repReward:17, landingBaseChance:0.55, landingRewardMult:2.2, outer:true, colonizable:true, colonizeResearch:'aussenkolonisation' },
  ceres: { id:'ceres', name:'Ceres', desc:'Größter Zwergplanet im Asteroidengürtel — Ziel angelehnt an die Dawn-Mission.', deltaVReq:295, costMult:5.4, travelDays:31, reqResearch:'zwergplanetenProgramm', scienceReward:50000, repReward:10, landingBaseChance:0.5, landingRewardMult:1.9, colonizable:true, colonizeResearch:'aussenkolonisation' },
  pluto: { id:'pluto', name:'Pluto', desc:'Zwergplanet am Rand des Sonnensystems — reiner Vorbeiflug angelehnt an die New-Horizons-Mission, viel zu weit für eine Landung.', deltaVReq:410, costMult:11.5, travelDays:78, reqResearch:'zwergplanetenProgramm', scienceReward:98000, repReward:20, landingBaseChance:0, landingRewardMult:1, outer:true, noLandingReason:'zu weit entfernt für eine Landestufe' },
  alphaCentauri: { id:'alphaCentauri', name:'Alpha Centauri', desc:'Sonnennächstes Sternsystem (4,37 Lichtjahre) — Dreifachsystem aus Alpha Centauri A, B und Proxima Centauri, reiner Vorbeiflug zur Vermessung.', deltaVReq:900, costMult:30, travelDays:210, reqResearch:'ueberlichtAntrieb', scienceReward:240000, repReward:35, landingBaseChance:0, landingRewardMult:1, interstellar:true, distanceLy:4.37, mapAngle:0, noLandingReason:'Sternsystem ohne festen Zielkörper' },
  proximaB: { id:'proximaB', name:'Proxima b', desc:'Erdähnlicher Exoplanet in der habitablen Zone von Proxima Centauri — erstes echtes Landeziel außerhalb des Sonnensystems.', deltaVReq:950, costMult:34, travelDays:230, reqResearch:'exoplanetenKartierung', scienceReward:280000, repReward:42, landingBaseChance:0.22, landingRewardMult:3.2, interstellar:true, distanceLy:4.24, mapAngle:137.5, colonizable:true },
  barnardsStern: { id:'barnardsStern', name:'Barnards Stern b', desc:'Frostiger Supererde-Kandidat um das zweitnächste Sternsystem — roter Zwerg mit langsamer Eigenbewegung.', deltaVReq:1000, costMult:38, travelDays:260, reqResearch:'exoplanetenKartierung', scienceReward:310000, repReward:46, landingBaseChance:0.12, landingRewardMult:2.8, interstellar:true, distanceLy:5.96, mapAngle:275, colonizable:true },
  wolf359: { id:'wolf359', name:'Wolf 359', desc:'Sehr lichtschwacher roter Zwerg, bekannt für starke Flares — bislang keine bestätigten Planeten.', deltaVReq:1199, costMult:40.5, travelDays:286, reqResearch:'ueberlichtAntrieb', scienceReward:270000, repReward:39, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:7.86, mapAngle:52.5 },
  lalande21185: { id:'lalande21185', name:'Lalande 21185', desc:'Roter Zwerg mit mindestens zwei bestätigten Planeten — einer davon am äußeren Rand der habitablen Zone.', deltaVReq:1216, costMult:41.5, travelDays:293, reqResearch:'exoplanetenKartierung', scienceReward:276000, repReward:40, landingBaseChance:0.21, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:8.31, mapAngle:190 },
  sirius: { id:'sirius', name:'Sirius', desc:'Hellster Stern des Nachthimmels — Doppelstern mit einem Weißen Zwerg als Begleiter, keine bekannten Planeten.', deltaVReq:1227, costMult:42.1, travelDays:298, reqResearch:'ueberlichtAntrieb', scienceReward:279000, repReward:41, landingBaseChance:0, landingRewardMult:1, noLandingReason:'Doppelstern-System, keine feste Oberfläche gefunden', interstellar:true, distanceLy:8.6, mapAngle:327.5 },
  luyten7268: { id:'luyten7268', name:'Luyten 726-8', desc:'Enges Doppelsystem aus zwei roten Zwergen (u.a. UV Ceti) mit häufigen Flare-Ausbrüchen — keine bestätigten Planeten.', deltaVReq:1231, costMult:42.3, travelDays:299, reqResearch:'ueberlichtAntrieb', scienceReward:280000, repReward:41, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:8.7, mapAngle:105 },
  ross154: { id:'ross154', name:'Ross 154', desc:'Flare-Stern im Sternbild Schütze — bislang keine bestätigten Planeten.', deltaVReq:1268, costMult:44.3, travelDays:315, reqResearch:'ueberlichtAntrieb', scienceReward:291000, repReward:42, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:9.68, mapAngle:242.5 },
  ross248: { id:'ross248', name:'Ross 248', desc:'Roter Zwerg, der sich der Sonne langsam nähert — in rund 36.000 Jahren nächster Nachbarstern. Keine bestätigten Planeten.', deltaVReq:1291, costMult:45.6, travelDays:325, reqResearch:'ueberlichtAntrieb', scienceReward:298000, repReward:44, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:10.3, mapAngle:20 },
  epsilonEridani: { id:'epsilonEridani', name:'Epsilon Eridani', desc:'Junger sonnenähnlicher Stern mit Trümmerscheibe und einem bestätigten Gasriesen — Inspiration für zahlreiche Science-Fiction-Werke.', deltaVReq:1299, costMult:46.0, travelDays:328, reqResearch:'ueberlichtAntrieb', scienceReward:301000, repReward:44, landingBaseChance:0, landingRewardMult:1, noLandingReason:'nur Gasriese bestätigt, keine feste Oberfläche', interstellar:true, distanceLy:10.5, mapAngle:157.5 },
  lacaille9352: { id:'lacaille9352', name:'Lacaille 9352', desc:'Vergleichsweise heller roter Zwerg — bislang keine bestätigten Planeten.', deltaVReq:1307, costMult:46.5, travelDays:331, reqResearch:'ueberlichtAntrieb', scienceReward:303000, repReward:44, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:10.7, mapAngle:295 },
  ross128: { id:'ross128', name:'Ross 128', desc:'Ruhiger roter Zwerg mit dem gemäßigten Exoplaneten Ross 128 b nahe der habitablen Zone. Hier wurden erste unbekannte Signalmuster registriert.', deltaVReq:1318, costMult:47.1, travelDays:336, reqResearch:'exoplanetenKartierung', scienceReward:306000, repReward:45, landingBaseChance:0.17, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:11.0, mapAngle:72.5 },
  procyon: { id:'procyon', name:'Procyon', desc:'Heller Doppelstern mit Weißem-Zwerg-Begleiter im Sternbild Kleiner Hund — keine bekannten Planeten.', deltaVReq:1333, costMult:47.9, travelDays:342, reqResearch:'ueberlichtAntrieb', scienceReward:311000, repReward:45, landingBaseChance:0, landingRewardMult:1, noLandingReason:'Doppelstern-System, keine feste Oberfläche gefunden', interstellar:true, distanceLy:11.4, mapAngle:210 },
  s61Cygni: { id:'s61Cygni', name:'61 Cygni', desc:'Enges Doppelsystem zweier oranger Zwerge, historisch der erste Stern mit gemessener Parallaxe — keine bestätigten Planeten.', deltaVReq:1333, costMult:47.9, travelDays:342, reqResearch:'ueberlichtAntrieb', scienceReward:311000, repReward:45, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:11.4, mapAngle:347.5 },
  epsilonIndi: { id:'epsilonIndi', name:'Epsilon Indi', desc:'Oranger Zwerg mit fernem substellarem Doppel-Begleiterpaar und einem bestätigten Gasriesen.', deltaVReq:1348, costMult:48.8, travelDays:349, reqResearch:'ueberlichtAntrieb', scienceReward:316000, repReward:46, landingBaseChance:0, landingRewardMult:1, noLandingReason:'nur Gasriese bestätigt, keine feste Oberfläche', interstellar:true, distanceLy:11.8, mapAngle:40 },
  tauCeti: { id:'tauCeti', name:'Tau Ceti', desc:'Sonnenähnlicher Stern mit mehreren Planetenkandidaten, darunter zwei in der habitablen Zone — beliebtes SETI-Zielsystem, gilt als vielversprechendster Kandidat für dauerhafte Besiedlung.', deltaVReq:1352, costMult:49.0, travelDays:350, reqResearch:'exoplanetenKartierung', scienceReward:317000, repReward:46, landingBaseChance:0.16, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:11.9, mapAngle:177.5 },
  gj1061: { id:'gj1061', name:'GJ 1061', desc:'Ruhiger roter Zwerg mit drei bestätigten Gesteinsplaneten, einer davon in der habitablen Zone.', deltaVReq:1352, costMult:49.0, travelDays:350, reqResearch:'exoplanetenKartierung', scienceReward:317000, repReward:46, landingBaseChance:0.16, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:11.9, mapAngle:315 },
  luytensStar: { id:'luytensStar', name:'Luyten\'s Star', desc:'Roter Zwerg mit dem potenziell gemäßigten Exoplaneten Luyten b nahe der habitablen Zone.', deltaVReq:1371, costMult:50.0, travelDays:358, reqResearch:'exoplanetenKartierung', scienceReward:323000, repReward:47, landingBaseChance:0.16, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:12.4, mapAngle:92.5 },
  teegardensStar: { id:'teegardensStar', name:'Teegarden\'s Star', desc:'Erst 2019 näher untersuchter roter Zwerg mit zwei erdgroßen Planeten in der habitablen Zone — einer der aussichtsreichsten bekannten Kandidaten.', deltaVReq:1375, costMult:50.2, travelDays:360, reqResearch:'exoplanetenKartierung', scienceReward:324000, repReward:47, landingBaseChance:0.16, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:12.5, mapAngle:230 },
  kapteynsStar: { id:'kapteynsStar', name:'Kapteyn\'s Star', desc:'Alter, schnell bewegter roter Unterzwerg mit einem Planetenkandidaten am Rand der habitablen Zone.', deltaVReq:1386, costMult:50.9, travelDays:365, reqResearch:'exoplanetenKartierung', scienceReward:327000, repReward:48, landingBaseChance:0.15, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:12.8, mapAngle:5 },
  lacaille8760: { id:'lacaille8760', name:'Lacaille 8760', desc:'Vergleichsweise heller roter Zwerg — bislang keine bestätigten Planeten.', deltaVReq:1390, costMult:51.1, travelDays:366, reqResearch:'ueberlichtAntrieb', scienceReward:328000, repReward:48, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:12.9, mapAngle:142.5 },
  kruger60: { id:'kruger60', name:'Kruger 60', desc:'Enges Doppelsystem zweier roter Zwerge — bislang keine bestätigten Planeten.', deltaVReq:1398, costMult:51.5, travelDays:370, reqResearch:'ueberlichtAntrieb', scienceReward:331000, repReward:48, landingBaseChance:0, landingRewardMult:1, noLandingReason:'keine bestätigten Planeten', interstellar:true, distanceLy:13.1, mapAngle:280 },
  wolf1061: { id:'wolf1061', name:'Wolf 1061', desc:'Roter Zwerg mit drei bekannten Planeten, einer davon in der habitablen Zone.', deltaVReq:1424, costMult:53.0, travelDays:381, reqResearch:'exoplanetenKartierung', scienceReward:339000, repReward:49, landingBaseChance:0.14, landingRewardMult:2.6, colonizable:true, interstellar:true, distanceLy:13.8, mapAngle:317.5 },
  vanMaanensStar: { id:'vanMaanensStar', name:'Van Maanen\'s Star', desc:'Isolierter Weißer Zwerg — Überrest eines sonnenähnlichen Sterns, keine bekannten Planeten.', deltaVReq:1436, costMult:53.6, travelDays:386, reqResearch:'ueberlichtAntrieb', scienceReward:342000, repReward:50, landingBaseChance:0, landingRewardMult:1, noLandingReason:'Weißer Zwerg, keine feste Oberfläche gefunden', interstellar:true, distanceLy:14.1, mapAngle:55 },
  m31Kernregion: { id:'m31Kernregion', name:'M31-Kernregion', desc:'Der dichte, von einem supermassiven Schwarzen Loch dominierte Zentralbereich der Andromeda-Galaxie — der Sprungtunnel setzt die Sonde am Rand der galaktischen Kernwölbung ab, reiner Vorbeiflug zur Vermessung.', deltaVReq:2400, costMult:82, travelDays:540, reqResearch:'intergalaktischerSprungantrieb', scienceReward:640000, repReward:65, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'andromeda', distanceMly:2.5, mapAngle:0, mapCore:true, noLandingReason:'galaktischer Kernbereich ohne festen Zielkörper' },
  andromedaAussenspiraleI: { id:'andromedaAussenspiraleI', name:'Außenspirale I', desc:'Ein junger Gesteinsplanet am Rand eines Spiralarms von M31, mit dichter, sauerstoffreicher Atmosphäre — erstes echtes Landeziel jenseits der Milchstraße.', deltaVReq:2480, costMult:88, travelDays:580, reqResearch:'andromedaKartierung', scienceReward:720000, repReward:70, landingBaseChance:0.18, landingRewardMult:2.8, colonizable:true, intergalactic:true, galaxy:'andromeda', distanceMly:2.52, mapAngle:35 },
  sprungpforteXi: { id:'sprungpforteXi', name:'Sprungpforte Xi', desc:'Eine sonderbar regelmäßige Gravitationsanomalie nahe eines toten Sterns — die Messdaten legen nahe, dass sie nicht natürlichen Ursprungs ist. Reiner Erkundungsvorbeiflug, Landung nicht möglich.', deltaVReq:2520, costMult:92, travelDays:600, reqResearch:'intergalaktischerSprungantrieb', scienceReward:760000, repReward:74, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'andromeda', distanceMly:2.54, mapAngle:155, noLandingReason:'keine feste Oberfläche, Ursprung ungeklärt' },
  oberweltKryon: { id:'oberweltKryon', name:'Oberwelt Kryon', desc:'Ein von dichten Wolkenbändern verhüllter Supererde-Kandidat mit stabilem Magnetfeld — Fernerkundung deutet auf gemäßigtes Klima unter der Wolkendecke hin.', deltaVReq:2560, costMult:96, travelDays:625, reqResearch:'andromedaKartierung', scienceReward:790000, repReward:76, landingBaseChance:0.14, landingRewardMult:2.7, colonizable:true, intergalactic:true, galaxy:'andromeda', distanceMly:2.55, mapAngle:250 },
  echofeldTriangulum: { id:'echofeldTriangulum', name:'Echofeld (Richtung Triangulum)', desc:'Am äußersten Rand der Reichweite des Sprungantriebs gelegen, mit Sichtlinie zur benachbarten Dreiecksgalaxie M33 — die Sonde registriert schwache, sich wiederholende Signalmuster aus dieser Richtung, deren Ursprung ungeklärt bleibt.', deltaVReq:2620, costMult:105, travelDays:680, reqResearch:'andromedaKartierung', scienceReward:860000, repReward:82, landingBaseChance:0.1, landingRewardMult:2.6, colonizable:true, intergalactic:true, galaxy:'andromeda', distanceMly:2.7, mapAngle:305 },
  tiefenfeldEcho: { id:'tiefenfeldEcho', name:'Tiefenfeld Echo', desc:'Der bislang am weitesten entfernte erreichbare Punkt — eine Region jenseits der äußeren Spiralarme von M31, an der Grenze dessen, was der Sprungantrieb heute leisten kann. Reiner Vorbeiflug, viel zu weit für eine Landestufe.', deltaVReq:2680, costMult:118, travelDays:740, reqResearch:'intergalaktischerSprungantrieb', scienceReward:950000, repReward:90, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'andromeda', distanceMly:2.8, mapAngle:95, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- Triangulum (M33) ---
  triangulumKernregion: { id:'triangulumKernregion', name:'Triangulum-Kernregion', desc:'Der relativ locker aufgebaute Zentralbereich von M33 ohne massiven zentralen Balken — reiner Vermessungs-Vorbeiflug.', deltaVReq:2420, costMult:94, travelDays:620, reqResearch:'triangulumReichweite', scienceReward:736000, repReward:75, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'triangulum', distanceMly:2.7, mapAngle:0, mapCore:true, noLandingReason:'galaktischer Kernbereich ohne festen Zielkörper' },
  triangulumSternbildungsfeld: { id:'triangulumSternbildungsfeld', name:'Sternbildungsfeld NGC 604', desc:'Aktives Sternentstehungsgebiet nahe einer der größten bekannten HII-Regionen — junge, heiße Sterne inmitten dichter Gaswolken.', deltaVReq:2450, costMult:108, travelDays:680, reqResearch:'triangulumKartierung', scienceReward:850000, repReward:84, landingBaseChance:0.2, landingRewardMult:2.8, colonizable:true, intergalactic:true, galaxy:'triangulum', distanceMly:2.72, mapAngle:45 },
  triangulumSignalquelle: { id:'triangulumSignalquelle', name:'Signalquelle Echofeld', desc:'Der Ursprung der aus Andromeda registrierten Echofeld-Signale — die Messdaten bleiben widersprüchlich, mehr als ein Vorbeiflug erlaubt die aktuelle Technik nicht.', deltaVReq:2480, costMult:116, travelDays:705, reqResearch:'triangulumReichweite', scienceReward:900000, repReward:90, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'triangulum', distanceMly:2.74, mapAngle:120, noLandingReason:'Ursprung der Signale ungeklärt, kein fester Zielkörper' },
  triangulumAussenring: { id:'triangulumAussenring', name:'Außenring', desc:'Gesteinsplanet im äußeren Scheibenbereich von M33, mit dünner Atmosphäre und ausgedehnten Kraterfeldern.', deltaVReq:2520, costMult:122, travelDays:750, reqResearch:'triangulumKartierung', scienceReward:970000, repReward:96, landingBaseChance:0.16, landingRewardMult:2.7, colonizable:true, intergalactic:true, galaxy:'triangulum', distanceMly:2.76, mapAngle:190 },
  triangulumNebelrand: { id:'triangulumNebelrand', name:'Nebelrand', desc:'Kleiner Ozeanplanet am Rand eines Emissionsnebels, dessen Strahlung die Atmosphäre in changierenden Farben leuchten lässt.', deltaVReq:2560, costMult:130, travelDays:810, reqResearch:'triangulumKartierung', scienceReward:1040000, repReward:100, landingBaseChance:0.13, landingRewardMult:2.9, colonizable:true, intergalactic:true, galaxy:'triangulum', distanceMly:2.85, mapAngle:260 },
  triangulumRandzone: { id:'triangulumRandzone', name:'Triangulum-Randzone', desc:'Äußerste erreichbare Zone von M33, an der Reichweitengrenze des Sprungantriebs — zu weit für eine Landestufe.', deltaVReq:2600, costMult:136, travelDays:850, reqResearch:'triangulumReichweite', scienceReward:1092000, repReward:104, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'triangulum', distanceMly:2.95, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- Sculptor (NGC 253) ---
  sculptorKernregion: { id:'sculptorKernregion', name:'Sculptor-Kernregion', desc:'Extrem aktiver, staubverhüllter Zentralbereich mit außergewöhnlich hoher Sternentstehungsrate — reiner Vorbeiflug wegen der intensiven Strahlung.', deltaVReq:2420, costMult:156, travelDays:1026, reqResearch:'sculptorReichweite', scienceReward:1216000, repReward:124, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'sculptor', distanceMly:11.4, mapAngle:0, mapCore:true, noLandingReason:'zu hohe Strahlungsbelastung im aktiven Starburst-Kern' },
  sculptorStaubarmI: { id:'sculptorStaubarmI', name:'Staubarm I', desc:'Gesteinsplanet in einem ruhigeren Außenbereich, abgeschirmt von den energiereichen Sternwinden des Zentrums.', deltaVReq:2450, costMult:172, travelDays:1090, reqResearch:'sculptorKartierung', scienceReward:1340000, repReward:135, landingBaseChance:0.15, landingRewardMult:2.7, colonizable:true, intergalactic:true, galaxy:'sculptor', distanceMly:11.42, mapAngle:45 },
  sculptorSupernovaRest: { id:'sculptorSupernovaRest', name:'Supernova-Überrest', desc:'Trümmerfeld einer erst kürzlich beobachteten Supernova — energiereiches, expandierendes Plasma, Landung ausgeschlossen.', deltaVReq:2480, costMult:188, travelDays:1160, reqResearch:'sculptorReichweite', scienceReward:1480000, repReward:145, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'sculptor', distanceMly:11.45, mapAngle:120, noLandingReason:'expandierendes Trümmerfeld, keine feste Oberfläche' },
  sculptorGezeitenfeld: { id:'sculptorGezeitenfeld', name:'Gezeitenfeld', desc:'Von Gezeitenkräften geformter Gesteinsplanet mit stark elliptischer Umlaufbahn und extremen Temperaturschwankungen.', deltaVReq:2510, costMult:198, travelDays:1220, reqResearch:'sculptorKartierung', scienceReward:1570000, repReward:152, landingBaseChance:0.12, landingRewardMult:2.9, colonizable:true, intergalactic:true, galaxy:'sculptor', distanceMly:11.48, mapAngle:190 },
  sculptorSilberrand: { id:'sculptorSilberrand', name:'Silberrand', desc:'Kleiner Wasserwelt-Kandidat am silbrig schimmernden äußeren Scheibenrand, benannt nach dem Spitznamen der Galaxie.', deltaVReq:2550, costMult:210, travelDays:1320, reqResearch:'sculptorKartierung', scienceReward:1690000, repReward:161, landingBaseChance:0.1, landingRewardMult:3.0, colonizable:true, intergalactic:true, galaxy:'sculptor', distanceMly:11.55, mapAngle:260 },
  sculptorRandzone: { id:'sculptorRandzone', name:'Sculptor-Randzone', desc:'Äußerste kartierte Region von NGC 253, direkt an der Reichweitengrenze — für eine Landestufe zu instabil.', deltaVReq:2600, costMult:224, travelDays:1406, reqResearch:'sculptorReichweite', scienceReward:1805000, repReward:171, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'sculptor', distanceMly:11.65, mapAngle:330, noLandingReason:'zu instabile Randregion für eine Landestufe' },

  // --- Bode-Galaxie (M81/M82) ---
  bodeKernregion: { id:'bodeKernregion', name:'Bode-Kernregion', desc:'Wohlgeordneter Spiralkern von M81 mit einem der massereichsten bekannten zentralen Schwarzen Löcher unter den Nachbargalaxien — reiner Vermessungs-Vorbeiflug.', deltaVReq:2430, costMult:213, travelDays:1404, reqResearch:'bodeReichweite', scienceReward:1664000, repReward:169, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'bode', distanceMly:11.8, mapAngle:0, mapCore:true, noLandingReason:'galaktischer Kernbereich ohne festen Zielkörper' },
  bodeSpiralarmI: { id:'bodeSpiralarmI', name:'Spiralarm I', desc:'Gesteinsplanet in einem klar gezeichneten Spiralarm von M81, ruhige Region mit gemäßigter Strahlung.', deltaVReq:2460, costMult:235, travelDays:1480, reqResearch:'bodeKartierung', scienceReward:1820000, repReward:184, landingBaseChance:0.17, landingRewardMult:2.8, colonizable:true, intergalactic:true, galaxy:'bode', distanceMly:11.82, mapAngle:45 },
  bodeGezeitenbruecke: { id:'bodeGezeitenbruecke', name:'Gezeitenbrücke', desc:'Ausgedehnte Gasbrücke zwischen M81 und M82, geformt durch wiederholte gravitative Begegnungen — keine feste Oberfläche.', deltaVReq:2490, costMult:255, travelDays:1560, reqResearch:'bodeReichweite', scienceReward:1980000, repReward:197, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'bode', distanceMly:11.85, mapAngle:120, noLandingReason:'diffuse Gasstruktur ohne festen Zielkörper' },
  bodeZigarrenrand: { id:'bodeZigarrenrand', name:'Zigarrenrand', desc:'Gesteinsplanet am Rand von M82, der "Zigarrengalaxie" — durch die Wechselwirkung mit M81 stark aufgeheizt, mit intensivem stellarem Wind.', deltaVReq:2520, costMult:270, travelDays:1650, reqResearch:'bodeKartierung', scienceReward:2110000, repReward:208, landingBaseChance:0.1, landingRewardMult:3.1, colonizable:true, intergalactic:true, galaxy:'bode', distanceMly:11.88, mapAngle:190 },
  bodeAussenhalo: { id:'bodeAussenhalo', name:'Außenhalo', desc:'Kalter Gesteinsplanet im äußeren Halo des M81-Systems, weit entfernt von den turbulenten Kernregionen.', deltaVReq:2560, costMult:288, travelDays:1780, reqResearch:'bodeKartierung', scienceReward:2280000, repReward:220, landingBaseChance:0.13, landingRewardMult:2.9, colonizable:true, intergalactic:true, galaxy:'bode', distanceMly:11.95, mapAngle:260 },
  bodeRandzone: { id:'bodeRandzone', name:'Bode-Randzone', desc:'Äußerste erreichbare Region des M81/M82-Systems — zu weit für eine sichere Landestufe.', deltaVReq:2600, costMult:307, travelDays:1924, reqResearch:'bodeReichweite', scienceReward:2470000, repReward:234, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'bode', distanceMly:12.05, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- Centaurus A (NGC 5128) ---
  centaurusKernregion: { id:'centaurusKernregion', name:'Centaurus-Kernregion', desc:'Zentralbereich der Galaxie mit aktivem supermassivem Schwarzen Loch, das relativistische Jets ausstößt — Landung durch die Strahlung ausgeschlossen.', deltaVReq:2440, costMult:279, travelDays:1836, reqResearch:'centaurusReichweite', scienceReward:2176000, repReward:221, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'centaurusA', distanceMly:13.7, mapAngle:0, mapCore:true, noLandingReason:'extreme Strahlung durch aktiven galaktischen Kern' },
  centaurusStaubbahnI: { id:'centaurusStaubbahnI', name:'Staubbahn I', desc:'Gesteinsplanet am Rand der markanten dunklen Staubbahn, die die elliptische Galaxie quer durchzieht.', deltaVReq:2470, costMult:305, travelDays:1930, reqResearch:'centaurusKartierung', scienceReward:2360000, repReward:236, landingBaseChance:0.14, landingRewardMult:2.9, colonizable:true, intergalactic:true, galaxy:'centaurusA', distanceMly:13.72, mapAngle:45 },
  centaurusJetfeld: { id:'centaurusJetfeld', name:'Jetfeld', desc:'Region im Einflussbereich des relativistischen Materiejets — extrem energiereiche Teilchenströme, Landung unmöglich.', deltaVReq:2500, costMult:330, travelDays:2040, reqResearch:'centaurusReichweite', scienceReward:2560000, repReward:251, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'centaurusA', distanceMly:13.75, mapAngle:120, noLandingReason:'extreme Teilchenstrahlung im Jetbereich' },
  centaurusKugelsternhaufen: { id:'centaurusKugelsternhaufen', name:'Kugelsternhaufenfeld', desc:'Gesteinsplanet in der Nähe eines der zahlreichen Kugelsternhaufen, die Centaurus A umgeben.', deltaVReq:2530, costMult:355, travelDays:2160, reqResearch:'centaurusKartierung', scienceReward:2740000, repReward:265, landingBaseChance:0.11, landingRewardMult:3.0, colonizable:true, intergalactic:true, galaxy:'centaurusA', distanceMly:13.78, mapAngle:190 },
  centaurusHaloRand: { id:'centaurusHaloRand', name:'Halorand', desc:'Isolierter Gesteinsplanet im weitläufigen stellaren Halo der Galaxie, kaum von der zentralen Aktivität beeinflusst.', deltaVReq:2565, costMult:378, travelDays:2320, reqResearch:'centaurusKartierung', scienceReward:2950000, repReward:282, landingBaseChance:0.09, landingRewardMult:3.2, colonizable:true, intergalactic:true, galaxy:'centaurusA', distanceMly:13.85, mapAngle:260 },
  centaurusRandzone: { id:'centaurusRandzone', name:'Centaurus-Randzone', desc:'Äußerste Zone von Centaurus A an der Reichweitengrenze — zu weit für eine Landestufe.', deltaVReq:2600, costMult:401, travelDays:2516, reqResearch:'centaurusReichweite', scienceReward:3230000, repReward:306, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'centaurusA', distanceMly:13.95, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- Whirlpool-Galaxie (M51) ---
  whirlpoolKernregion: { id:'whirlpoolKernregion', name:'Whirlpool-Kernregion', desc:'Kernbereich der namensgebenden Spiralstruktur von M51 — reiner Vermessungs-Vorbeiflug angesichts der dichten Sternfelder.', deltaVReq:2450, costMult:377, travelDays:2484, reqResearch:'whirlpoolReichweite', scienceReward:2944000, repReward:299, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'whirlpool', distanceMly:23, mapAngle:0, mapCore:true, noLandingReason:'galaktischer Kernbereich ohne festen Zielkörper' },
  whirlpoolSpiralarmI: { id:'whirlpoolSpiralarmI', name:'Spiralarm I', desc:'Gesteinsplanet in einem der ausgeprägten Grand-Design-Spiralarme, geformt durch die Wechselwirkung mit der Begleitgalaxie NGC 5195.', deltaVReq:2480, costMult:410, travelDays:2600, reqResearch:'whirlpoolKartierung', scienceReward:3160000, repReward:318, landingBaseChance:0.15, landingRewardMult:2.8, colonizable:true, intergalactic:true, galaxy:'whirlpool', distanceMly:23.05, mapAngle:45 },
  whirlpoolGezeitenschweif: { id:'whirlpoolGezeitenschweif', name:'Gezeitenschweif', desc:'Langgezogener Gezeitenschweif aus Sternen und Gas, herausgerissen durch die Begegnung mit NGC 5195 — keine feste Oberfläche.', deltaVReq:2510, costMult:445, travelDays:2740, reqResearch:'whirlpoolReichweite', scienceReward:3400000, repReward:340, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'whirlpool', distanceMly:23.1, mapAngle:120, noLandingReason:'diffuser Gezeitenschweif ohne festen Zielkörper' },
  whirlpoolBegleiterrand: { id:'whirlpoolBegleiterrand', name:'Begleiterrand', desc:'Gesteinsplanet am Rand der Begleitgalaxie NGC 5195, deutlich gestört durch die gravitative Wechselwirkung mit M51.', deltaVReq:2540, costMult:475, travelDays:2900, reqResearch:'whirlpoolKartierung', scienceReward:3620000, repReward:358, landingBaseChance:0.1, landingRewardMult:3.1, colonizable:true, intergalactic:true, galaxy:'whirlpool', distanceMly:23.15, mapAngle:190 },
  whirlpoolAeussererArm: { id:'whirlpoolAeussererArm', name:'Äußerer Arm', desc:'Kleiner Ozeanplanet im äußersten Spiralarm, weit von der turbulenten Wechselwirkungszone entfernt.', deltaVReq:2570, costMult:505, travelDays:3080, reqResearch:'whirlpoolKartierung', scienceReward:3860000, repReward:378, landingBaseChance:0.08, landingRewardMult:3.3, colonizable:true, intergalactic:true, galaxy:'whirlpool', distanceMly:23.3, mapAngle:260 },
  whirlpoolRandzone: { id:'whirlpoolRandzone', name:'Whirlpool-Randzone', desc:'Äußerste erreichbare Region von M51 — an der Grenze der Sprungreichweite, zu weit für eine Landestufe.', deltaVReq:2600, costMult:543, travelDays:3404, reqResearch:'whirlpoolReichweite', scienceReward:4370000, repReward:414, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'whirlpool', distanceMly:23.5, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- Sombrero-Galaxie (M104) ---
  sombreroKernregion: { id:'sombreroKernregion', name:'Sombrero-Kernregion', desc:'Ungewöhnlich großer zentraler Bulge mit einem der massereichsten bekannten Schwarzen Löcher im lokalen Universum — reiner Vermessungs-Vorbeiflug.', deltaVReq:2460, costMult:492, travelDays:3240, reqResearch:'sombreroReichweite', scienceReward:3840000, repReward:390, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'sombrero', distanceMly:29.3, mapAngle:0, mapCore:true, noLandingReason:'galaktischer Kernbereich ohne festen Zielkörper' },
  sombreroStaubringI: { id:'sombreroStaubringI', name:'Staubring I', desc:'Gesteinsplanet im markanten dunklen Staubring, der die Galaxie wie die Krempe eines Sombreros umgibt.', deltaVReq:2495, costMult:535, travelDays:3400, reqResearch:'sombreroKartierung', scienceReward:4120000, repReward:415, landingBaseChance:0.13, landingRewardMult:2.9, colonizable:true, intergalactic:true, galaxy:'sombrero', distanceMly:29.35, mapAngle:45 },
  sombreroUnklareKlassifikation: { id:'sombreroUnklareKlassifikation', name:'Unklare Klassifikation', desc:'Region mit widersprüchlichen Messdaten — die Galaxie lässt sich bis heute nicht eindeutig als Spiral- oder elliptische Galaxie einordnen. Reiner Vorbeiflug.', deltaVReq:2525, costMult:580, travelDays:3600, reqResearch:'sombreroReichweite', scienceReward:4420000, repReward:445, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'sombrero', distanceMly:29.4, mapAngle:120, noLandingReason:'widersprüchliche Messdaten, kein sicherer Zielkörper' },
  sombreroKugelsternhaufenfeld: { id:'sombreroKugelsternhaufenfeld', name:'Kugelsternhaufenfeld', desc:'Gesteinsplanet nahe einem der zahlreichen Kugelsternhaufen — M104 besitzt eines der größten bekannten Kugelsternhaufensysteme.', deltaVReq:2555, costMult:620, travelDays:3800, reqResearch:'sombreroKartierung', scienceReward:4680000, repReward:470, landingBaseChance:0.1, landingRewardMult:3.1, colonizable:true, intergalactic:true, galaxy:'sombrero', distanceMly:29.45, mapAngle:190 },
  sombreroBulgeRand: { id:'sombreroBulgeRand', name:'Bulgerand', desc:'Isolierter Gesteinsplanet am Rand des riesigen zentralen Bulge, kaum erforscht.', deltaVReq:2580, costMult:660, travelDays:4080, reqResearch:'sombreroKartierung', scienceReward:4980000, repReward:500, landingBaseChance:0.08, landingRewardMult:3.3, colonizable:true, intergalactic:true, galaxy:'sombrero', distanceMly:29.6, mapAngle:260 },
  sombreroRandzone: { id:'sombreroRandzone', name:'Sombrero-Randzone', desc:'Äußerste erreichbare Region von M104 — der bislang am weitesten entfernte Punkt der bekannten Reichweite.', deltaVReq:2600, costMult:708, travelDays:4440, reqResearch:'sombreroReichweite', scienceReward:5700000, repReward:540, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'sombrero', distanceMly:29.8, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- Antennen-Galaxien (NGC 4038/4039) --- kollidierendes Galaxienpaar, daher bewusst MEHR
  // Ziele (8 statt der bisherigen 6) — beide Kerne, zwei separate Gezeitenschweife und die
  // dichte Überlappungszone der beiden verschmelzenden Scheiben bieten mehr eigenständige
  // Regionen als eine einzelne ungestörte Galaxie. Nur EIN Ziel trägt mapCore:true (siehe
  // drawGalaxyDetailMap(), fixe Position neben dem Zentrum) — der zweite Kern (Südkern,
  // NGC 4039) bekommt bewusst eine normale Polar-Position, sonst würden sich beide Marker
  // exakt überlappen.
  antennaeKernregion: { id:'antennaeKernregion', name:'Antennen-Kernregion (NGC 4038)', desc:'Nordkern des kollidierenden Galaxienpaars — durch die Verschmelzung stark gestörte Sternentstehung, extreme Gezeitenkräfte machen jede Landung unmöglich.', deltaVReq:2430, costMult:820, travelDays:5040, reqResearch:'antennaeReichweite', scienceReward:6300000, repReward:580, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'antennae', distanceMly:45, mapAngle:0, mapCore:true, noLandingReason:'extreme Gezeitenkräfte durch die laufende Galaxienkollision' },
  antennaeSuedkern: { id:'antennaeSuedkern', name:'Südkern (NGC 4039)', desc:'Zweiter Kern des Antennen-Paars — nähert sich dem Nordkern durch die fortlaufende Verschmelzung immer weiter an.', deltaVReq:2450, costMult:860, travelDays:5140, reqResearch:'antennaeReichweite', scienceReward:6500000, repReward:600, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'antennae', distanceMly:45.05, mapAngle:40, noLandingReason:'extreme Gezeitenkräfte durch die laufende Galaxienkollision' },
  antennaeGezeitenschweifOst: { id:'antennaeGezeitenschweifOst', name:'Östlicher Gezeitenschweif', desc:'Einer der beiden langgestreckten Sternenschweife, die der Kollision ihren Namen geben (namensgebend für die "Antennen") — herausgerissenes Material ohne feste Oberfläche.', deltaVReq:2470, costMult:900, travelDays:5260, reqResearch:'antennaeReichweite', scienceReward:6750000, repReward:620, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'antennae', distanceMly:45.1, mapAngle:80, noLandingReason:'diffuser Sternenschweif ohne festen Zielkörper' },
  antennaeGezeitenschweifWest: { id:'antennaeGezeitenschweifWest', name:'Westlicher Gezeitenschweif', desc:'Zweiter Gezeitenschweif des Paars, spiegelbildlich zum östlichen Schweif aus der Kollision herausgeschleudert.', deltaVReq:2490, costMult:940, travelDays:5380, reqResearch:'antennaeReichweite', scienceReward:7000000, repReward:640, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'antennae', distanceMly:45.15, mapAngle:120, noLandingReason:'diffuser Sternenschweif ohne festen Zielkörper' },
  antennaeSternentstehungsfeld: { id:'antennaeSternentstehungsfeld', name:'Sternentstehungsfeld', desc:'Region mit außergewöhnlich dichten jungen Sternhaufen (Super-Sternhaufen) — von der Kollision ausgelöste, besonders intensive Sternentstehung.', deltaVReq:2510, costMult:990, travelDays:5520, reqResearch:'antennaeKartierung', scienceReward:7300000, repReward:665, landingBaseChance:0.14, landingRewardMult:2.9, colonizable:true, intergalactic:true, galaxy:'antennae', distanceMly:45.2, mapAngle:160 },
  antennaeUeberlappungszone: { id:'antennaeUeberlappungszone', name:'Überlappungszone', desc:'Dichteste Region, in der sich die Scheiben beider Galaxien bereits überlagern — turbulent, aber mit vereinzelten stabilen Gesteinsplaneten.', deltaVReq:2530, costMult:1040, travelDays:5680, reqResearch:'antennaeKartierung', scienceReward:7650000, repReward:695, landingBaseChance:0.12, landingRewardMult:3.0, colonizable:true, intergalactic:true, galaxy:'antennae', distanceMly:45.3, mapAngle:220 },
  antennaeAussenhalo: { id:'antennaeAussenhalo', name:'Außenhalo', desc:'Ruhiger äußerer Halo-Bereich, kaum von der zentralen Kollision der beiden Galaxien betroffen.', deltaVReq:2560, costMult:1090, travelDays:5860, reqResearch:'antennaeKartierung', scienceReward:8000000, repReward:725, landingBaseChance:0.1, landingRewardMult:3.1, colonizable:true, intergalactic:true, galaxy:'antennae', distanceMly:45.4, mapAngle:280 },
  antennaeRandzone: { id:'antennaeRandzone', name:'Antennen-Randzone', desc:'Äußerste erreichbare Region des kollidierenden Paars — an der Grenze der Sprungreichweite.', deltaVReq:2600, costMult:1150, travelDays:6100, reqResearch:'antennaeReichweite', scienceReward:8600000, repReward:770, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'antennae', distanceMly:45.5, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- Virgo A / M87 --- riesige aktive elliptische Galaxie mit dem 2019 vom Event Horizon
  // Telescope erstmals abgebildeten supermassiven Schwarzen Loch samt relativistischem Jet.
  // Bewusst NUR 4 Ziele (statt der üblichen 6) — die extreme Strahlung des aktiven Kerns lässt
  // kaum ungefährliche Regionen übrig, entsprechend karg fällt das Zielangebot aus.
  m87Kernregion: { id:'m87Kernregion', name:'Virgo-A-Kernregion', desc:'Zentralbereich von M87 mit dem supermassiven Schwarzen Loch, das 2019 als erstes seiner Art fotografiert wurde — die Strahlung des aktiven Kerns macht jede Annäherung riskant.', deltaVReq:2440, costMult:1350, travelDays:6800, reqResearch:'m87Reichweite', scienceReward:9500000, repReward:850, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'virgoA', distanceMly:53.5, mapAngle:0, mapCore:true, noLandingReason:'extreme Strahlung durch den aktiven galaktischen Kern' },
  m87Jetkanal: { id:'m87Jetkanal', name:'Relativistischer Jetkanal', desc:'Über 5000 Lichtjahre langer Materiejet, der na­hezu mit Lichtgeschwindigkeit aus dem Kern schießt — eines der bekanntesten Objekte der modernen Astronomie.', deltaVReq:2500, costMult:1450, travelDays:7050, reqResearch:'m87Reichweite', scienceReward:10200000, repReward:900, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'virgoA', distanceMly:53.6, mapAngle:100, noLandingReason:'hochenergetischer Teilchenjet, keine feste Oberfläche erreichbar' },
  m87Kugelsternhaufenschwarm: { id:'m87Kugelsternhaufenschwarm', name:'Kugelsternhaufenschwarm', desc:'M87 besitzt eines der größten bekannten Kugelsternhaufensysteme (geschätzt über 12.000 Haufen) — einzelne Außenläufer sind weit genug vom Kern entfernt für einen riskanten Landeversuch.', deltaVReq:2560, costMult:1560, travelDays:7300, reqResearch:'m87Kartierung', scienceReward:11000000, repReward:960, landingBaseChance:0.09, landingRewardMult:3.3, colonizable:true, intergalactic:true, galaxy:'virgoA', distanceMly:53.7, mapAngle:210 },
  m87Randzone: { id:'m87Randzone', name:'Virgo-A-Randzone', desc:'Äußerste erreichbare Region von M87, weit genug vom Jet entfernt, aber jenseits der sicheren Landereichweite.', deltaVReq:2600, costMult:1680, travelDays:7600, reqResearch:'m87Reichweite', scienceReward:11800000, repReward:1020, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'virgoA', distanceMly:53.9, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },

  // --- NGC 1365 (Große Balkenspirale, Fornax-Galaxienhaufen) --- Lehrbuchbeispiel einer
  // Balkenspirale mit ungewöhnlich geradem, massereichem Zentralbalken. 5 Ziele.
  ngc1365Kernregion: { id:'ngc1365Kernregion', name:'NGC-1365-Kernregion', desc:'Zentralbereich der Großen Balkenspirale — ein außergewöhnlich massereicher, gerader Zentralbalken lenkt große Mengen Gas direkt in den Kern.', deltaVReq:2450, costMult:1760, travelDays:7850, reqResearch:'ngc1365Reichweite', scienceReward:12300000, repReward:1060, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'ngc1365', distanceMly:56, mapAngle:0, mapCore:true, noLandingReason:'galaktischer Kernbereich ohne festen Zielkörper' },
  ngc1365BalkenarmOst: { id:'ngc1365BalkenarmOst', name:'Balkenarm Ost', desc:'Östlicher Ausläufer des markanten Zentralbalkens, der Gas mit hoher Geschwindigkeit in Richtung Kern transportiert.', deltaVReq:2490, costMult:1850, travelDays:8050, reqResearch:'ngc1365Kartierung', scienceReward:12900000, repReward:1100, landingBaseChance:0.12, landingRewardMult:3.0, colonizable:true, intergalactic:true, galaxy:'ngc1365', distanceMly:56.1, mapAngle:70 },
  ngc1365BalkenarmWest: { id:'ngc1365BalkenarmWest', name:'Balkenarm West', desc:'Westlicher Ausläufer des Zentralbalkens, spiegelbildlich zum östlichen Arm.', deltaVReq:2530, costMult:1940, travelDays:8250, reqResearch:'ngc1365Kartierung', scienceReward:13500000, repReward:1145, landingBaseChance:0.11, landingRewardMult:3.1, colonizable:true, intergalactic:true, galaxy:'ngc1365', distanceMly:56.2, mapAngle:150 },
  ngc1365Spiralaussenring: { id:'ngc1365Spiralaussenring', name:'Spiral-Außenring', desc:'Ruhiger äußerer Spiralarmring, deutlich von der turbulenten Balkenregion entkoppelt.', deltaVReq:2570, costMult:2040, travelDays:8480, reqResearch:'ngc1365Kartierung', scienceReward:14200000, repReward:1190, landingBaseChance:0.09, landingRewardMult:3.3, colonizable:true, intergalactic:true, galaxy:'ngc1365', distanceMly:56.35, mapAngle:240 },
  ngc1365Randzone: { id:'ngc1365Randzone', name:'NGC-1365-Randzone', desc:'Äußerste erreichbare Region der Großen Balkenspirale — der bislang am weitesten entfernte Punkt der bekannten Reichweite.', deltaVReq:2600, costMult:2150, travelDays:8750, reqResearch:'ngc1365Reichweite', scienceReward:15000000, repReward:1240, landingBaseChance:0, landingRewardMult:1, intergalactic:true, galaxy:'ngc1365', distanceMly:56.5, mapAngle:330, noLandingReason:'zu weit entfernt für eine Landestufe' },
};
const DEEP_SPACE_KEYS = Object.keys(DEEP_SPACE);
const SOLAR_DEEP_SPACE_KEYS = DEEP_SPACE_KEYS.filter(k=>!DEEP_SPACE[k].interstellar && !DEEP_SPACE[k].intergalactic);
const INTERSTELLAR_KEYS = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].interstellar);
const INTERGALACTIC_KEYS = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].intergalactic);

// Galaxien-Register — jede weitere Galaxie (bis zu 50+) wird einfach als neuer Eintrag ergänzt,
// die Hub-Karte und Detail-Karte sind generisch und lesen ihre Daten direkt von hier.
// Position auf der Hub-Karte wird automatisch aus der Reihenfolge berechnet (siehe hubPositionFor
// weiter unten) — hubAngle/hubDist müssen NICHT mehr manuell gepflegt werden. Nur falls eine
// Galaxie aus Lore-Gründen an einer festen Stelle sitzen soll, können hubAngle/hubDist hier optional
// gesetzt werden und überschreiben dann die automatische Position.
const GALAXIES = {
  andromeda: {
    id:'andromeda', name:'Andromeda', shortName:'M31',
    desc:'Rund 2,5 Millionen Lichtjahre entfernt — jenseits jeder konventionellen Reichweite. Der intergalaktische Sprungantrieb überbrückt die Distanz nicht durch Geschwindigkeit, sondern durch einen kurzlebigen Faltungstunnel im Hyperraum. Da auf diese Entfernung keine echten Planetendaten existieren, sind die folgenden Ziele plausible, aber fiktive Erkundungsregionen.',
    distanceLabel:'~2,5 Mio. Lichtjahre',
    reqResearch:'intergalaktischerSprungantrieb',
    coreColor:'#e0c893', armColor:'rgba(177,107,255,0.25)',
  },
  triangulum: {
    id:'triangulum', name:'Triangulum', shortName:'M33',
    desc:'Rund 2,7 Millionen Lichtjahre entfernt, drittgrößtes Mitglied der Lokalen Gruppe — eine offene Spiralgalaxie ohne ausgeprägten zentralen Balken, real bekannt für ihre aktiven Sternentstehungsgebiete. Die folgenden Ziele sind plausible, aber fiktive Erkundungsregionen.',
    distanceLabel:'~2,7 Mio. Lichtjahre',
    reqResearch:'triangulumReichweite',
    coreColor:'#f2d9a0', armColor:'rgba(120,190,255,0.25)',
  },
  sculptor: {
    id:'sculptor', name:'Sculptor', shortName:'NGC 253',
    desc:'Rund 11,4 Millionen Lichtjahre entfernt — eine der hellsten Starburst-Galaxien am Himmel, wegen ihres Anblicks auch "Silbermünzen-Galaxie" genannt, mit intensiver Sternentstehung entlang staubdurchzogener Spiralarme.',
    distanceLabel:'~11,4 Mio. Lichtjahre',
    reqResearch:'sculptorReichweite',
    coreColor:'#e8b98f', armColor:'rgba(255,140,90,0.22)',
  },
  bode: {
    id:'bode', name:'Bode-Galaxie', shortName:'M81/M82',
    desc:'Rund 11,8 Millionen Lichtjahre entfernt — eine klassische Spiralgalaxie mit gut definierten Armen, gravitativ eng verbunden mit der nahen Starburst-Galaxie M82 ("Zigarrengalaxie"), die durch die Wechselwirkung stark aufgeheizt wird.',
    distanceLabel:'~11,8 Mio. Lichtjahre',
    reqResearch:'bodeReichweite',
    coreColor:'#d8c9a3', armColor:'rgba(200,120,255,0.22)',
  },
  centaurusA: {
    id:'centaurusA', name:'Centaurus A', shortName:'NGC 5128',
    desc:'Rund 13,7 Millionen Lichtjahre entfernt — eine gewaltige elliptische Galaxie mit einer markanten dunklen Staubbahn und einem aktiven supermassiven Schwarzen Loch, das relativistische Jets ins All schleudert.',
    distanceLabel:'~13,7 Mio. Lichtjahre',
    reqResearch:'centaurusReichweite',
    coreColor:'#c9a9e0', armColor:'rgba(150,90,220,0.22)',
  },
  whirlpool: {
    id:'whirlpool', name:'Whirlpool-Galaxie', shortName:'M51',
    desc:'Rund 23 Millionen Lichtjahre entfernt — eine der bekanntesten Grand-Design-Spiralgalaxien, im Gravitationstanz mit ihrer kleineren Begleitgalaxie NGC 5195 verbunden.',
    distanceLabel:'~23 Mio. Lichtjahre',
    reqResearch:'whirlpoolReichweite',
    coreColor:'#f0d78a', armColor:'rgba(90,170,255,0.22)',
  },
  sombrero: {
    id:'sombrero', name:'Sombrero-Galaxie', shortName:'M104',
    desc:'Rund 29,3 Millionen Lichtjahre entfernt — bekannt für ihren ungewöhnlich großen, hellen Zentralbulge und einen dichten Staubring, der von der Seite betrachtet an die Krempe eines Sombreros erinnert.',
    distanceLabel:'~29,3 Mio. Lichtjahre',
    reqResearch:'sombreroReichweite',
    coreColor:'#e0c893', armColor:'rgba(255,200,110,0.2)',
  },
  antennae: {
    id:'antennae', name:'Antennen-Galaxien', shortName:'NGC 4038/4039',
    desc:'Rund 45 Millionen Lichtjahre entfernt — ein Paar kollidierender Spiralgalaxien, benannt nach den zwei langgestreckten, antennenförmigen Gezeitenschweifen, die die Kollision aus beiden Scheiben herausgerissen hat. Deutlich mehr eigenständige Regionen als eine ungestörte Galaxie, da beide Kerne und beide Schweife getrennt erfasst werden.',
    distanceLabel:'~45 Mio. Lichtjahre',
    reqResearch:'antennaeReichweite',
    coreColor:'#ffcf9e', armColor:'rgba(255,90,140,0.25)',
  },
  virgoA: {
    id:'virgoA', name:'Virgo A', shortName:'M87',
    desc:'Rund 53,5 Millionen Lichtjahre entfernt — eine gewaltige aktive elliptische Galaxie im Zentrum des Virgo-Galaxienhaufens, deren supermassives Schwarzes Loch 2019 als erstes seiner Art direkt fotografiert wurde. Der relativistische Jet macht die meisten Regionen zu gefährlich für eine Landung, entsprechend wenige Ziele gibt es hier.',
    distanceLabel:'~53,5 Mio. Lichtjahre',
    reqResearch:'m87Reichweite',
    coreColor:'#eaf6ff', armColor:'rgba(110,225,255,0.22)',
  },
  ngc1365: {
    id:'ngc1365', name:'NGC 1365', shortName:'Große Balkenspirale',
    desc:'Rund 56 Millionen Lichtjahre entfernt im Fornax-Galaxienhaufen — ein Lehrbuchbeispiel einer Balkenspirale mit einem ungewöhnlich geraden, massereichen Zentralbalken, der große Gasmengen direkt in den Kern lenkt.',
    distanceLabel:'~56 Mio. Lichtjahre',
    reqResearch:'ngc1365Reichweite',
    coreColor:'#f4d99a', armColor:'rgba(200,215,80,0.2)',
  },
};
const GALAXY_KEYS = Object.keys(GALAXIES);
// Automatisches Hub-Layout: verteilt Galaxien wie Sonnenblumenkerne (goldener Winkel) gleichmäßig
// um die Milchstraße, damit sich die Punkte auch bei 50+ Galaxien nicht überlappen. HUB_LAYOUT_SCALE
// ist nur ein Richtwert für die Distanz-Skalierung — mehr Galaxien als das sind trotzdem problemlos
// möglich, sie rutschen dann nur etwas dichter an den äußeren Rand.
const HUB_LAYOUT_GOLDEN_ANGLE = 137.508;
const HUB_LAYOUT_SCALE = 50;
function hubPositionFor(gid){
  const idx = GALAXY_KEYS.indexOf(gid);
  const angle = (idx * HUB_LAYOUT_GOLDEN_ANGLE) % 360;
  const dist = Math.min(1, 0.22 + 0.73 * Math.sqrt(idx / HUB_LAYOUT_SCALE));
  return { hubAngle: angle, hubDist: dist };
}
function hubAngleFor(gid){ const g=GALAXIES[gid]; return g.hubAngle!==undefined ? g.hubAngle : hubPositionFor(gid).hubAngle; }
function hubDistFor(gid){ const g=GALAXIES[gid]; return g.hubDist!==undefined ? g.hubDist : hubPositionFor(gid).hubDist; }
function galaxyTargets(galaxyId){ return INTERGALACTIC_KEYS.filter(k=>DEEP_SPACE[k].galaxy===galaxyId); }
function isGalaxyUnlocked(gid){ const g=GALAXIES[gid]; return !g.reqResearch || hasResearch(g.reqResearch); }
const DEST_GALAXY_NAMES = {
  andromeda: 'Andromeda-Galaxie (M31)',
  triangulum: 'Triangulum-Galaxie (M33)',
  sculptor: 'Sculptor-Galaxie (NGC 253)',
  bode: 'Bode-Galaxie (M81/M82)',
  centaurusA: 'Centaurus A (NGC 5128)',
  whirlpool: 'Whirlpool-Galaxie (M51)',
  sombrero: 'Sombrero-Galaxie (M104)',
  antennae: 'Antennen-Galaxien (NGC 4038/4039)',
  virgoA: 'Virgo A (M87)',
  ngc1365: 'NGC 1365 (Große Balkenspirale)',
};
// Welche Zielkörper-Gruppen im aktuellen Startvorbereitungs-Dialog aufgeklappt sind
// (per Gruppenschlüssel), damit das beim Rakete-Wechsel innerhalb desselben Dialogs erhalten bleibt.
let dsDestOpenGroups = { solar: true };
let asmDestOpenGroups = { solar: true }; // NEU (TODO-WERFT-PFLICHT-2): eigener Aufklappzustand für
                                          // die Deep-Space-Zielgruppen im Werft-Montage-Panel.

function isDestUnlocked(d){ return !d.reqResearch || hasResearch(d.reqResearch); }
function destTravelDays(d){ return d.outer && hasResearch('gravityAssist') ? Math.max(1,Math.round(d.travelDays*0.7)) : d.travelDays; }
// NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): Raumhafen-Gebäude einer Kolonie am Zielort senkt die
// Startkosten für Missionen dorthin -- wirkt direkt hier, dadurch automatisch überall korrekt
// (Zielkatalog, Zielauswahl-Chip, Startbestätigung), ohne diese Stellen einzeln anfassen zu müssen.
function destCostMult(d){
  let mult = d.outer && hasResearch('gravityAssist') ? d.costMult*0.8 : d.costMult;
  const colony = state.colonies.find(c=>c.destKey===d.id);
  if(colony){
    const spaceportLevel = colony.buildings.spaceport||0;
    if(spaceportLevel>0){
      const cut = Math.min(0.5, spaceportLevel*COLONY_BUILDINGS.spaceport.launchCostCut);
      mult *= (1-cut);
    }
  }
  return mult;
}

/* ============================== CREWED MISSIONS (bemannt) ============================== */
const CREWED_MISSIONS = {
  mars: { destKey:'mars', reqResearch:'crewKapsel', rewardMult:1.6, extraRep:20, stayDays:30 },
};
function crewedConfigFor(destKey){ return CREWED_MISSIONS[destKey] || null; }
function requiredLifeSupportDays(destKey, d){
  const cfg = crewedConfigFor(destKey);
  const stay = cfg ? cfg.stayDays : 0;
  return destTravelDays(d)*2 + stay; // Hinflug + Rückflug + Aufenthalt
}

/* ============================== ERSTKONTAKT — AUSSERIRDISCHES LEBEN ============================== */
// Ausgelöst bei der ersten erfolgreichen Landung auf dem jeweiligen Zielkörper.
// Jeder Kontakt bringt einmalig Bonus-Wissenschaft/Reputation und danach einen dauerhaften
// kleinen Bonus auf das passive Kolonie-Einkommen dieses Ziels (Handel/Wissensaustausch).
const ALIEN_CONTACTS = {
  ross128: {
    race: 'silicae',
    raceLabel: 'Silicae',
    title: 'Erstkontakt: Kriegerkaste der Silicae',
    desc: 'Die Sonde empfängt geordnete, sich wiederholende Reflexionsmuster aus dem Gestein selbst — kein Zufall, sondern Kommunikation. Die Silicae sind ein Volk aus lebendigem Kristall, geduldig, ehrenbewusst und in Kaste organisiert. Ihre Gelehrtenkaste beginnt vorsichtig, Wissen im Austausch für unsere Antriebstechnik zu tauschen.',
    incomeBonus: 35,
    scienceBonus: 400000,
    repBonus: 30,
  },
  tauCeti: {
    race: 'synthide',
    raceLabel: 'Synthiden',
    title: 'Erstkontakt: Konklave der Konstrukteure',
    desc: 'Ein perfekt strukturiertes Funksignal, unmöglich natürlichen Ursprungs — ein Schwarmbewusstsein aus Maschinenwesen, das sich als "Synthiden" identifiziert. Ganze Fabrikwelten fertigen dort im Akkord neue Einheiten. Nach anfänglichem Misstrauen einigt man sich auf einen begrenzten Technologieaustausch.',
    incomeBonus: 45,
    scienceBonus: 460000,
    repBonus: 34,
  },
  teegardensStar: {
    race: 'solenari',
    raceLabel: 'Solenari',
    title: 'Erstkontakt: Diplomatenkorps der Solenari',
    desc: 'Statt eines Signals erreicht die Sonde eine ruhige, fast meditative Modulation im Hintergrundrauschen — Diplomaten einer Aschewelt-Zivilisation, die Konflikte lösen, bevor andere sie überhaupt bemerken. Die Solenari begrüßen die Menschheit als vierte bekannte Spezies unter den Sternen und bieten einen Wissensaustausch an.',
    incomeBonus: 40,
    scienceBonus: 430000,
    repBonus: 32,
  },
};
function alienContactFor(destKey){ return ALIEN_CONTACTS[destKey] || null; }

/* ============================== TERRAFORMING (Langzeitprojekt) ============================== */
// Nur Mars vorerst — Punkte kommen von erfolgreichen Landungen mit Terraforming-Modulen an Bord.
const TERRAFORM_STAGES = [
  { threshold:0,     name:'Unverändert',           desc:'Dünne CO₂-Atmosphäre, kein Terraforming-Fortschritt.' },
  { threshold:1200,  name:'Atmosphärenverdichtung', desc:'Treibhausgas-Emitter verdichten langsam die Atmosphäre — erste messbare Druckanstiege.' },
  { threshold:3200,  name:'Wasserkreislauf',        desc:'Polare Eiskappen beginnen zu sublimieren, an wärmeren Tagen zeigen sich erste flüssige Wasserspuren.' },
  { threshold:6500,  name:'Mikrobielles Leben',     desc:'Extremophile Mikroorganismen siedeln aufbereitete Böden und produzieren erste Sauerstoffspuren.' },
  { threshold:11000, name:'Pflanzenleben',          desc:'Genug Sauerstoff & Wasser für einfache Pflanzen in geschützten Habitaten — erste grüne Flecken.' },
  { threshold:17000, name:'Bewohnbar',              desc:'Atmosphäre und Temperatur erlauben dauerhafte Außensiedlungen ohne Druckanzug — Meilenstein erreicht!' },
];
function terraformPointsFor(destKey){ return (state.terraforming[destKey]||{points:0}).points; }
function terraformStageIndex(destKey){
  const pts = terraformPointsFor(destKey);
  let idx = 0;
  TERRAFORM_STAGES.forEach((s,i)=>{ if(pts>=s.threshold) idx=i; });
  return idx;
}

const CONTRACT_TYPES = Object.keys(PAYLOAD_TYPES);
const ORBIT_KEYS = Object.keys(ORBITS);
// Frühe Aufträge sollen überwiegend mit Start-Ausrüstung (Sprinter/LEO) machbar sein
const ORBIT_WEIGHTS = { LEO:0.55, MEO:0.30, GEO:0.15 };
const TYPE_WEIGHTS = { erdbeobachtung:1, kommunikation:1, wetter:1, navigation:1, forschung:0.4 };

// NEU (TODO-AUFTRAGSSYSTEM, Punkt 7 der IDEENLISTE): jeder Auftrag gehört jetzt zu einem
// Auftraggeber (CONTRACT_CLIENTS) statt anonym zu sein. state.clientRep verfolgt pro
// Auftraggeber einen Vertrauenswert (0 aufwärts, keine Obergrenze), der über CLIENT_TIERS in
// einen Belohnungs-Multiplikator übersetzt wird — Aufträge desselben Auftraggebers werden also
// lukrativer, je öfter man erfolgreich für ihn arbeitet. Ablehnen eines Auftrags kostet etwas
// Vertrauen bei diesem Auftraggeber (siehe declineContract()). Ab der Stufe "Bevorzugt" besteht
// bei Auftragsabschluss eine Chance auf einen direkten Folgeauftrag (Kettenauftrag, isChain:true,
// siehe tick()) desselben Auftraggebers mit zusätzlichem Bonus.
const CONTRACT_CLIENTS = {
  earthwatch: { id:'earthwatch', name:'EarthWatch Institute', icon:'🛰️', desc:'Unabhängiges Forschungsinstitut mit breit gefächerten Erdbeobachtungsaufträgen.' },
  comsatUnion: { id:'comsatUnion', name:'Comsat Union', icon:'📡', desc:'Telekommunikationsverbund mit Fokus auf Kommunikationsnutzlasten.' },
  globalWeather: { id:'globalWeather', name:'GlobalWeather Agency', icon:'🌦️', desc:'Wetterdienst-Konsortium, vergibt vor allem Wetterbeobachtungs-Kontrakte.' },
  navcore: { id:'navcore', name:'NavCore Systems', icon:'🧭', desc:'Betreiber ziviler Navigations- und Positionsdienste.' },
  deepGrant: { id:'deepGrant', name:'Deep Space Grant Council', icon:'🔭', desc:'Wissenschaftsstiftung — seltenere, aber besonders lukrative Forschungsaufträge.' },
};
const CONTRACT_CLIENT_KEYS = Object.keys(CONTRACT_CLIENTS);
const CLIENT_TIERS = [
  { min:0,   mult:1.00, label:'Neukunde' },
  { min:25,  mult:1.10, label:'Vertraut' },
  { min:60,  mult:1.22, label:'Bevorzugt', chainEligible:true },
  { min:120, mult:1.40, label:'Premium-Partner', chainEligible:true },
];
function clientTierFor(rep){
  let tier = CLIENT_TIERS[0];
  for(const t of CLIENT_TIERS){ if(rep >= t.min) tier = t; }
  return tier;
}
function clientRepOf(clientId){ return (state.clientRep && state.clientRep[clientId]) || 0; }
function pickWeighted(weights){
  const entries = Object.entries(weights);
  const total = entries.reduce((s,[,w])=>s+w,0);
  let r = Math.random()*total;
  for(const [k,w] of entries){ if(r<w) return k; r-=w; }
  return entries[entries.length-1][0];
}

// NEU (v4-14): Langzeitaufträge verlangen eine MINDEST-Chassisgröße statt einer exakten — nur
// die drei normalen Erdstart-Chassis kommen in Frage (Kolonie-/Frachter-/Licht-/Sprungschiff sind
// reine Deep-Space-Klassen und für Orbit-Flotten irrelevant). meetsMinChassis() vergleicht über
// diese Rangfolge, nicht über exakte Gleichheit — ein "Groß"-Chassis erfüllt z.B. auch eine
// "Klein"-Anforderung.
const LONG_CONTRACT_SIZE_ORDER = { klein:1, mittel:2, gross:3 };
function chassisSizeRank(chassisId){ return LONG_CONTRACT_SIZE_ORDER[chassisId] || 0; }
function meetsMinChassis(chassisId, minChassis){
  if(!minChassis) return true;
  return chassisSizeRank(chassisId) >= chassisSizeRank(minChassis);
}

// NEU (v4-14): Eigenes Netzwerk (Lizenzgebühren-Passiveinkommen, Vorbild GPS/Starlink) — zwei
// Varianten, jeweils an eine bestehende Nutzlast-Kategorie gekoppelt (kein neues Modul nötig).
// baseIncomePerSat ist der Grundwert PRO TAG PRO ZUGEWIESENEM SATELLITEN, bevor Schwierigkeitsgrad
// und Orbit-Vielfalts-Bonus (siehe tick()/renderNetworkPanel()) angewendet werden.
const NETWORK_TYPES = {
  navigation:    { id:'navigation',    label:'Navigationsnetz',     icon:'🧭', payloadType:'navigation',    baseIncomePerSat:40, desc:'Eigener ziviler Positionsdienst nach Vorbild GPS — Kunden zahlen laufende Lizenzgebühren für den Zugriff auf das Netz.',
    // NEU (v4-31, TODO-NETZWERK-UNTERFIRMEN): Namenspool fürs automatische Benennen neuer
    // Unterfirmen dieser Kategorie (siehe generateSubsidiaryName()) — rein kosmetisch, kein
    // Balancing-Effekt.
    namePool:['NavCore Systems','Polaris Guidance','TrueTrack Navigation','Meridian Positioning','VectorPoint Nav','GeoLock Systems','Compass Grid Networks','Azimuth Navtech'] },
  kommunikation: { id:'kommunikation', label:'Kommunikationsnetz',  icon:'📡', payloadType:'kommunikation', baseIncomePerSat:35, desc:'Eigenes Konstellationsnetz nach Vorbild Starlink — Endkunden zahlen laufende Zugangsgebühren fürs Internet.',
    namePool:['NetCom Orbital','SignalBridge Networks','WaveRelay Systems','SkyLink Comms','PulseNet Dynamics','RelayPoint Networks','Uplink Horizon','Aether Broadband'] },
  // NEU (v4-32, TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch): zwei weitere Kategorien, jeweils an
  // eine bereits bestehende Nutzlast-Kategorie gekoppelt (kein neues Modul nötig, analog zu
  // Navigation/Kommunikation) — damit gibt es jetzt genau 4 Kategorien für bis zu 4 Unterfirmen.
  erdbeobachtung: { id:'erdbeobachtung', label:'Erdbeobachtungsnetz', icon:'🛰️', payloadType:'erdbeobachtung', baseIncomePerSat:38, desc:'Kommerzieller Erdbeobachtungsdienst — Landwirtschaft, Versicherungen und Katastrophenschutz zahlen laufende Abo-Gebühren für aktuelle Satellitenbilddaten.',
    namePool:['TerraView Analytics','EarthPulse Imaging','ClearSky Observation','GroundTruth Systems','Meridian EO Networks','SpectraTerra Systems','ObservEarth Dynamics','Cascadia Earth Data'] },
  forschung: { id:'forschung', label:'Forschungsdatennetz', icon:'🔬', payloadType:'forschung', baseIncomePerSat:45, desc:'Wissenschaftliche Institute und Unternehmen zahlen laufende Zugangsgebühren für Rohdaten aus deinem Forschungssatelliten-Netz.',
    namePool:['Nexus Research Grid','Helios Data Systems','Quantum Relay Labs','Apex Science Network','Prism Telemetry Co','Vantage Research Systems','Zenith Datalink','Continuum Analytics'] },
  // NEU (v4-33, TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch): fünfte Kategorie, gekoppelt an die
  // bereits bestehende Wettersensor-Nutzlast (analog zu den vier bisherigen Kategorien) — damit
  // gibt es jetzt 5 Kategorien, siehe getMaxNetworkSlots() für den zugehörigen 5. Slot.
  wetter: { id:'wetter', label:'Wetterdatennetz', icon:'⛈️', payloadType:'wetter', baseIncomePerSat:36, desc:'Landwirtschaft, Fluglinien und Versicherungen zahlen laufende Abo-Gebühren für aktuelle Wetter- und Klimadaten aus deinem eigenen Sensor-Netz.',
    namePool:['StormWatch Analytics','ClimaCore Systems','SkyPulse Weather','Meridian Weather Grid','AtmosLink Data','FrontLine Forecasting','NimbusNet Systems','Windward Telemetry'] },
};
const OWN_NETWORK_START_COST = 25000;
// NEU (v4-31, TODO-NETZWERK-UNTERFIRMEN): jede weitere Unterfirma kostet mehr Startgebühr als die
// vorherige (25k/50k/75k/100k/125k) statt eines Fixbetrags — narrative Begründung: Aufbau eines
// zusätzlichen, parallelen Lizenzgeschäfts wird mit mehr bestehenden Unterfirmen aufwändiger.
function ownNetworkStartCost(){
  return OWN_NETWORK_START_COST * (state.ownNetworks.length + 1);
}
// Höchstzahl gleichzeitig aktiver Unterfirmen — 1 durch 'eigenesNetzwerk', je +1 durch die vier
// Ausbau-Forschungen darunter, gedeckelt bei insgesamt 5 (= Anzahl der NETWORK_TYPES-Kategorien).
function getMaxNetworkSlots(){
  if(!hasResearch('eigenesNetzwerk')) return 0;
  let n = 1;
  if(hasResearch('netzwerkAusbau1')) n++;
  if(hasResearch('netzwerkAusbau2')) n++;
  if(hasResearch('netzwerkAusbau3')) n++;
  if(hasResearch('netzwerkAusbau4')) n++;
  return n;
}
// Vergibt einen zufälligen, zur Kategorie passenden Namen — bevorzugt noch nicht verwendete Namen
// aus dem Pool, damit zwei gleichzeitig aktive Unterfirmen derselben Kategorie nicht gleich heißen
// (fällt bei Erschöpfung des Pools auf eine Wiederholung zurück, statt einen Crash zu riskieren).
function generateSubsidiaryName(type){
  const nt = NETWORK_TYPES[type];
  if(!nt) return 'Unterfirma';
  const used = new Set(state.ownNetworks.filter(n=>n.type===type).map(n=>n.name));
  const free = nt.namePool.filter(n=>!used.has(n));
  const pool = free.length ? free : nt.namePool;
  return pool[Math.floor(Math.random()*pool.length)];
}

/* ============================== STATE ============================== */
function freshState(difficultyId){
  const diff = DIFFICULTIES[difficultyId] || DIFFICULTIES[DEFAULT_DIFFICULTY];
  return {
    difficulty: diff.id, // NEU (TODO-SCHWIERIGKEITSGRAD): bei der Firmengründung gewählt, siehe startNewGame()
    money: diff.startMoney,
    // NEU (TODO-FORSCHUNGSPUNKTE, Nutzer-Wunsch: "forschungs punkte plus geld ... forschungs
    // modul ohne forschungs punkte nur geld forschen dan alles andere mit punkte und geld"):
    // zweite Ressource neben Geld für den Forschungsbaum. Einzige Ausnahme ist 'payloadRes'
    // (schaltet das Forschungsinstrument frei, siehe RESEARCH/noSciencePoints) -- die bleibt
    // bewusst geld-only, sonst gäbe es kein Henne-Ei-Problem: OHNE das Forschungsinstrument
    // kann man gar keine Forschungsaufträge annehmen, also auch keine Punkte verdienen. Quellen
    // für Punkte danach: laufende Forschungsaufträge (siehe contractSciencePointsPerDay()) und
    // -- sobald erreichbar -- Sondenmissionen (siehe scienceRewardSplit() in tick()).
    sciencePoints: 0,
    reputation: 10,
    day: 1,
    paused: false,
    speed: 1,
    purchasedResearch: [],
    activeResearch: null, // laufende Forschung: {id, daysTotal, daysLeft} — immer nur eine gleichzeitig
    foundingDate: null,   // echtes Kalenderdatum (YYYY-MM-DD) des allerersten "Neues Spiel"-Starts —
                           // wird in startNewGame() gesetzt, NICHT hier (hier bliebe es sonst bei jedem
                           // Seitenaufruf/Fortsetzen auf "heute" stehen)
    hangar: [],       // built, not launched: {id, chassisId, mods:[modId,...], name}
    constructionQueue: [], // {id, name, chassisId, mods, daysTotal, daysLeft}
    constructionWaitQueue: [], // NEU (TODO-FABRIK-WARTESCHLANGE): bereits bezahlte Neubau-/Umbau-
                                // Aufträge, die noch auf einen freien Fertigungsplatz warten (z.B.
                                // 100 bestellt, nur 10 Plätze frei -> 90 landen hier). Eintrag:
                                // {id, name, chassisId, mods, isRefit}. Rückt in tickDay() nach,
                                // sobald in constructionQueue ein Platz frei wird (siehe
                                // getRemainingQueueCap()); Bauzeit wird erst beim Nachrücken
                                // berechnet (nicht rückwirkend ab Bestellung), analog moduleWaitQueue.
    transitQueue: [],      // {id, name, chassisId, mods, orbit, rocketName, daysTotal, daysLeft}
    deepSpaceQueue: [],    // {id, name, chassisId, mods, destKey, rocketName, daysTotal, daysLeft}
    exploredTargets: [],   // destKeys, die schon einmal erfolgreich erreicht wurden
    landedTargets: [],     // destKeys, auf denen bereits erfolgreich gelandet wurde
    crewedLandings: [],    // destKeys, auf denen bereits eine bemannte Landung stattfand
    terraforming: { mars: { points: 0 } }, // Langzeitprojekt-Fortschritt pro Ziel
    colonies: [],           // {destKey, name, day, income}
    // NEU (TODO-RAUMSTATION): null solange nicht gebaut. Einmal in Betrieb: {day, population,
    // buildings:{wohnmodul,wartung,andock}, buildQueue:[]} — siehe ensureStationDefaults()/
    // STATION_BUILDINGS. Kein Array wie colonies, da es immer höchstens eine Station gibt.
    station: null,
    firstContacts: [],      // destKeys, an denen bereits Erstkontakt mit außerirdischem Leben stattfand
    missionLog: [],        // {destKey, name, day, success}
    orbitSats: [],     // launched: {id, name, chassisId, mods:[...], orbit, angle, health, assignedContract, stats:{...}}
    contracts: [],    // {id, type, orbit, rewardUpfront, rewardPerTick, duration, remaining, status:'offen'|'aktiv', satId}
    repairDronesByLoc: {}, // Wartungsdrohnen PRO STANDORT: {loc: {drones, charges}} — 'earth' oder Kolonie-destKey.
                            // Je Drohne 10 Reparaturen "Lebensdauer", danach fällt sie aus. Siehe droneState()/
                            // ensureDroneDefaults() für Zugriff bzw. Migration alter Spielstände.
    nextSatId: 1,
    nextContractId: 1,
    lastSaveDay: 1,
    draft: { chassisId:null, mods:[], editingId:null, editingName:null, editingOriginalCost:0, editingOriginalChassisId:null, editingOriginalMods:[] },
    blueprints: [], // gespeicherte Baupläne: {id, name, chassisId, mods:[modId,...]}
    nextBlueprintId: 1,
    // NEU (TODO-WERFT-BAUPLAN): eigene, getrennte Bauplan-Liste NUR für die Werft-Montage —
    // bewusst NICHT dieselbe Liste wie state.blueprints, da Fabrik-Baupläne für von der Erde
    // gestartete Satelliten/Sonden stehen (state.draft, kein Ziel/Missionstyp gespeichert) und
    // Werft-Baupläne zusätzlich Zielart/Ziel/Landung-Besatzung-Auswahl brauchen (state.assemblyDraft).
    // Eine Vermischung würde außerdem bedeuten, dass werftOnly-Chassis (Kolonie/Frachter/
    // Lichtschiff/Sprungschiff) in der normalen Fabrik-Bauplanliste auftauchen könnten.
    werftBlueprints: [], // {id, name, chassisId, mods:[modId,...], missionType, orbitKey, destKey, attemptLanding, attemptCrewed}
    nextWerftBlueprintId: 1,
    werftQueue: [], // Orbitalwerft-Mehrfachtransport-Aufträge für zu schwere Schiffe:
                     // {id, name, chassisId, mods, mass, rocketId, flightsTotal, flightsDone,
                     //  costPerFlight, missionType:'orbit'|'deepspace', orbitKey, destKey,
                     //  attemptLanding, crewed}
    orbitModulePool: [], // NEU (Fabrik-Umbau, siehe TODO-FABRIK-UMBAU im Datei-Header):
                          // einzeln hochgeschickte Module, die im Orbit auf Montage zu einem
                          // Schiff warten. Eintrag: {id, modId, arrivedDay}
    moduleConstructionQueue: [], // NEU: einzelne Module AKTIV in Fertigung (max. getMaxQueueCap()
                                  // gleichzeitig), analog constructionQueue.
                                  // Eintrag: {id, modId, name, daysTotal, daysLeft}
    moduleWaitQueue: [], // NEU (TODO-MODUL-WARTESCHLANGE): Module, die bereits bezahlt/bestellt
                          // sind, aber noch auf einen freien Fertigungsplatz warten (z.B. 30
                          // bestellt, nur 2 Plätze frei -> 2 aktiv, 28 hier geparkt). Rückt
                          // automatisch nach, sobald in tickDay() ein aktiver Platz frei wird.
                          // Eintrag: {id, modId, name} (kein daysTotal/daysLeft, startet erst
                          // beim Nachrücken in moduleConstructionQueue).
    moduleHangar: [],     // NEU: fertig gebaute, aber noch nicht gestartete Einzelmodule.
                           // Eintrag: {id, modId, name}
    moduleLaunchSelection: [], // NEU: aktuell für einen gemeinsamen Stapelstart ausgewählte
                                // Modul-Hangar-IDs (transiente Auswahl, siehe launchModuleStack())
    moduleLaunchQueue: [], // NEU (TODO-MASSENSTART-MODULE): automatisch berechnete Raketen-
                            // Ladungen für einen Massenstart ("Alle auswählen"), wenn die
                            // Gesamtauswahl zu schwer für eine einzelne Rakete ist. Analog zu
                            // state.werftQueue, aber pro Ladung eine eigene, für ihre tatsächliche
                            // Masse passende Rakete statt fixer Flugzahl. Eintrag: {id, hangarIds,
                            // mass, rocketId, cost} — siehe packModulesForAutoLaunch()/
                            // launchModuleStackAuto()/runModuleLaunchBatch().
    nextModuleLaunchBatchId: 1,
    hangarLaunchSelection: [], // NEU (TODO-MASSENSTART): aktuell für einen gemeinsamen Massenstart
                                // ausgewählte Hangar-Satelliten-IDs (transiente Auswahl, siehe
                                // toggleHangarLaunchSelection()/openBatchLaunchModal()).
    nextModuleId: 1,      // NEU: fortlaufende ID für Einzelmodul-Bau/-Start, analog nextSatId
    moduleAssemblyQueue: [], // NEU (TODO-FABRIK-UMBAU Schritt d/e, erweitert TODO-WERFT-PFLICHT-2):
                              // Schiffe in Montage aus Pool-Modulen. Eintrag: {id, name, chassisId,
                              // mods, daysTotal, daysLeft, missionType:'orbit'|'deepspace',
                              // orbitKey, destKey, attemptLanding, crewed}
    assemblyDraft: { chassisId:null, poolIds:[], missionType:'orbit', orbitKey:null, destKey:null, attemptLanding:false, attemptCrewed:false }, // NEU: aktuelle Auswahl in der Montage-UI
    // NEU (TODO-BAUPLAN-KREATOR): freier Entwurf im Blaupausen-Kreator — speichert modIds direkt
    // (wie ein Bauplan selbst), NICHT Pool-Einträge/gebaute Teile, damit man ganz ohne bereits
    // gefertigte oder ins Orbit-Lager gelieferte Bauteile experimentieren kann. mode:'fabrik'
    // beschränkt die Chassis-Auswahl auf Nicht-werftOnly (wie state.draft), mode:'werft' erlaubt
    // zusätzlich werftOnly-Chassis (wie state.assemblyDraft). Kein Migrationscode nötig — neues
    // Feld defaultet über freshState()+Object.assign() für Altspielstände automatisch.
    blueprintCreatorDraft: { mode:'fabrik', chassisId:null, mods:[] },
    // NEU (TODO-STATISTIKEN): Lifetime-Zähler fürs Statistiken-Panel — laufen die ganze
    // Firmengeschichte über mit, unabhängig von aktuellen Bestandsgrößen (die lassen sich schon
    // aus bestehenden Listen ableiten, z.B. state.orbitSats.length). moneyHistory ist ein
    // gecappter Tagesverlauf (siehe tick()) fürs Diagramm im Statistiken-Tab. Kein Migrationscode
    // nötig — defaultet über freshState()+Object.assign() für Altspielstände automatisch.
    stats: {
      lifetimeIncome: 0, lifetimeUpkeep: 0, moneySpent: 0,
      satellitesBuilt: 0, modulesBuilt: 0, shipsAssembled: 0,
      launchesTotal: 0, launchesSuccess: 0, launchesFailed: 0,
      contractsCompleted: 0, researchCompleted: 0, satellitesLost: 0,
      // NEU (TODO-ERFOLGE-2): reiner Kumulativ-Zähler für Forschungspunkte, sinkt nie (anders als
      // state.sciencePoints, das beim Freischalten einer Forschung wieder kleiner wird) -- siehe
      // gainSciencePoints(). Ermöglicht sowohl einen "Wissenschaftsnation"-Erfolg als auch eine
      // sinnvolle Lifetime-Anzeige im Statistiken-Tab (analog zu lifetimeIncome).
      sciencePointsLifetime: 0,
      // NEU (TODO-STATISTIKEN-GESAMT-FIX): moneyHistory ist jetzt ein reines KURZZEIT-Fenster
      // (Tagesauflösung, siehe recordDailyMoneySample() in tick()), nur noch für die 7-Tage-/
      // 30-Tage-Ansicht gedacht — dafür reicht ein kleiner rollender Puffer locker aus, alte
      // Einträge fallen einfach raus (siehe dort). Für "Gesamt" ist jetzt monthlyMoneyHistory
      // zuständig (ein Eintrag pro ~30 Spieltage, siehe recordMonthlyMoneySample()) — bei einem
      // Idle-Spiel dieser Art bleibt das über Jahrzehnte Spielzeit hinweg winzig (ein paar hundert
      // Einträge), deckt aber IMMER die komplette Firmengeschichte seit Gründung ab, ganz ohne
      // Downsampling-Tricks.
      moneyHistory: [], // {day, money}, rollendes Fenster, gecappt auf 40 Tage, siehe tick()
      monthlyMoneyHistory: [], // {day, money}, ein Eintrag pro ~30 Spieltage, ungecappt
      // NEU (TODO-STATISTIKEN-LIVE): Echtzeit-Verlauf unabhängig vom Tageswechsel — wird bei
      // JEDEM Render (also nach praktisch jeder Spielaktion, siehe recordLiveMoneySample())
      // aktualisiert, nicht nur einmal pro Tag wie moneyHistory oben. Gecappt auf die letzten
      // 300 Einträge.
      liveMoneyHistory: [], // {t: Date.now(), money}
    },
    // NEU (TODO-ACHIEVEMENTS): Liste freigeschalteter Erfolge, {id, day} — id referenziert einen
    // Eintrag in der ACHIEVEMENTS-Konstante, day hält den Firmentag der Freischaltung fest (für
    // die Anzeige im Erfolge-Tab). Kein Migrationscode nötig — defaultet über
    // freshState()+Object.assign() für Altspielstände automatisch auf leeres Array; die dort
    // bereits erreichten Meilensteine werden beim nächsten Laden über checkAchievements(true)
    // (siehe beginCommonGameLoop()) einmalig OHNE Toast/Sound nachgetragen, statt beim ersten
    // Render eine Toast-Flut auszulösen.
    achievementsUnlocked: [],
    // NEU (TODO-LOGBUCH, Nutzer-Wunsch: "Lore/Story reinbauen... Firmenlogbuch als eigener Reiter,
    // aber mit echtem Kalenderdatum statt Spieltag-Zahl"): Liste freigeschalteter Logbuch-Einträge,
    // {id, day} — id referenziert einen Eintrag in LOGBOOK_ENTRIES, day hält den Firmentag der
    // Freischaltung fest (genau wie bei achievementsUnlocked). Die Anzeige rechnet day über die
    // bereits bestehende companyCalendarDate()-Logik (state.foundingDate + addDaysISO) in ein
    // echtes Kalenderdatum um -- kein separates Datumsfeld hier nötig, das würde bei künftigen
    // Foundig-Date-Korrekturen (ensureFoundingDate() für Altspielstände) sonst auseinanderlaufen.
    // Kein Migrationscode nötig, defaultet über freshState()+Object.assign() automatisch auf
    // leeres Array; bereits erreichte Meilensteine werden beim nächsten Laden über
    // checkLogbookEntries(true) einmalig ohne Toast nachgetragen, analog checkAchievements(true).
    // NEU (TODO-LOGBUCH-ERWEITERT, Nutzer-Feedback: "das wäre eher Meilensteine, ein echtes
    // Logbuch registriert doch eigentlich alles"): logbook enthält jetzt NICHT mehr nur
    // {id,day}-Meilensteine, sondern gemischt auch Einträge mit eigenem kind ('research'/'target'/
    // 'colony'/'yearly'), die direkt icon/title/text mitbringen (siehe addLogbookEntry() und
    // generateYearlyLogbookReport()) -- Einträge ohne kind gelten weiterhin als Meilenstein
    // (Abwärtskompatibilität zu v4-75-Spielständen von vor dieser Erweiterung).
    logbook: [],
    // NEU (TODO-LOGBUCH-TAB-BLINKEN): merkt sich state.logbook.length zum Zeitpunkt des letzten
    // Besuchs im Logbuch-Tab. updateLogbookTabIndicator() (aufgerufen am Ende von renderLogbook())
    // vergleicht aktuelle Länge dagegen -- Differenz > 0 lässt den Tab blinken (Klasse has-reward,
    // wiederverwendet aus TODO-ACHIEVEMENT-REWARDS) und zeigt die Anzahl als Badge. Der Tab-Klick-
    // Handler setzt den Wert beim Öffnen des Logbuchs auf den aktuellen Stand zurück.
    logbookLastSeen: 0,
    // NEU (TODO-LOGBUCH-ERWEITERT): Schnappschuss der Lifetime-Stats zum letzten Jahresbericht --
    // generateYearlyLogbookReport() bildet die Differenz zu den aktuellen Werten und baut daraus
    // einen rein aus echten Zahlen bestehenden Bericht, ganz ohne dass irgendwo ein KI-generierter
    // Text nötig wäre. Startet bei einem NEUEN Spiel bewusst bei Null (nicht erst lazy beim ersten
    // Bericht gesetzt) -- sonst würde generateYearlyLogbookReport() Schnappschuss UND aktuellen
    // Stand im selben Moment (Tag 366) erzeugen und der allererste Jahresbericht wäre fälschlich
    // leer. Wird nach jedem Bericht aktualisiert.
    logbookYearSnapshot: {
      launchesTotal:0, satellitesBuilt:0, modulesBuilt:0, contractsCompleted:0, researchCompleted:0,
      satellitesLost:0, lifetimeIncome:0, coloniesCount:0, exploredCount:0,
    },
    // NEU (TODO-ZUFALLSEREIGNISSE, Punkt 4 der IDEENLISTE): Verlaufsprotokoll ausgelöster
    // Zufallsereignisse, {day, name, icon, message, kind:'good'|'bad'}, gecappt auf die letzten
    // 20 Einträge, analog missionLog. marketEvent hält einen AKTUELL laufenden Markt-Effekt
    // (Boom/Einbruch) auf das Vertrags-Tageseinkommen fest, siehe contractDailyIncome() sowie
    // den Countdown/die Aufhebung in tick(). Kein Migrationscode nötig — beide Felder defaulten
    // über freshState()+Object.assign() für Altspielstände automatisch (leeres Array bzw. null).
    eventLog: [],
    marketEvent: null, // {mult, daysLeft, daysTotal, label, kind:'boost'|'slump'} oder null
    // NEU (TODO-SONNENZYKLUS): zufälliger, aber pro Spielstand fixer Einstiegspunkt in den
    // ~11-Jahres-Sonnenzyklus (siehe SOLAR_CYCLE_DAYS weiter unten) — sorgt dafür, dass nicht
    // jede neue Firma bei Tag 1 zwangsläufig im Sonnenminimum startet. Einmal in freshState()
    // gewürfelt und danach für die gesamte Spieldauer konstant. Kein Migrationscode nötig —
    // Altspielstände ohne dieses Feld defaulten über freshState()+Object.assign() automatisch
    // auf einen zufälligen Offset beim nächsten Laden.
    solarCycleOffset: Math.floor(Math.random() * 4017),
    // NEU (TODO-SONNENZYKLUS): Spieltag, ab dem der nächste Sonnensturm frühestens wieder
    // ausgelöst werden kann (siehe solarStormCandidate() weiter unten) — verhindert, dass sich
    // Stürme trotz Zyklus-Gewichtung direkt hintereinander häufen und sich "unfair bursty"
    // anfühlen. 0 = keine Sperre aktiv.
    solarStormCooldownUntil: 0,
    // NEU (TODO-AUFTRAGSSYSTEM): Vertrauenswert pro Auftraggeber, {clientId: number}. Fehlende
    // Einträge gelten als 0 (siehe clientRepOf()) — kein Migrationscode nötig, defaultet über
    // freshState()+Object.assign() für Altspielstände automatisch auf leeres Objekt.
    clientRep: {},
    // NEU (TODO-OFFLINE-PROGRESS): Echtzeit-Zeitstempel (Date.now()), wird bei JEDEM tick()
    // aktualisiert (siehe dort) — beim nächsten "Fortsetzen" wird die seitdem vergangene
    // Echtzeit in computeAndApplyOfflineProgress() ausgewertet und als simulierte Spieltage
    // nachgeholt. Kein Migrationscode nötig — Altspielstände ohne dieses Feld lösen dort
    // einfach KEINE Nachholung aus (erster Fall wird übersprungen, Feld danach normal gesetzt).
    lastRealTimestamp: Date.now(),
    // NEU (v4-14): Langzeitaufträge — eigene, von state.contracts komplett getrennte Liste.
    // Eintrag: {id, client, name, type (Nutzlast-Kategorie oder null=egal), orbit (Orbit-Key
    // oder null=egal), minChassis (Chassis-Id, Mindestgröße, oder null=egal), targetCount,
    // rewardSignup, rewardPerSatPerDay, bonusOnFull, duration (Tage oder null=unbefristet),
    // daysLeft, status:'angebot'|'aktiv'|'abgeschlossen'|'abgelaufen', assignedSatIds:[],
    // fullyMetOnce:false}. Kein Migrationscode nötig — defaultet über freshState()+
    // Object.assign() für Altspielstände automatisch auf leeres Array.
    longContracts: [],
    nextLongContractId: 1,
    // GEÄNDERT (v4-31, TODO-NETZWERK-UNTERFIRMEN): war bis v4-30 ein einzelnes Objekt
    // (state.ownNetwork, max. EIN aktives Netzwerk) — jetzt ein Array aus bis zu 4 unabhängigen
    // "Unterfirmen" (siehe getMaxNetworkSlots()), unlocked über Forschung 'eigenesNetzwerk' plus
    // die drei Ausbau-Forschungen darunter. Jeder Eintrag: {id, name (automatisch vergeben, siehe
    // generateSubsidiaryName()), type:'navigation'|'kommunikation', satIds: zugewiesene
    // Satelliten-IDs, totalEarned: Lifetime-Lizenzeinnahmen dieser Unterfirma}. Migration alter
    // Spielstände (früheres Singular-Feld ownNetwork) siehe mergeLoadedGameState().
    ownNetworks: [],
    nextNetworkSubId: 1,
  };
}

/* ============================== FABRIK-KAPAZITÄT ============================== */
const BASE_QUEUE_CAP = 2;
function getMaxQueueCap(){
  let cap = BASE_QUEUE_CAP;
  if(hasResearch('fabrikausbau1')) cap += 2;
  if(hasResearch('fabrikausbau2')) cap += 2;
  if(hasResearch('fabrikausbau3')) cap += 2;
  if(hasResearch('fabrikausbau4')) cap += 2;
  return cap;
}
function getRemainingQueueCap(){
  return Math.max(0, getMaxQueueCap() - state.constructionQueue.length);
}
function getRemainingModuleQueueCap(){
  // NEU (TODO-MODUL-STAPELBAU): eigener Kapazitäts-Check für die Modul-Fabrik, analog
  // getRemainingQueueCap() für Komplettschiffe — nutzt bewusst denselben getMaxQueueCap()-
  // Wert (gleiche Fabrikausbau-Forschung, max. 10 bei Vollausbau), zählt aber gegen die
  // EIGENE state.moduleConstructionQueue statt gegen state.constructionQueue, da beide
  // Warteschlangen wie bisher getrennt bleiben (siehe TODO-FABRIK-UMBAU Schritt c).
  return Math.max(0, getMaxQueueCap() - state.moduleConstructionQueue.length);
}
// NEU (TODO-SCHWIERIGKEITSGRAD): sieben Schwierigkeitsstufen, wählbar bei der Firmengründung
// (siehe openNewProfileModal('found') / createNewProfile()). Wirkt auf vier zentrale Stellschrauben:
// startMoney in freshState(), Vertragserträge in generateContract(), Zuverlässigkeits-/
// Landechance-Formeln über effectiveReliability()/effectiveLandingChance() weiter unten, sowie
// Bau-/Forschungskosten über applyDifficultyCostScaling() weiter unten — letztere skaliert die
// .cost-Felder direkt in CHASSIS/MODULES/ROCKETS/RESEARCH selbst, damit alle ca. 50 bestehenden
// Lese-/Anzeigestellen im restlichen Code automatisch den korrekten, skalierten Preis sehen, ohne
// jede einzelne Stelle separat anfassen zu müssen.
const DIFFICULTIES = {
  sandbox:    { id:'sandbox',    label:'Sandbox',            order:0, startMoney:2000000, incomeMult:1.5,  reliabilityBonus:0.15,  costMult:0.4,  timeMult:0.1,  desc:'Entspanntes Ausprobieren — praktisch unbegrenztes Geld, kaum Ausfallrisiko, günstige Preise, extrem schnelle Bau-/Flug-/Forschungszeiten.' },
  sehrLeicht: { id:'sehrLeicht', label:'Sehr leicht',        order:1, startMoney:120000,  incomeMult:1.3,  reliabilityBonus:0.08,  costMult:0.75, timeMult:0.3,  desc:'Viel Startkapital, spürbar höhere Erfolgschancen, günstigere Bau-/Forschungskosten, deutlich kürzere Bau-/Flug-/Forschungszeiten.' },
  leicht:     { id:'leicht',     label:'Leicht',             order:2, startMoney:80000,   incomeMult:1.15, reliabilityBonus:0.04,  costMult:0.9,  timeMult:0.6,  desc:'Etwas mehr Puffer als im Normalspiel, leicht höhere Erfolgschancen, etwas günstiger und schneller.' },
  normal:     { id:'normal',     label:'Normal',             order:3, startMoney:50000,   incomeMult:1.0,  reliabilityBonus:0,     costMult:1.0,  timeMult:1.0,  desc:'Das klassische Deep-Anchor-Balancing, unverändert — Referenzwert für alle anderen Stufen.' },
  schwer:     { id:'schwer',     label:'Schwer',             order:4, startMoney:35000,   incomeMult:0.9,  reliabilityBonus:-0.04, costMult:1.15, timeMult:1.8,  desc:'Knapperes Startkapital, etwas geringere Erfolgschancen, teurer und spürbar langsamer.' },
  sehrSchwer: { id:'sehrSchwer', label:'Sehr schwer',        order:5, startMoney:22000,   incomeMult:0.8,  reliabilityBonus:-0.08, costMult:1.35, timeMult:3.0,  desc:'Wenig Startkapital, deutlich höheres Ausfallrisiko, spürbar teurer und deutlich langsamer.' },
  hoellisch:  { id:'hoellisch',  label:'Höllisch schwer',    order:6, startMoney:20800,   incomeMult:0.65, reliabilityBonus:-0.14, costMult:1.6,  timeMult:5.0,  desc:'Nur für Hartgesottene — das Startkapital reicht exakt für EINEN Satelliten (Chassis, Solarpanel, Wettersensor, Start) und keinen Cent mehr, dazu fünffach so lange Bau-/Flug-/Forschungszeiten wie im Normalspiel. Geht der Start schief, ist kein Geld für einen zweiten Versuch übrig — praktisch Game Over, nur eine neue Firma bleibt dann noch.' },
};
const DEFAULT_DIFFICULTY = 'normal';
function getDifficulty(){
  return DIFFICULTIES[state.difficulty] || DIFFICULTIES[DEFAULT_DIFFICULTY];
}
// Zentrale Zuverlässigkeits-/Landechance-Helfer: ersetzen die vorher an sieben (Start) bzw. vier
// (Landung) Stellen duplizierte Inline-Formel "+ (hasResearch('reliability')?0.05:0) +
// Math.min(0.03, state.reputation/1000)" — jetzt inkl. Schwierigkeits-Bonus/Malus und mit einer
// unteren Sicherheits-Untergrenze (vorher gab's keine, ein stark negativer Malus hätte sonst
// theoretisch eine Erfolgschance nahe 0% erzeugen können).
function effectiveReliability(baseReliability){
  const bonus = (hasResearch('reliability')?0.05:0) + Math.min(0.03, state.reputation/1000) + getDifficulty().reliabilityBonus;
  return Math.max(0.05, Math.min(0.99, baseReliability + bonus));
}
function effectiveLandingChance(baseChance){
  const bonus = (hasResearch('reliability')?0.05:0) + getDifficulty().reliabilityBonus;
  return Math.max(0.05, Math.min(0.95, baseChance + bonus));
}

// NEU (TODO-SCHWIERIGKEITSGRAD): skaliert die .cost-Felder von CHASSIS, MODULES (alle Kategorien),
// ROCKETS und RESEARCH direkt am jeweiligen Objekt (kein separater Getter nötig, siehe
// Begründung oben bei DIFFICULTIES). _baseCost merkt sich einmalig den echten Grundpreis pro
// Objekt (Normal-Balancing) — dadurch bleibt die Skalierung bei jedem Aufruf exakt, auch wenn
// zwischendurch schon einmal mit einem anderen Faktor skaliert wurde (z.B. Firma A auf Schwer
// gestartet, danach im selben Tab zu Firma B auf Sandbox gewechselt: kein Aufaddieren/Verzerren,
// da immer wieder vom unveränderten _baseCost aus neu berechnet wird statt vom zuletzt gesetzten
// .cost).
function applyDifficultyCostScaling(){
  const mult = getDifficulty().costMult;
  const scaleOne = (item)=>{
    if(item._baseCost === undefined) item._baseCost = item.cost;
    item.cost = Math.round(item._baseCost * mult);
  };
  Object.values(CHASSIS).forEach(scaleOne);
  Object.values(ROCKETS).forEach(scaleOne);
  Object.values(MODULES).forEach(list => list.forEach(scaleOne));
  RESEARCH.forEach(scaleOne);
}

let state = freshState();

// NEU (TODO-OFFLINE-PROGRESS): globaler Stumm-Schalter für den Catch-up-Loop in
// computeAndApplyOfflineProgress() — dort wird tick() bis zu mehrere hundert Mal hintereinander
// synchron aufgerufen, ohne diesen Schalter würde das eine Toast-/Sound-Flut auslösen. toast()
// sowie Sound.tone()/noiseBurst()/playExplosionBuffer() prüfen dieses Flag jeweils ganz oben.
let offlineCatchupActive = false;

function hasResearch(id){ return state.purchasedResearch.includes(id); }
// NEU (TODO-ERFOLGE-2, Nutzer-Wunsch: "statistiken müssen ja auch überarbeitet werden"): zentrale
// Stelle für JEDEN Forschungspunkte-Zuwachs (Missionslandungen, Forschungsaufträge, Kolonie-/
// Stations-Forschungsaußenposten) -- schreibt wie bisher in state.sciencePoints (die AUSGEBBARE,
// wieder sinkende Bestandsgröße), zusätzlich aber in state.stats.sciencePointsLifetime (reiner
// Kumulativ-Zähler, sinkt NIE, analog zu stats.lifetimeIncome). Vorher gab es für Forschungspunkte
// keinerlei Lifetime-Statistik -- der Statistiken-Tab zeigte nur den aktuellen Bestand, der nach
// jedem Forschungskauf wieder kleiner wird, wodurch weder ein "Wissenschaftsnation"-Erfolg noch
// eine sinnvolle Gesamt-Statistik möglich waren. Alle bisherigen direkten
// state.sciencePoints+=-Stellen wurden durch Aufrufe dieser Funktion ersetzt.
function gainSciencePoints(amount){
  if(!amount) return;
  state.sciencePoints += amount;
  state.stats.sciencePointsLifetime += amount;
}
function isChassisUnlocked(c){ return !c.reqResearch || hasResearch(c.reqResearch); }
function isModUnlocked(m){ return !m.reqResearch || hasResearch(m.reqResearch); }

function fmtMoney(n){ return '€' + Math.round(n).toLocaleString('de-DE'); }
function findMod(id){
  for(const cat of Object.values(MODULES)) { const f = cat.find(m=>m.id===id); if(f) return f; }
  return null;
}

/* ============================== TOASTS ============================== */
function toast(msg, kind=''){
  if(offlineCatchupActive) return; // NEU (TODO-OFFLINE-PROGRESS): keine Toast-Flut beim Catch-up
  const wrap = document.getElementById('toastWrap');
  const el = document.createElement('div');
  el.className = 'toast ' + kind;
  el.textContent = msg;
  wrap.appendChild(el);
  setTimeout(()=>{ el.style.transition='opacity .4s'; el.style.opacity='0'; setTimeout(()=>el.remove(),400); }, 3600);
}

/* ============================== BUILD DRAFT LOGIC ============================== */
function draftStats(){
  const d = state.draft;
  const chassis = d.chassisId ? CHASSIS[d.chassisId] : null;
  let mass = chassis ? chassis.mass : 0;
  let cost = chassis ? chassis.cost : 0;
  let power = 0, powerDraw = 0, bandwidth = 0, deltaV = 0;
  const modsResolved = d.mods.map(findMod).filter(Boolean);
  modsResolved.forEach(m=>{
    mass += m.mass; cost += m.cost;
    if(m.power) power += m.power;
    if(m.powerDraw) powerDraw += m.powerDraw;
    if(m.bandwidth) bandwidth += m.bandwidth;
    if(m.deltaV) deltaV += m.deltaV;
  });
  const roleMod = modsResolved.find(m=>m.cat==='role');
  return {
    chassis, mods: modsResolved, mass, cost,
    power, powerDraw, powerBalance: power - powerDraw,
    bandwidth, deltaV,
    slotsUsed: modsResolved.filter(m=>!m.noSlot).length,
    slotsMax: chassis ? chassis.slots : 0,
    payloadTypes: modsResolved.filter(m=>m.cat==='payload').map(m=>m.type),
    roleLabel: roleMod ? roleMod.roleLabel : null,
  };
}

function selectChassis(id){
  const c = CHASSIS[id];
  if(!isChassisUnlocked(c)){ toast('Chassis noch nicht erforscht.', 'bad'); Sound.error(); return; }
  if(c.werftOnly){ toast(`${c.name} ist werft-pflichtig — nur über die Schiffsmontage im Werft-Tab baubar, nicht über den Fabrik-Direktbau.`, 'bad'); Sound.error(); return; }
  state.draft.chassisId = id;
  state.draft.mods = [];
  Sound.click();
  renderBuild();
}

function addMod(id){
  const m = findMod(id);
  if(!m) return;
  if(!isModUnlocked(m)){ toast('Modul noch nicht erforscht.', 'bad'); Sound.error(); return; }
  const st = draftStats();
  if(!st.chassis){ toast('Zuerst ein Chassis wählen.', 'bad'); Sound.error(); return; }
  if(m.cat==='role'){
    // Rollenschilder sind exklusiv: neues ersetzt ein evtl. vorhandenes altes
    state.draft.mods = state.draft.mods.filter(mid=>{ const em=findMod(mid); return !(em && em.cat==='role'); });
  } else if(st.slotsUsed >= st.slotsMax){
    toast('Keine freien Slots mehr.', 'bad'); Sound.error(); return;
  }
  state.draft.mods.push(id);
  Sound.click();
  renderBuild();
}
function removeMod(idx){
  state.draft.mods.splice(idx,1);
  Sound.click();
  renderBuild();
}

function buildSatellite(){
  const st = draftStats();
  if(!st.chassis){ toast('Kein Chassis gewählt.', 'bad'); Sound.error(); return; }
  if(st.mods.length === 0){ toast('Mindestens ein Modul hinzufügen.', 'bad'); Sound.error(); return; }

  if(state.draft.editingId){
    // NEU (TODO-FABRIK-WARTESCHLANGE): Umbau wird immer bezahlt/angenommen — ist kein aktiver
    // Fertigungsplatz frei, landet der Auftrag in state.constructionWaitQueue und rückt später
    // automatisch nach (analog Modul-Fabrik), statt komplett blockiert zu werden.
    const delta = st.cost - state.draft.editingOriginalCost;
    if(delta > 0 && state.money < delta){ toast('Nicht genug Guthaben für die Änderung.', 'bad'); Sound.error(); return; }
    state.money -= delta;
    if(delta > 0) state.stats.moneySpent += delta;
    const hasSlot = getRemainingQueueCap() > 0;
    if(hasSlot){
      const refitDays = Math.max(1, Math.ceil(buildTimeFor(st.chassis.id, st.mods.length)/2));
      state.constructionQueue.push({
        id: state.draft.editingId, name: state.draft.editingName,
        chassisId: st.chassis.id, mods:[...state.draft.mods],
        daysTotal: refitDays, daysLeft: refitDays,
      });
      toast(`Umbau gestartet (${refitDays} Tage im Werk). ${delta>=0 ? fmtMoney(delta)+' zusätzlich bezahlt.' : fmtMoney(-delta)+' zurückerstattet.'}`, 'good');
    } else {
      state.constructionWaitQueue.push({
        id: state.draft.editingId, name: state.draft.editingName,
        chassisId: st.chassis.id, mods:[...state.draft.mods], isRefit:true,
      });
      toast(`Umbau bezahlt und in die Warteschlange eingereiht (wartet auf freien Fertigungsplatz). ${delta>=0 ? fmtMoney(delta)+' zusätzlich bezahlt.' : fmtMoney(-delta)+' zurückerstattet.'}`, 'good');
    }
    Sound.buildOk();
    state.draft = { chassisId:null, mods:[], editingId:null, editingName:null, editingOriginalCost:0, editingOriginalChassisId:null, editingOriginalMods:[] };
    renderAll();
    return;
  }

  // NEU (TODO-FABRIK-WARTESCHLANGE): keine Deckelung von qty auf remainingCap mehr — die volle
  // gewünschte Menge wird sofort komplett bezahlt (wie bei der Modul-Fabrik). Bis zu
  // getRemainingQueueCap() Stück starten sofort aktiv in state.constructionQueue, der Rest
  // landet in state.constructionWaitQueue und rückt in tickDay() nach, sobald Plätze frei werden.
  const remainingCap = getRemainingQueueCap();
  const qty = getBuildQty();
  const totalCost = st.cost * qty;
  if(state.money < totalCost){ toast(qty>1 ? `Nicht genug Guthaben für ${qty} Satelliten.` : 'Nicht genug Guthaben.', 'bad'); Sound.error(); return; }
  state.money -= totalCost;
  state.stats.moneySpent += totalCost;
  state.stats.satellitesBuilt += qty;
  const payloadLabel = st.payloadTypes.length ? PAYLOAD_TYPES[st.payloadTypes[0]].label : 'Universal';
  const days = buildTimeFor(st.chassis.id, st.mods.length);
  let firstName = '', lastName = '';
  const activeCount = Math.min(qty, remainingCap);
  for(let i=0;i<qty;i++){
    const id = state.nextSatId++;
    const name = st.roleLabel ? `${st.roleLabel}-${String(id).padStart(3,'0')}` : `${payloadLabel}-SAT-${String(id).padStart(3,'0')}`;
    if(i===0) firstName = name;
    lastName = name;
    if(i < activeCount){
      state.constructionQueue.push({
        id, name, chassisId: st.chassis.id, mods:[...state.draft.mods],
        daysTotal: days, daysLeft: days,
      });
    } else {
      state.constructionWaitQueue.push({
        id, name, chassisId: st.chassis.id, mods:[...state.draft.mods], isRefit:false,
      });
    }
  }
  state.draft = { chassisId:null, mods:[], editingId:null, editingName:null, editingOriginalCost:0, editingOriginalChassisId:null, editingOriginalMods:[] };
  document.getElementById('qtyInput').value = 1;
  Sound.buildOk();
  const waitingCount = qty - activeCount;
  const waitNote = waitingCount>0 ? ` (${activeCount} sofort in Fertigung, ${waitingCount} bezahlt und wartend — rücken automatisch nach.)` : '';
  toast((qty>1 ? `Fertigung gestartet: ${qty}× ${firstName.split('-').slice(0,-1).join('-')||'Satellit'} (${firstName} … ${lastName}).` : `Fertigung gestartet: ${firstName} ist in ${days} Tagen einsatzbereit.`) + waitNote, 'good');
  renderAll();
}

/* ============================== MODUL-FABRIK (Einzelbau, TODO-FABRIK-UMBAU Schritt c) ============================== */
// Baut EIN Modul aus MODULES separat (nicht als Teil eines Komplettschiffs), landet in
// state.moduleConstructionQueue und wandert nach Fertigstellung in state.moduleHangar.
// Rollenschilder (cat 'role') haben keine Masse/Funktion und werden hier ausgeblendet.
let activeModuleFactoryCat = 'power';
function moduleBuildDays(m){
  // Grobe Heuristik analog buildTimeFor: kleinere/leichtere Module sind schneller fertig.
  // NEU (TODO-SCHWIERIGKEITSGRAD-ZEIT): auch hier jetzt mit timeMult skaliert, analog zu
  // buildTimeFor/transferTimeFor/researchDaysFor.
  return Math.max(1, Math.round((m.mass/15) * getDifficulty().timeMult));
}
function buildModule(modId, qty=1){
  const m = findMod(modId);
  if(!m || m.cat==='role') return;
  if(!isModUnlocked(m)){ toast('Modul noch nicht erforscht.', 'bad'); Sound.error(); return; }
  qty = Math.max(1, Math.floor(qty));
  // NEU (TODO-MODUL-WARTESCHLANGE): kein Deckel mehr auf die Bestellmenge selbst — Fabrikkapazität
  // (getMaxQueueCap()) begrenzt nur noch, wie viele GLEICHZEITIG aktiv gebaut werden. Alles
  // darüber landet bezahlt in state.moduleWaitQueue und rückt automatisch nach, sobald in
  // tickDay() ein aktiver Fertigungsplatz frei wird (siehe dort).
  const totalCost = m.cost * qty;
  if(state.money < totalCost){ toast(qty>1 ? `Nicht genug Guthaben für ${qty}× ${m.name}.` : 'Nicht genug Guthaben.', 'bad'); Sound.error(); return; }
  state.money -= totalCost;
  state.stats.moneySpent += totalCost;
  state.stats.modulesBuilt += qty;
  const days = moduleBuildDays(m);
  let firstName = '', lastName = '';
  let activeCount = 0, waitCount = 0;
  for(let i=0;i<qty;i++){
    const id = state.nextModuleId++;
    const name = `${m.name}-${String(id).padStart(3,'0')}`;
    if(i===0) firstName = name;
    lastName = name;
    if(getRemainingModuleQueueCap() > 0){
      state.moduleConstructionQueue.push({ id, modId: m.id, name, daysTotal: days, daysLeft: days });
      activeCount++;
    } else {
      state.moduleWaitQueue.push({ id, modId: m.id, name });
      waitCount++;
    }
  }
  Sound.buildOk();
  if(qty<=1){
    toast(`Fertigung gestartet: ${firstName} ist in ${days} Tagen einsatzbereit.`, 'good');
  } else if(waitCount===0){
    toast(`Fertigung gestartet: ${qty}× ${m.name} (${firstName} … ${lastName}) in ${days} Tagen einsatzbereit.`, 'good');
  } else {
    toast(`${qty}× ${m.name} bestellt: ${activeCount} sofort in Fertigung, ${waitCount} warten auf freie Fertigungsplätze.`, 'good');
  }
  renderAll();
}

function scrapModule(hangarId){
  const idx = state.moduleHangar.findIndex(x=>x.id===hangarId);
  if(idx<0) return;
  const entry = state.moduleHangar[idx];
  const m = findMod(entry.modId);
  const refund = Math.round((m?.cost||0) * 0.6);
  state.moduleHangar.splice(idx,1);
  state.moduleLaunchSelection = state.moduleLaunchSelection.filter(id=>id!==hangarId);
  state.money += refund;
  Sound.click();
  toast(`${entry.name} zerlegt: ${fmtMoney(refund)} Materialwert zurückerhalten.`, 'good');
  renderAll();
}

// Wählt die günstigste freigeschaltete Rakete, deren Kapazität für die Gesamtmasse reicht.
function pickRocketForModule(mass){
  const candidates = Object.values(ROCKETS).filter(r=>isRocketUnlocked(r) && mass<=r.capacity);
  if(!candidates.length) return null;
  return candidates.reduce((best,r)=> r.cost<best.cost ? r : best);
}

// Startet ein oder mehrere Module aus dem Modul-Hangar in EINEM gemeinsamen Raketenstart
// (Stapelstart, siehe TODO-WERFT-PFLICHT): Gesamtmasse aller ausgewählten Module bestimmt die
// nötige Rakete, ein Start = ein Risiko für den ganzen Stapel (nicht pro Modul einzeln).
function launchModuleStack(hangarIds){
  const entries = hangarIds.map(id=>state.moduleHangar.find(x=>x.id===id)).filter(Boolean);
  if(entries.length===0) return;
  const totalMass = entries.reduce((sum,e)=>{ const m = findMod(e.modId); return sum + (m?m.mass:0); }, 0);
  const rocket = pickRocketForModule(totalMass);
  if(!rocket){ toast(`Stapel ist zu schwer für jede verfügbare Rakete (max. ${maxUnlockedRocketCapacity()}kg, Stapel: ${Math.round(totalMass)}kg).`, 'bad'); Sound.error(); return; }
  const cost = rocket.cost;
  if(state.money < cost){ toast('Nicht genug Guthaben für den Start.', 'bad'); Sound.error(); return; }
  state.money -= cost;
  state.moduleHangar = state.moduleHangar.filter(e=>!hangarIds.includes(e.id));
  state.moduleLaunchSelection = [];
  const reliability = effectiveReliability(rocket.reliability);
  const label = entries.length>1 ? `Modul-Stapel (${entries.length}× Module, ${Math.round(totalMass)}kg)` : entries[0].name;
  // negative ID-Namensraum, damit der generische Hangar-Filter in runRocketLaunchSequence()
  // niemals mit einer echten Schiffs-Hangar-ID (state.hangar, immer positiv) kollidiert.
  const fakeCarrier = { id: -entries[0].id, name: `${label} — Lieferflug` };
  document.getElementById('launchModal').classList.add('active');
  runRocketLaunchSequence(fakeCarrier, reliability, rocket,
    ()=>{
      entries.forEach(e=>state.orbitModulePool.push({ id: e.id, modId: e.modId, arrivedDay: state.day }));
      return `<span style="color:var(--green)">✓ START ERFOLGREICH</span><div class="small-muted" style="margin-top:6px;">${label} ${entries.length>1?'sind':'ist'} im Orbit-Lager angekommen und ${entries.length>1?'warten':'wartet'} auf die Montage.</div>`;
    },
    ()=>`<span style="color:var(--red)">✗ START FEHLGESCHLAGEN</span><div class="small-muted" style="margin-top:6px;">${label} ${entries.length>1?'sind':'ist'} verloren gegangen — der ganze Stapel war auf einer Rakete.</div>`
  );
}
function launchModule(hangarId){ launchModuleStack([hangarId]); }

// NEU (TODO-MASSENSTART-MODULE, Nutzer-Wunsch: "wen ich zumbeispiel 400 module gebaut habe will
// ich nicht nur wenige anklicken sondern eher alle nehmen und der macht dan automatische
// berechnung wieviel raketen wir brauchen"): verteilt eine beliebig große Liste von Modul-
// Hangar-Einträgen per First-Fit-Decreasing auf möglichst wenige Raketen-Ladungen. Jede Ladung
// darf maxUnlockedRocketCapacity() (die Kapazität der stärksten freigeschalteten Rakete) nicht
// überschreiten -- ein einzelnes Modul wird dabei NIE aufgeteilt, es landet immer komplett in
// genau einer Ladung. First-Fit-Decreasing (größte Module zuerst einsortieren) hält die Anzahl
// nötiger Ladungen nah am theoretischen Minimum, ohne einen vollen Bin-Packing-Solver zu brauchen.
// Module, die schon allein schwerer sind als jede verfügbare Rakete, können prinzipiell nie
// starten -- die werden separat als "oversized" zurückgegeben und bleiben unangetastet im Hangar.
function packModulesForAutoLaunch(entries){
  const maxCap = maxUnlockedRocketCapacity();
  const withMass = entries
    .map(e=>({ entry:e, mass:(findMod(e.modId)?.mass)||0 }))
    .sort((a,b)=>b.mass-a.mass);
  const oversized = [];
  const bins = []; // { mass, hangarIds:[] }
  withMass.forEach(({entry,mass})=>{
    if(mass>maxCap){ oversized.push(entry); return; }
    let bin = bins.find(b=>b.mass+mass<=maxCap);
    if(!bin){ bin = { mass:0, hangarIds:[] }; bins.push(bin); }
    bin.mass += mass;
    bin.hangarIds.push(entry.id);
  });
  return { bins, oversized };
}

// Sammel-Stapelstart für beliebig viele ausgewählte Module: passt die komplette Auswahl schon auf
// eine einzelne Rakete, ändert sich nichts (normaler launchModuleStack() reicht, keine
// Warteschlange nötig). Ist sie zu schwer, wird sie automatisch auf mehrere Raketen-Ladungen
// verteilt (packModulesForAutoLaunch()) -- die erste Ladung startet sofort (inkl. normalem Video/
// Risiko wie jeder Start), alle weiteren erscheinen als Warteschlange im Modul-Hangar
// (state.moduleLaunchQueue) mit eigenem "Nächste Rakete starten"-Button. Startkosten werden
// weiterhin erst PRO tatsächlichem Start abgebucht, nicht die Gesamtsumme im Voraus.
function launchModuleStackAuto(hangarIds){
  const entries = hangarIds.map(id=>state.moduleHangar.find(x=>x.id===id)).filter(Boolean);
  if(entries.length===0) return;
  const totalMass = entries.reduce((sum,e)=>{ const m=findMod(e.modId); return sum+(m?m.mass:0); }, 0);
  if(pickRocketForModule(totalMass)){
    launchModuleStack(hangarIds);
    return;
  }
  const { bins, oversized } = packModulesForAutoLaunch(entries);
  if(oversized.length){
    toast(`${oversized.length}× Modul übersteigt die Kapazität JEDER verfügbaren Rakete allein und bleibt im Hangar zurück.`, 'bad');
    Sound.error();
  }
  if(bins.length===0) return;
  // Alle Ladungen werden SOFORT reserviert (Snapshot der Modul-Daten in der Ladung selbst,
  // Einträge raus aus state.moduleHangar) -- nicht erst beim tatsächlichen Start jeder einzelnen
  // Ladung. Sonst blieben die Module wartender Ladungen im Hangar sichtbar/auswählbar/
  // verschrottbar, obwohl sie schon einer Rakete zugeteilt sind (Doppel-Vergabe-Bug).
  const allHangarIds = bins.flatMap(b=>b.hangarIds);
  const queueEntries = bins.map(bin=>{
    const rocket = pickRocketForModule(bin.mass);
    const snapshotEntries = bin.hangarIds.map(id=>entries.find(e=>e.id===id)).filter(Boolean);
    return { id: state.nextModuleLaunchBatchId++, entries: snapshotEntries, mass: bin.mass, rocketId: rocket.id, cost: rocket.cost };
  });
  state.moduleHangar = state.moduleHangar.filter(e=>!allHangarIds.includes(e.id));
  state.moduleLaunchQueue.push(...queueEntries);
  state.moduleLaunchSelection = state.moduleLaunchSelection.filter(id=>!allHangarIds.includes(id));
  toast(`Massenstart geplant: ${queueEntries.length} Rakete(n) nötig für ${entries.length} Module (${Math.round(totalMass)}kg gesamt).`, 'good');
  renderAll();
  runModuleLaunchBatch(queueEntries[0].id);
}

// Startet EINE Ladung aus state.moduleLaunchQueue (siehe launchModuleStackAuto()) -- Aufbau
// bewusst analog zu runWerftFlight(), nur dass hier jede Ladung ihre eigene Rakete/Kosten hat
// statt einer festen Flugzahl derselben Rakete.
function runModuleLaunchBatch(batchId){
  const batch = state.moduleLaunchQueue.find(b=>b.id===batchId);
  if(!batch) return;
  const rocket = ROCKETS[batch.rocketId];
  if(state.money < batch.cost){ toast('Nicht genug Guthaben für die nächste Rakete dieser Sammel-Ladung.', 'bad'); Sound.error(); return; }
  state.money -= batch.cost;
  const entries = batch.entries; // bereits beim Queuen aus state.moduleHangar entfernt (siehe launchModuleStackAuto())
  const reliability = effectiveReliability(rocket.reliability);
  const label = `Sammel-Ladung (${entries.length}× Module, ${Math.round(batch.mass)}kg)`;
  const fakeCarrier = { id: -batch.id, name: `${label} — Lieferflug` };
  document.getElementById('launchModal').classList.add('active');
  runRocketLaunchSequence(fakeCarrier, reliability, rocket,
    ()=>{
      entries.forEach(e=>state.orbitModulePool.push({ id: e.id, modId: e.modId, arrivedDay: state.day }));
      state.moduleLaunchQueue = state.moduleLaunchQueue.filter(b=>b.id!==batchId);
      const restLabel = state.moduleLaunchQueue.length ? `${state.moduleLaunchQueue.length} weitere Rakete(n) dieser Sammel-Aktion stehen noch aus (siehe Warteschlange).` : `Alle Raketen dieser Sammel-Aktion sind im Orbit.`;
      return `<span style="color:var(--green)">✓ START ERFOLGREICH</span><div class="small-muted" style="margin-top:6px;">${label} ${entries.length>1?'sind':'ist'} im Orbit-Lager angekommen. ${restLabel}</div>`;
    },
    ()=>{
      state.moduleLaunchQueue = state.moduleLaunchQueue.filter(b=>b.id!==batchId);
      const restLabel = state.moduleLaunchQueue.length ? `${state.moduleLaunchQueue.length} weitere Rakete(n) dieser Sammel-Aktion stehen noch aus.` : ``;
      return `<span style="color:var(--red)">✗ START FEHLGESCHLAGEN</span><div class="small-muted" style="margin-top:6px;">${label} ${entries.length>1?'sind':'ist'} verloren gegangen — der ganze Ladungsinhalt war auf einer Rakete. ${restLabel}</div>`;
    }
  );
}

function renderModuleLaunchQueue(){
  const list = document.getElementById('moduleLaunchQueueList');
  if(!list) return;
  if(state.moduleLaunchQueue.length===0){ list.innerHTML=''; return; }
  list.innerHTML = `<div class="small-muted" style="margin:10px 0 6px;">Massenstart-Warteschlange — noch ${state.moduleLaunchQueue.length} Rakete(n) nötig:</div>` +
    state.moduleLaunchQueue.map(b=>{
      const rocket = ROCKETS[b.rocketId];
      return `<div class="queue-item">
        <div class="top"><span class="qname">${b.entries.length}× Module · ${Math.round(b.mass)}kg</span><span class="qmeta">${rocket.name}</span></div>
        <button class="btn primary small" data-modlaunchbatch="${b.id}" style="width:100%; margin-top:8px; justify-content:center;">Nächste Rakete starten (${fmtMoney(b.cost)})</button>
      </div>`;
    }).join('');
  list.querySelectorAll('[data-modlaunchbatch]').forEach(btn=>{
    btn.addEventListener('click', ()=>runModuleLaunchBatch(Number(btn.dataset.modlaunchbatch)));
  });
}

// Wählt ALLE aktuell im Hangar verfügbaren Module für den Stapelstart aus (Nutzer-Wunsch: "eher
// alle nehmen" statt einzeln durchklicken) -- ersetzt die bisherige Auswahl komplett.
function selectAllModulesForStack(){
  state.moduleLaunchSelection = state.moduleHangar.map(e=>e.id);
  Sound.click();
  renderModuleHangar();
}
function clearModuleStackSelection(){
  state.moduleLaunchSelection = [];
  Sound.click();
  renderModuleHangar();
}

function toggleModuleStackSelection(hangarId){
  const idx = state.moduleLaunchSelection.indexOf(hangarId);
  if(idx>=0) state.moduleLaunchSelection.splice(idx,1);
  else state.moduleLaunchSelection.push(hangarId);
  Sound.click();
  renderModuleHangar();
}

// NEU (TODO-HANGAR-KOMPAKT): analog zu assemblyPoolGroups() im Orbit-Lager (fix26) — bisher
// zeigte der Modul-Hangar JEDEN einzelnen Eintrag als eigene Zeile mit Checkbox (bei z.B.
// 12x Solarpanel I also 12 optisch identische Zeilen). Jetzt: eine Zeile PRO Modultyp mit
// Verfügbarkeits-Anzahl und kompaktem −/Anzahl/+ -Steller für die Stapel-Auswahl. Unter der
// Haube unverändert: state.moduleLaunchSelection bleibt eine flache Liste konkreter
// Hangar-Eintrags-IDs (launchModuleStack() unangetastet) — die Typ-Funktionen suchen beim "+"
// einfach den nächsten noch nicht ausgewählten Eintrag mit passender modId heraus bzw.
// entfernen beim "−" den zuletzt ausgewählten.
function moduleHangarGroups(){
  const flatOrder = [];
  Object.values(MODULES).forEach(catArr=>catArr.forEach(m=>flatOrder.push(m.id)));
  const counts = {};
  state.moduleHangar.forEach(e=>{ counts[e.modId] = (counts[e.modId]||0)+1; });
  return flatOrder.filter(id=>counts[id]).map(id=>({ modId:id, available:counts[id] }));
}
function addModuleStackSelectionByType(modId){
  const entry = state.moduleHangar.find(e=>e.modId===modId && !state.moduleLaunchSelection.includes(e.id));
  if(!entry) return;
  state.moduleLaunchSelection.push(entry.id);
  Sound.click();
  renderModuleHangar();
}
function removeModuleStackSelectionByType(modId){
  for(let i=state.moduleLaunchSelection.length-1;i>=0;i--){
    const entry = state.moduleHangar.find(e=>e.id===state.moduleLaunchSelection[i]);
    if(entry && entry.modId===modId){ state.moduleLaunchSelection.splice(i,1); Sound.click(); renderModuleHangar(); return; }
  }
}
// Einzeln starten/Verschrotten wirken jetzt "auf den Typ" — nehmen bevorzugt ein noch nicht
// für den Stapel ausgewähltes Exemplar dieses Typs (fällt sonst auf irgendeins zurück).
function launchModuleOfType(modId){
  const entry = state.moduleHangar.find(e=>e.modId===modId && !state.moduleLaunchSelection.includes(e.id))
             || state.moduleHangar.find(e=>e.modId===modId);
  if(entry) launchModule(entry.id);
}
function scrapModuleOfType(modId){
  const entry = state.moduleHangar.find(e=>e.modId===modId && !state.moduleLaunchSelection.includes(e.id))
             || state.moduleHangar.find(e=>e.modId===modId);
  if(entry) scrapModule(entry.id);
}

function clampModuleQty(v){
  v = Math.round(Number(v));
  if(!Number.isFinite(v) || v<1) v = 1;
  if(v>999) v = 999;
  return v;
}
function getModuleBuildQty(){
  const inp = document.getElementById('moduleQtyInput');
  return inp ? clampModuleQty(inp.value) : 1;
}

function renderModuleFactory(){
  const subtabs = document.getElementById('moduleFactorySubtabs');
  if(!subtabs) return;
  const cats = MOD_CATS.filter(c=>c.id!=='role');
  subtabs.innerHTML = cats.map(c=>`<div class="subtab ${c.id===activeModuleFactoryCat?'active':''}" data-mfcat="${c.id}">${c.label}</div>`).join('');
  subtabs.querySelectorAll('[data-mfcat]').forEach(el=>{
    el.addEventListener('click', ()=>{ activeModuleFactoryCat = el.dataset.mfcat; renderModuleFactory(); });
  });
  // NEU (TODO-MODUL-WARTESCHLANGE): die Bestellmenge wird nicht mehr auf freie Fertigungsplätze
  // gedeckelt — jede bestellte Menge wird komplett angenommen und bezahlt, alles über der
  // aktiven Kapazität hinaus landet in state.moduleWaitQueue (siehe buildModule()/tickDay()).
  const qty = getModuleBuildQty();
  const list = document.getElementById('moduleFactoryList');
  list.innerHTML = MODULES[activeModuleFactoryCat].map(m=>{
    const unlocked = isModUnlocked(m);
    let detail = [];
    if(m.power) detail.push(`+${m.power} Energie`);
    if(m.powerDraw) detail.push(`-${m.powerDraw} Energie`);
    if(m.bandwidth) detail.push(`+${m.bandwidth} Bandbreite`);
    if(m.deltaV) detail.push(`+${m.deltaV} Treibstoffreserve`);
    if(m.type) detail.push(PAYLOAD_TYPES[m.type].label);
    detail.push(`Bauzeit: ${moduleBuildDays(m)} Tag(e)`);
    const totalCost = m.cost * qty;
    const btnLabel = qty>1 ? `+ ${fmtMoney(totalCost)} (${qty}×)` : `+ ${fmtMoney(m.cost)}`;
    return `<div class="mod-row ${!unlocked?'locked':''}">
      <div><div class="n">${m.name}</div><div class="d">${detail.join(' · ')} · ${m.mass}kg</div></div>
      <button class="btn small" data-buildmod="${m.id}" ${!unlocked?'disabled':''}>${btnLabel}</button>
    </div>`;
  }).join('');
  list.querySelectorAll('[data-buildmod]').forEach(btn=>{
    btn.addEventListener('click', ()=>buildModule(btn.dataset.buildmod, getModuleBuildQty()));
  });
  const capLabel = document.getElementById('moduleQueueCapLabel');
  if(capLabel) capLabel.textContent = state.moduleWaitQueue.length
    ? `(${state.moduleConstructionQueue.length}/${getMaxQueueCap()} aktiv · ${state.moduleWaitQueue.length} wartend)`
    : `(${state.moduleConstructionQueue.length}/${getMaxQueueCap()} Plätze belegt)`;

}

function renderModuleQueue(){
  const list = document.getElementById('moduleQueueList');
  const empty = document.getElementById('moduleQueueEmpty');
  if(!list || !empty) return;
  if(state.moduleConstructionQueue.length===0 && state.moduleWaitQueue.length===0){ list.innerHTML=''; empty.style.display='block'; return; }
  empty.style.display='none';
  const activeHtml = state.moduleConstructionQueue.map(q=>{
    const pct = Math.round(((q.daysTotal-q.daysLeft)/q.daysTotal)*100);
    return `<div class="queue-item">
      <div class="top"><span class="qname">${q.name}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
      <div class="progress-bar"><div style="width:${pct}%"></div></div>
    </div>`;
  }).join('');
  // NEU (TODO-MODUL-WARTESCHLANGE): wartende Bestellungen ohne Fortschrittsbalken (noch nicht
  // gestartet) — zeigen nur ihren Platz in der Warteschlange, damit klar ist, dass sie schon
  // bezahlt/bestellt sind und automatisch nachrücken.
  const waitHtml = state.moduleWaitQueue.map((q,i)=>`<div class="queue-item">
      <div class="top"><span class="qname">${q.name}</span><span class="qmeta">wartet (Platz ${i+1})</span></div>
    </div>`).join('');
  list.innerHTML = activeHtml + waitHtml;
}

// NEU (TODO-STAPELSTART-UI): bisher rief der Modul-Hangar launchModuleStack() nur mit EINEM
// Modul auf (Button pro Zeile) — die Stapel-Funktion selbst existierte schon (siehe
// launchModuleStack oben), war aber nie über die UI mit mehreren Modulen gleichzeitig nutzbar.
// Jetzt: Checkbox pro Zeile füllt state.moduleLaunchSelection, eine Sammelleiste darunter
// zeigt Gesamtmasse/passende Rakete/Kosten für die aktuelle Auswahl und startet sie gebündelt.
function renderModuleHangar(){
  const list = document.getElementById('moduleHangarList');
  const empty = document.getElementById('moduleHangarEmpty');
  const stackBar = document.getElementById('moduleStackBar');
  if(!list || !empty) return;
  // Ausgewählte IDs bereinigen, falls Module inzwischen verschrottet/gestartet wurden.
  state.moduleLaunchSelection = state.moduleLaunchSelection.filter(id=>state.moduleHangar.some(e=>e.id===id));
  const groups = moduleHangarGroups();
  if(groups.length===0){
    list.innerHTML=''; empty.style.display='block';
    if(stackBar) stackBar.innerHTML='';
    renderModuleLaunchQueue(); // Warteschlange kann auch bei leerem Hangar noch offene Ladungen haben
    return;
  }
  empty.style.display='none';
  list.innerHTML = groups.map(g=>{
    const m = findMod(g.modId);
    const rocket = m ? pickRocketForModule(m.mass) : null;
    const selectedCount = state.moduleLaunchSelection.filter(id=>{
      const e = state.moduleHangar.find(x=>x.id===id);
      return e && e.modId===g.modId;
    }).length;
    const canAdd = selectedCount < g.available;
    return `<div class="hangar-item">
      <div><div class="name">${m ? m.name : g.modId}</div><div class="meta">${m ? m.mass+'kg' : ''} · ${g.available} verfügbar</div></div>
      <div class="actions" style="align-items:center;">
        <button class="btn small" data-modstackminus="${g.modId}" ${selectedCount<=0?'disabled':''}>−</button>
        <span style="min-width:22px; text-align:center; font-family:'JetBrains Mono', monospace; font-size:12px;">${selectedCount}</span>
        <button class="btn small" data-modstackplus="${g.modId}" ${canAdd?'':'disabled'}>+</button>
        <button class="btn small primary" data-launchmodtype="${g.modId}" ${rocket?'':'disabled'}>${rocket ? `Einzeln starten (${fmtMoney(rocket.cost)})` : 'Zu schwer'}</button>
        <button class="btn small danger" data-scrapmodtype="${g.modId}">Verschrotten</button>
      </div>
    </div>`;
  }).join('');
  list.querySelectorAll('[data-modstackplus]').forEach(btn=>{
    btn.addEventListener('click', ()=>addModuleStackSelectionByType(btn.dataset.modstackplus));
  });
  list.querySelectorAll('[data-modstackminus]').forEach(btn=>{
    btn.addEventListener('click', ()=>removeModuleStackSelectionByType(btn.dataset.modstackminus));
  });
  list.querySelectorAll('[data-launchmodtype]').forEach(btn=>{
    btn.addEventListener('click', ()=>launchModuleOfType(btn.dataset.launchmodtype));
  });
  list.querySelectorAll('[data-scrapmodtype]').forEach(btn=>{
    btn.addEventListener('click', ()=>scrapModuleOfType(btn.dataset.scrapmodtype));
  });

  if(stackBar){
    // NEU (TODO-MASSENSTART-MODULE): "Alle auswählen" holt in einem Klick JEDES Modul im Hangar
    // in die Stapel-Auswahl (statt Typ für Typ mit +/− durchzuklicken), auch wenn das 400 Module
    // sind. Steht immer da, solange überhaupt etwas im Hangar liegt.
    const selectAllRow = `<div class="actions" style="margin-top:10px;">
        <button class="btn small" id="btnSelectAllModules">Alle auswählen (${state.moduleHangar.length})</button>
        <button class="btn small ghost" id="btnClearModuleSelection" ${state.moduleLaunchSelection.length?'':'disabled'}>Auswahl aufheben</button>
      </div>`;
    if(state.moduleLaunchSelection.length===0){
      stackBar.innerHTML = selectAllRow + `<div class="small-muted" style="margin-top:6px;">Mit +/− oder „Alle auswählen" mehrere Module in einem gemeinsamen Raketenstart nach oben bringen (spart Startkosten gegenüber Einzelstarts). Passt die Auswahl nicht mehr auf eine einzelne Rakete, wird automatisch auf mehrere Raketen verteilt.</div>`;
    } else {
      const selEntries = state.moduleLaunchSelection.map(id=>state.moduleHangar.find(e=>e.id===id)).filter(Boolean);
      const totalMass = selEntries.reduce((sum,e)=>{ const m=findMod(e.modId); return sum+(m?m.mass:0); }, 0);
      const rocket = pickRocketForModule(totalMass);
      let actionHtml;
      if(rocket){
        actionHtml = `<button class="btn primary" id="btnLaunchStack" style="width:100%; margin-top:6px; justify-content:center;">Stapel starten (${fmtMoney(rocket.cost)}, ${rocket.name})</button>`;
      } else {
        // Zu schwer für eine einzelne Rakete -- statt nur "geht nicht" anzuzeigen, automatisch
        // vorab berechnen, wie viele Raketen-Ladungen tatsächlich nötig wären (First-Fit-
        // Decreasing, siehe packModulesForAutoLaunch()), damit die Zahl VOR dem Klick sichtbar ist.
        const { bins, oversized } = packModulesForAutoLaunch(selEntries);
        const totalCost = bins.reduce((sum,b)=>{ const r=pickRocketForModule(b.mass); return sum + (r?r.cost:0); }, 0);
        const oversizedHint = oversized.length ? `<div class="small-muted" style="margin-top:6px; color:var(--red);">${oversized.length}× Modul übersteigt die Kapazität jeder verfügbaren Rakete allein und wird dabei übersprungen (bleibt im Hangar).</div>` : '';
        actionHtml = `<div class="small-muted" style="margin-top:6px;">Zu schwer für eine einzelne Rakete (max. ${maxUnlockedRocketCapacity()}kg) — automatische Verteilung nötig.</div>
          <button class="btn primary" id="btnLaunchStackAuto" style="width:100%; margin-top:6px; justify-content:center;">Automatisch auf ${bins.length} Rakete(n) verteilen &amp; starten (${fmtMoney(totalCost)} gesamt)</button>
          ${oversizedHint}`;
      }
      stackBar.innerHTML = selectAllRow + `<div class="stat-line" style="margin-top:6px;"><span class="k">Ausgewählt</span><span class="v">${selEntries.length} Module · ${Math.round(totalMass)}kg</span></div>` + actionHtml;
      const stackBtn = document.getElementById('btnLaunchStack');
      if(stackBtn) stackBtn.addEventListener('click', ()=>launchModuleStack([...state.moduleLaunchSelection]));
      const stackAutoBtn = document.getElementById('btnLaunchStackAuto');
      if(stackAutoBtn) stackAutoBtn.addEventListener('click', ()=>launchModuleStackAuto([...state.moduleLaunchSelection]));
    }
    const selAllBtn = document.getElementById('btnSelectAllModules');
    if(selAllBtn) selAllBtn.addEventListener('click', selectAllModulesForStack);
    const clearSelBtn = document.getElementById('btnClearModuleSelection');
    if(clearSelBtn) clearSelBtn.addEventListener('click', clearModuleStackSelection);
  }
  renderModuleLaunchQueue();
}

function scrapOrbitModule(poolId){
  const idx = state.orbitModulePool.findIndex(e=>e.id===poolId);
  if(idx<0) return;
  const entry = state.orbitModulePool[idx];
  const m = findMod(entry.modId);
  // Geringere Rückerstattung als im Modul-Hangar (60%): das Modul ist bereits im Orbit,
  // "Verschrotten" heißt hier kontrolliertes Deorbit/Verkauf an einen anderen Betreiber statt
  // Materialrückgewinnung vor Ort — daher nur 30%.
  const refund = Math.round((m?.cost||0) * 0.3);
  state.orbitModulePool.splice(idx,1);
  state.assemblyDraft.poolIds = state.assemblyDraft.poolIds.filter(id=>id!==poolId);
  state.money += refund;
  Sound.click();
  toast(`${m ? m.name : entry.modId} im Orbit deorbitiert: ${fmtMoney(refund)} zurückerhalten.`, 'good');
  renderAll();
}
// NEU v4-61 (Nutzer-Wunsch: "das orbit lager müsste alle einheiten komprimiert werden und nur die
// anzahl die dort sind anzeigen"): bisher zeigte #orbitModulePoolList JEDEN einzelnen Pool-Eintrag
// als eigene Zeile mit eigenem "Deorbitieren"-Button -- bei z.B. 12x Solarpanel I also 12 optisch
// identische Zeilen. Die Montage-Auswahl selbst (assemblyPoolGroups(), siehe TODO-WERFT-KOMPAKT)
// war schon lange kompakt, nur diese Übersichtsliste des Lagers selbst war noch übersehen worden.
// Jetzt: eine Zeile PRO Modultyp (wiederverwendet dieselbe assemblyPoolGroups()-Gruppierung),
// zeigt "X verfügbar" statt X einzelner Zeilen. "Deorbitieren" wirkt jetzt auf den Typ und nimmt
// bevorzugt ein noch nicht für die aktuelle Montage reserviertes Exemplar -- analog zu
// scrapModuleOfType()/removeAssemblyModuleByType() beim Modul-Hangar.
function renderOrbitModulePool(){
  const list = document.getElementById('orbitModulePoolList');
  const empty = document.getElementById('orbitModulePoolEmpty');
  if(!list || !empty) return;
  const groups = assemblyPoolGroups();
  if(groups.length===0){ list.innerHTML=''; empty.style.display='block'; return; }
  empty.style.display='none';
  list.innerHTML = groups.map(g=>{
    const m = findMod(g.modId);
    return `<div class="hangar-item">
      <div><div class="name">${m ? m.name : g.modId}</div><div class="meta">${g.available} verfügbar</div></div>
      <div class="actions">
        <button class="btn small danger" data-scraporbitmodtype="${g.modId}">Deorbitieren</button>
      </div>
    </div>`;
  }).join('');
  list.querySelectorAll('[data-scraporbitmodtype]').forEach(btn=>{
    btn.addEventListener('click', ()=>scrapOrbitModuleOfType(btn.dataset.scraporbitmodtype));
  });
}
function scrapOrbitModuleOfType(modId){
  const entry = state.orbitModulePool.find(e=>e.modId===modId && !state.assemblyDraft.poolIds.includes(e.id))
             || state.orbitModulePool.find(e=>e.modId===modId);
  if(entry) scrapOrbitModule(entry.id);
}

/* ============================== SCHIFFSMONTAGE (TODO-FABRIK-UMBAU Schritt d/e) ============================== */
// Baut aus state.orbitModulePool + einem vor Ort bezahlten Chassis ein fertiges Schiff.
// ENTSCHEIDUNG (v1, siehe offene Frage im TODO-Header): das Chassis läuft NICHT über einen
// eigenen Lieferflug, sondern wird direkt bei der Montage bezahlt/bereitgestellt — hält den
// ersten Wurf einfach, kann bei Bedarf später auf "Chassis auch als Pool-Modul" umgestellt werden.
function assemblySelectChassis(id){
  const c = CHASSIS[id];
  if(!isChassisUnlocked(c)){ toast('Chassis noch nicht erforscht.', 'bad'); Sound.error(); return; }
  state.assemblyDraft.chassisId = id;
  state.assemblyDraft.poolIds = [];
  Sound.click();
  renderAssembly();
}

function assemblySelectMissionType(type){
  if(type!=='orbit' && type!=='deepspace') return;
  state.assemblyDraft.missionType = type;
  state.assemblyDraft.orbitKey = null;
  state.assemblyDraft.destKey = null;
  state.assemblyDraft.attemptLanding = false;
  state.assemblyDraft.attemptCrewed = false;
  Sound.click();
  renderAssembly();
}

function assemblySelectOrbit(key){
  if(!ORBITS[key]) return;
  state.assemblyDraft.orbitKey = key;
  Sound.click();
  renderAssembly();
}

function assemblySelectDeepDest(key){
  if(!DEEP_SPACE[key]) return;
  state.assemblyDraft.destKey = key;
  state.assemblyDraft.attemptLanding = false;
  state.assemblyDraft.attemptCrewed = false;
  Sound.click();
  renderAssembly();
}

function assemblyToggleLanding(){
  const d = state.assemblyDraft;
  d.attemptLanding = !d.attemptLanding;
  if(!d.attemptLanding) d.attemptCrewed = false;
  renderAssembly();
}

function assemblyToggleCrewed(){
  const d = state.assemblyDraft;
  d.attemptCrewed = !d.attemptCrewed;
  if(d.attemptCrewed) d.attemptLanding = true;
  renderAssembly();
}

// NEU (TODO-WERFT-KOMPAKT): bisher zeigte das Montage-Panel JEDEN einzelnen Orbit-Lager-Eintrag
// als eigene Zeile (bei 12x Solarpanel I also 12 identische Zeilen) — analog zur Modul-Fabrik
// jetzt stattdessen EINE Zeile pro Modultyp mit Verfügbarkeits-Anzahl und einem kompakten
// −/Anzahl/+ -Steller, der konkrete Pool-Einträge im Hintergrund zu-/abwählt.
function assemblyPoolGroups(){
  const flatOrder = [];
  Object.values(MODULES).forEach(catArr=>catArr.forEach(m=>flatOrder.push(m.id)));
  const counts = {};
  state.orbitModulePool.forEach(e=>{ counts[e.modId] = (counts[e.modId]||0)+1; });
  return flatOrder.filter(id=>counts[id]).map(id=>({ modId:id, available:counts[id] }));
}
function addAssemblyModuleByType(modId){
  const d = state.assemblyDraft;
  if(!d.chassisId){ toast('Zuerst ein Chassis wählen.', 'bad'); Sound.error(); return; }
  const chassis = CHASSIS[d.chassisId];
  if(d.poolIds.length >= chassis.slots){ toast('Keine freien Slots mehr.', 'bad'); Sound.error(); return; }
  const entry = state.orbitModulePool.find(e=>e.modId===modId && !d.poolIds.includes(e.id));
  if(!entry){ toast('Kein weiteres Modul dieses Typs im Orbit-Lager verfügbar.', 'bad'); Sound.error(); return; }
  d.poolIds.push(entry.id);
  Sound.click();
  renderAssembly();
}
function removeAssemblyModuleByType(modId){
  const d = state.assemblyDraft;
  for(let i=d.poolIds.length-1;i>=0;i--){
    const entry = state.orbitModulePool.find(e=>e.id===d.poolIds[i]);
    if(entry && entry.modId===modId){ d.poolIds.splice(i,1); Sound.click(); renderAssembly(); return; }
  }
}

// Grober Richtwert für den Orbit-Einschuss-Aufschlag bei der Montage: 40 €/kg entspricht in
// etwa dem Verhältnis Sprinter-Kosten/Kapazität (6000€/150kg) der günstigsten Rakete — hält
// den neuen Modulweg NICHT künstlich billiger als den klassischen Einzelstart mit gleichem
// Zielorbit (dort schlägt costMult direkt auf die Raketenkosten auf, hier auf die Gesamtmasse).
const ORBIT_INSERTION_RATE = 40;
function orbitInsertionCost(mass, orbitKey){
  const o = ORBITS[orbitKey];
  if(!o) return 0;
  return Math.round(mass * ORBIT_INSERTION_RATE * (o.costMult - 1));
}
// NEU (TODO-WERFT-PFLICHT-2): analoger Aufschlag für Deep-Space-Ziele direkt ab Werft (Lichtschiff/
// Sprungschiff & Co.) — kein Lieferrakete/kein costMult auf Raketenkosten, da es keine Rakete gibt.
// Nutzt denselben ORBIT_INSERTION_RATE-Maßstab wie der Orbit-Einschuss, plus optionaler Landung-/
// Besatzung-Aufschlag analog confirmDeepSpaceArea/confirmWerftDeepSpace.
function deepInsertionCost(mass, destKey, attemptLanding, attemptCrewed){
  const d = DEEP_SPACE[destKey];
  if(!d) return 0;
  const surcharge = attemptCrewed ? 0.9 : (attemptLanding ? 0.4 : 0);
  return Math.round(mass * ORBIT_INSERTION_RATE * (destCostMult(d) - 1) * (1 + surcharge));
}

function assemblyStats(){
  const d = state.assemblyDraft;
  const chassis = d.chassisId ? CHASSIS[d.chassisId] : null;
  const poolEntries = d.poolIds.map(pid=>state.orbitModulePool.find(e=>e.id===pid)).filter(Boolean);
  const mods = poolEntries.map(e=>e.modId);
  const modsResolved = mods.map(findMod).filter(Boolean);
  let mass = chassis ? chassis.mass : 0;
  let deltaV = 0, lifeSupportDays = 0;
  modsResolved.forEach(m=>{
    mass += m.mass;
    if(m.deltaV) deltaV += m.deltaV;
    if(m.lifeSupportDays) lifeSupportDays += m.lifeSupportDays;
  });
  const hasLanderKit = modsResolved.some(m=>m.isLander);
  const hasColonyModule = modsResolved.some(m=>m.isColonyModule);
  const isCrewed = modsResolved.some(m=>m.isCrewed);
  let insertionCost = 0;
  if(d.missionType==='deepspace' && d.destKey){
    insertionCost = deepInsertionCost(mass, d.destKey, d.attemptLanding, d.attemptCrewed);
  } else if(d.missionType==='orbit' && d.orbitKey){
    insertionCost = orbitInsertionCost(mass, d.orbitKey);
  }
  const cost = (chassis ? chassis.cost : 0) + insertionCost;
  return {
    chassis, mods, mass, deltaV, lifeSupportDays, hasLanderKit, hasColonyModule, isCrewed,
    slotsUsed: poolEntries.length, slotsMax: chassis ? chassis.slots : 0,
    chassisCost: chassis ? chassis.cost : 0, insertionCost, cost,
  };
}

function assemblyDaysFor(modCount){
  // TENDENZ aus TODO-Header (Schritt e): kurze eigene Montagezeit statt Sofort-Klick.
  // NEU (TODO-SCHWIERIGKEITSGRAD-ZEIT): jetzt ebenfalls mit timeMult skaliert, analog zu
  // buildTimeFor/transferTimeFor/moduleBuildDays/researchDaysFor — sonst wäre die
  // Werft-Montage die einzige verbliebene Zeit-Stelle gewesen, die von der Schwierigkeit
  // unberührt bleibt.
  const base = Math.ceil((modCount+1)/2);
  return Math.max(1, Math.round(base * getDifficulty().timeMult));
}

function confirmAssembly(){
  const d = state.assemblyDraft;
  const st = assemblyStats();
  if(!st.chassis){ toast('Kein Chassis gewählt.', 'bad'); Sound.error(); return; }
  if(st.mods.length===0){ toast('Mindestens ein Modul aus dem Orbit-Lager wählen.', 'bad'); Sound.error(); return; }
  let dest = null;
  if(d.missionType==='deepspace'){
    if(!d.destKey || !DEEP_SPACE[d.destKey]){ toast('Zielkörper wählen.', 'bad'); Sound.error(); return; }
    dest = DEEP_SPACE[d.destKey];
    if(st.deltaV < dest.deltaVReq){ toast(`Eigene Treibstoffreserve reicht nicht (ΔV ${Math.round(st.deltaV)} < ${dest.deltaVReq}) — mehr Treibstofftank-Module verbauen.`, 'bad'); Sound.error(); return; }
  } else {
    if(!d.orbitKey || !ORBITS[d.orbitKey]){ toast('Zielumlaufbahn wählen.', 'bad'); Sound.error(); return; }
  }
  if(state.money < st.cost){ toast('Nicht genug Guthaben für Chassis + Einschuss.', 'bad'); Sound.error(); return; }
  state.money -= st.cost;
  state.stats.moneySpent += st.cost;
  state.stats.shipsAssembled += 1;
  state.orbitModulePool = state.orbitModulePool.filter(e=>!d.poolIds.includes(e.id));
  const id = state.nextSatId++;
  const days = assemblyDaysFor(st.mods.length);
  const name = `Montage-${String(id).padStart(3,'0')}`;
  state.moduleAssemblyQueue.push({
    id, name, chassisId: st.chassis.id, mods: [...st.mods], daysTotal: days, daysLeft: days,
    missionType: d.missionType, orbitKey: d.orbitKey, destKey: d.destKey,
    attemptLanding: !!d.attemptLanding, crewed: !!d.attemptCrewed,
  });
  const targetLabel = d.missionType==='deepspace' ? dest.name : ORBITS[d.orbitKey].name;
  state.assemblyDraft = { chassisId:null, poolIds:[], missionType:'orbit', orbitKey:null, destKey:null, attemptLanding:false, attemptCrewed:false };
  Sound.buildOk();
  toast(`Montage gestartet: ${name} ist in ${days} Tag(en) fertig und bricht danach in Richtung ${targetLabel} auf.`, 'good');
  renderAll();
}

function renderAssembly(){
  const chassisRow = document.getElementById('assemblyChassisRow');
  if(!chassisRow) return;
  const d = state.assemblyDraft;
  if(!d.missionType) d.missionType = 'orbit'; // Migration für Altspielstände (siehe TODO-WERFT-PFLICHT-2)
  chassisRow.innerHTML = Object.values(CHASSIS).map(c=>{
    const unlocked = isChassisUnlocked(c);
    const sel = d.chassisId === c.id;
    return `<div class="chip ${sel?'sel':''} ${!unlocked?'locked':''}" data-asmchassis="${c.id}">
      <div class="t"><span>${c.name}${c.werftOnly?' ⚓':''}</span><span>${fmtMoney(c.cost)}</span></div>
      <div class="s">Slots: ${c.slots} · Masse: ${c.mass}kg</div>
    </div>`;
  }).join('');
  chassisRow.querySelectorAll('[data-asmchassis]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Dieses Chassis ist noch nicht erforscht.', 'bad'); return; }
      assemblySelectChassis(chip.dataset.asmchassis);
    });
  });

  const poolList = document.getElementById('assemblyPoolList');
  const groups = assemblyPoolGroups();
  if(groups.length===0){
    poolList.innerHTML = '<div class="small-muted">Noch keine Module im Orbit-Lager — erst in der Modul-Fabrik bauen und starten.</div>';
  } else {
    const poolById = {};
    state.orbitModulePool.forEach(e=>{ poolById[e.id]=e; });
    poolList.innerHTML = groups.map(g=>{
      const m = findMod(g.modId);
      const selectedCount = d.poolIds.filter(pid=>poolById[pid] && poolById[pid].modId===g.modId).length;
      const chassis = d.chassisId ? CHASSIS[d.chassisId] : null;
      const slotsFull = chassis ? d.poolIds.length >= chassis.slots : true;
      const canAdd = selectedCount < g.available && !slotsFull;
      return `<div class="mod-row ${selectedCount>0?'sel':''}">
        <div><div class="n">${m ? m.name : g.modId}</div><div class="d">${m ? m.mass+'kg' : ''} · ${g.available} verfügbar</div></div>
        <div class="actions" style="display:flex; align-items:center; gap:6px;">
          <button class="btn small" data-asmmodminus="${g.modId}" ${selectedCount<=0?'disabled':''}>−</button>
          <span style="min-width:22px; text-align:center; font-family:'JetBrains Mono', monospace; font-size:12px;">${selectedCount}</span>
          <button class="btn small" data-asmmodplus="${g.modId}" ${canAdd?'':'disabled'}>+</button>
        </div>
      </div>`;
    }).join('');
    poolList.querySelectorAll('[data-asmmodplus]').forEach(btn=>{
      btn.addEventListener('click', ()=>addAssemblyModuleByType(btn.dataset.asmmodplus));
    });
    poolList.querySelectorAll('[data-asmmodminus]').forEach(btn=>{
      btn.addEventListener('click', ()=>removeAssemblyModuleByType(btn.dataset.asmmodminus));
    });
  }

  const st = assemblyStats();
  document.getElementById('assemblySlots').textContent = `${st.slotsUsed} / ${st.slotsMax}`;
  document.getElementById('assemblyMass').textContent = Math.round(st.mass) + ' kg' + (st.deltaV>0 ? ` · Treibstoffreserve ${Math.round(st.deltaV)} ΔV` : '');
  document.getElementById('assemblyCost').textContent = st.insertionCost>0
    ? `${fmtMoney(st.cost)} (Chassis ${fmtMoney(st.chassisCost)} + Einschuss ${fmtMoney(st.insertionCost)})`
    : fmtMoney(st.cost);
  document.getElementById('assemblyDaysHint').textContent = st.chassis ? `Montagezeit: ${assemblyDaysFor(st.mods.length)} Tag(e)` : '';

  // NEU (TODO-WERFT-PFLICHT-2): Zielart-Umschalter Orbit/Deep-Space — Werft-Schiffe brauchen
  // keine Rakete, die Reichweite kommt allein aus der eigenen Treibstoffreserve (st.deltaV).
  const typeRow = document.getElementById('assemblyDestTypeRow');
  typeRow.innerHTML = `
    <div class="chip ${d.missionType==='orbit'?'sel':''}" data-asmmtype="orbit">
      <div class="t"><span>Orbit</span></div><div class="s">LEO / MEO / GEO</div>
    </div>
    <div class="chip ${d.missionType==='deepspace'?'sel':''}" data-asmmtype="deepspace">
      <div class="t"><span>Sonnensystem / Deep Space</span></div><div class="s">Reichweite aus eigenen Treibstofftanks, keine Rakete nötig</div>
    </div>
  `;
  typeRow.querySelectorAll('[data-asmmtype]').forEach(chip=>{
    chip.addEventListener('click', ()=>assemblySelectMissionType(chip.dataset.asmmtype));
  });

  const destArea = document.getElementById('assemblyDestArea');
  if(d.missionType==='orbit'){
    destArea.innerHTML = `
      <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">Zielumlaufbahn wählen</div>
      <div class="chip-row" id="assemblyOrbitRow"></div>
    `;
    const orbitRow = document.getElementById('assemblyOrbitRow');
    orbitRow.innerHTML = ORBIT_KEYS.map(k=>{
      const o = ORBITS[k];
      const sel = d.orbitKey === k;
      return `<div class="chip ${sel?'sel':''}" data-asmorbit="${k}"><div class="t"><span>${o.name}</span></div></div>`;
    }).join('');
    orbitRow.querySelectorAll('[data-asmorbit]').forEach(chip=>{
      chip.addEventListener('click', ()=>assemblySelectOrbit(chip.dataset.asmorbit));
    });
  } else {
    renderAssemblyDeepSpaceArea(destArea, d, st);
  }

  const btn = document.getElementById('btnAssemble');
  btn.onclick = confirmAssembly;
  const bpBtn = document.getElementById('btnSaveWerftBlueprint');
  if(bpBtn){ bpBtn.onclick = saveWerftBlueprintFromDraft; bpBtn.disabled = !st.chassis || st.mods.length===0 || !blueprintSystemUnlocked(); }

  renderWerftBlueprints();
}

// NEU (TODO-WERFT-BAUPLAN): eigene Renderfunktion für die getrennte Werft-Bauplanliste, analog
// zum Bauplan-Teil in renderBuild() aber auf state.werftBlueprints/#werftBlueprintList.
function renderWerftBlueprints(){
  const list = document.getElementById('werftBlueprintList');
  const empty = document.getElementById('werftBlueprintEmpty');
  const lockHint = document.getElementById('werftBlueprintLockHint');
  if(!list || !empty) return;
  // NEU: gesperrt bis Forschung 'blaupausensystem', siehe blueprintSystemUnlocked()
  if(!blueprintSystemUnlocked()){
    list.innerHTML=''; empty.style.display='none';
    if(lockHint) lockHint.style.display='block';
    return;
  }
  if(lockHint) lockHint.style.display='none';
  if(state.werftBlueprints.length===0){
    list.innerHTML=''; empty.style.display='block';
    return;
  }
  empty.style.display='none';
  list.innerHTML = state.werftBlueprints.map(bp=>{
    const chassis = CHASSIS[bp.chassisId];
    const targetTxt = bp.missionType==='deepspace'
      ? (bp.destKey && DEEP_SPACE[bp.destKey] ? DEEP_SPACE[bp.destKey].name : 'Kein Ziel gewählt')
      : (bp.orbitKey && ORBITS[bp.orbitKey] ? ORBITS[bp.orbitKey].name : 'Keine Umlaufbahn gewählt');
    const metaTxt = chassis ? `${chassis.name}${chassis.werftOnly?' ⚓':''} · ${bp.mods.length} Module · Ziel: ${targetTxt}` : 'Unbekanntes Chassis';
    return `<div class="hangar-item">
      <div><div class="name">${bp.name}</div><div class="meta">${metaTxt}</div></div>
      <div class="actions">
        <button class="btn small" data-loadwbp="${bp.id}">Laden</button>
        <button class="btn small danger" data-delwbp="${bp.id}">Löschen</button>
      </div>
    </div>`;
  }).join('');
  list.querySelectorAll('[data-loadwbp]').forEach(btn=>{
    btn.addEventListener('click', ()=>loadWerftBlueprint(Number(btn.dataset.loadwbp)));
  });
  list.querySelectorAll('[data-delwbp]').forEach(btn=>{
    btn.addEventListener('click', ()=>deleteWerftBlueprint(Number(btn.dataset.delwbp)));
  });
}

// NEU (TODO-WERFT-PFLICHT-2): Deep-Space-Zielwahl im Werft-Montage-Panel, analog
// renderWerftDeepSpaceTarget() — aber ohne Lieferrakete: Reichweite = st.deltaV der gewählten
// Module, kein rocket.deltaV. Inkl. Landung-/Besatzung-Toggle analog confirmDeepSpaceArea().
function renderAssemblyDeepSpaceArea(area, d, st){
  function chipHtml(k){
    const dest = DEEP_SPACE[k];
    const unlocked = isDestUnlocked(dest);
    const reachable = unlocked && st.deltaV >= dest.deltaVReq;
    const cost = (dest.deltaVReq!=null) ? deepInsertionCost(st.mass, k, false, false) + st.chassisCost : 0;
    let reason = '';
    if(!unlocked) reason = 'noch nicht erforscht';
    else if(!reachable) reason = `eigene Treibstoffreserve reicht nicht (ΔV ${Math.round(st.deltaV)} < ${dest.deltaVReq}) — mehr Treibstofftanks im Modul-Pool auswählen`;
    return `<div class="chip ${!reachable?'locked':''} ${d.destKey===k?'sel':''}" data-asmdest="${k}" style="cursor:${reachable?'pointer':'not-allowed'}">
      <div class="t"><span>${dest.name}${state.exploredTargets.includes(k)?' ✓':''}</span><span>${fmtMoney(cost)}</span></div>
      <div class="s">${reachable ? '✓ mit eigener Treibstoffreserve erreichbar' : '✗ '+reason}</div>
    </div>`;
  }

  const groups = [];
  const solarKeys = DEEP_SPACE_KEYS.filter(k=>!DEEP_SPACE[k].interstellar && !DEEP_SPACE[k].intergalactic);
  groups.push({ key:'solar', title:'Sonnensystem', keys:solarKeys });
  const interstellarKeys = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].interstellar);
  if(interstellarKeys.length) groups.push({ key:'interstellar', title:'Sternensysteme', keys:interstellarKeys });
  const galaxyKeysSeen = [];
  DEEP_SPACE_KEYS.forEach(k=>{ const g=DEEP_SPACE[k].galaxy; if(g && !galaxyKeysSeen.includes(g)) galaxyKeysSeen.push(g); });
  galaxyKeysSeen.forEach(g=>{
    const keys = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].galaxy===g);
    groups.push({ key:'gal_'+g, title:DEST_GALAXY_NAMES[g]||g, keys });
  });

  area.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">Zielkörper wählen — Rakete spielt keine Rolle, entscheidend ist die eigene Treibstoffreserve (ΔV) aus den verbauten Modulen</div>
    <div id="assemblyDestChoiceRow">${groups.map(grp=>{
      const doneCount = grp.keys.filter(k=>state.exploredTargets.includes(k)).length;
      const isOpen = !!asmDestOpenGroups[grp.key];
      return `<div class="dest-group ${isOpen?'open':''}" data-asmdestgroup="${grp.key}">
        <div class="dest-group-head" data-asmdestgrouphead="${grp.key}">
          <span class="dest-group-chevron">▸</span>
          <span class="dest-group-title">${grp.title}</span>
          <span class="dest-group-count">${grp.keys.length} Ziele${doneCount?` · <span class="dest-group-progress">${doneCount} erkundet</span>`:''}</span>
        </div>
        <div class="dest-group-body">
          <div class="chip-row">${grp.keys.map(chipHtml).join('')}</div>
        </div>
      </div>`;
    }).join('')}</div>
    <div id="assemblyDeepConfirmArea"></div>
  `;
  area.querySelectorAll('[data-asmdestgrouphead]').forEach(head=>{
    head.addEventListener('click', ()=>{
      const key = head.dataset.asmdestgrouphead;
      asmDestOpenGroups[key] = !asmDestOpenGroups[key];
      head.closest('.dest-group').classList.toggle('open', asmDestOpenGroups[key]);
      Sound.click();
    });
  });
  area.querySelectorAll('.chip[data-asmdest]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Dieses Ziel ist mit der eigenen Treibstoffreserve nicht erreichbar.', 'bad'); return; }
      assemblySelectDeepDest(chip.dataset.asmdest);
    });
  });

  if(d.destKey && DEEP_SPACE[d.destKey]){
    renderAssemblyDeepConfirm(d, st);
  }
}

function renderAssemblyDeepConfirm(d, st){
  const box = document.getElementById('assemblyDeepConfirmArea');
  if(!box) return;
  const dest = DEEP_SPACE[d.destKey];
  const landingPossible = dest.landingBaseChance > 0;
  const crewCfg = crewedConfigFor(d.destKey);
  const crewResearched = crewCfg && hasResearch(crewCfg.reqResearch);
  const requiredDays = crewCfg ? requiredLifeSupportDays(d.destKey, dest) : 0;
  const lifeSupportOk = crewCfg ? st.lifeSupportDays >= requiredDays : false;
  const crewAvailable = !!(crewCfg && crewResearched && st.isCrewed && landingPossible);
  const canToggleLanding = st.hasLanderKit && landingPossible && !d.attemptCrewed;
  const canToggleCrewed = crewAvailable && st.hasLanderKit && lifeSupportOk;
  const days = destTravelDays(dest);
  box.innerHTML = `
    <div class="stat-line"><span class="k">Ziel</span><span class="v">${dest.name}</span></div>
    <div class="stat-line"><span class="k">Flugzeit ab Montage</span><span class="v">${days} Tag(e)</span></div>
    ${!landingPossible?`<div class="small-muted" style="margin-top:6px;">${dest.noLandingReason||'Keine feste Oberfläche'} — keine Landung möglich, nur Vorbeiflug/Kolonie-Anflug.</div>`:`
    <label style="display:flex; align-items:center; gap:8px; margin-top:10px; font-size:11px; ${canToggleLanding?'':'opacity:.4;'}">
      <input type="checkbox" id="asmLandingToggle" ${canToggleLanding?'':'disabled'} ${d.attemptLanding?'checked':''}>
      Landung versuchen ${st.hasLanderKit ? `(Landechance ${Math.round(effectiveLandingChance(dest.landingBaseChance)*100)}%, +${Math.round((dest.landingRewardMult-1)*100)}% Ertrag, +40% Einschusskosten)` : '(benötigt Landestufe-Modul im Pool)'}
    </label>
    `}
    ${crewCfg ? `
    <label style="display:flex; align-items:center; gap:8px; margin-top:12px; font-size:11px; ${canToggleCrewed?'':'opacity:.4;'}">
      <input type="checkbox" id="asmCrewedToggle" ${canToggleCrewed?'':'disabled'} ${d.attemptCrewed?'checked':''}>
      Bemannte Mission ${crewAvailable ? (lifeSupportOk ? `(x${crewCfg.rewardMult} Ertrag, +${crewCfg.extraRep} Reputation, +90% Einschusskosten)` : `(Lebenserhaltung reicht nicht — ${Math.round(st.lifeSupportDays)}/${requiredDays} Tage)`) : '(benötigt Crew-Kapsel-Technik + Crew-Kapsel-Modul im Pool)'}
    </label>
    `:''}
  `;
  const toggle = document.getElementById('asmLandingToggle');
  if(toggle){
    toggle.checked = d.attemptLanding;
    toggle.addEventListener('change', assemblyToggleLanding);
  }
  const crewToggle = document.getElementById('asmCrewedToggle');
  if(crewToggle){
    crewToggle.checked = d.attemptCrewed;
    crewToggle.addEventListener('change', assemblyToggleCrewed);
  }
}


function renderAssemblyQueue(){
  const list = document.getElementById('assemblyQueueList');
  const empty = document.getElementById('assemblyQueueEmpty');
  if(!list || !empty) return;
  if(state.moduleAssemblyQueue.length===0){ list.innerHTML=''; empty.style.display='block'; return; }
  empty.style.display='none';
  list.innerHTML = state.moduleAssemblyQueue.map(q=>{
    const pct = Math.round(((q.daysTotal-q.daysLeft)/q.daysTotal)*100);
    const targetLabel = q.missionType==='deepspace' ? DEEP_SPACE[q.destKey].name : ORBITS[q.orbitKey].name;
    return `<div class="queue-item">
      <div class="top"><span class="qname">${q.name} → ${targetLabel}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
      <div class="progress-bar"><div style="width:${pct}%"></div></div>
    </div>`;
  }).join('');
}

/* ============================== BAUPLÄNE ============================== */
function saveBlueprintFromDraft(){
  if(!blueprintSystemUnlocked()){ toast('Forschung „Blaupausen-Designsystem" nötig, um Baupläne zu speichern.', 'bad'); Sound.error(); return; }
  const st = draftStats();
  if(!st.chassis){ toast('Kein Chassis gewählt.', 'bad'); Sound.error(); return; }
  if(st.mods.length === 0){ toast('Mindestens ein Modul hinzufügen.', 'bad'); Sound.error(); return; }
  const defaultName = st.roleLabel ? `${st.roleLabel}-Bauplan` : `${st.chassis.name}-Bauplan`;
  Sound.click();
  showPromptModal('Bauplan speichern', 'Name für diesen Bauplan:', defaultName, 'Speichern', (value)=>{
    const name = (value || '').trim() || defaultName;
    state.blueprints.push({ id: state.nextBlueprintId++, name, chassisId: st.chassis.id, mods:[...state.draft.mods] });
    Sound.buildOk();
    toast(`Bauplan „${name}" gespeichert.`, 'good');
    renderAll();
  });
}

function loadBlueprint(id){
  if(!blueprintSystemUnlocked()){ toast('Forschung „Blaupausen-Designsystem" nötig, um Baupläne zu laden.', 'bad'); Sound.error(); return; }
  const bp = state.blueprints.find(b=>b.id===id);
  if(!bp) return;
  if(state.draft.editingId){
    toast('Erst laufenden Umbau abschließen oder abbrechen, bevor ein Bauplan geladen werden kann.', 'bad');
    Sound.error();
    return;
  }
  state.draft = { chassisId: bp.chassisId, mods:[...bp.mods], editingId:null, editingName:null, editingOriginalCost:0, editingOriginalChassisId:null, editingOriginalMods:[] };
  Sound.click();
  toast(`Bauplan „${bp.name}" geladen.`, 'good');
  renderAll();
}

function deleteBlueprint(id){
  const bp = state.blueprints.find(b=>b.id===id);
  if(!bp) return;
  Sound.click();
  showConfirmModal(
    'Bauplan löschen',
    `Bauplan „${bp.name}" wirklich löschen? Bereits gebaute oder in Fertigung befindliche Satelliten sind davon nicht betroffen.`,
    'Löschen',
    ()=>{
      state.blueprints = state.blueprints.filter(b=>b.id!==id);
      Sound.warn();
      toast(`Bauplan „${bp.name}" gelöscht.`, '');
      renderAll();
    }
  );
}

// NEU (TODO-WERFT-BAUPLAN): analog saveBlueprintFromDraft/loadBlueprint/deleteBlueprint, aber
// für state.assemblyDraft statt state.draft — eigene Liste state.werftBlueprints, siehe
// Begründung an der State-Definition. Speichert zusätzlich Zielart/Ziel/Landung-Besatzung,
// da die Montage das (anders als der Fabrik-Direktbau) direkt mit abfragt.
function saveWerftBlueprintFromDraft(){
  if(!blueprintSystemUnlocked()){ toast('Forschung „Blaupausen-Designsystem" nötig, um Werft-Baupläne zu speichern.', 'bad'); Sound.error(); return; }
  const d = state.assemblyDraft;
  const st = assemblyStats();
  if(!st.chassis){ toast('Kein Chassis gewählt.', 'bad'); Sound.error(); return; }
  if(st.mods.length === 0){ toast('Mindestens ein Modul aus dem Orbit-Lager wählen.', 'bad'); Sound.error(); return; }
  const defaultName = `${st.chassis.name}-Werftbauplan`;
  Sound.click();
  showPromptModal('Werft-Bauplan speichern', 'Name für diesen Werft-Bauplan:', defaultName, 'Speichern', (value)=>{
    const name = (value || '').trim() || defaultName;
    state.werftBlueprints.push({
      id: state.nextWerftBlueprintId++, name, chassisId: st.chassis.id, mods:[...st.mods],
      missionType: d.missionType, orbitKey: d.orbitKey, destKey: d.destKey,
      attemptLanding: !!d.attemptLanding, attemptCrewed: !!d.attemptCrewed,
    });
    Sound.buildOk();
    toast(`Werft-Bauplan „${name}\" gespeichert.`, 'good');
    renderAll();
  });
}

function loadWerftBlueprint(id){
  if(!blueprintSystemUnlocked()){ toast('Forschung „Blaupausen-Designsystem" nötig, um Werft-Baupläne zu laden.', 'bad'); Sound.error(); return; }
  const bp = state.werftBlueprints.find(b=>b.id===id);
  if(!bp) return;
  // Module aus dem Bauplan sind nur nutzbar, soweit sie aktuell auch im Orbit-Lager liegen —
  // der Bauplan speichert modIds (Bauteil-Typ), nicht konkrete Pool-Einträge (die sind pro
  // Montage einmalig verbraucht). Wir wählen daher aus dem AKTUELLEN Pool passende, noch
  // nicht ausgewählte Einträge je gespeicherter modId aus (best effort, wie ein Warenkorb).
  const poolIds = [];
  const usedPoolIds = new Set();
  bp.mods.forEach(modId=>{
    const entry = state.orbitModulePool.find(e=>e.modId===modId && !usedPoolIds.has(e.id));
    if(entry){ poolIds.push(entry.id); usedPoolIds.add(entry.id); }
  });
  const missing = bp.mods.length - poolIds.length;
  state.assemblyDraft = {
    chassisId: bp.chassisId, poolIds,
    missionType: bp.missionType || 'orbit', orbitKey: bp.orbitKey || null, destKey: bp.destKey || null,
    attemptLanding: !!bp.attemptLanding, attemptCrewed: !!bp.attemptCrewed,
  };
  Sound.click();
  if(missing > 0){
    toast(`Werft-Bauplan „${bp.name}\" geladen — ${missing} Modul(e) fehlen noch im Orbit-Lager (erst in der Modul-Fabrik nachbauen und starten).`, '');
  } else {
    toast(`Werft-Bauplan „${bp.name}\" geladen.`, 'good');
  }
  renderAll();
}

function deleteWerftBlueprint(id){
  const bp = state.werftBlueprints.find(b=>b.id===id);
  if(!bp) return;
  Sound.click();
  showConfirmModal(
    'Werft-Bauplan löschen',
    `Werft-Bauplan „${bp.name}\" wirklich löschen? Bereits montierte oder in Montage befindliche Schiffe sind davon nicht betroffen.`,
    'Löschen',
    ()=>{
      state.werftBlueprints = state.werftBlueprints.filter(b=>b.id!==id);
      Sound.warn();
      toast(`Werft-Bauplan „${bp.name}\" gelöscht.`, '');
      renderAll();
    }
  );
}

/* ============================== BLAUPAUSEN-KREATOR (NEU, TODO-BAUPLAN-KREATOR) ============================== */
// Freier Entwurfsmodus: wählt Chassis + Module rein nach modId (wie ein Bauplan selbst),
// ganz ohne Bezug zu state.hangar/state.orbitModulePool — es müssen also keine Teile bereits
// gefertigt oder ins Orbit-Lager geliefert worden sein. Stats über computeSatDerived() (gleiche
// Formel wie überall sonst im Spiel). Gespeichert wird direkt in state.blueprints bzw.
// state.werftBlueprints, je nach gewähltem Modus — taucht danach ganz normal in den
// bestehenden Baupläne-/Werft-Baupläne-Panels auf (sobald blueprintSystemUnlocked()).
let activeCreatorModCat = 'power';

function selectCreatorMode(mode){
  if(mode===state.blueprintCreatorDraft.mode) return;
  if(mode==='werft' && !orbitalWerftUnlocked()){
    toast('Orbitalwerft ist noch nicht erforscht — Werft-Baupläne sind erst danach sinnvoll nutzbar.', 'bad');
    Sound.error();
    return;
  }
  state.blueprintCreatorDraft = { mode, chassisId:null, mods:[] };
  Sound.click();
  renderCreator();
}

function selectCreatorChassis(id){
  const c = CHASSIS[id];
  if(!c) return;
  if(!isChassisUnlocked(c)){ toast('Chassis noch nicht erforscht.', 'bad'); Sound.error(); return; }
  const d = state.blueprintCreatorDraft;
  if(d.mode==='fabrik' && c.werftOnly){
    toast(`${c.name} ist werft-pflichtig — im Fabrik-Bauplan nicht wählbar. Oben zu „Werft-Bauplan" wechseln.`, 'bad');
    Sound.error();
    return;
  }
  d.chassisId = id;
  d.mods = [];
  Sound.click();
  renderCreator();
}

function addCreatorMod(id){
  const m = findMod(id);
  if(!m) return;
  if(!isModUnlocked(m)){ toast('Modul noch nicht erforscht.', 'bad'); Sound.error(); return; }
  const d = state.blueprintCreatorDraft;
  if(!d.chassisId){ toast('Zuerst ein Chassis wählen.', 'bad'); Sound.error(); return; }
  const chassis = CHASSIS[d.chassisId];
  const slotsUsed = d.mods.filter(mid=>{ const em=findMod(mid); return em && !em.noSlot; }).length;
  if(m.cat==='role'){
    d.mods = d.mods.filter(mid=>{ const em=findMod(mid); return !(em && em.cat==='role'); });
  } else if(slotsUsed >= chassis.slots){
    toast('Keine freien Slots mehr.', 'bad'); Sound.error(); return;
  }
  d.mods.push(id);
  Sound.click();
  renderCreator();
}

function removeCreatorMod(idx){
  state.blueprintCreatorDraft.mods.splice(idx,1);
  Sound.click();
  renderCreator();
}

function clearCreatorDraft(){
  const mode = state.blueprintCreatorDraft.mode;
  state.blueprintCreatorDraft = { mode, chassisId:null, mods:[] };
  Sound.click();
  renderCreator();
}

function creatorStats(){
  const d = state.blueprintCreatorDraft;
  const chassis = d.chassisId ? CHASSIS[d.chassisId] : null;
  if(!chassis){
    return { chassis:null, mods:[], mass:0, cost:0, power:0, powerDraw:0, powerBalance:0, bandwidth:0, deltaV:0, slotsUsed:0, slotsMax:0 };
  }
  const derived = computeSatDerived(d.chassisId, d.mods);
  const slotsUsed = d.mods.filter(mid=>{ const em=findMod(mid); return em && !em.noSlot; }).length;
  return Object.assign(derived, { mods: d.mods.map(findMod).filter(Boolean), slotsUsed, slotsMax: chassis.slots });
}

function saveCreatorBlueprint(){
  if(!blueprintSystemUnlocked()){ toast('Forschung „Blaupausen-Designsystem" nötig, um Baupläne zu speichern.', 'bad'); Sound.error(); return; }
  const d = state.blueprintCreatorDraft;
  const st = creatorStats();
  if(!st.chassis){ toast('Kein Chassis gewählt.', 'bad'); Sound.error(); return; }
  if(d.mods.length === 0){ toast('Mindestens ein Modul hinzufügen.', 'bad'); Sound.error(); return; }
  const defaultName = `${st.chassis.name}-Konzept`;
  Sound.click();
  showPromptModal('Bauplan speichern', 'Name für diesen Bauplan:', defaultName, 'Speichern', (value)=>{
    const name = (value || '').trim() || defaultName;
    if(d.mode==='werft'){
      state.werftBlueprints.push({
        id: state.nextWerftBlueprintId++, name, chassisId: d.chassisId, mods:[...d.mods],
        missionType:'orbit', orbitKey:null, destKey:null, attemptLanding:false, attemptCrewed:false,
      });
      Sound.buildOk();
      toast(`Werft-Bauplan „${name}" aus dem Kreator gespeichert — Zielumlaufbahn/-ort bei der Montage im Orbitalwerft-Tab festlegen.`, 'good');
    } else {
      state.blueprints.push({ id: state.nextBlueprintId++, name, chassisId: d.chassisId, mods:[...d.mods] });
      Sound.buildOk();
      toast(`Bauplan „${name}" aus dem Kreator gespeichert.`, 'good');
    }
    renderAll();
  });
}

function renderCreator(){
  const modeRow = document.getElementById('creatorModeRow');
  if(!modeRow) return;
  const d = state.blueprintCreatorDraft;

  modeRow.innerHTML = `
    <div class="chip ${d.mode==='fabrik'?'sel':''}" data-creatormode="fabrik">
      <div class="t"><span>Fabrik-Bauplan</span></div><div class="s">Erdstart-Satelliten/Sonden</div>
    </div>
    <div class="chip ${d.mode==='werft'?'sel':''} ${!orbitalWerftUnlocked()?'locked':''}" data-creatormode="werft">
      <div class="t"><span>Werft-Bauplan</span></div><div class="s">${orbitalWerftUnlocked() ? 'Schiffsmontage im Orbit' : 'Forschung „Orbitalwerft" nötig'}</div>
    </div>
  `;
  modeRow.querySelectorAll('[data-creatormode]').forEach(chip=>{
    chip.addEventListener('click', ()=>selectCreatorMode(chip.dataset.creatormode));
  });

  const chassisWrap = document.getElementById('creatorChassisChips');
  const chassisPool = d.mode==='werft' ? Object.values(CHASSIS) : Object.values(CHASSIS).filter(c=>!c.werftOnly);
  chassisWrap.innerHTML = chassisPool.map(c=>{
    const unlocked = isChassisUnlocked(c);
    const sel = d.chassisId === c.id;
    return `<div class="chip ${sel?'sel':''} ${!unlocked?'locked':''}" data-creatorchassis="${c.id}">
      <div class="t"><span>${c.name}${c.werftOnly?' ⚓':''}</span><span>${fmtMoney(c.cost)}</span></div>
      <div class="s">Slots: ${c.slots} · Masse: ${c.mass}kg · Zuverl.: ${Math.round(c.reliability*100)}%</div>
    </div>`;
  }).join('');
  chassisWrap.querySelectorAll('[data-creatorchassis]').forEach(el=>{
    el.addEventListener('click', ()=>selectCreatorChassis(el.dataset.creatorchassis));
  });

  const subtabs = document.getElementById('creatorModSubtabs');
  subtabs.innerHTML = MOD_CATS.map(c=>`<div class="subtab ${c.id===activeCreatorModCat?'active':''}" data-cat="${c.id}">${c.label}</div>`).join('');
  subtabs.querySelectorAll('.subtab').forEach(el=>{
    el.addEventListener('click', ()=>{ activeCreatorModCat = el.dataset.cat; renderCreator(); });
  });

  const modList = document.getElementById('creatorModList');
  modList.innerHTML = MODULES[activeCreatorModCat].map(m=>{
    const unlocked = isModUnlocked(m);
    let detail = [];
    if(m.power) detail.push(`+${m.power} Energie`);
    if(m.powerDraw) detail.push(`-${m.powerDraw} Energie`);
    if(m.bandwidth) detail.push(`+${m.bandwidth} Bandbreite`);
    if(m.deltaV) detail.push(`+${m.deltaV} Treibstoffreserve`);
    if(m.type) detail.push(PAYLOAD_TYPES[m.type].label);
    if(m.noSlot) detail.push('kein Slot — nur Kennzeichnung');
    const isActiveRole = m.cat==='role' && d.mods.includes(m.id);
    const massTxt = m.mass ? ` · ${m.mass}kg` : '';
    return `<div class="mod-row ${!unlocked?'locked':''}">
      <div><div class="n">${m.name}${isActiveRole?' ✓':''}</div><div class="d">${detail.join(' · ')}${massTxt}</div></div>
      <button class="btn small" data-creatoradd="${m.id}" ${!unlocked?'disabled':''}>${isActiveRole?'✓ gewählt':'+ setzen'}</button>
    </div>`;
  }).join('');
  modList.querySelectorAll('[data-creatoradd]').forEach(btn=>{
    btn.addEventListener('click', ()=>addCreatorMod(btn.dataset.creatoradd));
  });

  const st = creatorStats();
  document.getElementById('creatorSelectedMods').innerHTML = st.mods.map((m,i)=>`
    <div class="item"><span>${m.name}</span><button data-creatorrm="${i}">✕</button></div>
  `).join('') || '<div class="small-muted">Keine Module gewählt.</div>';
  document.getElementById('creatorSelectedMods').querySelectorAll('[data-creatorrm]').forEach(btn=>{
    btn.addEventListener('click', ()=>removeCreatorMod(Number(btn.dataset.creatorrm)));
  });

  document.getElementById('creatorStatMass').textContent = Math.round(st.mass) + ' kg';
  document.getElementById('creatorStatSlots').textContent = `${st.slotsUsed} / ${st.slotsMax}`;
  const pb = document.getElementById('creatorStatPower');
  pb.textContent = st.powerBalance;
  pb.className = 'v ' + (st.powerBalance<0 ? 'bad':'good');
  document.getElementById('creatorStatBw').textContent = st.bandwidth;
  document.getElementById('creatorStatDv').textContent = Math.round(st.deltaV);
  document.getElementById('creatorStatCost').textContent = fmtMoney(st.cost);
  document.getElementById('creatorWerftHint').style.display = d.mode==='werft' ? 'block' : 'none';

  const saveBtn = document.getElementById('btnSaveCreatorBlueprint');
  saveBtn.disabled = !st.chassis || d.mods.length===0 || !blueprintSystemUnlocked();
  saveBtn.textContent = d.mode==='werft' ? 'Als Werft-Bauplan speichern' : 'Als Bauplan speichern';
}

// NEU (TODO-BAUPLAN-KREATOR): Kreator-Tab bleibt wie der Werft-Tab (updateWerftTabVisibility)
// ausgeblendet, solange die Forschung "blaupausensystem" fehlt.
function updateCreatorTabVisibility(){
  const tab = document.querySelector('.tab[data-view="creator"]');
  if(!tab) return;
  const unlocked = blueprintSystemUnlocked();
  tab.style.display = unlocked ? '' : 'none';
  if(!unlocked && tab.classList.contains('active')){
    tab.classList.remove('active');
    document.getElementById('view-creator').classList.remove('active');
    const buildTab = document.querySelector('.tab[data-view="build"]');
    const buildView = document.getElementById('view-build');
    if(buildTab) buildTab.classList.add('active');
    if(buildView) buildView.classList.add('active');
  }
}

function editSatellite(hangarId){
  const idx = state.hangar.findIndex(s=>s.id===hangarId);
  if(idx<0) return;
  const sat = state.hangar[idx];
  const d = computeSatDerived(sat.chassisId, sat.mods);
  state.hangar.splice(idx,1);
  state.draft = {
    chassisId: sat.chassisId, mods: [...sat.mods],
    editingId: sat.id, editingName: sat.name, editingOriginalCost: d.cost,
    editingOriginalChassisId: sat.chassisId, editingOriginalMods: [...sat.mods],
  };
  Sound.click();
  toast('Bearbeitung gestartet — passe Module an und speichere.', '');
  renderAll();
}

function cancelEdit(){
  if(!state.draft.editingId) return;
  state.hangar.push({
    id: state.draft.editingId, name: state.draft.editingName,
    chassisId: state.draft.editingOriginalChassisId, mods: [...state.draft.editingOriginalMods],
  });
  state.draft = { chassisId:null, mods:[], editingId:null, editingName:null, editingOriginalCost:0, editingOriginalChassisId:null, editingOriginalMods:[] };
  Sound.click();
  toast('Bearbeitung abgebrochen.', '');
  renderAll();
}

function scrapSatellite(hangarId){
  const idx = state.hangar.findIndex(s=>s.id===hangarId);
  if(idx<0) return;
  const sat = state.hangar[idx];
  const d = computeSatDerived(sat.chassisId, sat.mods);
  const refund = Math.round(d.cost * 0.6);
  state.hangar.splice(idx,1);
  state.money += refund;
  Sound.click();
  toast(`Satellit zerlegt: ${fmtMoney(refund)} Materialwert zurückerhalten.`, 'good');
  renderAll();
}

// NEU (TODO-MASSENSTART): einfache Checkbox-Auswahl für den Massenstart (state.hangarLaunchSelection),
// analog toggleModuleStackSelection() bei der Modul-Fabrik.
function toggleHangarLaunchSelection(hangarId){
  const idx = state.hangarLaunchSelection.indexOf(hangarId);
  if(idx>=0) state.hangarLaunchSelection.splice(idx,1);
  else state.hangarLaunchSelection.push(hangarId);
  renderBuild();
}

/* ============================== LAUNCH ============================== */
function computeSatDerived(chassisId, mods){
  const chassis = CHASSIS[chassisId];
  let mass = chassis.mass, power=0, powerDraw=0, bandwidth=0, deltaV=0, cost=chassis.cost, lifeSupportDays=0, terraformPoints=0;
  const resolved = mods.map(findMod).filter(Boolean);
  resolved.forEach(m=>{
    mass+=m.mass; cost+=m.cost;
    if(m.power) power+=m.power;
    if(m.powerDraw) powerDraw+=m.powerDraw;
    if(m.bandwidth) bandwidth+=m.bandwidth;
    if(m.deltaV) deltaV+=m.deltaV;
    if(m.lifeSupportDays) lifeSupportDays+=m.lifeSupportDays;
    if(m.terraformPoints) terraformPoints+=m.terraformPoints;
  });
  return {
    chassis, mass, power, powerDraw, powerBalance:power-powerDraw, bandwidth, deltaV, cost, lifeSupportDays, terraformPoints,
    isCrewed: resolved.some(m=>m.isCrewed),
    hasColonyModule: resolved.some(m=>m.isColonyModule),
    payloadTypes: resolved.filter(m=>m.cat==='payload').map(m=>m.type),
  };
}

/* ============================== ORBITALWERFT (Großschiffe ohne Rakete) ============================== */
function maxUnlockedRocketCapacity(){
  const caps = Object.values(ROCKETS).filter(isRocketUnlocked).map(r=>r.capacity);
  return caps.length ? Math.max(...caps) : 0;
}
function needsOrbitalWerft(mass){ return mass > maxUnlockedRocketCapacity(); }
function orbitalWerftUnlocked(){ return hasResearch('orbitalWerft'); }
// NEU (TODO-BAUPLAN-KREATOR): zentrales Gate für Blaupausen-Kreator + Speichern/Laden von
// Bauplänen/Werft-Bauplänen — siehe RESEARCH-Eintrag 'blaupausensystem'.
function blueprintSystemUnlocked(){ return hasResearch('blaupausensystem'); }

/* ============================== START (vereinheitlicht: Orbit + Sonnensystem/Deep Space) ============================== */
function openLaunchModal(hangarId){
  const sat = state.hangar.find(s=>s.id===hangarId);
  if(!sat) return;
  dsDestOpenGroups = { solar:true }; // Gruppen-Aufklappzustand pro Dialogöffnung zurücksetzen
  const derived = computeSatDerived(sat.chassisId, sat.mods);
  const hasInstrument = sat.mods.map(findMod).filter(Boolean).some(m=>m.cat==='payload' && m.type==='forschung');
  const modal = document.getElementById('launchModal');
  const body = document.getElementById('launchModalBody');
  const overCapacity = needsOrbitalWerft(derived.mass);
  const werftReady = overCapacity && orbitalWerftUnlocked();
  // Zu schwere Schiffe brauchen kein Forschungsinstrument mehr für Deep Space — sie laufen
  // über den Werft-Mehrfachtransport (siehe renderWerftMultiChoice) statt über eine normale
  // Einzelrakete, und sind i.d.R. reine Kolonie-/Außenposten-Schiffe ohne Instrumente an Bord.
  const deepSpaceLocked = overCapacity ? !werftReady : !hasInstrument;
  let deepSpaceReason = '';
  if(overCapacity && !werftReady) deepSpaceReason = 'zu schwer für jede verfügbare Rakete — Orbitalwerft nötig';
  else if(!overCapacity && !hasInstrument) deepSpaceReason = 'benötigt mind. ein Forschungsinstrument an Bord';

  body.innerHTML = `
    <div class="small-muted" style="margin-bottom:8px;">${sat.name} — Masse ${Math.round(derived.mass)} kg${derived.deltaV>0?` — eigene Treibstoffreserve: ${Math.round(derived.deltaV)} ΔV`:' — keine eigene Treibstoffreserve'}</div>
    ${overCapacity ? `<div class="small-muted" style="margin-bottom:8px; color:${werftReady?'var(--muted)':'var(--red)'};">⚠ Masse übersteigt die Kapazität jeder verfügbaren Rakete (max. ${maxUnlockedRocketCapacity()}kg).${werftReady?' Start nur über die Orbitalwerft möglich — Mehrfachtransport in mehreren Lieferflügen, jeder mit eigenem Raketenstart.':' Ohne die Forschung „Orbitalwerft" derzeit nicht startbar.'}</div>` : ''}
    <div style="font-size:10.5px; color:var(--muted); margin-bottom:6px;">1. Missionsart wählen</div>
    <div class="chip-row" id="missionTypeRow">
      <div class="chip" data-mtype="orbit" style="cursor:pointer;">
        <div class="t"><span>Orbit</span></div>
        <div class="s">LEO / MEO / GEO — Satellitenbetrieb, Aufträge annehmen${werftReady?' (via Orbitalwerft)':''}</div>
      </div>
      <div class="chip ${deepSpaceLocked?'locked':''}" data-mtype="deepspace" style="cursor:${deepSpaceLocked?'not-allowed':'pointer'};">
        <div class="t"><span>Sonnensystem / Deep Space</span></div>
        <div class="s">${deepSpaceLocked ? deepSpaceReason : 'Mond, Planeten, Sterne &amp; mehr'}</div>
      </div>
    </div>
    <div id="launchStepArea"></div>
    <div id="launchConfirmArea" style="margin-top:12px;"></div>
  `;
  modal.classList.add('active');
  body.querySelectorAll('.chip[data-mtype]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){
        Sound.error();
        toast(chip.dataset.mtype==='deepspace' ? deepSpaceReason : 'Nicht verfügbar.', 'bad');
        return;
      }
      body.querySelectorAll('.chip[data-mtype]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      document.getElementById('launchConfirmArea').innerHTML = '';
      if(chip.dataset.mtype==='orbit') renderOrbitLaunchStep(sat, derived, overCapacity, werftReady);
      else renderDeepSpaceLaunchStep(sat, derived, overCapacity, werftReady);
    });
  });
}

/* ---- Orbit-Zweig ---- */
function renderOrbitLaunchStep(sat, derived, overCapacity, werftReady){
  const stepArea = document.getElementById('launchStepArea');
  document.getElementById('launchConfirmArea').innerHTML = '';
  if(overCapacity){
    if(!werftReady){
      stepArea.innerHTML = `<div class="empty-hint">Diese Konfiguration ist zu schwer für jede verfügbare Rakete und die Orbitalwerft ist noch nicht erforscht. Entweder das Schiff im Hangar leichter umbauen oder zuerst die Forschung „Orbitalwerft" abschließen.</div>`;
      return;
    }
    renderWerftMultiChoice(sat, derived, 'orbit');
    return;
  }
  const rocketOptions = Object.values(ROCKETS).map(r=>{
    const unlocked = isRocketUnlocked(r);
    const fitsCapacity = derived.mass <= r.capacity;
    const blocked = !unlocked || !fitsCapacity;
    let reason = '';
    if(!unlocked) reason = 'noch nicht erforscht';
    else if(!fitsCapacity) reason = 'Nutzlast zu schwer';
    return `<div class="chip ${blocked?'locked':''}" data-rocket="${r.id}" style="cursor:${blocked?'not-allowed':'pointer'}">
      <div class="t"><span>${r.name}</span><span>${fmtMoney(r.cost)}</span></div>
      <div class="s">Kapazität: ${r.capacity}kg · Reichweite-ΔV: ${r.deltaV} · Zuverl.: ${Math.round(r.reliability*100)}% ${reason?'— '+reason:''}</div>
    </div>`;
  }).join('');
  stepArea.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">2. Trägerrakete wählen — sie bringt den Satelliten in den Orbit, er braucht dafür keinen eigenen Treibstoff</div>
    <div class="chip-row" id="rocketChoiceRow">${rocketOptions}</div>
    <div id="orbitChoiceArea"></div>
  `;
  stepArea.querySelectorAll('.chip[data-rocket]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Diese Rakete steht nicht zur Verfügung.', 'bad'); return; }
      stepArea.querySelectorAll('.chip[data-rocket]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      renderOrbitChoice(sat, derived, chip.dataset.rocket);
    });
  });
}

// NEU (TODO-KOLONIE-ORBIT): zusätzlicher Zwischenschritt "Zielort" vor der Bahnwahl, aber NUR
// falls überhaupt eine Kolonie existiert — ohne Kolonie verhält sich der Start exakt wie bisher
// (kein Extra-Klick), sonst kann man zwischen Erdorbit und dem Orbit einer Kolonie wählen.
function renderOrbitChoice(sat, derived, rocketKey){
  const locs = orbitLocations();
  if(locs.length<=1){ renderOrbitRingChoice(sat, derived, rocketKey, 'earth'); return; }
  const rocket = ROCKETS[rocketKey];
  const orbitArea = document.getElementById('orbitChoiceArea');
  const locOptions = locs.map(l=>{
    return `<div class="chip" data-orbittarget="${l.key}">
      <div class="t"><span>${l.key==='earth'?'🌍':'🪐'} ${l.name}</span></div>
      <div class="s">${l.key==='earth' ? 'Direkter Start in den Erdorbit' : `Eigener Raketenstart zur ${l.name}-Umlaufbahn, ${DEEP_SPACE[l.key]?DEEP_SPACE[l.key].travelDays:'?'} Tag(e) Flugzeit zusätzlich zur Bahn-Einschussphase`}</div>
    </div>`;
  }).join('');
  orbitArea.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">3. Zielort wählen</div>
    <div class="chip-row" id="orbitTargetRow">${locOptions}</div>
    <div id="orbitRingArea"></div>
  `;
  document.getElementById('launchConfirmArea').innerHTML = '';
  orbitArea.querySelectorAll('[data-orbittarget]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      orbitArea.querySelectorAll('[data-orbittarget]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      renderOrbitRingChoice(sat, derived, rocketKey, chip.dataset.orbittarget, document.getElementById('orbitRingArea'));
    });
  });
}

function renderOrbitRingChoice(sat, derived, rocketKey, location, container){
  const rocket = ROCKETS[rocketKey];
  const orbitArea = container || document.getElementById('orbitChoiceArea');
  // NEU (TODO-KOLONIE-ORBIT): bei Kolonie-Zielen zusätzlich das ΔV der interplanetaren Strecke
  // selbst nötig (DEEP_SPACE[location].deltaVReq), nicht nur das der Bahn — die Rakete muss beides schaffen.
  const extraDeltaVReq = (location!=='earth' && DEEP_SPACE[location]) ? DEEP_SPACE[location].deltaVReq : 0;
  const extraCostMult = (location!=='earth' && DEEP_SPACE[location]) ? DEEP_SPACE[location].costMult : 1;
  const orbitOptions = ORBIT_KEYS.map(k=>{
    const o = ORBITS[k];
    const reachable = rocket.deltaV >= Math.max(o.deltaVReq, extraDeltaVReq);
    const cost = Math.round(rocket.cost * o.costMult * extraCostMult);
    return `<div class="chip ${!reachable?'locked':''}" data-orbit="${k}" style="cursor:${reachable?'pointer':'not-allowed'}">
      <div class="t"><span>${o.name}</span><span>${fmtMoney(cost)}</span></div>
      <div class="s">${reachable?'✓ erreichbar mit '+rocket.name : '✗ '+rocket.name+' erreicht dieses Ziel nicht (ΔV '+rocket.deltaV+' < '+Math.max(o.deltaVReq, extraDeltaVReq)+')'}</div>
    </div>`;
  }).join('');
  orbitArea.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">${container?'4.':'3.'} Zielumlaufbahn wählen</div>
    <div class="chip-row" id="orbitChoiceRow">${orbitOptions}</div>
  `;
  document.getElementById('launchConfirmArea').innerHTML = '';
  orbitArea.querySelectorAll('.chip[data-orbit]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Diese Rakete erreicht dieses Ziel nicht.', 'bad'); return; }
      orbitArea.querySelectorAll('.chip[data-orbit]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      const orbitKey = chip.dataset.orbit;
      confirmLaunchArea(sat, derived, orbitKey, rocketKey, location);
    });
  });
}

function confirmLaunchArea(sat, derived, orbitKey, rocketKey, location){
  location = location || 'earth';
  const o = ORBITS[orbitKey];
  const rocket = ROCKETS[rocketKey];
  const colonyDest = location!=='earth' ? DEEP_SPACE[location] : null;
  const launchCost = Math.round(rocket.cost * o.costMult * (colonyDest?colonyDest.costMult:1));
  const reliability = effectiveReliability(derived.chassis.reliability * rocket.reliability);
  // NEU (TODO-KOLONIE-ORBIT): Flugzeit zu einer Kolonie = normale Bahn-Einschusszeit + die
  // interplanetare Reisezeit dorthin (DEEP_SPACE[location].travelDays), analog zu den Sonden.
  const transferDays = transferTimeFor(orbitKey, rocket) + (colonyDest ? colonyDest.travelDays : 0);
  const targetLabel = colonyDest ? `${o.name} · ${orbitLocationName(location)}` : o.name;
  document.getElementById('launchConfirmArea').innerHTML = `
    <div class="stat-line"><span class="k">Rakete</span><span class="v">${rocket.name} → ${targetLabel}</span></div>
    <div class="stat-line"><span class="k">Startkosten</span><span class="v">${fmtMoney(launchCost)}</span></div>
    <div class="stat-line"><span class="k">Erfolgschance</span><span class="v ${reliability>0.9?'good':''}">${Math.round(reliability*100)}%</span></div>
    <div class="stat-line"><span class="k">Flugzeit</span><span class="v">${transferDays} Tag(e)</span></div>
    ${derived.powerBalance<0?'<div class="stat-line"><span class="k">Warnung</span><span class="v bad">Energiedefizit — reduzierte Leistung</span></div>':''}
    ${derived.deltaV<=0?'<div class="stat-line"><span class="k">Hinweis</span><span class="v">Keine eigene Treibstoffreserve — höherer Verschleiß im Orbit</span></div>':''}
    <button class="btn primary" id="confirmLaunchBtn" style="width:100%; margin-top:10px; justify-content:center;">Start freigeben</button>
  `;
  document.getElementById('confirmLaunchBtn').addEventListener('click', ()=>{
    if(state.money < launchCost){ toast('Nicht genug Guthaben für den Start.', 'bad'); Sound.error(); return; }
    state.money -= launchCost;
    closeLaunchModal();
    runRocketLaunchSequence(sat, reliability, rocket,
      (sat, rocket)=>{
        state.transitQueue.push({
          id: sat.id, name: sat.name, chassisId: sat.chassisId, mods:[...sat.mods],
          orbit: orbitKey, location, rocketName: rocket.name, daysTotal: transferDays, daysLeft: transferDays,
        });
        return `<span style="color:var(--green)">✓ START ERFOLGREICH</span><div class="small-muted" style="margin-top:6px;">${sat.name} ist auf dem Weg zu ${targetLabel} — Ankunft in ${transferDays} Tag(en) via ${rocket.name}.</div>`;
      },
      (sat, rocket)=>`<span style="color:var(--red)">✗ START FEHLGESCHLAGEN</span><div class="small-muted" style="margin-top:6px;">${sat.name} ging beim Start mit der ${rocket.name} verloren.</div>`
    );
  });
}

/* ---- Werft-Mehrfachtransport: zu schwere Schiffe (Kolonieschiff, Außenposten, ...) werden in
   mehreren Lieferflügen zur Orbitalwerft gebracht — jeder Lieferflug ist ein echter Raketenstart
   mit eigenem Risiko und eigenem Start-Video, statt der alten stillen 100%-Montage. Sind alle
   Lieferflüge im Orbit angekommen, wird montiert und (bei Deep-Space-Zielen) tritt das fertige
   Schiff aus eigener Treibstoffreserve die Weiterreise an — dafür zählt hier NICHT die
   Reichweite der Lieferrakete, sondern derived.deltaV des Schiffs selbst. ---- */
// missionType wird nur für 'deepspace' zur Reduktion herangezogen (siehe
// stationDeliveryFlightReduction()) — reine Erdorbit-Montagen bleiben unverändert, da die Station
// dort selbst das Ziel ist und kein Sprungbrett braucht.
function werftFlightsNeeded(mass, rocket, missionType){
  const base = Math.ceil(mass / rocket.capacity);
  const reduction = missionType==='deepspace' ? stationDeliveryFlightReduction() : 0;
  return Math.max(1, base - reduction);
}

function renderWerftMultiChoice(sat, derived, missionType){
  const stepArea = document.getElementById('launchStepArea');
  document.getElementById('launchConfirmArea').innerHTML = '';
  const rocketOptions = Object.values(ROCKETS).map(r=>{
    const unlocked = isRocketUnlocked(r);
    const flights = werftFlightsNeeded(derived.mass, r, missionType);
    return `<div class="chip ${unlocked?'':'locked'}" data-werftrocket="${r.id}" style="cursor:${unlocked?'pointer':'not-allowed'}">
      <div class="t"><span>${r.name}</span><span>${fmtMoney(r.cost)}/Flug</span></div>
      <div class="s">Kapazität: ${r.capacity}kg · ${flights} Lieferflug/-flüge nötig · Zuverl.: ${Math.round(r.reliability*100)}%${unlocked?'':' — noch nicht erforscht'}</div>
    </div>`;
  }).join('');
  stepArea.innerHTML = `
    <div class="small-muted" style="margin-bottom:8px;">Zu schwer für einen einzelnen Start (${Math.round(derived.mass)}kg, max. ${maxUnlockedRocketCapacity()}kg pro Rakete) — die Orbitalwerft bringt die Sektionen in mehreren Lieferflügen hoch und montiert das Schiff im Orbit. Jeder Lieferflug ist ein eigener Raketenstart mit eigenem Risiko.</div>
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">2. Trägerrakete für die Lieferflüge wählen</div>
    <div class="chip-row" id="werftRocketChoiceRow">${rocketOptions}</div>
    <div id="werftDestArea"></div>
  `;
  stepArea.querySelectorAll('.chip[data-werftrocket]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Diese Rakete steht nicht zur Verfügung.', 'bad'); return; }
      stepArea.querySelectorAll('.chip[data-werftrocket]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      if(missionType==='orbit') renderWerftOrbitTarget(sat, derived, chip.dataset.werftrocket);
      else renderWerftDeepSpaceTarget(sat, derived, chip.dataset.werftrocket);
    });
  });
}

function renderWerftOrbitTarget(sat, derived, rocketId){
  const rocket = ROCKETS[rocketId];
  const flights = werftFlightsNeeded(derived.mass, rocket, 'orbit');
  const area = document.getElementById('werftDestArea');
  const orbitOptions = ORBIT_KEYS.map(k=>{
    const o = ORBITS[k];
    const perFlight = Math.round(rocket.cost * o.costMult);
    return `<div class="chip" data-werfttarget="${k}" style="cursor:pointer">
      <div class="t"><span>${o.name}</span><span>${fmtMoney(perFlight)}/Flug</span></div>
      <div class="s">${flights}× Lieferflug à ${fmtMoney(perFlight)} = ${fmtMoney(perFlight*flights)} gesamt</div>
    </div>`;
  }).join('');
  area.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">3. Zielumlaufbahn wählen</div>
    <div class="chip-row" id="werftOrbitTargetRow">${orbitOptions}</div>
  `;
  document.getElementById('launchConfirmArea').innerHTML = '';
  area.querySelectorAll('.chip[data-werfttarget]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      area.querySelectorAll('.chip[data-werfttarget]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      confirmWerftMulti(sat, derived, rocketId, 'orbit', { orbitKey: chip.dataset.werfttarget });
    });
  });
}

function renderWerftDeepSpaceTarget(sat, derived, rocketId){
  const rocket = ROCKETS[rocketId];
  const area = document.getElementById('werftDestArea');

  function chipHtml(k){
    const d = DEEP_SPACE[k];
    const unlocked = isDestUnlocked(d);
    const reachable = unlocked && derived.deltaV >= d.deltaVReq;
    const cost = Math.round(rocket.cost * destCostMult(d));
    let reason = '';
    if(!unlocked) reason = 'noch nicht erforscht';
    else if(derived.deltaV < d.deltaVReq) reason = `eigene Treibstoffreserve reicht nicht (ΔV ${Math.round(derived.deltaV)} < ${d.deltaVReq}) — mehr Treibstofftanks verbauen`;
    return `<div class="chip ${!reachable?'locked':''}" data-werfttarget="${k}" style="cursor:${reachable?'pointer':'not-allowed'}">
      <div class="t"><span>${d.name}${state.exploredTargets.includes(k)?' ✓':''}</span><span>${fmtMoney(cost)}/Flug</span></div>
      <div class="s">${reachable ? '✓ mit eigener Treibstoffreserve erreichbar' : '✗ '+reason}</div>
    </div>`;
  }

  const groups = [];
  const solarKeys = DEEP_SPACE_KEYS.filter(k=>!DEEP_SPACE[k].interstellar && !DEEP_SPACE[k].intergalactic);
  groups.push({ key:'wsolar', title:'Sonnensystem', keys:solarKeys });
  const interstellarKeys = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].interstellar);
  if(interstellarKeys.length) groups.push({ key:'wint', title:'Sternensysteme', keys:interstellarKeys });
  const galaxyKeysSeen = [];
  DEEP_SPACE_KEYS.forEach(k=>{ const g=DEEP_SPACE[k].galaxy; if(g && !galaxyKeysSeen.includes(g)) galaxyKeysSeen.push(g); });
  galaxyKeysSeen.forEach(g=>{
    const keys = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].galaxy===g);
    groups.push({ key:'wgal_'+g, title:DEST_GALAXY_NAMES[g]||g, keys });
  });

  area.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">3. Zielkörper wählen — die Reichweite der Lieferrakete spielt hier keine Rolle, sie fliegt nur bis zum Erdorbit. Entscheidend ist die eigene Treibstoffreserve (ΔV) des montierten Schiffs für die Weiterreise.</div>
    <div id="werftDestChoiceRow">${groups.map(grp=>{
      const doneCount = grp.keys.filter(k=>state.exploredTargets.includes(k)).length;
      return `<div class="dest-group open" data-destgroup="${grp.key}">
        <div class="dest-group-head" data-destgrouphead="${grp.key}">
          <span class="dest-group-chevron">▸</span>
          <span class="dest-group-title">${grp.title}</span>
          <span class="dest-group-count">${grp.keys.length} Ziele${doneCount?` · <span class="dest-group-progress">${doneCount} erkundet</span>`:''}</span>
        </div>
        <div class="dest-group-body">
          <div class="chip-row">${grp.keys.map(chipHtml).join('')}</div>
        </div>
      </div>`;
    }).join('')}</div>
  `;
  document.getElementById('launchConfirmArea').innerHTML = '';
  area.querySelectorAll('[data-destgrouphead]').forEach(head=>{
    head.addEventListener('click', ()=>{
      head.closest('.dest-group').classList.toggle('open');
      Sound.click();
    });
  });
  area.querySelectorAll('.chip[data-werfttarget]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Dieses Ziel ist mit der eigenen Treibstoffreserve nicht erreichbar.', 'bad'); return; }
      area.querySelectorAll('.chip[data-werfttarget]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      confirmWerftDeepSpace(sat, derived, rocketId, chip.dataset.werfttarget);
    });
  });
}

function confirmWerftDeepSpace(sat, derived, rocketId, destKey){
  const rocket = ROCKETS[rocketId];
  const d = DEEP_SPACE[destKey];
  const flights = werftFlightsNeeded(derived.mass, rocket, 'deepspace');
  const hasLanderKit = sat.mods.map(findMod).filter(Boolean).some(m=>m.isLander);
  const landingPossible = d.landingBaseChance > 0;
  const crewCfg = crewedConfigFor(destKey);
  const crewResearched = crewCfg && hasResearch(crewCfg.reqResearch);
  const hasCrewCapsule = derived.isCrewed;
  const requiredDays = crewCfg ? requiredLifeSupportDays(destKey, d) : 0;
  const lifeSupportOk = crewCfg ? derived.lifeSupportDays >= requiredDays : false;
  const crewAvailable = !!(crewCfg && crewResearched && hasCrewCapsule && landingPossible);
  let attemptLanding = false;
  let attemptCrewed = false;
  renderConfirmBox();

  function renderConfirmBox(){
    if(attemptCrewed) attemptLanding = true;
    const costPerFlight = Math.round(rocket.cost * destCostMult(d));
    const canToggleLanding = hasLanderKit && landingPossible && !attemptCrewed;
    const canToggleCrewed = crewAvailable && hasLanderKit && lifeSupportOk;
    document.getElementById('launchConfirmArea').innerHTML = `
      <div class="stat-line"><span class="k">Verfahren</span><span class="v">Orbitalwerft-Mehrfachtransport → ${d.name}</span></div>
      <div class="stat-line"><span class="k">Lieferflüge</span><span class="v">${flights}× ${rocket.name} à ${fmtMoney(costPerFlight)} = ${fmtMoney(costPerFlight*flights)} gesamt</span></div>
      <div class="stat-line"><span class="k">Zuverl. je Lieferflug</span><span class="v">${Math.round(effectiveReliability(derived.chassis.reliability * rocket.reliability)*100)}%</span></div>
      <div class="stat-line"><span class="k">Eigene Reichweite</span><span class="v">${Math.round(derived.deltaV)} ΔV (benötigt ${d.deltaVReq})</span></div>
      ${!landingPossible?`<div class="small-muted" style="margin-top:6px;">${d.noLandingReason||'Keine feste Oberfläche'} — keine Landung möglich, nur Vorbeiflug/Kolonie-Anflug.</div>`:`
      <label style="display:flex; align-items:center; gap:8px; margin-top:10px; font-size:11px; ${canToggleLanding?'':'opacity:.4;'}">
        <input type="checkbox" id="werftLandingToggle" ${canToggleLanding?'':'disabled'} ${attemptCrewed?'checked':''}>
        Landung versuchen ${hasLanderKit ? `(Landechance ${Math.round(effectiveLandingChance(d.landingBaseChance)*100)}%, +${Math.round((d.landingRewardMult-1)*100)}% Ertrag)` : '(benötigt Landestufe-Modul)'}
      </label>
      `}
      ${crewCfg ? `
      <label style="display:flex; align-items:center; gap:8px; margin-top:12px; font-size:11px; ${canToggleCrewed?'':'opacity:.4;'}">
        <input type="checkbox" id="werftCrewedToggle" ${canToggleCrewed?'':'disabled'}>
        Bemannte Mission ${crewAvailable ? (lifeSupportOk ? `(x${crewCfg.rewardMult} Ertrag, +${crewCfg.extraRep} Reputation)` : `(Lebenserhaltung reicht nicht — ${Math.round(derived.lifeSupportDays)}/${requiredDays} Tage)`) : '(benötigt Crew-Kapsel-Technik + Crew-Kapsel-Modul)'}
      </label>
      `:''}
      <button class="btn primary" id="confirmWerftDsBtn" style="width:100%; margin-top:10px; justify-content:center;">Ersten Lieferflug starten</button>
    `;
    const toggle = document.getElementById('werftLandingToggle');
    if(toggle){
      toggle.checked = attemptLanding;
      toggle.addEventListener('change', ()=>{ attemptLanding = toggle.checked; renderConfirmBox(); });
    }
    const crewToggle = document.getElementById('werftCrewedToggle');
    if(crewToggle){
      crewToggle.checked = attemptCrewed;
      crewToggle.addEventListener('change', ()=>{ attemptCrewed = crewToggle.checked; if(attemptCrewed) attemptLanding = true; renderConfirmBox(); });
    }
    document.getElementById('confirmWerftDsBtn').addEventListener('click', ()=>{
      startWerftProject(sat, derived, rocketId, 'deepspace', { destKey, attemptLanding, crewed: attemptCrewed });
    });
  }
}

function confirmWerftMulti(sat, derived, rocketId, missionType, opts){
  if(missionType==='deepspace'){ confirmWerftDeepSpace(sat, derived, rocketId, opts.destKey); return; }
  const rocket = ROCKETS[rocketId];
  const o = ORBITS[opts.orbitKey];
  const flights = werftFlightsNeeded(derived.mass, rocket, 'orbit');
  const costPerFlight = Math.round(rocket.cost * o.costMult);
  document.getElementById('launchConfirmArea').innerHTML = `
    <div class="stat-line"><span class="k">Verfahren</span><span class="v">Orbitalwerft-Mehrfachtransport → ${o.name}</span></div>
    <div class="stat-line"><span class="k">Lieferflüge</span><span class="v">${flights}× ${rocket.name} à ${fmtMoney(costPerFlight)} = ${fmtMoney(costPerFlight*flights)} gesamt</span></div>
    <div class="stat-line"><span class="k">Zuverl. je Lieferflug</span><span class="v">${Math.round(effectiveReliability(derived.chassis.reliability * rocket.reliability)*100)}%</span></div>
    <div class="small-muted" style="margin-top:6px;">Die Sektionen werden per Rakete einzeln hochgebracht und in der Orbitalwerft zusammengesetzt. Jeder Lieferflug hat sein eigenes Startrisiko.</div>
    <button class="btn primary" id="confirmWerftMultiBtn" style="width:100%; margin-top:10px; justify-content:center;">Ersten Lieferflug starten</button>
  `;
  document.getElementById('confirmWerftMultiBtn').addEventListener('click', ()=>{
    startWerftProject(sat, derived, rocketId, 'orbit', { orbitKey: opts.orbitKey });
  });
}

function startWerftProject(sat, derived, rocketId, missionType, opts){
  const rocket = ROCKETS[rocketId];
  const flightsTotal = werftFlightsNeeded(derived.mass, rocket, missionType);
  const costPerFlight = missionType==='orbit'
    ? Math.round(rocket.cost * ORBITS[opts.orbitKey].costMult)
    : Math.round(rocket.cost * destCostMult(DEEP_SPACE[opts.destKey]));
  if(state.money < costPerFlight){ toast('Nicht genug Guthaben für den ersten Lieferflug.', 'bad'); Sound.error(); return; }
  state.hangar = state.hangar.filter(s=>s.id!==sat.id);
  closeLaunchModal();
  const project = {
    id: sat.id, name: sat.name, chassisId: sat.chassisId, mods:[...sat.mods],
    mass: derived.mass, rocketId, flightsTotal, flightsDone:0, costPerFlight,
    missionType, orbitKey: opts.orbitKey||null, destKey: opts.destKey||null,
    attemptLanding: !!opts.attemptLanding, crewed: !!opts.crewed,
  };
  state.werftQueue.push(project);
  renderAll();
  runWerftFlight(project.id);
}

function runWerftFlight(projectId){
  const project = state.werftQueue.find(p=>p.id===projectId);
  if(!project) return;
  const rocket = ROCKETS[project.rocketId];
  if(state.money < project.costPerFlight){ toast('Nicht genug Guthaben für den nächsten Lieferflug.', 'bad'); Sound.error(); return; }
  state.money -= project.costPerFlight;
  const chassis = CHASSIS[project.chassisId];
  const reliability = effectiveReliability(chassis.reliability * rocket.reliability);
  const flightNum = project.flightsDone + 1;
  const fakeSat = { id: project.id, name: `${project.name} — Lieferflug ${flightNum}/${project.flightsTotal}` };
  document.getElementById('launchModal').classList.add('active');
  runRocketLaunchSequence(fakeSat, reliability, rocket,
    ()=>{
      project.flightsDone += 1;
      if(project.flightsDone >= project.flightsTotal){
        completeWerftProject(project);
        return `<span style="color:var(--green)">✓ LIEFERFLUG ERFOLGREICH</span><div class="small-muted" style="margin-top:6px;">Alle Sektionen sind im Orbit — ${project.name} wird jetzt montiert${project.missionType==='deepspace'?' und tritt danach aus eigener Kraft die Weiterreise an':''}.</div>`;
      }
      return `<span style="color:var(--green)">✓ LIEFERFLUG ERFOLGREICH</span><div class="small-muted" style="margin-top:6px;">Sektion ${project.flightsDone}/${project.flightsTotal} von ${project.name} ist im Orbit. Weitere Lieferflüge nötig, bevor die Montage beginnen kann (siehe Werft-Aufträge im Hangar).</div>`;
    },
    ()=>`<span style="color:var(--red)">✗ LIEFERFLUG FEHLGESCHLAGEN</span><div class="small-muted" style="margin-top:6px;">Diese Sektion von ${project.name} ging verloren — ein weiterer Lieferflug ist nötig (Fortschritt weiterhin ${project.flightsDone}/${project.flightsTotal}).</div>`
  );
}

function completeWerftProject(project){
  state.werftQueue = state.werftQueue.filter(p=>p.id!==project.id);
  if(project.missionType==='orbit'){
    const o = ORBITS[project.orbitKey];
    const days = Math.max(6, Math.round(project.mass/40)) + (ORBIT_TRANSFER_DAYS[project.orbitKey]||0);
    state.transitQueue.push({
      id: project.id, name: project.name, chassisId: project.chassisId, mods: project.mods,
      orbit: project.orbitKey, rocketName: 'Orbitalwerft', daysTotal: days, daysLeft: days,
    });
    toast(`${project.name} wird in ${days} Tag(en) in ${o.name} einsatzbereit sein.`, 'good');
  } else {
    const d = DEEP_SPACE[project.destKey];
    const rocket = ROCKETS[project.rocketId];
    const assemblyDays = Math.max(6, Math.round(project.mass/40));
    const travelDays = Math.max(1, Math.round(destTravelDays(d) * (ROCKET_SPEED_FACTOR[rocket.tier]||1)));
    const days = assemblyDays + travelDays;
    state.deepSpaceQueue.push({
      id: project.id, name: project.name, chassisId: project.chassisId, mods: project.mods,
      destKey: project.destKey, rocketName: 'Orbitalwerft', daysTotal: days, daysLeft: days,
      attemptLanding: project.attemptLanding, crewed: project.crewed,
    });
    toast(`${project.name} ist montiert und auf dem Weg zu ${d.name} — Ankunft in ${days} Tag(en).`, 'good');
  }
}

function renderWerftQueue(){
  const list = document.getElementById('werftQueueList');
  const empty = document.getElementById('werftQueueEmpty');
  if(!list || !empty) return;
  if(state.werftQueue.length===0){ list.innerHTML=''; empty.style.display='block'; return; }
  empty.style.display='none';
  list.innerHTML = state.werftQueue.map(p=>{
    const pct = Math.round((p.flightsDone/p.flightsTotal)*100);
    const targetLabel = p.missionType==='orbit' ? ORBITS[p.orbitKey].name : DEEP_SPACE[p.destKey].name;
    return `<div class="queue-item">
      <div class="top"><span class="qname">${p.name} → ${targetLabel}</span><span class="qmeta">${p.flightsDone}/${p.flightsTotal} Lieferflüge</span></div>
      <div class="progress-bar"><div style="width:${pct}%"></div></div>
      <button class="btn primary small" data-werftflight="${p.id}" style="width:100%; margin-top:8px; justify-content:center;">Nächsten Lieferflug starten (${fmtMoney(p.costPerFlight)})</button>
    </div>`;
  }).join('');
  list.querySelectorAll('[data-werftflight]').forEach(btn=>{
    btn.addEventListener('click', ()=>runWerftFlight(Number(btn.dataset.werftflight)));
  });
}

/* ---- Sonnensystem/Deep-Space-Zweig ---- */
function renderDeepSpaceLaunchStep(sat, derived, overCapacity, werftReady){
  const stepArea = document.getElementById('launchStepArea');
  document.getElementById('launchConfirmArea').innerHTML = '';
  if(overCapacity){
    if(!werftReady){
      stepArea.innerHTML = `<div class="empty-hint">Diese Konfiguration ist zu schwer für jede verfügbare Rakete und die Orbitalwerft ist noch nicht erforscht. Entweder das Schiff im Hangar leichter umbauen oder zuerst die Forschung „Orbitalwerft" abschließen.</div>`;
      return;
    }
    renderWerftMultiChoice(sat, derived, 'deepspace');
    return;
  }
  const rocketOptions = Object.values(ROCKETS).map(r=>{
    const unlocked = isRocketUnlocked(r);
    const fitsCapacity = derived.mass <= r.capacity;
    const blocked = !unlocked || !fitsCapacity;
    let reason = '';
    if(!unlocked) reason = 'noch nicht erforscht';
    else if(!fitsCapacity) reason = 'Nutzlast zu schwer';
    return `<div class="chip ${blocked?'locked':''}" data-dsrocket="${r.id}" style="cursor:${blocked?'not-allowed':'pointer'}">
      <div class="t"><span>${r.name}</span><span>${fmtMoney(r.cost)}</span></div>
      <div class="s">Kapazität: ${r.capacity}kg · Reichweite-ΔV: ${r.deltaV} · Zuverl.: ${Math.round(r.reliability*100)}% ${reason?'— '+reason:''}</div>
    </div>`;
  }).join('');
  stepArea.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">2. Trägerrakete wählen — ihre Reichweite (ΔV) muss zum Zielort passen</div>
    <div class="chip-row" id="dsRocketChoiceRow">${rocketOptions}</div>
    <div id="dsDestChoiceArea"></div>
  `;
  stepArea.querySelectorAll('.chip[data-dsrocket]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Diese Rakete steht nicht zur Verfügung.', 'bad'); return; }
      stepArea.querySelectorAll('.chip[data-dsrocket]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      renderDeepSpaceDestChoice(sat, derived, chip.dataset.dsrocket);
    });
  });
}

function renderDeepSpaceDestChoice(sat, derived, rocketKey){
  const rocket = ROCKETS[rocketKey];
  const area = document.getElementById('dsDestChoiceArea');

  function chipHtml(k){
    const d = DEEP_SPACE[k];
    const unlocked = isDestUnlocked(d);
    const reachable = unlocked && rocket.deltaV >= d.deltaVReq;
    const cost = Math.round(rocket.cost * destCostMult(d));
    let reason = '';
    if(!unlocked) reason = 'noch nicht erforscht';
    else if(rocket.deltaV < d.deltaVReq) reason = `${rocket.name} reicht nicht (ΔV ${rocket.deltaV} < ${d.deltaVReq})`;
    // NEU (TODO-FORSCHUNGSPUNKTE, Nutzer-Wunsch: "kanst du auch im reiter sonnen system den ertrag
    // hin zufügen was ich bekomme an forschungs punkte"): FP-Ertrag direkt neben dem Geldpreis im
    // Zielkörper-Chip anzeigen -- reduziert (Wiederholungsflug) falls Ziel schon erkundet, siehe
    // missionSciencePointsFor(). Violett wie die HUD-Anzeige/PAYLOAD_TYPES.forschung-Farbe.
    const sciYield = missionSciencePointsFor(d, !state.exploredTargets.includes(k));
    return `<div class="chip ${!reachable?'locked':''}" data-dest="${k}" style="cursor:${reachable?'pointer':'not-allowed'}">
      <div class="t"><span>${d.name}${state.exploredTargets.includes(k)?' ✓':''}</span><span>${fmtMoney(cost)}</span></div>
      <div class="s">${reachable? '✓ erreichbar · '+Math.max(1,Math.round(destTravelDays(d)*(ROCKET_SPEED_FACTOR[rocket.tier]||1)))+' Tage Flugzeit'+(d.interstellar?` · ${d.distanceLy} Lj`:'')+(d.intergalactic?` · ${d.distanceMly} Mio. Lj (Sprung)`:'') : '✗ '+reason}</div>
      <div class="s" style="color:#c17bff;">⚗ +${sciYield.toLocaleString('de-DE')} FP${state.exploredTargets.includes(k)?' (Wiederholung)':''}</div>
    </div>`;
  }

  // Gruppen: Sonnensystem, Sternensysteme (interstellar) und je eine Gruppe pro Galaxie —
  // statt alle 78 Ziele in einer einzigen langen Liste zu zeigen, was ab ~15 Zielen
  // unübersichtlich wird und mit künftigen weiteren Galaxien nur noch schlimmer würde.
  const groups = [];
  const solarKeys = DEEP_SPACE_KEYS.filter(k=>!DEEP_SPACE[k].interstellar && !DEEP_SPACE[k].intergalactic);
  groups.push({ key:'solar', title:'Sonnensystem', keys:solarKeys });
  const interstellarKeys = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].interstellar);
  if(interstellarKeys.length) groups.push({ key:'interstellar', title:'Sternensysteme', keys:interstellarKeys });
  const galaxyKeysSeen = [];
  DEEP_SPACE_KEYS.forEach(k=>{ const g=DEEP_SPACE[k].galaxy; if(g && !galaxyKeysSeen.includes(g)) galaxyKeysSeen.push(g); });
  galaxyKeysSeen.forEach(g=>{
    const keys = DEEP_SPACE_KEYS.filter(k=>DEEP_SPACE[k].galaxy===g);
    groups.push({ key:'gal_'+g, title:DEST_GALAXY_NAMES[g]||g, keys });
  });

  area.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">3. Zielkörper wählen</div>
    <div id="dsDestChoiceRow">${groups.map(grp=>{
      const doneCount = grp.keys.filter(k=>state.exploredTargets.includes(k)).length;
      const isOpen = !!dsDestOpenGroups[grp.key];
      return `<div class="dest-group ${isOpen?'open':''}" data-destgroup="${grp.key}">
        <div class="dest-group-head" data-destgrouphead="${grp.key}">
          <span class="dest-group-chevron">▸</span>
          <span class="dest-group-title">${grp.title}</span>
          <span class="dest-group-count">${grp.keys.length} Ziele${doneCount?` · <span class="dest-group-progress">${doneCount} erkundet</span>`:''}</span>
        </div>
        <div class="dest-group-body">
          <div class="chip-row">${grp.keys.map(chipHtml).join('')}</div>
        </div>
      </div>`;
    }).join('')}</div>
  `;
  document.getElementById('launchConfirmArea').innerHTML = '';

  area.querySelectorAll('[data-destgrouphead]').forEach(head=>{
    head.addEventListener('click', ()=>{
      const key = head.dataset.destgrouphead;
      dsDestOpenGroups[key] = !dsDestOpenGroups[key];
      head.closest('.dest-group').classList.toggle('open', dsDestOpenGroups[key]);
      Sound.click();
    });
  });
  area.querySelectorAll('.chip[data-dest]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Dieses Ziel ist mit der gewählten Rakete nicht erreichbar.', 'bad'); return; }
      area.querySelectorAll('.chip[data-dest]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      confirmDeepSpaceArea(sat, derived, chip.dataset.dest, rocketKey);
    });
  });
}

function confirmDeepSpaceArea(sat, derived, destKey, rocketKey){
  const d = DEEP_SPACE[destKey];
  const rocket = ROCKETS[rocketKey];
  const hasLanderKit = sat.mods.map(findMod).filter(Boolean).some(m=>m.isLander);
  const landingPossible = d.landingBaseChance > 0;
  const crewCfg = crewedConfigFor(destKey);
  const crewResearched = crewCfg && hasResearch(crewCfg.reqResearch);
  const hasCrewCapsule = derived.isCrewed;
  const requiredDays = crewCfg ? requiredLifeSupportDays(destKey, d) : 0;
  const lifeSupportOk = crewCfg ? derived.lifeSupportDays >= requiredDays : false;
  const crewAvailable = !!(crewCfg && crewResearched && hasCrewCapsule && landingPossible);
  let attemptLanding = false;
  let attemptCrewed = false;
  renderConfirmBox();

  function renderConfirmBox(){
    if(attemptCrewed) attemptLanding = true;
    const crewedSurcharge = attemptCrewed ? 0.9 : (attemptLanding ? 0.4 : 0);
    const launchCost = Math.round(rocket.cost * destCostMult(d) * (1+crewedSurcharge));
    const reliability = effectiveReliability(derived.chassis.reliability * rocket.reliability);
    const days = Math.max(1, Math.round(destTravelDays(d) * (ROCKET_SPEED_FACTOR[rocket.tier]||1)));
    const landingChance = effectiveLandingChance(d.landingBaseChance);
    const rewardMult = attemptCrewed ? d.landingRewardMult*crewCfg.rewardMult : (attemptLanding ? d.landingRewardMult : 1);
    const reward = Math.round(d.scienceReward*rewardMult);
    // NEU (TODO-FORSCHUNGSPUNKTE-UI, Nutzer-Wunsch: "ich sehe da nix von forschungs punkte" --
    // fehlte noch in der eigentlichen Startbestätigung; oben im Katalog (renderDeepSpace()) war
    // sie schon ergänzt, aber genau hier -- wo tatsächlich "Starten" geklickt wird -- eben noch
    // nicht. rewardMult (Landung/bemannter Bonus) fließt mit ein wie beim echten Auszahlungscode.
    const sciYield = Math.round(missionSciencePointsFor(d, !state.exploredTargets.includes(destKey)) * rewardMult);
    const repBonus = d.repReward + (attemptLanding?5:0) + (attemptCrewed?crewCfg.extraRep:0);
    const canToggleLanding = hasLanderKit && landingPossible && !attemptCrewed;
    const canToggleCrewed = crewAvailable && hasLanderKit && lifeSupportOk;
    document.getElementById('launchConfirmArea').innerHTML = `
      <div class="stat-line"><span class="k">Rakete</span><span class="v">${rocket.name} → ${d.name}</span></div>
      <div class="stat-line"><span class="k">Startkosten</span><span class="v">${fmtMoney(launchCost)}</span></div>
      <div class="stat-line"><span class="k">Start-Erfolgschance</span><span class="v ${reliability>0.9?'good':''}">${Math.round(reliability*100)}%</span></div>
      <div class="stat-line"><span class="k">Flugzeit</span><span class="v">${days} Tag(e)${d.outer&&hasResearch('gravityAssist')?' (Swing-by)':''}</span></div>
      <div class="stat-line"><span class="k">Wiss. Ertrag bei Erfolg</span><span class="v good">${fmtMoney(reward)} + ${repBonus} Reputation</span></div>
      <div class="stat-line"><span class="k">Forschungspunkte bei Erfolg</span><span class="v" style="color:#c17bff;">+${sciYield.toLocaleString('de-DE')}${state.exploredTargets.includes(destKey)?' (Wiederholung)':''}</span></div>
      ${derived.powerBalance<0?'<div class="stat-line"><span class="k">Warnung</span><span class="v bad">Energiedefizit — RTG statt Solarpanel empfohlen (sonnenfern)</span></div>':''}
      ${!landingPossible?`<div class="small-muted" style="margin-top:6px;">${d.noLandingReason||'Keine feste Oberfläche'} — keine Landung möglich, nur Vorbeiflug.</div>`:`
      <label style="display:flex; align-items:center; gap:8px; margin-top:10px; font-size:11px; ${canToggleLanding?'':'opacity:.4;'}">
        <input type="checkbox" id="landingToggle" ${canToggleLanding?'':'disabled'} ${attemptCrewed?'checked':''}>
        Landung versuchen ${hasLanderKit ? `(Landechance ${Math.round(landingChance*100)}%, +${Math.round((d.landingRewardMult-1)*100)}% Ertrag, +40% Startkosten)` : '(benötigt Landestufe-Modul)'}
      </label>
      ${attemptLanding&&!attemptCrewed?`<div class="small-muted" style="margin-top:4px;">Landung ist ein eigenes Risiko nach der Ankunft — bei Fehlschlag gibt es trotzdem Vorbeiflugdaten (reduzierter Ertrag).</div>`:''}
      `}
      ${crewCfg ? `
      <label style="display:flex; align-items:center; gap:8px; margin-top:12px; font-size:11px; ${canToggleCrewed?'':'opacity:.4;'}">
        <input type="checkbox" id="crewedToggle" ${canToggleCrewed?'':'disabled'}>
        Bemannte Mission ${crewAvailable ? (lifeSupportOk ? `(x${crewCfg.rewardMult} Ertrag, +${crewCfg.extraRep} Reputation, +90% Startkosten)` : `(Lebenserhaltung reicht nicht — ${Math.round(derived.lifeSupportDays)}/${requiredDays} Tage)`) : '(benötigt Crew-Kapsel-Technik + Crew-Kapsel-Modul)'}
      </label>
      <div class="small-muted" style="margin-top:4px;">Besatzung ist per Abbruchsystem abgesichert: bei Fehlschlag kehrt die Crew sicher zurück, nur der wissenschaftliche Ertrag fällt geringer aus.</div>
      `:''}
      <button class="btn primary" id="confirmDeepSpaceBtn" style="width:100%; margin-top:10px; justify-content:center;">Mission freigeben</button>
    `;
    const toggle = document.getElementById('landingToggle');
    if(toggle){
      toggle.checked = attemptLanding;
      toggle.addEventListener('change', ()=>{ attemptLanding = toggle.checked; renderConfirmBox(); });
    }
    const crewToggle = document.getElementById('crewedToggle');
    if(crewToggle){
      crewToggle.checked = attemptCrewed;
      crewToggle.addEventListener('change', ()=>{ attemptCrewed = crewToggle.checked; if(attemptCrewed) attemptLanding = true; renderConfirmBox(); });
    }
    document.getElementById('confirmDeepSpaceBtn').addEventListener('click', ()=>{
      if(state.money < launchCost){ toast('Nicht genug Guthaben für den Start.', 'bad'); Sound.error(); return; }
      state.money -= launchCost;
      closeLaunchModal();
      runRocketLaunchSequence(sat, reliability, rocket,
        (sat, rocket)=>{
          state.deepSpaceQueue.push({
            id:sat.id, name:sat.name, chassisId:sat.chassisId, mods:[...sat.mods],
            destKey, rocketName:rocket.name, daysTotal:days, daysLeft:days,
            attemptLanding:!!attemptLanding, crewed:!!attemptCrewed,
          });
          return `<span style="color:var(--green)">✓ START ERFOLGREICH</span><div class="small-muted" style="margin-top:6px;">${sat.name} ist auf dem Weg zu ${d.name} — Ankunft in ${days} Tag(en) via ${rocket.name}${attemptCrewed?' — Besatzung an Bord':''}.</div>`;
        },
        (sat, rocket)=>`<span style="color:var(--red)">✗ START FEHLGESCHLAGEN</span><div class="small-muted" style="margin-top:6px;">${sat.name} ging beim Start mit der ${rocket.name} verloren.${attemptCrewed?' Der Startabbruch hat die Besatzung rechtzeitig gerettet.':''}</div>`
      );
    });
  }
}

function closeLaunchModal(){ document.getElementById('launchModal').classList.remove('active'); }
document.getElementById('closeLaunchModal').addEventListener('click', closeLaunchModal);

/* ============================== MASSENSTART (TODO-MASSENSTART) ==============================
   Löst das Problem, dass bei vielen Satelliten im Hangar (z.B. 100) jeder einzeln per Hand
   gestartet werden musste. Ablauf: Checkbox-Auswahl im Hangar -> openBatchLaunchModal() lässt
   EINE Rakete + EIN Zielorbit für die gesamte Auswahl wählen (Deep-Space-Ziele bleiben bewusst
   Einzelstarts, da dort pro Schiff Ziel/Landung/Besatzung individuell gewählt werden) -> Kosten
   für alle passenden Satelliten werden auf einen Schlag bezahlt -> runBatchLaunch() feuert sie
   nacheinander automatisch ab: der ERSTE Start läuft ganz normal mit vollem Video (wie bisher),
   ALLE weiteren nur noch mit einem kurzen 3-2-1-Countdown ohne Video (deutlich schneller, aber
   noch mit Ergebnis-Feedback pro Start), bis alle durch sind. Satelliten, die zu schwer für die
   gewählte Rakete sind, werden aus der Auswahl ausgeschlossen und bleiben im Hangar zurück. */
function openBatchLaunchModal(hangarIds){
  const sats = hangarIds.map(id=>state.hangar.find(s=>s.id===id)).filter(Boolean);
  if(sats.length<2) return;
  const modal = document.getElementById('launchModal');
  const body = document.getElementById('launchModalBody');
  modal.classList.add('active');
  body.innerHTML = `
    <div class="small-muted" style="margin-bottom:8px;">Massenstart für ${sats.length} ausgewählte Satelliten — alle bekommen dieselbe Rakete und dasselbe Ziel (nur Orbit-Ziele, für Sonnensystem/Deep Space bitte einzeln starten). Zu schwere Satelliten für die gewählte Rakete werden übersprungen und bleiben im Hangar.</div>
    <div style="font-size:10.5px; color:var(--muted); margin-bottom:6px;">1. Trägerrakete wählen</div>
    <div class="chip-row" id="batchRocketRow">
      ${Object.values(ROCKETS).map(r=>{
        const unlocked = isRocketUnlocked(r);
        const fitCount = sats.filter(s=>computeSatDerived(s.chassisId, s.mods).mass <= r.capacity).length;
        const blocked = !unlocked || fitCount===0;
        let reason = '';
        if(!unlocked) reason = 'noch nicht erforscht';
        else if(fitCount===0) reason = 'kein ausgewählter Satellit passt';
        return `<div class="chip ${blocked?'locked':''}" data-batchrocket="${r.id}" style="cursor:${blocked?'not-allowed':'pointer'}">
          <div class="t"><span>${r.name}</span><span>${fmtMoney(r.cost)}</span></div>
          <div class="s">Kapazität: ${r.capacity}kg · passt für ${fitCount}/${sats.length} · Zuverl.: ${Math.round(r.reliability*100)}% ${reason?'— '+reason:''}</div>
        </div>`;
      }).join('')}
    </div>
    <div id="batchOrbitArea"></div>
    <div id="batchConfirmArea" style="margin-top:12px;"></div>
  `;
  body.querySelectorAll('.chip[data-batchrocket]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Diese Rakete steht nicht zur Verfügung.', 'bad'); return; }
      body.querySelectorAll('.chip[data-batchrocket]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      renderBatchOrbitChoice(sats, chip.dataset.batchrocket);
    });
  });
}

function renderBatchOrbitChoice(sats, rocketKey){
  const rocket = ROCKETS[rocketKey];
  const area = document.getElementById('batchOrbitArea');
  document.getElementById('batchConfirmArea').innerHTML = '';
  const fitting = sats.filter(s=>computeSatDerived(s.chassisId, s.mods).mass <= rocket.capacity);
  const orbitOptions = ORBIT_KEYS.map(k=>{
    const o = ORBITS[k];
    const reachable = rocket.deltaV >= o.deltaVReq;
    const cost = Math.round(rocket.cost * o.costMult);
    return `<div class="chip ${!reachable?'locked':''}" data-batchorbit="${k}" style="cursor:${reachable?'pointer':'not-allowed'}">
      <div class="t"><span>${o.name}</span><span>${fmtMoney(cost)}/Stück</span></div>
      <div class="s">${reachable?'✓ erreichbar mit '+rocket.name : '✗ '+rocket.name+' erreicht diese Bahn nicht'}</div>
    </div>`;
  }).join('');
  area.innerHTML = `
    <div style="font-size:10.5px; color:var(--muted); margin:10px 0 6px;">2. Zielumlaufbahn wählen</div>
    <div class="chip-row" id="batchOrbitRow">${orbitOptions}</div>
  `;
  area.querySelectorAll('.chip[data-batchorbit]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      if(chip.classList.contains('locked')){ Sound.error(); toast('Diese Rakete erreicht die Umlaufbahn nicht.', 'bad'); return; }
      area.querySelectorAll('.chip[data-batchorbit]').forEach(c=>c.classList.remove('sel'));
      chip.classList.add('sel');
      renderBatchConfirm(fitting, sats.length - fitting.length, rocketKey, chip.dataset.batchorbit);
    });
  });
}

function renderBatchConfirm(fittingSats, skippedCount, rocketKey, orbitKey){
  const rocket = ROCKETS[rocketKey];
  const o = ORBITS[orbitKey];
  const perLaunchCost = Math.round(rocket.cost * o.costMult);
  const totalCost = perLaunchCost * fittingSats.length;
  document.getElementById('batchConfirmArea').innerHTML = `
    <div class="stat-line"><span class="k">Rakete</span><span class="v">${rocket.name} → ${o.name}</span></div>
    <div class="stat-line"><span class="k">Satelliten</span><span class="v">${fittingSats.length}${skippedCount>0?` (${skippedCount} übersprungen — zu schwer)`:''}</span></div>
    <div class="stat-line"><span class="k">Gesamtkosten</span><span class="v">${fmtMoney(totalCost)} (${fmtMoney(perLaunchCost)} × ${fittingSats.length})</span></div>
    <div class="stat-line"><span class="k">Flugzeit je Start</span><span class="v">${transferTimeFor(orbitKey, rocket)} Tag(e)</span></div>
    <button class="btn primary" id="confirmBatchLaunchBtn" style="width:100%; margin-top:10px; justify-content:center;">Massenstart freigeben</button>
  `;
  document.getElementById('confirmBatchLaunchBtn').addEventListener('click', ()=>{
    if(state.money < totalCost){ toast(`Nicht genug Guthaben für ${fittingSats.length} Starts.`, 'bad'); Sound.error(); return; }
    state.money -= totalCost;
    state.hangarLaunchSelection = [];
    runBatchLaunch(fittingSats, rocket, orbitKey);
  });
}

function runBatchLaunch(sats, rocket, orbitKey){
  const o = ORBITS[orbitKey];
  const total = sats.length;
  let idx = 0, successCount = 0, failCount = 0;
  function launchNext(){
    if(idx >= total){
      closeLaunchModal();
      toast(`Massenstart abgeschlossen: ${successCount}/${total} erfolgreich${failCount>0?`, ${failCount} verloren`:''}.`, successCount>0?'good':'bad');
      renderAll();
      return;
    }
    const sat = sats[idx];
    const stepNum = idx + 1;
    idx++;
    const derived = computeSatDerived(sat.chassisId, sat.mods);
    const reliability = effectiveReliability(derived.chassis.reliability * rocket.reliability);
    const onSuccess = (s, r)=>{
      successCount++;
      const transferDays = transferTimeFor(orbitKey, r);
      state.transitQueue.push({
        id: s.id, name: s.name, chassisId: s.chassisId, mods:[...s.mods],
        orbit: orbitKey, rocketName: r.name, daysTotal: transferDays, daysLeft: transferDays,
      });
      return `<span style="color:var(--green)">✓ ${s.name} gestartet</span><div class="small-muted" style="margin-top:6px;">Ankunft in ${transferDays} Tag(en) bei ${o.name}.</div>`;
    };
    const onFail = (s, r)=>{
      failCount++;
      return `<span style="color:var(--red)">✗ ${s.name} beim Start verloren</span>`;
    };
    if(stepNum === 1){
      // Erster Start der Serie: volle Video-Sequenz wie beim Einzelstart, danach automatisch weiter.
      runRocketLaunchSequence(sat, reliability, rocket, onSuccess, onFail, launchNext);
    } else {
      runFastLaunchStep(sat, reliability, rocket, onSuccess, onFail, launchNext, `Start ${stepNum} von ${total}: ${sat.name}`);
    }
  }
  launchNext();
}

// Schnell-Variante ohne Video für Start 2+ im Massenstart: kurzer 3-2-1-Countdown, dann sofort
// Ergebnis + weiter zum nächsten. Bucht Erfolg/Fehlschlag identisch zu finish() in
// runRocketLaunchSequence (Hangar-Entfernung, Statistik, Reputation), nur ohne die Video-/
// Canvas-Anzeige, damit 100 Starts nicht 100× die volle Sequenz durchlaufen müssen.
function runFastLaunchStep(sat, reliability, rocket, onSuccess, onFail, onDone, stepLabel){
  const body = document.getElementById('launchModalBody');
  body.innerHTML = `
    <div class="small-muted" style="margin-bottom:10px; text-align:center;">${stepLabel}</div>
    <div id="fastLaunchCountdown" style="text-align:center; font-size:40px; font-weight:800; letter-spacing:2px; margin:24px 0;">3</div>
    <div class="launch-result" id="launchResultText"></div>
  `;
  const cdEl = document.getElementById('fastLaunchCountdown');
  let n = 3;
  const timer = setInterval(()=>{
    n -= 1;
    if(n > 0){
      cdEl.textContent = String(n);
      Sound.click();
    } else {
      clearInterval(timer);
      cdEl.textContent = '🚀';
      setTimeout(resolve, 280);
    }
  }, 260);
  function resolve(){
    const success = Math.random() < reliability;
    state.stats.launchesTotal += 1;
    if(success) state.stats.launchesSuccess += 1; else state.stats.launchesFailed += 1;
    state.hangar = state.hangar.filter(s=>s.id!==sat.id);
    const resultEl = document.getElementById('launchResultText');
    if(success){
      Sound.launchSuccess();
      if(resultEl) resultEl.innerHTML = onSuccess(sat, rocket);
      state.reputation = Math.min(100, state.reputation + 1);
    } else {
      Sound.launchFail();
      if(resultEl) resultEl.innerHTML = onFail(sat, rocket);
      state.reputation = Math.max(0, state.reputation - 3);
    }
    setTimeout(()=>{ if(onDone) onDone(); }, 380);
  }
}

/* ---- Gemeinsame Start-Sequenz (Video/Canvas) — läuft jetzt für JEDEN Raketenstart, egal ob
   Orbit- oder Sonnensystem/Deep-Space-Ziel. Ergebnis-Logik (was ins Spiel eingetragen wird und
   welcher Text erscheint) kommt per onSuccess/onFail-Callback vom jeweiligen Aufrufer — die
   Sequenz selbst weiß nichts über Orbits oder Zielkörper. Orbitalwerft-Montagen laufen NICHT
   durch diese Sequenz — Werft-Lieferflüge nutzen dieselbe Sequenz aber über runWerftFlight(),
   siehe dort. NEU (TODO-MASSENSTART): optionaler 5. Parameter onDone wird nach finish() aufgerufen
   — damit kann ein Massenstart automatisch mit dem nächsten Satelliten weitermachen, ohne dass der
   Spieler das Modal manuell schließen muss. ---- */
function runRocketLaunchSequence(sat, reliability, rocket, onSuccess, onFail, onDone){
  const modal = document.getElementById('launchModal');
  const body = document.getElementById('launchModalBody');
  modal.classList.add('active');
  const success = Math.random() < reliability;
  state.stats.launchesTotal += 1;
  if(success) state.stats.launchesSuccess += 1; else state.stats.launchesFailed += 1;
  Music.duck(0.05, 700); // Hintergrundmusik sanft runterdrosseln während der Start-Sequenz

  // Bei Erfolg: komplettes Startvideo (art/video/launch.mp4) mit Ton, statt Canvas-Animation.
  // Läuft von Anfang bis Ende durch (kein Zuschnitt) — Ergebnis erscheint erst nach 'ended'.
  // Kein Sound.launchRumble() hier, da das Video seinen eigenen echten Ton mitbringt.
  if(success){
    body.innerHTML = `<div style="position:relative;"><video id="launchVideo" src="art/video/launch.mp4" playsinline autoplay></video><button class="btn small ghost" id="skipLaunchVideo" style="position:absolute; top:8px; right:8px; z-index:2;">⏭ Überspringen</button></div><div class="launch-result" id="launchResultText"></div>`;
    const video = document.getElementById('launchVideo');
    const skipBtn = document.getElementById('skipLaunchVideo');
    video.muted = videoSoundMuted;
    video.volume = videoVolume;
    let doneVideo = false;
    function finishVideo(){
      if(doneVideo) return;
      doneVideo = true;
      video.pause();
      skipBtn.remove();
      finish();
    }
    skipBtn.addEventListener('click', finishVideo);
    video.addEventListener('loadedmetadata', ()=>{
      video.play().catch(()=>{
        // Autoplay mit Ton blockiert -> stumm nochmal versuchen, damit die Sequenz nicht hängen bleibt
        video.muted = true;
        video.play().catch(()=>{});
      });
    });
    video.addEventListener('ended', finishVideo);
    video.addEventListener('error', ()=>{
      // Video fehlt/lädt nicht -> alte Canvas-Animation als Fallback
      if(doneVideo) return;
      doneVideo = true;
      runCanvasSequence();
    });
  } else {
    // Fehlschlag: kurz das echte Video zeigen (Zündung/Liftoff-Beginn), dann harter Cut
    // zur Explosion (kein Kaputt-Footage vorhanden) inkl. Explosions-Sound.
    body.innerHTML = `<video id="launchVideo" src="art/video/launch.mp4" playsinline autoplay></video><div class="launch-result" id="launchResultText"></div>`;
    const video = document.getElementById('launchVideo');
    video.muted = videoSoundMuted;
    video.volume = videoVolume;
    const FAIL_CLIP_START = 25;
    const FAIL_CLIP_END = 32;
    let cutDone = false;
    function cutToExplosion(){
      if(cutDone) return;
      cutDone = true;
      video.pause();
      Sound.launchFail();
      runExplosionOnly();
    }
    video.addEventListener('loadedmetadata', ()=>{
      try{ video.currentTime = FAIL_CLIP_START; }catch(e){}
      video.play().catch(()=>{
        video.muted = true;
        video.play().catch(()=>{});
      });
    });
    video.addEventListener('timeupdate', ()=>{
      if(video.currentTime >= FAIL_CLIP_END) cutToExplosion();
    });
    video.addEventListener('error', ()=>{
      // Video fehlt/lädt nicht -> komplett alte Canvas-Sequenz (Aufstieg + Explosion) als Fallback
      if(cutDone) return;
      cutDone = true;
      runCanvasSequence();
    });
  }

  function runExplosionOnly(){
    body.innerHTML = `<canvas id="launchCanvas" width="640" height="320"></canvas><div class="launch-result" id="launchResultText"></div>`;
    const canvas = document.getElementById('launchCanvas');
    const ctx = canvas.getContext('2d');
    const W = canvas.width, H = canvas.height;
    const cx = W*0.5, cy = H*0.5;
    const duration = 900;
    const start = performance.now();
    function frame(now){
      const t = Math.min(1, (now-start)/duration);
      ctx.clearRect(0,0,W,H);
      ctx.fillStyle = '#0b1f14';
      ctx.fillRect(0, H-40, W, 40);
      ctx.globalAlpha = Math.max(0, 1-t);
      const grd = ctx.createRadialGradient(cx,cy,2,cx,cy,90*t+5);
      grd.addColorStop(0,'#fff3d0'); grd.addColorStop(0.4,'#ff8a2b'); grd.addColorStop(1,'rgba(255,60,20,0)');
      ctx.fillStyle = grd;
      ctx.beginPath(); ctx.arc(cx,cy,90*t+5,0,7); ctx.fill();
      ctx.globalAlpha = 1;
      if(t < 1){ requestAnimationFrame(frame); } else { finish(); }
    }
    requestAnimationFrame(frame);
  }

  function runCanvasSequence(){
  Sound.launchRumble();
  body.innerHTML = `<canvas id="launchCanvas" width="640" height="320"></canvas><div class="launch-result" id="launchResultText"></div>`;
  const canvas = document.getElementById('launchCanvas');
  const ctx = canvas.getContext('2d');
  const duration = 2200;
  const start = performance.now();
  const stars = Array.from({length:60},()=>({x:Math.random(),y:Math.random(),r:Math.random()*1.4}));
  const smoke = [];
  let explosionSoundPlayed = false;

  function frame(now){
    const t = Math.min(1, (now-start)/duration);
    const W = canvas.width, H = canvas.height;
    ctx.clearRect(0,0,W,H);
    // sky gradient already via CSS bg; draw stars
    ctx.fillStyle='rgba(255,255,255,.5)';
    stars.forEach(s=>ctx.fillRect(s.x*W, s.y*H*0.6, s.r, s.r));
    // ground
    ctx.fillStyle = '#0b1f14';
    ctx.fillRect(0, H-40, W, 40);
    ctx.strokeStyle = '#1e3a2a';
    ctx.beginPath(); ctx.moveTo(0,H-40); ctx.lineTo(W,H-40); ctx.stroke();

    // rocket rises: t=0 at pad, t=1 near top (or explodes if fail around t=0.55)
    let failT = 0.55;
    let rocketY, exploded = false;
    if(!success && t >= failT){
      exploded = true;
      rocketY = H-60 - (failT*0.85)*(H-140);
      if(!explosionSoundPlayed){ explosionSoundPlayed = true; Sound.launchFail(); }
    } else {
      rocketY = H-60 - t*0.85*(H-140);
    }
    const rocketX = W*0.5;

    // flame / smoke particles
    if(!exploded && (success || t < failT)){
      for(let i=0;i<2;i++){
        smoke.push({x:rocketX+(Math.random()-0.5)*10, y:rocketY+26, vx:(Math.random()-0.5)*0.6, vy:1.6+Math.random()*1.2, life:1, r:4+Math.random()*4});
      }
    }
    smoke.forEach(p=>{ p.x+=p.vx; p.y+=p.vy; p.life-=0.018; });
    for(let i=smoke.length-1;i>=0;i--) if(smoke[i].life<=0) smoke.splice(i,1);
    smoke.forEach(p=>{
      ctx.globalAlpha = Math.max(0,p.life)*0.5;
      ctx.fillStyle = exploded ? '#ff6a2b' : '#b3b3b3';
      ctx.beginPath(); ctx.arc(p.x,p.y,p.r,0,7); ctx.fill();
    });
    ctx.globalAlpha = 1;

    if(exploded){
      // explosion burst
      const prog = Math.min(1,(t-failT)/(1-failT));
      ctx.globalAlpha = Math.max(0,1-prog);
      const grd = ctx.createRadialGradient(rocketX,rocketY,2,rocketX,rocketY,60*prog+5);
      grd.addColorStop(0,'#fff3d0'); grd.addColorStop(0.4,'#ff8a2b'); grd.addColorStop(1,'rgba(255,60,20,0)');
      ctx.fillStyle = grd;
      ctx.beginPath(); ctx.arc(rocketX,rocketY,60*prog+5,0,7); ctx.fill();
      ctx.globalAlpha = 1;
    } else {
      // rocket body
      ctx.save();
      ctx.translate(rocketX, rocketY);
      const rs = 1 + (rocket.tier-1)*0.28; // scale by rocket tier
      ctx.scale(rs, rs);
      ctx.fillStyle = '#e8e8e8';
      ctx.beginPath();
      ctx.moveTo(0,-22); ctx.lineTo(7,-8); ctx.lineTo(7,14); ctx.lineTo(-7,14); ctx.lineTo(-7,-8);
      ctx.closePath(); ctx.fill();
      ctx.fillStyle = '#ff6a2b';
      ctx.beginPath(); ctx.moveTo(0,-22); ctx.lineTo(4,-10); ctx.lineTo(-4,-10); ctx.closePath(); ctx.fill();
      ctx.fillStyle='#131313';
      ctx.beginPath(); ctx.moveTo(-7,14); ctx.lineTo(-14,24); ctx.lineTo(-7,6); ctx.closePath(); ctx.fill();
      ctx.beginPath(); ctx.moveTo(7,14); ctx.lineTo(14,24); ctx.lineTo(7,6); ctx.closePath(); ctx.fill();
      // flame
      if(success || t<failT){
        const flameLen = 14 + Math.random()*10;
        ctx.fillStyle = 'rgba(255,150,50,.85)';
        ctx.beginPath(); ctx.moveTo(-5,14); ctx.lineTo(5,14); ctx.lineTo(0,14+flameLen); ctx.closePath(); ctx.fill();
      }
      ctx.restore();
    }

    if(t < 1){
      requestAnimationFrame(frame);
    } else {
      finish();
    }
  }
  requestAnimationFrame(frame);
  } // Ende runCanvasSequence()

  function finish(){
    Music.unduck(700); // Hintergrundmusik wieder auf den vorherigen Pegel hochziehen
    const resultEl = document.getElementById('launchResultText');
    // remove from hangar
    state.hangar = state.hangar.filter(s=>s.id!==sat.id);
    if(success){
      Sound.launchSuccess();
      resultEl.innerHTML = onSuccess(sat, rocket);
      state.reputation = Math.min(100, state.reputation + 1);
    } else {
      // Sound.launchFail() wird bereits synchron zum Explosions-Bild ausgelöst
      // (cutToExplosion() bzw. im Canvas-Fallback beim Zünden der Explosion) — hier NICHT nochmal.
      resultEl.innerHTML = onFail(sat, rocket);
      state.reputation = Math.max(0, state.reputation - 3);
    }
    if(onDone){
      // NEU (TODO-MASSENSTART): Teil einer Batch-Sequenz — sofort mit dem nächsten Satelliten
      // weitermachen, kein renderAll()/Modal-Warten nötig (macht runBatchLaunch() am Ende selbst).
      setTimeout(onDone, 380);
    } else {
      setTimeout(()=>{ renderAll(); }, 50);
    }
  }
}

/* ============================== CONTRACTS ============================== */
// Bandbreite aus Antennen-Modulen erhöht die Tageseinnahme bei Kommunikations-
// Aufträgen — pro 100 Bandbreite +50% Bonus (z.B. Antenne III mit 70 Bandbreite: +35%).
function contractDailyIncome(contract, derived){
  let income = contract.rewardPerTick;
  if(contract.type === 'kommunikation' && derived.bandwidth){
    income = Math.round(income * (1 + derived.bandwidth/200));
  }
  // NEU (TODO-ZUFALLSEREIGNISSE): aktiver Markt-Effekt (Boom/Einbruch, siehe EVENTS) wirkt
  // multiplikativ auf JEDES laufende Vertrags-Tageseinkommen, nicht nur auf neu erzeugte Aufträge.
  if(state.marketEvent) income = Math.round(income * state.marketEvent.mult);
  return income;
}
// NEU (TODO-FORSCHUNGSPUNKTE, Nutzer-Wunsch: "bekomme bei forschungs aufträgen forschungs punkte
// und geld"): nur type:'forschung' liefert überhaupt Punkte -- die anderen Auftragstypen bleiben
// unverändert reine Geldquellen. Skaliert mit rewardPerTick, also indirekt mit Orbit/Auftraggeber-
// Vertrauen wie das Geld auch, aber bewusst OHNE getDifficulty().incomeMult (siehe
// researchSciencePointsFor() -- Punkte sind Fortschritt, kein Geldwert).
// NEU (TODO-FORSCHUNGSPUNKTE, Nutzer-Feedback s.o.): 1:1 an den bestehenden Geld-Ertrag gekoppelt
// (contract.rewardPerTick), statt einer eigenen, viel zu großzügigen sqrt-Formel -- dieselbe
// Größenordnung wie researchSciencePointsFor() oben, damit beide Seiten zueinander passen. Bewusst
// contract.rewardPerTick (roh) statt contractDailyIncome() (das würde zusätzlich einen aktiven
// Marktboom/-einbruch einrechnen) -- Forschungspunkte sollen nicht mit dem Geldmarkt schwanken.
function contractSciencePointsPerDay(contract){
  if(contract.type !== 'forschung') return 0;
  return contract.rewardPerTick;
}
// NEU (TODO-FORSCHUNGSPUNKTE, Nutzer-Wunsch: "bei später sonden program und pionir bekomme ich
// die forschungs punkte über das forschen an fliegen auch wen man es heufiger macht"): Sonden-
// missionen liefern ab jetzt zusätzlich zum bisherigen Geld-Ertrag (d.scienceReward) Forschungs-
// punkte -- 1:1 an den Geld-Ertrag gekoppelt (Nutzer-Feedback s.o.), statt der alten sqrt-Formel.
// Wiederholte Flüge zum selben Ziel geben weiterhin Punkte (ausdrücklicher Nutzer-Wunsch: "auch
// wen man es heufiger macht"), nur reduziert -- anders als beim Geld-Ertrag (der bei wiederholten
// Flügen unverändert voll ausgezahlt wird) keine komplette Kappung.
// NEU (TODO-FORSCHUNGSPUNKTE-REBALANCE-2, Nutzer-Feedback: "eventuel halbiren des ertrages habe
// eine mission zum mars geschikt und 14400forschungs punkte bekommen" -- 14.400 = 36.000
// (scienceReward Mars) * 0.4-Wiederholungsmalus, also fast die Hälfte der Punktekosten einer
// ganzen Forschung aus EINEM einzelnen Flug): Missions-Ertrag zusätzlich pauschal halbiert, damit
// eine einzelne Mission nicht mehr im Alleingang eine komplette Forschung querfinanziert.
function missionSciencePointsFor(d, firstTime){
  const base = firstTime ? d.scienceReward : Math.round(d.scienceReward*0.4);
  return Math.round(base*0.5);
}
function generateContract(opts){
  opts = opts || {};
  const type = pickWeighted(TYPE_WEIGHTS);
  const orbitKey = pickWeighted(ORBIT_WEIGHTS);
  const orbit = ORBITS[orbitKey];
  const baseVal = 300 + Math.random()*400;
  // NEU (TODO-AUFTRAGSSYSTEM): Auftraggeber zufällig gewählt (außer bei Kettenaufträgen, die
  // explizit denselben Auftraggeber wie der abgeschlossene Auftrag bekommen, siehe tick()).
  // Der aktuelle Vertrauens-Tier bei diesem Auftraggeber (clientTierFor()) wird direkt in den
  // Belohnungswert eingepreist — bereits laufende Aufträge ändern sich dadurch NICHT rückwirkend,
  // nur neu erzeugte Angebote profitieren vom gewachsenen Vertrauen.
  const clientId = opts.clientId || CONTRACT_CLIENT_KEYS[Math.floor(Math.random()*CONTRACT_CLIENT_KEYS.length)];
  const tier = clientTierFor(clientRepOf(clientId));
  // NEU (TODO-ZUFALLSEREIGNISSE): Sonderaufträge (EVENTS.specialContract) nutzen denselben Weg,
  // multiplizieren aber zusätzlich mit einem eigenen Aufschlag statt fest 1.8 wie zuvor separat.
  const specialMult = opts.specialMult || 1;
  const chainMult = opts.isChain ? 1.15 : 1;
  // NEU (TODO-SCHWIERIGKEITSGRAD): Einkommens-Multiplikator der gewählten Schwierigkeit wirkt hier
  // direkt beim Erzeugen des Auftrags — die gespeicherten reward-Werte sind damit die tatsächlich
  // ausgezahlten, keine Anzeige-Diskrepanz zu anderen Stellen im UI.
  const rewardPerTick = Math.round(baseVal * orbit.incomeMult * getDifficulty().incomeMult * tier.mult * specialMult * chainMult);
  const rewardUpfront = Math.round(rewardPerTick * (4 + Math.random()*4));
  const duration = 8 + Math.floor(Math.random()*10);
  const contract = {
    id: state.nextContractId++, type, orbit: orbitKey, client: clientId,
    rewardUpfront, rewardPerTick, duration, remaining: duration,
    status: 'offen', satId: null,
  };
  if(opts.isSpecial){ contract.isSpecial = true; contract.expiresDay = state.day + opts.acceptWindow; }
  if(opts.isChain) contract.isChain = true;
  state.contracts.push(contract);
  return contract;
}

function declineContract(contractId){
  const idx = state.contracts.findIndex(c=>c.id===contractId);
  if(idx<0 || state.contracts[idx].status !== 'offen') return;
  const declined = state.contracts[idx];
  // NEU (TODO-AUFTRAGSSYSTEM): Ablehnen kostet etwas Vertrauen beim jeweiligen Auftraggeber —
  // symmetrisch zum Vertrauensgewinn bei Abschluss weiter unten in tick().
  if(declined.client){
    state.clientRep[declined.client] = Math.max(0, clientRepOf(declined.client) - 5);
  }
  state.contracts.splice(idx,1);
  generateContract();
  Sound.click();
  toast('Auftrag abgelehnt — neuer Auftrag ist eingetroffen.', '');
  renderAll();
}

function assignContract(contractId, satId){
  const c = state.contracts.find(c=>c.id===contractId);
  const s = state.orbitSats.find(s=>s.id===Number(satId));
  if(!c || !s){ return; }
  if(!isSatFreeForAssignment(s)){ toast('Satellit bereits anderweitig zugewiesen.', 'bad'); Sound.error(); return; }
  c.status = 'aktiv'; c.satId = s.id; s.assignedContract = c.id;
  state.money += c.rewardUpfront;
  Sound.contractDone();
  toast(`Auftrag angenommen: ${fmtMoney(c.rewardUpfront)} Vorschuss erhalten.`, 'good');
  renderAll();
}

// NEU (v4-14): ein Satellit darf immer nur EINER Einkommensquelle gleichzeitig zugewiesen sein —
// Schnellauftrag, Langzeitauftrag oder eigenes Netzwerk schließen sich gegenseitig aus. Zentrale
// Prüfung statt drei separater Ad-hoc-Checks an jeder Zuweisungsstelle.
function isSatFreeForAssignment(s){
  if(s.assignedContract) return false;
  if(s.assignedLongContract) return false;
  if(state.ownNetworks.some(n=>n.satIds.includes(s.id))) return false;
  return true;
}

/* ============================== LANGZEITAUFTRÄGE (v4-14) ============================== */
// Firmen bestellen eine feste Stückzahl Satelliten mit bestimmter Nutzlast/Orbit/Mindestgröße,
// dauerhaft im Orbit — komplett getrennt von state.contracts (eigene Liste, eigener Tab
// "Langzeit"). Ablauf: generateLongContract() erzeugt ein Angebot (status:'angebot'), Annahme
// (acceptLongContract()) zahlt sofort einen Signing-Bonus und schaltet auf 'aktiv', danach werden
// nach und nach passende freie Satelliten zugewiesen (assignSatToLongContract()) — jeder besetzte
// Slot bringt tägliches Einkommen (longContractDailyIncome(), ausgezahlt in tick()), beim
// erstmaligen Erreichen der vollen Stückzahl gibt es einmalig bonusOnFull obendrauf. Nach Ablauf
// der Laufzeit (daysLeft in tick()) endet der Auftrag automatisch, zugewiesene Satelliten werden
// wieder frei.
function generateLongContract(opts){
  opts = opts || {};
  const clientId = opts.clientId || CONTRACT_CLIENT_KEYS[Math.floor(Math.random()*CONTRACT_CLIENT_KEYS.length)];
  const type = pickWeighted(TYPE_WEIGHTS);
  const orbitKey = pickWeighted(ORBIT_WEIGHTS);
  const orbit = ORBITS[orbitKey];
  const sizeRoll = Math.random();
  const minChassis = sizeRoll < 0.55 ? 'klein' : sizeRoll < 0.85 ? 'mittel' : 'gross';
  const sizeMult = { klein:1, mittel:1.6, gross:2.4 }[minChassis];
  const targetCount = 3 + Math.floor(Math.random()*6); // 3..8 Satelliten
  const tier = clientTierFor(clientRepOf(clientId));
  const baseDaily = (35 + Math.random()*30) * orbit.incomeMult * sizeMult;
  const rewardPerSatPerDay = Math.round(baseDaily * getDifficulty().incomeMult * tier.mult);
  const rewardSignup = Math.round(rewardPerSatPerDay * targetCount * (3 + Math.random()*2));
  const bonusOnFull = Math.round(rewardPerSatPerDay * targetCount * (6 + Math.random()*4));
  const duration = 25 + Math.floor(Math.random()*25);
  const contract = {
    id: state.nextLongContractId++, client: clientId, type, orbit: orbitKey, minChassis,
    targetCount, rewardSignup, rewardPerSatPerDay, bonusOnFull,
    duration, daysLeft: duration, status:'angebot', assignedSatIds:[], fullyMetOnce:false,
  };
  state.longContracts.push(contract);
  return contract;
}

function acceptLongContract(contractId){
  const c = state.longContracts.find(c=>c.id===contractId);
  if(!c || c.status!=='angebot') return;
  c.status = 'aktiv';
  state.money += c.rewardSignup;
  Sound.contractDone();
  toast(`Langzeitauftrag angenommen: ${fmtMoney(c.rewardSignup)} Signing-Bonus erhalten — jetzt passende Satelliten zuweisen.`, 'good');
  renderAll();
}

function declineLongContract(contractId){
  const idx = state.longContracts.findIndex(c=>c.id===contractId);
  if(idx<0 || state.longContracts[idx].status!=='angebot') return;
  const declined = state.longContracts[idx];
  if(declined.client){
    state.clientRep[declined.client] = Math.max(0, clientRepOf(declined.client) - 3);
  }
  state.longContracts.splice(idx,1);
  Sound.click();
  toast('Langzeitauftrag abgelehnt.', '');
  renderAll();
}

function assignSatToLongContract(contractId, satId){
  const c = state.longContracts.find(c=>c.id===contractId);
  const s = state.orbitSats.find(s=>s.id===Number(satId));
  if(!c || !s || c.status!=='aktiv') return;
  if(!isSatFreeForAssignment(s)){ toast('Satellit ist bereits anderweitig zugewiesen.', 'bad'); Sound.error(); return; }
  if(c.assignedSatIds.length >= c.targetCount){ toast('Kontingent bereits voll besetzt.', 'bad'); Sound.error(); return; }
  if(c.orbit && s.orbit !== c.orbit){ toast('Falscher Orbit für diesen Auftrag.', 'bad'); Sound.error(); return; }
  const d = computeSatDerived(s.chassisId, s.mods);
  if(c.type && !d.payloadTypes.includes(c.type)){ toast('Satellit trägt nicht die geforderte Nutzlast.', 'bad'); Sound.error(); return; }
  if(c.minChassis && !meetsMinChassis(s.chassisId, c.minChassis)){ toast('Chassis zu klein für diesen Auftrag.', 'bad'); Sound.error(); return; }
  c.assignedSatIds.push(s.id);
  s.assignedLongContract = c.id;
  Sound.click();
  toast(`${s.name} dem Langzeitauftrag zugewiesen.`, 'good');
  renderAll();
}

function unassignSatFromLongContract(contractId, satId){
  const c = state.longContracts.find(c=>c.id===contractId);
  const s = state.orbitSats.find(s=>s.id===satId);
  if(!c) return;
  c.assignedSatIds = c.assignedSatIds.filter(id=>id!==satId);
  if(s) s.assignedLongContract = null;
  Sound.click();
  renderAll();
}

// NEU (TODO-SAT-LISTE-KOMPAKT): weist auf einen Schlag alle aktuell passenden freien Satelliten
// zu (bis das Kontingent voll ist), statt einzeln per Dropdown — spart Klicks, wenn z.B. 90 freie
// NAV-Satelliten auf einen Langzeitauftrag mit 8 offenen Plätzen warten.
function assignAllToLongContract(contractId){
  const c = state.longContracts.find(c=>c.id===contractId);
  if(!c || c.status!=='aktiv') return;
  const remaining = c.targetCount - c.assignedSatIds.length;
  if(remaining<=0) return;
  const candidates = state.orbitSats.filter(s=>{
    if(!isSatFreeForAssignment(s)) return false;
    if(c.orbit && s.orbit !== c.orbit) return false;
    if(c.minChassis && !meetsMinChassis(s.chassisId, c.minChassis)) return false;
    if(c.type){
      const d = computeSatDerived(s.chassisId, s.mods);
      if(!d.payloadTypes.includes(c.type)) return false;
    }
    return true;
  }).slice(0, remaining);
  if(candidates.length===0){ toast('Kein passender freier Satellit verfügbar.', 'bad'); Sound.error(); return; }
  candidates.forEach(s=>{ c.assignedSatIds.push(s.id); s.assignedLongContract = c.id; });
  Sound.buildOk();
  toast(`${candidates.length} Satellit(en) dem Langzeitauftrag zugewiesen.`, 'good');
  renderAll();
}

// Tägliches Einkommen eines aktiven Langzeitauftrags: nur GESUNDE zugewiesene Satelliten zählen
// (zerstörte werden in tick() sowieso sofort aus assignedSatIds entfernt, dieser Health-Check ist
// eine zusätzliche Absicherung für den Fall, dass die Reihenfolge der tick()-Schritte mal anders
// läuft). Ab voller Quote gibt's +20% auf das laufende Tageseinkommen, nicht nur den Einmalbonus.
function longContractDailyIncome(c){
  const filled = c.assignedSatIds.filter(id=>{
    const s = state.orbitSats.find(s=>s.id===id);
    return s && s.health > 0;
  }).length;
  let income = filled * c.rewardPerSatPerDay;
  if(c.targetCount > 0 && filled >= c.targetCount) income = Math.round(income * 1.2);
  return income;
}

/* ============================== EIGENE UNTERFIRMEN / NETZWERKE (v4-14, erweitert v4-31) ======
   Passives Lizenzeinkommen nach Vorbild GPS/Starlink — unlocked über Forschung 'eigenesNetzwerk',
   scharf geschaltet erst nach Zahlung der Startgebühr (startOwnNetworkProject()). Seit v4-31 kein
   Einzelobjekt mehr, sondern bis zu 4 unabhängige Unterfirmen (state.ownNetworks[]) — jede mit
   eigenem Typ, eigenem Satelliten-Pool und eigenem Lifetime-Einkommen, automatisch benannt (siehe
   generateSubsidiaryName()). Danach werden pro Unterfirma eigene Satelliten mit passender Nutzlast
   zugewiesen; Einkommen läuft dauerhaft in tick(), auch nach declineLongContract-artigen Vorgängen
   unverändert weiter — es gibt keine Laufzeit. ============================================== */
function startOwnNetworkProject(type){
  if(!hasResearch('eigenesNetzwerk') || !NETWORK_TYPES[type]) return;
  if(state.ownNetworks.length >= getMaxNetworkSlots()){ toast('Keine weitere Unterfirma verfügbar — dafür ist eine weitere Netzwerk-Expansion-Forschung nötig.', 'bad'); Sound.error(); return; }
  const cost = ownNetworkStartCost();
  if(state.money < cost){ toast('Nicht genug Guthaben für den Netzwerk-Start.', 'bad'); Sound.error(); return; }
  state.money -= cost;
  const sub = { id: state.nextNetworkSubId++, name: generateSubsidiaryName(type), type, satIds:[], totalEarned:0, startCost: cost };
  state.ownNetworks.push(sub);
  Sound.buildOk();
  toast(`${NETWORK_TYPES[type].icon} ${sub.name} gegründet (${NETWORK_TYPES[type].label}) — weise jetzt eigene Satelliten zu.`, 'good');
  renderAll();
}

function assignSatToNetwork(satId, subId){
  const sub = state.ownNetworks.find(n=>n.id===Number(subId));
  const s = state.orbitSats.find(s=>s.id===Number(satId));
  if(!s || !sub) return;
  if(!isSatFreeForAssignment(s)){ toast('Satellit ist bereits anderweitig zugewiesen.', 'bad'); Sound.error(); return; }
  const nt = NETWORK_TYPES[sub.type];
  const d = computeSatDerived(s.chassisId, s.mods);
  if(!d.payloadTypes.includes(nt.payloadType)){ toast('Satellit trägt nicht die passende Nutzlast.', 'bad'); Sound.error(); return; }
  sub.satIds.push(s.id);
  Sound.click();
  toast(`${s.name} ${sub.name} zugewiesen.`, 'good');
  renderAll();
}

// Satelliten sind höchstens EINER Unterfirma zugewiesen — die zugehörige Unterfirma wird darum
// automatisch anhand der satId gefunden, ein subId-Parameter ist am Aufrufort nicht nötig.
function unassignSatFromNetwork(satId){
  const sub = state.ownNetworks.find(n=>n.satIds.includes(Number(satId)));
  if(!sub) return;
  sub.satIds = sub.satIds.filter(id=>id!==Number(satId));
  Sound.click();
  renderAll();
}

// NEU (TODO-SAT-LISTE-KOMPAKT): holt in einem Rutsch ALLE aktuell freien Satelliten mit passender
// Nutzlast in EINE bestimmte Unterfirma — genau der "Button der alle Nav-Satelliten reinholt", den
// man bei großen Konstellationen (50-100+ Satelliten) statt Einzelzuweisung per Dropdown will.
function assignAllToNetwork(subId){
  const sub = state.ownNetworks.find(n=>n.id===Number(subId));
  if(!sub) return;
  const nt = NETWORK_TYPES[sub.type];
  if(!nt) return;
  const candidates = state.orbitSats.filter(s=>{
    if(!isSatFreeForAssignment(s)) return false;
    const d = computeSatDerived(s.chassisId, s.mods);
    return d.payloadTypes.includes(nt.payloadType);
  });
  if(candidates.length===0){ toast('Kein passender freier Satellit verfügbar.', 'bad'); Sound.error(); return; }
  candidates.forEach(s=>{ sub.satIds.push(s.id); });
  Sound.buildOk();
  toast(`${candidates.length} Satellit(en) ${sub.name} zugewiesen.`, 'good');
  renderAll();
}

// NEU (v4-32, TODO-NETZWERK-UNTERFIRMEN, auf Nutzerwunsch: "Button falls man sich verdrückt hat"):
// löst eine Unterfirma vollständig auf. Zugewiesene Satelliten werden automatisch wieder frei
// (sie hängen nur über state.ownNetworks[].satIds an der Unterfirma, nach dem Entfernen des
// Eintrags greift isSatFreeForAssignment() also sofort wieder). Volle Rückerstattung der
// Startgebühr NUR wenn noch nichts investiert/verdient wurde (keine Satelliten zugewiesen, keine
// Lifetime-Einnahmen) — genau der Fall eines Fehlklicks direkt nach der Gründung. Wurde bereits
// mindestens ein Satellit zugewiesen oder schon Einkommen erzielt, gibt es keine Rückerstattung
// mehr (sonst ließe sich das System als kostenloser Testlauf missbrauchen).
function closeSubsidiary(subId){
  const sub = state.ownNetworks.find(n=>n.id===Number(subId));
  if(!sub) return;
  const canFullyRefund = sub.satIds.length===0 && sub.totalEarned===0;
  showConfirmModal(
    'Unterfirma schließen',
    canFullyRefund
      ? `${sub.name} wirklich schließen? Da noch keine Satelliten zugewiesen und keine Einnahmen erzielt wurden, wird die Startgebühr (${fmtMoney(sub.startCost||0)}) vollständig zurückerstattet.`
      : `${sub.name} wirklich schließen? Zugewiesene Satelliten werden wieder frei und können anderweitig genutzt werden — die ursprüngliche Startgebühr wird NICHT erstattet, da bereits Satelliten zugewiesen bzw. Einnahmen erzielt wurden.`,
    'Unterfirma schließen',
    ()=>{
      if(canFullyRefund) state.money += (sub.startCost||0);
      state.ownNetworks = state.ownNetworks.filter(n=>n.id!==sub.id);
      networkTagsExpanded.delete(sub.id);
      Sound.warn();
      toast(`${sub.name} geschlossen.${canFullyRefund ? ` +${fmtMoney(sub.startCost||0)} zurückerstattet.` : ''}`, '');
      renderAll();
    }
  );
}


// Tägliche Lizenzgebühren EINER Unterfirma (v4-14, seit v4-31 pro Unterfirma statt global): nur
// GESUNDE zugewiesene Satelliten zählen (zerstörte werden in tick() ohnehin sofort aus satIds
// entfernt, siehe destroyed-Block). Netzwerkeffekt: der Betrag PRO Satellit wächst mit der
// Netzwerkgröße (gedeckelt bei 40 Sats, dort +75% ggü. einem einzelnen Satelliten) — ein größeres
// Konstellationsnetz ist für Kunden wertvoller. Abdeckungs-Bonus: +15% je zusätzlichem gleichzeitig
// GENUTZTEN Orbit-Typ (LEO/MEO/GEO) unter den zugewiesenen, gesunden Satelliten dieser Unterfirma.
function networkDailyIncome(sub){
  if(!sub) return 0;
  const nt = NETWORK_TYPES[sub.type];
  if(!nt) return 0;
  const healthySats = sub.satIds
    .map(id=>state.orbitSats.find(s=>s.id===id))
    .filter(s=>s && s.health>0);
  const n = healthySats.length;
  if(n===0) return 0;
  const cappedN = Math.min(n, 40);
  const sizeMult = 1 + (cappedN/40) * 0.75;
  const orbitsUsed = new Set(healthySats.map(s=>s.orbit)).size;
  const coverageMult = 1 + Math.max(0, orbitsUsed - 1) * 0.15;
  const income = n * nt.baseIncomePerSat * sizeMult * coverageMult * getDifficulty().incomeMult;
  return Math.round(income);
}
// NEU (TODO-UNTERHALTSKOSTEN): Lizenz-/Verwaltungsgebühr pro aktiver Unterfirma — Grundgebühr
// (eigenständiger Geschäftsbetrieb mit eigener Buchhaltung/Compliance) plus ein kleiner Aufschlag
// pro zugewiesenem, funktionsfähigem Satelliten (mehr Netzabdeckung = mehr Verwaltungsaufwand).
// Kommt zusätzlich zum normalen 15/Tag-Satelliten-Unterhalt, der ja unabhängig von der Zuweisung
// für JEDEN Orbit-Satelliten anfällt (siehe upkeepTotal-Schleife in tick()).
const SUBSIDIARY_UPKEEP_BASE = 60;
const SUBSIDIARY_UPKEEP_PER_SAT = 2;
function subsidiaryUpkeep(sub){
  if(!sub) return 0;
  const healthySats = sub.satIds.map(id=>state.orbitSats.find(s=>s.id===id)).filter(s=>s && s.health>0).length;
  return Math.round((SUBSIDIARY_UPKEEP_BASE + healthySats*SUBSIDIARY_UPKEEP_PER_SAT) * getDifficulty().costMult);
}

function repairSat(satId){
  const s = state.orbitSats.find(s=>s.id===satId);
  if(!s) return;
  const dmg = 100 - s.health;
  if(dmg<=0) return;
  const cost = Math.round(dmg * 25);
  if(state.money < cost){ toast('Nicht genug Guthaben für Reparatur.', 'bad'); Sound.error(); return; }
  state.money -= cost; s.health = 100;
  Sound.buildOk();
  toast('Satellit repariert.', 'good');
  renderAll();
}

/* ============================== BESTÄTIGUNGS-MODAL (Ersatz für window.confirm) ============================== */
let confirmModalOkHandler = null;
function showConfirmModal(title, text, okLabel, onConfirm){
  document.getElementById('confirmModalTitle').textContent = title;
  document.getElementById('confirmModalText').textContent = text;
  const okBtn = document.getElementById('confirmModalOk');
  okBtn.textContent = okLabel || 'Bestätigen';
  document.getElementById('confirmModal').classList.add('active');
  if(confirmModalOkHandler) okBtn.removeEventListener('click', confirmModalOkHandler);
  confirmModalOkHandler = ()=>{
    document.getElementById('confirmModal').classList.remove('active');
    onConfirm();
  };
  okBtn.addEventListener('click', confirmModalOkHandler);
}
function closeConfirmModal(){ document.getElementById('confirmModal').classList.remove('active'); }
document.getElementById('closeConfirmModal').addEventListener('click', closeConfirmModal);
document.getElementById('confirmModalCancel').addEventListener('click', closeConfirmModal);

/* ============================== TEXT-EINGABE-MODAL (Ersatz für window.prompt) ============================== */
let promptModalOkHandler = null, promptModalKeyHandler = null;
function showPromptModal(title, label, defaultValue, okLabel, onConfirm){
  document.getElementById('promptModalTitle').textContent = title;
  document.getElementById('promptModalLabel').textContent = label;
  const input = document.getElementById('promptModalInput');
  input.value = defaultValue || '';
  const okBtn = document.getElementById('promptModalOk');
  okBtn.textContent = okLabel || 'Speichern';
  document.getElementById('promptModal').classList.add('active');
  setTimeout(()=>{ input.focus(); input.select(); }, 0);
  if(promptModalOkHandler) okBtn.removeEventListener('click', promptModalOkHandler);
  if(promptModalKeyHandler) input.removeEventListener('keydown', promptModalKeyHandler);
  const confirm = ()=>{
    document.getElementById('promptModal').classList.remove('active');
    onConfirm(input.value);
  };
  promptModalOkHandler = confirm;
  promptModalKeyHandler = (e)=>{ if(e.key==='Enter') confirm(); };
  okBtn.addEventListener('click', promptModalOkHandler);
  input.addEventListener('keydown', promptModalKeyHandler);
}
function closePromptModal(){ document.getElementById('promptModal').classList.remove('active'); }
document.getElementById('closePromptModal').addEventListener('click', closePromptModal);
document.getElementById('promptModalCancel').addEventListener('click', closePromptModal);

function decommissionSat(satId){
  const s = state.orbitSats.find(s=>s.id===satId);
  if(!s) return;
  const d = computeSatDerived(s.chassisId, s.mods);
  const buildCost = (CHASSIS[s.chassisId]?.cost||0) + (s.mods||[]).reduce((sum,mid)=>{ const m=findMod(mid); return sum + (m?m.cost:0); },0);
  const refund = Math.round(buildCost * 0.25);
  Sound.click();
  showConfirmModal(
    'Außer Dienst stellen',
    `${s.name} wirklich außer Dienst stellen? Der Satellit wird deorbitiert und ist danach unwiderruflich weg. Du erhältst ${fmtMoney(refund)} Schrottwert zurück.`,
    'Außer Dienst stellen',
    ()=>{
      if(s.assignedContract){
        const c = state.contracts.find(c=>c.id===s.assignedContract);
        if(c){ c.status='offen'; c.satId=null; c.remaining=c.duration; }
      }
      // NEU (v4-14): analog auch aus Langzeitauftrag bzw. eigenem Netzwerk austragen, sonst
      // bliebe eine tote Referenz (assignedSatIds/satIds) auf den nicht mehr existierenden Satelliten.
      if(s.assignedLongContract){
        const lc = state.longContracts.find(c=>c.id===s.assignedLongContract);
        if(lc) lc.assignedSatIds = lc.assignedSatIds.filter(id=>id!==s.id);
      }
      state.ownNetworks.forEach(sub=>{
        if(sub.satIds.includes(s.id)) sub.satIds = sub.satIds.filter(id=>id!==s.id);
      });
      state.orbitSats = state.orbitSats.filter(x=>x.id!==satId);
      state.money += refund;
      if(selectedSatId===satId) selectedSatId = null;
      Sound.warn();
      toast(`${s.name} außer Dienst gestellt — Orbit-Slot frei, +${fmtMoney(refund)} Schrottwert.`, '');
      renderAll();
    }
  );
}

function repairAllSats(){
  const damaged = state.orbitSats.filter(s=>s.health<100);
  if(damaged.length===0){ toast('Alle Satelliten sind bereits in Topzustand.', ''); return; }
  const totalCost = damaged.reduce((sum,s)=>sum+Math.round((100-s.health)*25), 0);
  if(state.money < totalCost){ toast(`Nicht genug Guthaben — Komplettreparatur würde ${fmtMoney(totalCost)} kosten.`, 'bad'); Sound.error(); return; }
  state.money -= totalCost;
  damaged.forEach(s=>{ s.health = 100; });
  Sound.buildOk();
  toast(`${damaged.length} Satellit(en) repariert für ${fmtMoney(totalCost)}.`, 'good');
  renderAll();
}

/* ============================== WARTUNGSDROHNEN ============================== */
const REPAIR_DRONE_COST = 15000;
const REPAIR_DRONE_CAPACITY = 10;   // Reparaturen, die eine Drohne über ihre Lebensdauer ausführen kann
const REPAIR_DRONE_TRIGGER_HEALTH = 2; // Drohnen greifen erst ganz kurz vor dem Ausfall ein

// NEU (Standortbindung, siehe CHANGELOG): jede Kolonie/der Erdorbit führt jetzt ihre eigene
// Drohnenflotte statt einer einzigen globalen. droneState() legt den Eintrag bei Bedarf lazy an
// (analog zum bereits bestehenden s.location-Muster bei Satelliten) — kein separates
// freshState()-Objekt pro Standort nötig, da Kolonien dynamisch entstehen.
function droneState(loc){
  if(!state.repairDronesByLoc) state.repairDronesByLoc = {};
  if(!state.repairDronesByLoc[loc]) state.repairDronesByLoc[loc] = { drones:0, charges:0 };
  return state.repairDronesByLoc[loc];
}
function droneLocLabel(loc){
  return loc==='earth' ? 'im Erdorbit' : `bei ${orbitLocationName(loc)}`;
}
// Migration für Altspielstände: die alte GLOBALE Drohnenflotte (state.repairDrones/
// repairDroneCharges, vor der Standortbindung) wandert einmalig komplett nach 'earth' — das war
// vorher ohnehin die einzige Kolonie/der einzige Standort, an dem Satelliten primär standen, also
// die naheliegendste Zuordnung. Läuft bei jedem renderAll()-Aufruf mit (idempotent, wie
// ensureColonyDefaults() daneben), räumt sich danach selbst weg.
function ensureDroneDefaults(){
  if(!state.repairDronesByLoc) state.repairDronesByLoc = {};
  if(state.repairDrones || state.repairDroneCharges){
    const earth = droneState('earth');
    earth.drones += state.repairDrones||0;
    earth.charges += state.repairDroneCharges||0;
    state.repairDrones = 0;
    state.repairDroneCharges = 0;
  }
}

// NEU (TODO-RAUMSTATION): das Wartungsmodul der Raumstation (siehe STATION_BUILDINGS) wirkt nur
// auf Wartungsdrohnen im Erdorbit (orbitViewLocation==='earth') — die Station ist dort stationiert
// und hat keinen Einfluss auf Kolonie-Drohnenflotten anderswo.
function buyRepairDrone(qty){
  const n = Math.max(1, qty||1);
  const atStation = orbitViewLocation==='earth' && !!state.station;
  const costMult = atStation ? stationRepairCostMult() : 1;
  const capacityBonus = atStation ? stationRepairCapacityBonus() : 0;
  const cost = Math.round(REPAIR_DRONE_COST * costMult) * n;
  if(state.money < cost){ toast('Nicht genug Guthaben für Wartungsdrohne(n).', 'bad'); Sound.error(); return; }
  state.money -= cost;
  const ds = droneState(orbitViewLocation);
  ds.drones += n;
  ds.charges += n * (REPAIR_DRONE_CAPACITY + capacityBonus);
  Sound.buildOk();
  toast(`${n} Wartungsdrohne(n) ${droneLocLabel(orbitViewLocation)} stationiert — noch ${ds.charges} Reparaturen verfügbar, bevor sie ausfallen.`, 'good');
  renderAll();
}

// Wird pro Spieltag aufgerufen: Drohnen reparieren automatisch die am stärksten gefährdeten
// Satelliten kurz bevor sie ausfallen. Läuft jetzt PRO STANDORT getrennt (siehe Standortbindung
// oben) — eine Drohnenflotte im Erdorbit repariert nur noch Satelliten im Erdorbit, eine
// Kolonie-Flotte nur Satelliten an genau dieser Kolonie (s.location-Filter). Die Reparatur selbst
// ist kostenlos — die Drohne wurde beim Kauf bereits vollständig ausgestattet und bezahlt. Jede
// Reparatur verbraucht eine Ladung aus dem Kontingent der jeweiligen Standort-Flotte (10 pro
// Drohne) — ist eine Drohne "verbraucht", fällt sie aus dem Bestand ihres Standorts.
// NEU (TODO-DROHNEN-TOAST-PERF, Nutzer-Feedback: "bei jeder kleinen Benachrichtigung stockt die
// Satelliten-Animation"): runAutoRepairDrones() läuft pro simuliertem Spieltag -- bei hoher
// Spielgeschwindigkeit bzw. vielen Standorten gleichzeitig konnten dadurch in kurzer Zeit sehr
// viele toast()-Aufrufe (DOM-Insert + Reflow + eigene CSS-Transition) auf dem Hauptthread anfallen,
// genau der Art, die requestAnimationFrame-Animationen (Orbit-Karte) ins Stocken bringt. Die beiden
// Wartungsdrohnen-Toasts sind daher bewusst entfernt -- Status (Drohnenanzahl, verbleibende
// Reparaturen) bleibt weiterhin live im Wartungs-Panel sichtbar (renderMaintenance()), nur die
// Popup-Benachrichtigung fällt weg.
function runAutoRepairDrones(){
  if(!state.repairDronesByLoc) return;
  Object.keys(state.repairDronesByLoc).forEach(loc=>{
    const ds = state.repairDronesByLoc[loc];
    if(!ds || ds.drones<=0 || ds.charges<=0) return;
    const candidates = state.orbitSats
      .filter(s=>(s.location||'earth')===loc && s.health<=REPAIR_DRONE_TRIGGER_HEALTH)
      .sort((a,b)=>a.health-b.health)
      .slice(0, ds.charges);
    candidates.forEach(s=>{
      if(ds.charges<=0) return;
      s.health = 100;
      ds.charges--;
    });
    const dronesRemaining = Math.ceil(ds.charges / REPAIR_DRONE_CAPACITY);
    if(dronesRemaining < ds.drones){
      ds.drones = dronesRemaining;
    }
  });
}

/* ============================== RESEARCH ============================== */
function buyResearch(id){
  const r = RESEARCH.find(r=>r.id===id);
  if(!r) return;
  if(hasResearch(id)) return;
  if(state.activeResearch){ toast('Das Forschungslabor ist belegt — erst die laufende Forschung abwarten.', 'bad'); Sound.error(); return; }
  if(r.reqAll && !r.reqAll.every(hasResearch)){ toast('Voraussetzung fehlt.', 'bad'); Sound.error(); return; }
  if(state.money < r.cost){ toast('Nicht genug Guthaben.', 'bad'); Sound.error(); return; }
  // NEU (TODO-FORSCHUNGSPUNKTE): zweite Ressource neben Geld -- siehe researchSciencePointsFor().
  const sciCost = researchSciencePointsFor(r);
  if(state.sciencePoints < sciCost){ toast(`Nicht genug Forschungspunkte (${Math.round(state.sciencePoints).toLocaleString('de-DE')}/${sciCost.toLocaleString('de-DE')}).`, 'bad'); Sound.error(); return; }
  state.money -= r.cost;
  state.stats.moneySpent += r.cost;
  state.sciencePoints -= sciCost;
  const days = researchDaysFor(r);
  state.activeResearch = { id, daysTotal: days, daysLeft: days };
  Sound.buildOk();
  toast(`Forschung gestartet: ${r.name} (${days} Tag(e))`, 'good');
  renderAll();
}

/* ============================== ZUFALLSEREIGNISSE (NEU, TODO-ZUFALLSEREIGNISSE) ==============================
   Punkt 4 der IDEENLISTE: sorgt für Abwechslung im Idle-Loop, unabhängig vom normalen
   Tagesablauf. Pro Tag eine kleine Chance auf GENAU EIN Ereignis (siehe maybeTriggerRandomEvent(),
   Aufruf am Ende von tick()) — gewichtete Auswahl aus EVENTS, wobei nur Ereignisse mit erfüllter
   condition(state) überhaupt in Frage kommen (z.B. kein Sonnensturm ohne Satelliten im Orbit).
   Jedes Ereignis liefert eine Logzeile (state.eventLog, siehe Statistiken-Tab) + Toast + Sound,
   ganz analog zu den bestehenden Meldungen in tick(). Absichtlich als eigene, kleine Registry
   gehalten (wie ACHIEVEMENTS) — neue Ereignisse lassen sich einfach unten ergänzen, ohne
   bestehende Logik anzufassen. */
const EVENT_CHANCE_PER_DAY = 0.12; // ~1 Ereignis alle ~8 Spieltage im Schnitt, sobald mind. 1 Kandidat in Frage kommt

/* ============================== SONNENZYKLUS (TODO-SONNENZYKLUS) ==============================
   Ersetzt den bisherigen "Sonnensturm hat fixes Gewicht 3, rein tagesweiser Zufallswurf ohne
   Muster"-Ansatz durch einen echten, 1:1 an der Realität orientierten ~11-Jahres-Zyklus
   (Minimum -> Maximum -> Minimum). Statt eines fixen weight-Zahlenwerts bekommt der Sonnensturm
   in EVENTS jetzt eine weight-FUNKTION (s => Zahl), die pickWeightedEvent() zur Laufzeit
   auswertet — dadurch schwankt seine Chance im Ereignis-Pool jeden Tag mit der aktuellen
   Zyklusphase, ganz ohne eigenes Extra-Wurfsystem neben dem bestehenden maybeTriggerRandomEvent().
   Realer Bezug (NOAA-Statistik pro Sonnenzyklus, siehe Chat): G1 an ~22% aller Tage, G4/G5
   (satellitenschädigend) nur an ~1,5%/~0,1% — und das alles NICHT gleichmäßig verteilt, sondern
   gebündelt in den paar Jahren ums Maximum. Genau dieses Muster bildet solarActivityLevel() nach:
   ein Zyklus läuft asymmetrisch (schneller Anstieg ~4 Jahre, langsamerer Abfall ~7 Jahre, analog
   der realen "Waldmeier-Regel"), 1:1 in Spieltagen statt gestaucht (siehe Antwort im Chat). */
const SOLAR_CYCLE_DAYS = 4017;       // ~11 Jahre (11 * 365,2 Tage), 1:1 zur Spielzeit
const SOLAR_CYCLE_RISE_DAYS = 1461;  // ~4 Jahre schneller Anstieg zum Maximum
                                      // (Rest des Zyklus, ~7 Jahre, ist der langsamere Abfall)

function smoothstep01(x){
  x = Math.max(0, Math.min(1, x));
  return x*x*(3 - 2*x);
}

// Position 0..1 im aktuellen Zyklus -> Aktivitätslevel 0 (Minimum) .. 1 (Maximum).
// Rein deterministisch aus state.day + state.solarCycleOffset, keine eigene Persistenz nötig.
function solarActivityLevel(s){
  const t = ((s.day + (s.solarCycleOffset||0)) % SOLAR_CYCLE_DAYS + SOLAR_CYCLE_DAYS) % SOLAR_CYCLE_DAYS;
  if(t < SOLAR_CYCLE_RISE_DAYS) return smoothstep01(t / SOLAR_CYCLE_RISE_DAYS);
  return 1 - smoothstep01((t - SOLAR_CYCLE_RISE_DAYS) / (SOLAR_CYCLE_DAYS - SOLAR_CYCLE_RISE_DAYS));
}

// Anzeige-Info fürs HUD (siehe renderHud()) — rein kosmetisch, hat keinen Einfluss auf die Werte.
function solarActivityPhaseInfo(level){
  if(level < 0.12) return { label:'Sonnenminimum', icon:'🌑', color:'var(--muted)' };
  if(level < 0.35) return { label:'Aktivität steigt', icon:'🌒', color:'#e0c040' };
  if(level < 0.65) return { label:'Mittlere Aktivität', icon:'🌗', color:'#ffa640' };
  if(level < 0.88) return { label:'Nahe Maximum', icon:'🌖', color:'var(--accent)' };
  return { label:'Sonnenmaximum', icon:'🌕', color:'var(--red)' };
}

// G1-G5-Stufen: je höher das aktuelle Zyklus-Level, desto wahrscheinlicher eine hohe Stufe.
// G1 bleibt auch nahe Minimum spürbar präsent (reale koronale Löcher schlagen auch dann noch
// gelegentlich zu), G4/G5 sind praktisch nur nahe Maximum relevant.
const SOLAR_STORM_TIERS = [
  { tier:'G1', label:'G1 – kleiner Sonnensturm',   icon:'🟡', hit:[0.05,0.15], dmg:[8,15],  weight:s=>40 },
  { tier:'G2', label:'G2 – mittlerer Sonnensturm', icon:'🟠', hit:[0.10,0.22], dmg:[12,22], weight:s=>5 + 30*s.level },
  { tier:'G3', label:'G3 – starker Sonnensturm',   icon:'🔴', hit:[0.18,0.32], dmg:[18,30], weight:s=>1 + 20*s.level*s.level },
  { tier:'G4', label:'G4 – schwerer Sonnensturm',  icon:'🟣', hit:[0.28,0.45], dmg:[25,42], weight:s=>0.2 + 10*Math.pow(s.level,3) },
  { tier:'G5', label:'G5 – extremer Sonnensturm (Carrington-Level)', icon:'⚫', hit:[0.45,0.70], dmg:[35,60], weight:s=>0.8*Math.pow(s.level,5) },
];

function pickSolarStormTier(level){
  const weighted = SOLAR_STORM_TIERS.map(t=>({ t, w: Math.max(0, t.weight({level})) }));
  const total = weighted.reduce((sum,x)=>sum+x.w, 0);
  let r = Math.random()*total;
  for(const x of weighted){ if(r < x.w) return x.t; r -= x.w; }
  return weighted[weighted.length-1].t;
}

function randRange([lo,hi]){ return lo + Math.random()*(hi-lo); }

const EVENTS = [
  {
    id:'solarstorm', name:'Sonnensturm', icon:'☀️', kind:'bad',
    // Kandidat nur, wenn Satelliten im Orbit sind UND kein Cooldown mehr läuft (siehe apply()
    // unten — nach jedem Sturm gesperrt, Dauer skaliert mit der ausgelösten Stufe).
    condition: s => s.orbitSats.length > 0 && s.day >= (s.solarStormCooldownUntil||0),
    // Gewicht ist jetzt eine Funktion statt einer festen Zahl (siehe pickWeightedEvent()):
    // skaliert quadratisch mit dem aktuellen Zyklus-Level (nahe Minimum praktisch 0, nahe
    // Maximum deutlich höher als früher) UND wird in den ersten 40 Spieltagen zusätzlich
    // gedämpft, damit man nicht schon vor dem ersten nennenswerten Guthaben getroffen wird.
    weight: s => {
      const level = solarActivityLevel(s);
      const base = 0.15 + level*level*7;
      const earlyGameRamp = Math.min(1, Math.max(0.05, s.day/40));
      return base * earlyGameRamp;
    },
    apply(s){
      const level = solarActivityLevel(s);
      const tier = pickSolarStormTier(level);
      // Trefferquote & Schaden pro Stufe (siehe SOLAR_STORM_TIERS) — Delta-V der Satelliten
      // (eigene Treibstoffreserve fürs Ausweichen/Stabilisieren) mindert den Schaden weiterhin,
      // exakt dieselbe stationKeeping-Formel wie bei der normalen Weltraumschrott-Abnutzung
      // weiter unten in tick().
      const hitCount = Math.max(1, Math.round(s.orbitSats.length * randRange(tier.hit)));
      const hit = [...s.orbitSats].sort(()=>Math.random()-0.5).slice(0, hitCount);
      hit.forEach(sat=>{
        const d = computeSatDerived(sat.chassisId, sat.mods);
        const stationKeeping = Math.min(0.6, d.deltaV/250);
        const dmg = randRange(tier.dmg) * (1 - stationKeeping*0.5);
        sat.health = Math.max(0, sat.health - dmg);
      });
      // Cooldown nach dem Sturm: verhindert, dass trotz Zyklus-Gewichtung mehrere Stürme direkt
      // hintereinander fallen — Dauer wächst mit der Stufe (nach einem G5 ist entsprechend länger
      // Ruhe als nach einem G1).
      const tierIndex = SOLAR_STORM_TIERS.findIndex(t=>t.tier===tier.tier);
      s.solarStormCooldownUntil = s.day + 3 + tierIndex*4 + Math.floor(Math.random()*4);
      return {
        name: `Sonnensturm (${tier.tier})`,
        icon: `${tier.icon}☀️`,
        message: `${tier.label}: ${hitCount} Satellit(en) beschädigt.`
      };
    }
  },
  {
    id:'specialContract', name:'Sonderauftrag', icon:'⭐', weight:4, kind:'good',
    condition: s => s.contracts.filter(c=>c.status==='offen').length < 6,
    apply(s){
      // deutlich lukrativer als ein regulärer Auftrag, aber befristet: wird er nicht innerhalb
      // von acceptWindow Tagen angenommen, verfällt er wieder (siehe Ablauf-Check in tick()).
      // NEU (TODO-AUFTRAGSSYSTEM): läuft jetzt über generateContract({specialMult, isSpecial,
      // acceptWindow}) statt eigener Kopie der Reward-Formel — Auftraggeber-Vertrauen wirkt damit
      // auch hier automatisch mit rein.
      const acceptWindow = 4 + Math.floor(Math.random()*3);
      generateContract({ specialMult:1.8, isSpecial:true, acceptWindow });
      return { message:`Sonderauftrag eingetroffen — lukrativ, aber nur ${acceptWindow} Tage gültig.` };
    }
  },
  {
    id:'marketBoom', name:'Marktboom', icon:'📈', weight:2, kind:'good',
    condition: s => !s.marketEvent,
    apply(s){
      const days = 5 + Math.floor(Math.random()*6);
      const mult = 1.2 + Math.random()*0.3;
      s.marketEvent = { mult, daysLeft:days, daysTotal:days, label:'Marktboom', kind:'boost' };
      return { message:`Marktboom: Vertragseinkommen +${Math.round((mult-1)*100)}% für ${days} Tage.` };
    }
  },
  {
    id:'marketSlump', name:'Kurseinbruch', icon:'📉', weight:2, kind:'bad',
    condition: s => !s.marketEvent,
    apply(s){
      const days = 5 + Math.floor(Math.random()*6);
      const mult = 0.65 + Math.random()*0.15;
      s.marketEvent = { mult, daysLeft:days, daysTotal:days, label:'Kurseinbruch', kind:'slump' };
      return { message:`Kurseinbruch: Vertragseinkommen −${Math.round((1-mult)*100)}% für ${days} Tage.` };
    }
  },
  // NEU (TODO-KOLONIE-EREIGNISSE, dritter Punkt der ursprünglichen IDEENLISTE — "eigene kleine
  // Ereignisse/Krisen (Staubsturm, Ressourcenmangel)"): läuft über exakt dieselbe Registry/denselben
  // Auswahlmechanismus wie die übrigen Ereignisse oben, wirkt aber pro Kolonie (c.colonyEvent)
  // statt global — siehe colonyEffectiveIncome() und tickColonies(). Ein drittes, positives
  // Ereignis (Kolonie-Aufschwung) sorgt für dieselbe Gut/Schlecht-Balance wie beim bestehenden
  // Marktboom/Kurseinbruch-Paar.
  {
    id:'colonyDustStorm', name:'Staubsturm', icon:'🌪️', weight:3, kind:'bad',
    condition: s => s.colonies.some(c=>!c.colonyEvent),
    apply(s){
      const eligible = s.colonies.filter(c=>!c.colonyEvent);
      const c = eligible[Math.floor(Math.random()*eligible.length)];
      const days = 4 + Math.floor(Math.random()*5);
      const mult = 0.55 + Math.random()*0.2;
      c.colonyEvent = { kind:'dust', label:'Staubsturm', icon:'🌪️', mult, growthMult:0.5, daysLeft:days, daysTotal:days };
      // laufende Bauprojekte verzögern sich leicht durch den Sturm
      c.buildQueue.forEach(q=>{ q.daysLeft += 1; q.daysTotal += 1; });
      return { name:`Staubsturm auf ${c.name}`, message:`Einkommen −${Math.round((1-mult)*100)}% und verlangsamtes Wachstum für ${days} Tage${c.buildQueue.length?', laufende Bauprojekte leicht verzögert':''}.` };
    }
  },
  {
    id:'colonyResourceShortage', name:'Ressourcenmangel', icon:'📦', weight:3, kind:'bad',
    condition: s => s.colonies.some(c=>!c.colonyEvent),
    apply(s){
      const eligible = s.colonies.filter(c=>!c.colonyEvent);
      const c = eligible[Math.floor(Math.random()*eligible.length)];
      const days = 5 + Math.floor(Math.random()*6);
      c.colonyEvent = { kind:'shortage', label:'Ressourcenmangel', icon:'📦', mult:0.85, growthMult:0, daysLeft:days, daysTotal:days };
      return { name:`Ressourcenmangel auf ${c.name}`, message:`Bevölkerungswachstum steht still, Einkommen −15% für ${days} Tage.` };
    }
  },
  {
    id:'colonyBoom', name:'Kolonie-Aufschwung', icon:'🎉', weight:2, kind:'good',
    condition: s => s.colonies.some(c=>!c.colonyEvent),
    apply(s){
      const eligible = s.colonies.filter(c=>!c.colonyEvent);
      const c = eligible[Math.floor(Math.random()*eligible.length)];
      const days = 5 + Math.floor(Math.random()*6);
      const mult = 1.15 + Math.random()*0.15;
      c.colonyEvent = { kind:'boom', label:'Kolonie-Aufschwung', icon:'🎉', mult, growthMult:1.5, daysLeft:days, daysTotal:days };
      return { name:`Kolonie-Aufschwung auf ${c.name}`, message:`Einkommen +${Math.round((mult-1)*100)}% und schnelleres Wachstum für ${days} Tage.` };
    }
  },
];

// NEU (TODO-SONNENZYKLUS): e.weight kann jetzt entweder eine feste Zahl (alle bisherigen
// Ereignisse) oder eine Funktion s=>Zahl sein (aktuell nur solarstorm, siehe oben) — dadurch
// kann ein Ereignis sein Gewicht abhängig vom Spielzustand (hier: Sonnenzyklus-Phase) laufend
// ändern, ohne dass am restlichen Auswahlmechanismus etwas angepasst werden muss.
function resolveEventWeight(e, s){
  return typeof e.weight === 'function' ? e.weight(s) : e.weight;
}

function pickWeightedEvent(candidates, s){
  const weighted = candidates.map(e=>({ e, w: Math.max(0, resolveEventWeight(e, s)) }));
  const total = weighted.reduce((sum,x)=>sum+x.w, 0);
  if(total <= 0) return candidates[Math.floor(Math.random()*candidates.length)];
  let r = Math.random()*total;
  for(const x of weighted){
    if(r < x.w) return x.e;
    r -= x.w;
  }
  return weighted[weighted.length-1].e;
}

function maybeTriggerRandomEvent(){
  if(Math.random() >= EVENT_CHANCE_PER_DAY) return;
  const candidates = EVENTS.filter(e=>e.condition(state));
  if(candidates.length===0) return;
  const ev = pickWeightedEvent(candidates, state);
  const result = ev.apply(state);
  // NEU (TODO-SONNENZYKLUS): apply() kann optional name/icon überschreiben (Sonnensturm liefert
  // hier z.B. die konkrete G-Stufe mit) — fällt ohne diese Felder auf die EVENTS-Basiswerte
  // zurück, exakt wie bisher.
  const name = result.name || ev.name;
  const icon = result.icon || ev.icon;
  state.eventLog.unshift({ day: state.day, name, icon, message: result.message, kind: ev.kind });
  state.eventLog = state.eventLog.slice(0, 20);
  toast(`${icon} ${result.message}`, ev.kind==='bad' ? 'bad' : 'good');
  if(ev.kind==='bad') Sound.warn(); else Sound.coin();
}

/* ============================== GAME TICK ============================== */
// NEU (TODO-STATISTIKEN): Tagesverlauf für das Diagramm im Statistiken-Tab (Modi "7 Tage" /
// "30 Tage"). Reines rollendes Kurzzeitfenster — 40 Tage Puffer reichen für die 30-Tage-Ansicht
// plus etwas Rand, ältere Einträge werden einfach verworfen (siehe unten). Für "Gesamt" ist
// separat monthlyMoneyHistory zuständig (recordMonthlyMoneySample() gleich darunter).
function recordDailyMoneySample(){
  const hist = state.stats.moneyHistory;
  hist.push({ day: state.day, money: state.money });
  if(hist.length > 40) hist.shift();
}

// NEU (TODO-STATISTIKEN-GESAMT-FIX): ein Eintrag pro ~30 Spieltage, ungecappt — deckt dadurch
// IMMER die komplette Firmengeschichte seit Gründung ab, ohne dass wie vorher (moneyHistory,
// 200er-Cap mit shift()) der Anfang irgendwann rausfällt. Bei einem Idle-Spiel dieser Art bleibt
// das über Jahrzehnte Spielzeit winzig (ein paar hundert Einträge) — kein Downsampling nötig.
// Tag 1 wird IMMER mitgeschrieben (siehe Bedingung unten), auch wenn state.day zufällig kein
// Vielfaches von 30 ist, damit der Graph nicht bei Tag 30 "aus dem Nichts" beginnt.
function recordMonthlyMoneySample(){
  const hist = state.stats.monthlyMoneyHistory;
  if(state.day === 1 || state.day % 30 === 0){
    const last = hist[hist.length-1];
    if(!last || last.day !== state.day) hist.push({ day: state.day, money: state.money });
  }
}

function tick(silent){
  if(state.paused) return;
  // NEU (TODO-OFFLINE-PROGRESS): merkt sich bei JEDEM Tick den echten Zeitpunkt — Basis für die
  // Catch-up-Berechnung in computeAndApplyOfflineProgress() beim nächsten "Fortsetzen".
  state.lastRealTimestamp = Date.now();
  state.day += 1;
  // NEU (TODO-LOGBUCH-ERWEITERT, TODO-SCHALTJAHRE): löst automatisch den Jahresbericht aus, GENAU
  // EINMAL pro echtem Kalender-Jahrestag der Firmengründung (isCompanyAnniversaryDay(), schalt-
  // jahrsicher -- der Abstand zum letzten Jahresbericht ist damit je nach Schaltjahr-Lage 365 oder
  // 366 Tage), weil tick() genau einmal pro Spieltag läuft (auch während Offline-Catchup).
  if(isCompanyAnniversaryDay(state.day)) generateYearlyLogbookReport();
  let incomeTotal = 0, upkeepTotal = 0, sciencePointsTotal = 0;
  const maintFactor = hasResearch('maintenance') ? 0.75 : 1;

  // Laufende Forschung
  if(state.activeResearch){
    state.activeResearch.daysLeft -= 1;
    if(state.activeResearch.daysLeft <= 0){
      const rid = state.activeResearch.id;
      const rr = RESEARCH.find(x=>x.id===rid);
      state.purchasedResearch.push(rid);
      state.activeResearch = null;
      state.stats.researchCompleted += 1;
      toast(`Erforscht: ${rr ? rr.name : rid}`, 'good');
      Sound.contractDone();
      // NEU (TODO-LOGBUCH-ERWEITERT): jede abgeschlossene Forschung bekommt eine eigene
      // Logbuchzeile -- nutzt den bereits vorhandenen desc-Flavor-Text der Forschung, kein
      // separater Textbaustein nötig.
      if(rr) addLogbookEntry('research', '🔬', rr.name, rr.desc);
    }
  }

  // Fertigungswarteschlange
  state.constructionQueue.forEach(q=>{ q.daysLeft -= 1; });
  const doneBuilds = state.constructionQueue.filter(q=>q.daysLeft<=0);
  if(doneBuilds.length){
    doneBuilds.forEach(q=>{
      state.hangar.push({ id:q.id, name:q.name, chassisId:q.chassisId, mods:q.mods });
      toast(`${q.name} fertiggestellt — einsatzbereit im Hangar.`, 'good');
      Sound.buildOk();
    });
    state.constructionQueue = state.constructionQueue.filter(q=>q.daysLeft>0);
  }
  // NEU (TODO-FABRIK-WARTESCHLANGE): freigewordene aktive Plätze aus der Warteschlange nachfüllen —
  // erst bezahlte Aufträge (state.constructionWaitQueue) rücken der Reihe nach nach, jeder startet
  // seine eigene Bauzeit ab dem Tag des Nachrückens (nicht rückwirkend ab Bestellung), analog
  // moduleWaitQueue weiter unten.
  while(state.constructionWaitQueue.length && getRemainingQueueCap() > 0){
    const next = state.constructionWaitQueue.shift();
    const days = next.isRefit ? Math.max(1, Math.ceil(buildTimeFor(next.chassisId, next.mods.length)/2)) : buildTimeFor(next.chassisId, next.mods.length);
    state.constructionQueue.push({ id: next.id, name: next.name, chassisId: next.chassisId, mods: next.mods, daysTotal: days, daysLeft: days });
  }

  // Modul-Fertigungswarteschlange (NEU, TODO-FABRIK-UMBAU Schritt c: Einzelmodule statt Komplettschiff)
  state.moduleConstructionQueue.forEach(q=>{ q.daysLeft -= 1; });
  const doneModules = state.moduleConstructionQueue.filter(q=>q.daysLeft<=0);
  if(doneModules.length){
    doneModules.forEach(q=>{
      state.moduleHangar.push({ id:q.id, modId:q.modId, name:q.name });
      toast(`${q.name} fertiggestellt — bereit zum Start in der Werft.`, 'good');
      Sound.buildOk();
    });
    state.moduleConstructionQueue = state.moduleConstructionQueue.filter(q=>q.daysLeft>0);
  }
  // NEU (TODO-MODUL-WARTESCHLANGE): freigewordene aktive Plätze aus der Warteschlange nachfüllen —
  // erst bezahlte Bestellungen (state.moduleWaitQueue) rücken der Reihe nach nach, jedes startet
  // seine eigene Bauzeit ab dem Tag des Nachrückens (nicht rückwirkend ab Bestellung).
  while(state.moduleWaitQueue.length && getRemainingModuleQueueCap() > 0){
    const next = state.moduleWaitQueue.shift();
    const nm = findMod(next.modId);
    const days = nm ? moduleBuildDays(nm) : 1;
    state.moduleConstructionQueue.push({ id: next.id, modId: next.modId, name: next.name, daysTotal: days, daysLeft: days });
  }

  // Schiffsmontage-Warteschlange (NEU, TODO-FABRIK-UMBAU Schritt d/e; erweitert TODO-WERFT-PFLICHT-2
  // um Deep-Space-Ziele): fertige Montage geht direkt in Transit- bzw. Deep-Space-Warteschlange
  // über (nur noch reine Flugzeit, keine Rakete/kein Startrisiko — alle Komponenten sind schon
  // einzeln hochgeflogen). Landung/Besatzung-Auswertung bei Ankunft läuft über denselben
  // generischen deepSpaceQueue-Block wie normale Erdstarts (liest nur q.destKey/attemptLanding/crewed).
  state.moduleAssemblyQueue.forEach(q=>{ q.daysLeft -= 1; });
  const doneAssemblies = state.moduleAssemblyQueue.filter(q=>q.daysLeft<=0);
  if(doneAssemblies.length){
    doneAssemblies.forEach(q=>{
      if(q.missionType==='deepspace'){
        const d = DEEP_SPACE[q.destKey];
        const travelDays = Math.max(1, destTravelDays(d));
        state.deepSpaceQueue.push({
          id: q.id, name: q.name, chassisId: q.chassisId, mods: q.mods,
          destKey: q.destKey, rocketName: 'Werft-Start', daysTotal: travelDays, daysLeft: travelDays,
          attemptLanding: !!q.attemptLanding, crewed: !!q.crewed,
        });
        toast(`${q.name} ist montiert und auf dem Weg zu ${d.name} — Ankunft in ${travelDays} Tag(en), keine Rakete nötig.`, 'good');
      } else {
        const transferDays = ORBIT_TRANSFER_DAYS[q.orbitKey]||1;
        state.transitQueue.push({
          id: q.id, name: q.name, chassisId: q.chassisId, mods: q.mods,
          orbit: q.orbitKey, rocketName: 'Schiffsmontage', daysTotal: transferDays, daysLeft: transferDays,
        });
        toast(`${q.name} ist montiert und auf dem Weg in ${ORBITS[q.orbitKey].name}.`, 'good');
      }
      Sound.buildOk();
    });
    state.moduleAssemblyQueue = state.moduleAssemblyQueue.filter(q=>q.daysLeft>0);
  }

  // Transit-Warteschlange
  state.transitQueue.forEach(q=>{ q.daysLeft -= 1; });
  const arrived = state.transitQueue.filter(q=>q.daysLeft<=0);
  if(arrived.length){
    arrived.forEach(q=>{
      // NEU (TODO-RAUMSTATION, auf Nutzerwunsch): ein ankommendes Raumstationskern-Chassis wird
      // NICHT wie sonst zu einem normalen Orbit-Satelliten, sondern nimmt (einmalig) die
      // dauerhafte Raumstation in Betrieb — analog dazu, wie ein Kolonie-Modul bei Deep-Space-
      // Landungen KEIN normaler Sonden-Eintrag bleibt, sondern eine Kolonie auslöst.
      if(q.chassisId==='raumstation' && !state.station){
        state.station = { day: state.day, population: STATION_BASE_POP_CAP, buildings:{wohnmodul:0,wartung:0,andock:0}, buildQueue:[] };
        toast(`${q.name} hat den Erdorbit erreicht — die Raumstation ist ab sofort in Betrieb!`, 'good');
        Sound.contractDone();
        return;
      }
      state.orbitSats.push({
        id:q.id, name:q.name, chassisId:q.chassisId, mods:q.mods,
        orbit:q.orbit, location:q.location||'earth', angle:Math.random()*Math.PI*2, health:100, assignedContract:null,
      });
      const arrivedWhere = (q.location && q.location!=='earth') ? `${ORBITS[q.orbit].name} · ${orbitLocationName(q.location)}` : ORBITS[q.orbit].name;
      toast(`${q.name} hat ${arrivedWhere} erreicht — einsatzbereit.`, 'good');
      Sound.contractDone();
    });
    state.transitQueue = state.transitQueue.filter(q=>q.daysLeft>0);
  }

  // Deep-Space-Sondenwarteschlange (Mond/Venus/Mars etc.)
  state.deepSpaceQueue.forEach(q=>{ q.daysLeft -= 1; });
  const dsArrived = state.deepSpaceQueue.filter(q=>q.daysLeft<=0);
  if(dsArrived.length){
    dsArrived.forEach(q=>{
      const d = DEEP_SPACE[q.destKey];
      const firstTimeReach = !state.exploredTargets.includes(q.destKey);
      if(firstTimeReach){
        state.exploredTargets.push(q.destKey);
        // NEU (TODO-LOGBUCH-ERWEITERT): jedes erstmals erreichte Ziel bekommt eine eigene
        // Logbuchzeile -- nutzt den bereits vorhandenen desc-Flavor-Text aus DEEP_SPACE.
        addLogbookEntry('target', '📡', `Ziel erreicht: ${d.name}`, d.desc);
      }
      if(q.attemptLanding){
        const landingChance = effectiveLandingChance(d.landingBaseChance);
        const landed = Math.random() < landingChance;
        const crewCfg = q.crewed ? crewedConfigFor(q.destKey) : null;
        const rewardMult = q.crewed && crewCfg ? d.landingRewardMult*crewCfg.rewardMult : d.landingRewardMult;
        if(landed){
          const reward = Math.round(d.scienceReward * rewardMult);
          const firstLanding = !state.landedTargets.includes(q.destKey);
          const firstCrewedLanding = q.crewed && !state.crewedLandings.includes(q.destKey);
          state.money += reward;
          // NEU (TODO-FORSCHUNGSPUNKTE): Punkte-Anteil zusätzlich zum Geld, siehe missionSciencePointsFor().
          const sciGain = missionSciencePointsFor(d, firstTimeReach);
          gainSciencePoints(sciGain);
          state.reputation = Math.min(100, state.reputation + d.repReward + 5 + (firstLanding?8:0) + (q.crewed?(crewCfg?crewCfg.extraRep:0):0) + (firstCrewedLanding?15:0));
          if(firstLanding) state.landedTargets.push(q.destKey);
          if(firstCrewedLanding) state.crewedLandings.push(q.destKey);
          state.missionLog.unshift({ destKey:q.destKey, name:q.name, day:state.day, success:true, landed:true, crewed:!!q.crewed, firstTime:firstLanding });
          if(firstCrewedLanding){
            toast(`${q.name} — erste bemannte Landung auf ${d.name}! +${fmtMoney(reward)}, +${sciGain} FP, +15 Bonus-Reputation.`, 'good');
          } else {
            toast(`${q.name} ist erfolgreich auf ${d.name} gelandet! +${fmtMoney(reward)}, +${sciGain} FP${q.crewed?' (bemannt)':''}${firstLanding?' (erste Landung dort!)':''}.`, 'good');
          }
          if(q.destKey==='mars'){
            const tPts = (q.mods||[]).reduce((sum,mid)=>{ const m=findMod(mid); return sum + (m&&m.terraformPoints?m.terraformPoints:0); },0);
            if(tPts>0){
              if(!state.terraforming.mars) state.terraforming.mars = {points:0};
              const beforeIdx = terraformStageIndex('mars');
              state.terraforming.mars.points += tPts;
              const afterIdx = terraformStageIndex('mars');
              if(afterIdx>beforeIdx){
                toast(`Mars-Terraforming: Stufe „${TERRAFORM_STAGES[afterIdx].name}" erreicht!`, 'good');
              } else {
                toast(`+${tPts} Terraforming-Punkte für Mars.`, 'good');
              }
            }
            if(terraformStageIndex('mars') >= TERRAFORM_STAGES.length-1 && !state.colonies.some(c=>c.destKey==='mars')){
              // NEU (TODO-MOND-VOR-MARS): das Mond-Kolonie-Modul (moonOnly:true) zählt hier
              // bewusst NICHT — für Mars ist weiterhin das echte Kolonie-Modul nötig. Zusätzlich
              // NEUE Sperre: ohne bestehende Mondkolonie wird trotz erfüllter Terraforming-Stufe
              // und angehängtem Kolonie-Modul keine Mars-Kolonie gegründet (reale Reihenfolge:
              // Mond vor Mars). Die Sonde/das Modul gehen dabei nicht verloren — der Spieler kann
              // es einfach erneut versuchen, sobald der Mond kolonisiert ist.
              const hasColonyModule = (q.mods||[]).some(mid=>{ const m = findMod(mid); return m && m.isColonyModule && !m.moonOnly && (!m.allowedDestKeys || m.allowedDestKeys.includes('mars')); });
              const moonColonized = state.colonies.some(c=>c.destKey==='mond');
              if(hasColonyModule && moonColonized){
                // NEU (TODO-PRO-KOPF-WIRTSCHAFT): marsIncome war früher der fixe Gesamtwert,
                // jetzt umgerechnet auf einen Pro-Kopf-Satz bei Gründungs-Bevölkerung (25% der
                // Basis-Kapazität) -- wächst die Kolonie, wächst das Einkommen linear mit statt
                // an einem für immer fixierten Betrag zu kleben.
                const marsPop = Math.round(COLONY_BASE_POP_CAP*0.25);
                const marsIncomePerPop = +(250 / marsPop).toFixed(3);
                state.colonies.push({ destKey:'mars', name:d.name, day:state.day, incomePerPop: marsIncomePerPop, population: marsPop, buildings:{habitat:0,fabrik:0,antenne:0}, buildQueue:[] });
                state.reputation = Math.min(100, state.reputation + 20);
                toast(`Mars ist bewohnbar — mit dieser Landung wird die erste dauerhafte Mars-Kolonie gegründet! Liefert ab sofort +${fmtMoney(Math.round(marsPop*marsIncomePerPop))} passives Einkommen pro Tag.`, 'good');
                addLogbookEntry('colony', '🏠', `Kolonie gegründet: ${d.name}`, `Die erste dauerhafte Kolonie auf ${d.name}, mit ${marsPop.toLocaleString('de-DE')} Gründungssiedlern.`);
              } else if(hasColonyModule && !moonColonized){
                toast(`Mars ist terraformt und bereit — aber die Kolonisierungs-Doktrin verlangt erst eine dauerhafte Mondbasis, bevor Mars offiziell besiedelt werden darf. Erst den Mond kolonisieren (Mondbasis-Programm + Mond-Kolonie-Modul), dann klappt's auch mit Mars.`, 'bad');
              }
            }
          }
          if(d.colonizable && !state.colonies.some(c=>c.destKey===q.destKey)){
            // NEU (TODO-MOND-VOR-MARS): moonOnly-Module (siehe MODULES) zählen hier nur, wenn das
            // aktuelle Ziel tatsächlich der Mond ist — verhindert, dass das günstige Mond-Kolonie-
            // Modul versehentlich auch auf Exoplaneten eine Kolonie auslöst.
            // NEU (TODO-AUSSENKOLONISATION): gleiche Idee für allowedDestKeys (Außenposten-Kolonie-
            // Modul) -- zählt nur, wenn das aktuelle Ziel in der erlaubten Liste steht.
            const hasColonyModule = (q.mods||[]).some(mid=>{
              const m = findMod(mid);
              return m && m.isColonyModule && (!m.moonOnly || q.destKey==='mond') && (!m.allowedDestKeys || m.allowedDestKeys.includes(q.destKey));
            });
            if(hasColonyModule){
              const income = Math.max(20, Math.round(d.scienceReward/9000));
              const contact = alienContactFor(q.destKey);
              const bonusIncome = contact && state.firstContacts.includes(q.destKey) ? contact.incomeBonus : 0;
              // NEU (TODO-PRO-KOPF-WIRTSCHAFT): wie bei Mars -- der bisherige Fixwert (income +
              // bonusIncome) wird bei Gründungs-Bevölkerung (25% Basis-Kapazität) auf einen
              // Pro-Kopf-Satz umgerechnet, damit das Einkommen ab jetzt mit der Kolonie mitwächst.
              const foundPop = Math.round(COLONY_BASE_POP_CAP*0.25);
              const incomePerPop = +((income + bonusIncome) / foundPop).toFixed(3);
              state.colonies.push({ destKey:q.destKey, name:d.name, day:state.day, incomePerPop, population: foundPop, buildings:{habitat:0,fabrik:0,antenne:0}, buildQueue:[] });
              state.reputation = Math.min(100, state.reputation + 20);
              toast(`Kolonie auf ${d.name} gegründet! Liefert ab sofort +${fmtMoney(Math.round(foundPop*incomePerPop))} passives Einkommen pro Tag.`, 'good');
              addLogbookEntry('colony', '🏠', `Kolonie gegründet: ${d.name}`, `Neue Kolonie auf ${d.name}, mit ${foundPop.toLocaleString('de-DE')} Gründungssiedlern.`);
            }
          }
          const alienContact = alienContactFor(q.destKey);
          if(alienContact && !state.firstContacts.includes(q.destKey)){
            state.firstContacts.push(q.destKey);
            state.money += alienContact.scienceBonus;
            state.reputation = Math.min(100, state.reputation + alienContact.repBonus);
            const existingColony = state.colonies.find(c=>c.destKey===q.destKey);
            if(existingColony) existingColony.income += alienContact.incomeBonus;
            toast(`${alienContact.title} — Kontakt mit den ${alienContact.raceLabel} hergestellt! +${fmtMoney(alienContact.scienceBonus)}, +${alienContact.repBonus} Reputation.`, 'good');
          }
        } else {
          const reward = Math.round(d.scienceReward * 0.35);
          state.money += reward;
          const sciGain = Math.max(1, Math.round(missionSciencePointsFor(d, firstTimeReach)*0.35));
          gainSciencePoints(sciGain);
          state.reputation = Math.min(100, state.reputation + Math.max(1,Math.round(d.repReward/2)));
          state.missionLog.unshift({ destKey:q.destKey, name:q.name, day:state.day, success:true, landed:false, crashed:true, crewed:!!q.crewed, firstTime:firstTimeReach });
          if(q.crewed){
            toast(`⚠ ${q.name} musste die Landung auf ${d.name} abbrechen — Besatzung durch Abbruchsystem sicher zurück, reduzierte Vorbeiflugdaten (+${fmtMoney(reward)}, +${sciGain} FP).`, 'bad');
          } else {
            toast(`⚠ ${q.name} ist bei der Landung auf ${d.name} verunglückt — Vorbeiflugdaten gerettet (+${fmtMoney(reward)}, +${sciGain} FP).`, 'bad');
          }
        }
      } else {
        state.money += d.scienceReward;
        const sciGain = missionSciencePointsFor(d, firstTimeReach);
        gainSciencePoints(sciGain);
        state.reputation = Math.min(100, state.reputation + d.repReward + (firstTimeReach?5:0));
        state.missionLog.unshift({ destKey:q.destKey, name:q.name, day:state.day, success:true, landed:false, firstTime:firstTimeReach });
        toast(`${q.name} hat ${d.name} erreicht! +${fmtMoney(d.scienceReward)}, +${sciGain} FP wissenschaftlicher Ertrag${firstTimeReach?' (Premiere!)':''}.`, 'good');
      }
      state.missionLog = state.missionLog.slice(0,12);
      Sound.contractDone();
    });
    state.deepSpaceQueue = state.deepSpaceQueue.filter(q=>q.daysLeft>0);
  }

  state.orbitSats.forEach(s=>{
    // degrade slightly — own fuel reserve (station-keeping) reduces risk & damage
    const d = computeSatDerived(s.chassisId, s.mods);
    const stationKeeping = Math.min(0.6, d.deltaV/250);
    if(Math.random() < 0.05*(1-stationKeeping)) s.health = Math.max(0, s.health - (5+Math.random()*15)*(1-stationKeeping*0.5));
    // upkeep
    upkeepTotal += 15 * maintFactor;
    if(s.assignedContract){
      const c = state.contracts.find(c=>c.id===s.assignedContract);
      if(c && s.health > 0){
        incomeTotal += contractDailyIncome(c, d);
        // NEU (TODO-FORSCHUNGSPUNKTE): laufende Forschungsaufträge tröpfeln Punkte genau wie Geld.
        sciencePointsTotal += contractSciencePointsPerDay(c);
      }
    }
  });

  // contract countdowns
  state.contracts.forEach(c=>{
    if(c.status==='aktiv'){
      c.remaining -= 1;
      if(c.remaining <= 0){
        c.status = 'abgeschlossen';
        const s = state.orbitSats.find(s=>s.id===c.satId);
        const d = s ? computeSatDerived(s.chassisId, s.mods) : null;
        const bonus = Math.round((d ? contractDailyIncome(c, d) : c.rewardPerTick) * 3);
        state.money += bonus;
        state.stats.lifetimeIncome += bonus;
        state.stats.contractsCompleted += 1;
        state.reputation = Math.min(100, state.reputation + 2);
        // NEU (TODO-FORSCHUNGSPUNKTE): Abschluss-Bonus analog zum Geld-Bonus, nur für 'forschung'.
        const sciBonus = Math.round(contractSciencePointsPerDay(c) * 3);
        if(sciBonus>0){ gainSciencePoints(sciBonus); }
        if(s) s.assignedContract = null;
        toast(`Auftrag abgeschlossen: +${fmtMoney(bonus)} Bonus${sciBonus>0?` · +${sciBonus.toLocaleString('de-DE')} Forschungspunkte`:''}.`, 'good');
        Sound.contractDone();
        // NEU (TODO-AUFTRAGSSYSTEM): erfolgreicher Abschluss stärkt das Vertrauen beim jeweiligen
        // Auftraggeber — ab Tier "Bevorzugt" besteht danach eine Chance auf einen direkten
        // Kettenauftrag desselben Auftraggebers (isChain:true, +15% Bonus obendrauf).
        if(c.client){
          state.clientRep[c.client] = clientRepOf(c.client) + 4 + Math.random()*4;
          const tier = clientTierFor(clientRepOf(c.client));
          if(tier.chainEligible && Math.random() < 0.3){
            generateContract({ clientId:c.client, isChain:true });
            toast(`🔗 ${CONTRACT_CLIENTS[c.client].icon} ${CONTRACT_CLIENTS[c.client].name}: Folgeauftrag eingetroffen.`, 'good');
          }
        }
      }
    }
  });
  // NEU (TODO-ZUFALLSEREIGNISSE): befristete Sonderaufträge (siehe EVENTS.specialContract) laufen
  // ab, wenn sie bis expiresDay nicht angenommen wurden — normale Aufträge haben kein expiresDay
  // und sind davon nicht betroffen.
  state.contracts.forEach(c=>{
    if(c.status==='offen' && c.isSpecial && state.day >= c.expiresDay){
      c.status = 'abgelaufen';
      toast(`⏳ Sonderauftrag ist ausgelaufen, ohne angenommen zu werden.`, 'bad');
    }
  });
  state.contracts = state.contracts.filter(c => c.status === 'offen' || c.status === 'aktiv');

  // NEU (v4-14): Langzeitaufträge — tägliches Einkommen je aktivem Auftrag, einmaliger Voll-
  // Bonus beim erstmaligen Erreichen der Ziel-Stückzahl, automatischer Ablauf nach Laufzeitende
  // (zugewiesene Satelliten werden dabei wieder frei, siehe assignedLongContract-Reset unten).
  state.longContracts.forEach(c=>{
    if(c.status!=='aktiv') return;
    incomeTotal += longContractDailyIncome(c);
    if(!c.fullyMetOnce && c.assignedSatIds.length >= c.targetCount){
      c.fullyMetOnce = true;
      state.money += c.bonusOnFull;
      state.stats.lifetimeIncome += c.bonusOnFull;
      toast(`Langzeitauftrag voll besetzt: +${fmtMoney(c.bonusOnFull)} Abschluss-Bonus, +20% Dauerbonus auf alle erfüllten Slots.`, 'good');
      Sound.contractDone();
    }
    c.daysLeft -= 1;
    if(c.daysLeft <= 0){
      c.status = 'abgelaufen';
      c.assignedSatIds.forEach(id=>{
        const s = state.orbitSats.find(s=>s.id===id);
        if(s) s.assignedLongContract = null;
      });
      c.assignedSatIds = [];
      toast(`Langzeitauftrag ausgelaufen — zugewiesene Satelliten sind wieder frei.`, '');
    }
  });
  state.longContracts = state.longContracts.filter(c => c.status==='angebot' || c.status==='aktiv');
  // Neue Angebote tröpfeln nach statt wie Schnellaufträge sofort 1:1 nachzurücken — Langzeit-
  // aufträge sind bewusst seltener/langfristiger (siehe generateLongContract()-Kommentar).
  if(state.longContracts.filter(c=>c.status==='angebot').length < 2 && Math.random() < 0.18){
    generateLongContract();
  }

  // NEU (v4-14, erweitert v4-31): Eigene Unterfirmen — tägliche Lizenzgebühren PRO Unterfirma,
  // lifetime separat je Unterfirma mitgezählt.
  state.ownNetworks.forEach(sub=>{
    const netIncome = networkDailyIncome(sub);
    incomeTotal += netIncome;
    sub.totalEarned += netIncome;
  });

  // Wartungsdrohnen: reparieren kritisch beschädigte Satelliten automatisch, bevor sie ausfallen
  runAutoRepairDrones();

  // random destruction event
  state.orbitSats.forEach(s=>{
    if(s.health<=0){
      // destroyed
    }
  });
  const destroyed = state.orbitSats.filter(s=>s.health<=0);
  if(destroyed.length){
    destroyed.forEach(s=>{
      if(s.assignedContract){
        const c = state.contracts.find(c=>c.id===s.assignedContract);
        if(c) c.status = 'offen', c.satId=null, c.remaining = c.duration;
      }
      // NEU (v4-14): dieselbe Freigabe auch für Langzeitaufträge und das eigene Netzwerk —
      // zerstörte Satelliten werden automatisch aus beiden Systemen ausgetragen.
      if(s.assignedLongContract){
        const lc = state.longContracts.find(c=>c.id===s.assignedLongContract);
        if(lc) lc.assignedSatIds = lc.assignedSatIds.filter(id=>id!==s.id);
      }
      state.ownNetworks.forEach(sub=>{
        if(sub.satIds.includes(s.id)) sub.satIds = sub.satIds.filter(id=>id!==s.id);
      });
      toast(`⚠ ${s.name} durch Weltraumschrott zerstört.`, 'bad');
      Sound.warn();
    });
    state.orbitSats = state.orbitSats.filter(s=>s.health>0);
    state.stats.satellitesLost += destroyed.length;
    state.reputation = Math.max(0, state.reputation - destroyed.length*2);
  }

  // NEU (TODO-KOLONIE-AUSBAU): Bevölkerungswachstum + Gebäude-Warteschlange, einmal pro Tag
  tickColonies();
  const colonyIncome = state.colonies.reduce((sum,c)=>sum+colonyEffectiveIncome(c),0);
  incomeTotal += colonyIncome;
  // NEU (TODO-UNTERHALTSKOSTEN): laufende Verwaltungskosten pro Kolonie, siehe colonyUpkeep().
  upkeepTotal += state.colonies.reduce((sum,c)=>sum+colonyUpkeep(c),0);

  // NEU (TODO-RAUMSTATION): analog zu tickColonies() — Bevölkerungswachstum + Bau-Warteschlange
  // der Raumstation, plus ihr passives Wohnmodul-Einkommen (stationEffectiveIncome()).
  tickStation();
  const stationIncome = stationEffectiveIncome();
  incomeTotal += stationIncome;
  // NEU (TODO-UNTERHALTSKOSTEN): laufende Betriebskosten der Station, siehe stationUpkeep().
  upkeepTotal += stationUpkeep();

  // NEU (TODO-UNTERHALTSKOSTEN): Lizenz-/Verwaltungsgebühr pro aktiver Unterfirma, siehe
  // subsidiaryUpkeep() — kommt zusätzlich zu networkDailyIncome() weiter unten in dieser
  // Funktion (state.ownNetworks.forEach), das den Ertrag jeder Unterfirma dem Einkommen zuschlägt.
  upkeepTotal += state.ownNetworks.reduce((sum,sub)=>sum+subsidiaryUpkeep(sub),0);

  state.money += incomeTotal - upkeepTotal;
  state.stats.lifetimeIncome += incomeTotal;
  state.stats.lifetimeUpkeep += upkeepTotal;
  // NEU (TODO-FORSCHUNGSPUNKTE): täglicher Punkte-Ertrag aus laufenden Forschungsaufträgen.
  gainSciencePoints(sciencePointsTotal);

  // NEU (TODO-STATISTIKEN): Tagesverlauf für das Diagramm im Statistiken-Tab, siehe
  // recordDailyMoneySample() (7/30-Tage-Fenster) und recordMonthlyMoneySample() (Gesamt).
  recordDailyMoneySample();
  recordMonthlyMoneySample();

  // spawn contract occasionally
  if(Math.random() < 0.35 && state.contracts.filter(c=>c.status==='offen').length < 4){
    generateContract();
  }

  // NEU (TODO-ZUFALLSEREIGNISSE): laufenden Markt-Effekt (Boom/Einbruch) runterzählen und bei
  // Ablauf aufheben — die eigentliche Wirkung sitzt in contractDailyIncome().
  if(state.marketEvent){
    state.marketEvent.daysLeft -= 1;
    if(state.marketEvent.daysLeft <= 0){
      toast(`${state.marketEvent.label} ist vorbei — Vertragseinkommen wieder normal.`, '');
      state.marketEvent = null;
    }
  }

  // NEU (TODO-ZUFALLSEREIGNISSE): Punkt 4 der IDEENLISTE — kleine Tageschance auf ein Ereignis.
  maybeTriggerRandomEvent();

  // NEU (TODO-OFFLINE-PROGRESS): computeAndApplyOfflineProgress() ruft tick(true) bis zu
  // mehrere hundert Mal hintereinander synchron auf — renderAll() dabei jedes Mal auszuführen
  // wäre teuer und unnötig, da ohnehin erst am Ende der Schleife einmal neu gerendert wird.
  if(!silent) renderAll();
}

// NEU (TODO-OFFLINE-PROGRESS): "Während du weg warst"-Nachholung. Wird nur beim Fortsetzen über
// startContinueGame() (nach erfolgreichem loadAutosave()) aufgerufen, NICHT bei manuellem
// Datei-Import (siehe dortige Kommentare) — dort wäre eine automatische Nachholung u.U.
// unerwünscht, falls bewusst ein alter Spielstand geladen wird. Rechnet die seit
// state.lastRealTimestamp vergangene ECHTE Zeit in Spieltage um (Basis: aktuelle TICK_MS_BASE/
// state.gameSpeed-Rate, wie sie beim Verlassen zuletzt lief) und holt sie per stillem
// tick(true)-Loop nach (kein Toast/Sound, kein Render pro Tag — siehe offlineCatchupActive-Flag
// sowie den silent-Parameter von tick()). Auf CAP_DAYS begrenzt, damit sehr lange Abwesenheiten
// (Wochen/Monate) weder den Browser mit hunderttausenden Iterationen blockieren noch absurde
// Sprünge erzeugen. Respektiert eine pausierte Firma (state.paused) — wer pausiert verlässt,
// erwartet beim Wiederkommen keinen Fortschritt.
function computeAndApplyOfflineProgress(){
  if(state.paused) return null;
  if(!state.lastRealTimestamp){ state.lastRealTimestamp = Date.now(); return null; }

  const elapsedMs = Date.now() - state.lastRealTimestamp;
  const speed = state.gameSpeed || 1;
  const msPerDay = TICK_MS_BASE / speed;
  const rawDays = Math.floor(elapsedMs / msPerDay);

  // Mindestens 30 echte Sekunden UND mindestens 1 voller Spieltag müssen vergangen sein —
  // verhindert, dass ein kurzer Tab-Wechsel (z.B. bei hoher Geschwindigkeit) schon das Modal
  // auslöst.
  if(elapsedMs < 30000 || rawDays < 1){
    state.lastRealTimestamp = Date.now();
    return null;
  }

  const CAP_DAYS = 500;
  const simDays = Math.min(rawDays, CAP_DAYS);
  const wasCapped = rawDays > CAP_DAYS;

  const before = {
    money: state.money,
    lifetimeIncome: state.stats.lifetimeIncome,
    lifetimeUpkeep: state.stats.lifetimeUpkeep,
    hangarCount: state.hangar.length,
    moduleHangarCount: state.moduleHangar.length,
    orbitSatsCount: state.orbitSats.length,
    satellitesLost: state.stats.satellitesLost,
    contractsCompleted: state.stats.contractsCompleted,
    researchCompleted: state.stats.researchCompleted,
    coloniesCount: state.colonies.length,
    firstContactsCount: state.firstContacts.length,
  };

  offlineCatchupActive = true;
  for(let i=0; i<simDays; i++){ tick(true); }
  offlineCatchupActive = false;

  state.lastRealTimestamp = Date.now();
  checkAchievements(true); // still nachtragen, falls während des Catch-ups Meilensteine erreicht wurden
  checkLogbookEntries(true); // dito für das Firmenlogbuch, ebenfalls ohne Toast-Flut

  const satsLost = state.stats.satellitesLost - before.satellitesLost;
  // Ankünfte = Netto-Bestandsänderung + zwischenzeitliche Verluste (da beides gegenläufig
  // in orbitSats.length einfließt).
  const arrivals = Math.max(0, (state.orbitSats.length - before.orbitSatsCount) + satsLost);

  return {
    days: simDays,
    wasCapped, rawDays,
    moneyDelta: state.money - before.money,
    incomeDelta: state.stats.lifetimeIncome - before.lifetimeIncome,
    upkeepDelta: state.stats.lifetimeUpkeep - before.lifetimeUpkeep,
    shipsFinished: state.hangar.length - before.hangarCount,
    modulesFinished: state.moduleHangar.length - before.moduleHangarCount,
    arrivals, satsLost,
    contractsCompleted: state.stats.contractsCompleted - before.contractsCompleted,
    researchCompleted: state.stats.researchCompleted - before.researchCompleted,
    newColonies: state.colonies.length - before.coloniesCount,
    newContacts: state.firstContacts.length - before.firstContactsCount,
  };
}

// NEU (TODO-OFFLINE-PROGRESS): baut die Zeilen im "Während du weg warst"-Modal aus dem
// Rückgabewert von computeAndApplyOfflineProgress(). Zeilen mit Delta 0 werden weggelassen,
// damit nicht jedes Mal eine lange Liste voller Nullen erscheint.
function fmtSigned(n){
  return (n>=0?'+':'-') + fmtMoney(Math.abs(n));
}
function renderOfflineReport(r){
  const wrap = document.getElementById('offlineReportBody');
  if(!wrap) return;
  const rowStyle = 'display:flex; justify-content:space-between; align-items:center; font-size:11.5px; padding:7px 0; border-top:1px solid var(--border);';
  const line = (label, value) => value ? `<div style="${rowStyle}"><span class="small-muted">${label}</span><span>${value}</span></div>` : '';
  let html = `<div style="font-size:12px; line-height:1.5; padding-bottom:8px;">${r.days} Tag(e) sind vergangen, während du weg warst${r.wasCapped ? ' (auf dieses Maximum begrenzt — du warst tatsächlich noch länger weg)' : ''}. Hier die Zusammenfassung:</div>`;
  html += line('Kontostand', fmtSigned(r.moneyDelta));
  html += line('Einnahmen', r.incomeDelta>0 ? '+'+fmtMoney(r.incomeDelta) : '');
  html += line('Unterhalt', r.upkeepDelta>0 ? '-'+fmtMoney(r.upkeepDelta) : '');
  html += line('Satelliten im Orbit angekommen', r.arrivals>0 ? '+'+r.arrivals : '');
  html += line('Satelliten durch Weltraumschrott verloren', r.satsLost>0 ? '-'+r.satsLost : '');
  html += line('Schiffe fertiggestellt', r.shipsFinished>0 ? '+'+r.shipsFinished : '');
  html += line('Module fertiggestellt', r.modulesFinished>0 ? '+'+r.modulesFinished : '');
  html += line('Forschung abgeschlossen', r.researchCompleted>0 ? '+'+r.researchCompleted : '');
  html += line('Aufträge abgeschlossen', r.contractsCompleted>0 ? '+'+r.contractsCompleted : '');
  html += line('Neue Kolonien gegründet', r.newColonies>0 ? '+'+r.newColonies : '');
  html += line('Neue Erstkontakte', r.newContacts>0 ? '+'+r.newContacts : '');
  wrap.innerHTML = html;
}
function showOfflineReportModal(r){
  renderOfflineReport(r);
  const modal = document.getElementById('offlineReportModal');
  if(modal) modal.classList.add('active');
}

/* ============================== RENDER: BUILD VIEW ============================== */
let activeModCat = 'power';
let pendingScrapId = null, pendingScrapTimer = null;
function renderBuild(){
  const chassisWrap = document.getElementById('chassisChips');
  // werftOnly-Chassis (Kolonieschiff/Frachter, siehe TODO-WERFT-PFLICHT) tauchen hier bewusst
  // NICHT auf — die sind nur über die Werft-Montage (renderAssembly) baubar.
  chassisWrap.innerHTML = Object.values(CHASSIS).filter(c=>!c.werftOnly).map(c=>{
    const unlocked = isChassisUnlocked(c);
    const sel = state.draft.chassisId === c.id;
    return `<div class="chip ${sel?'sel':''} ${!unlocked?'locked':''}" data-chassis="${c.id}">
      <div class="t"><span>${c.name}</span><span>${fmtMoney(c.cost)}</span></div>
      <div class="s">Slots: ${c.slots} · Masse: ${c.mass}kg · Zuverl.: ${Math.round(c.reliability*100)}%</div>
    </div>`;
  }).join('');
  chassisWrap.querySelectorAll('.chip').forEach(el=>{
    el.addEventListener('click', ()=>selectChassis(el.dataset.chassis));
  });

  const subtabs = document.getElementById('modSubtabs');
  subtabs.innerHTML = MOD_CATS.map(c=>`<div class="subtab ${c.id===activeModCat?'active':''}" data-cat="${c.id}">${c.label}</div>`).join('');
  subtabs.querySelectorAll('.subtab').forEach(el=>{
    el.addEventListener('click', ()=>{ activeModCat = el.dataset.cat; renderBuild(); });
  });

  const modList = document.getElementById('modList');
  modList.innerHTML = MODULES[activeModCat].map(m=>{
    const unlocked = isModUnlocked(m);
    let detail = [];
    if(m.power) detail.push(`+${m.power} Energie`);
    if(m.powerDraw) detail.push(`-${m.powerDraw} Energie`);
    if(m.bandwidth) detail.push(`+${m.bandwidth} Bandbreite`);
    if(m.deltaV) detail.push(`+${m.deltaV} Treibstoffreserve`);
    if(m.type) detail.push(PAYLOAD_TYPES[m.type].label);
    if(m.noSlot) detail.push('kein Slot — nur Kennzeichnung');
    const isActiveRole = m.cat==='role' && state.draft.mods.includes(m.id);
    const massTxt = m.mass ? ` · ${m.mass}kg` : '';
    return `<div class="mod-row ${!unlocked?'locked':''}">
      <div><div class="n">${m.name}${isActiveRole?' ✓':''}</div><div class="d">${detail.join(' · ')}${massTxt}</div></div>
      <button class="btn small" data-add="${m.id}" ${!unlocked?'disabled':''}>${m.cost>0 ? '+ '+fmtMoney(m.cost) : (isActiveRole?'✓ gewählt':'+ setzen')}</button>
    </div>`;
  }).join('');
  modList.querySelectorAll('[data-add]').forEach(btn=>{
    btn.addEventListener('click', ()=>addMod(btn.dataset.add));
  });

  const st = draftStats();
  document.getElementById('selectedMods').innerHTML = st.mods.map((m,i)=>`
    <div class="item"><span>${m.name}</span><button data-rm="${i}">✕</button></div>
  `).join('') || '<div class="small-muted">Keine Module gewählt.</div>';
  document.getElementById('selectedMods').querySelectorAll('[data-rm]').forEach(btn=>{
    btn.addEventListener('click', ()=>removeMod(Number(btn.dataset.rm)));
  });

  document.getElementById('statMass').textContent = Math.round(st.mass) + ' kg';
  const massEl = document.getElementById('statMass');
  if(st.chassis && needsOrbitalWerft(st.mass)){
    massEl.textContent = `${Math.round(st.mass)} kg — zu schwer für jede Rakete!${orbitalWerftUnlocked()?' (nur via Orbitalwerft startbar)':' (Forschung „Orbitalwerft" nötig)'}`;
    massEl.className = 'v bad';
  } else {
    massEl.className = 'v';
  }
  document.getElementById('statSlots').textContent = `${st.slotsUsed} / ${st.slotsMax}`;
  const pb = document.getElementById('statPower');
  pb.textContent = st.powerBalance;
  pb.className = 'v ' + (st.powerBalance<0 ? 'bad':'good');
  document.getElementById('statBw').textContent = st.bandwidth;
  document.getElementById('statDv').textContent = Math.round(st.deltaV);
  const editingForTime = !!state.draft.editingId;
  const timeDays = st.chassis ? (editingForTime ? Math.max(1, Math.ceil(buildTimeFor(st.chassis.id, st.mods.length)/2)) : buildTimeFor(st.chassis.id, st.mods.length)) : 0;
  document.getElementById('statTime').textContent = st.chassis ? `${timeDays} Tag(e)${editingForTime?' (Umbau)':''}` : '0 Tage';

  const editing = !!state.draft.editingId;
  const costEl = document.getElementById('statCost');
  const editBanner = document.getElementById('editBanner');
  const buildBtn = document.getElementById('btnBuild');
  const qtyRow = document.getElementById('qtyRow');
  // NEU (TODO-FABRIK-WARTESCHLANGE): volle Warteschlange blockiert den Bau nicht mehr — Aufträge
  // über die aktive Kapazität hinaus werden bezahlt und landen in state.constructionWaitQueue
  // (siehe buildSatellite()/tickDay()), analog Modul-Fabrik.
  const remainingCap = getRemainingQueueCap();
  let payDue = st.cost;
  if(editing){
    qtyRow.style.display = 'none';
    editBanner.style.display = 'flex';
    document.getElementById('editBannerText').textContent = `Bearbeite: ${state.draft.editingName}`;
    const delta = st.cost - state.draft.editingOriginalCost;
    payDue = Math.max(0, delta);
    costEl.textContent = (delta>=0?'+':'−') + fmtMoney(Math.abs(delta)) + ' (Umbau)';
    costEl.className = 'v ' + (delta>0?'bad': delta<0 ? 'good' : '');
    buildBtn.textContent = remainingCap>0 ? 'Änderungen speichern' : 'Änderungen speichern (wartend)';
  } else {
    qtyRow.style.display = 'flex';
    editBanner.style.display = 'none';
    const qty = getBuildQty();
    payDue = st.cost * qty;
    costEl.textContent = qty>1 ? `${fmtMoney(payDue)} (${qty}× ${fmtMoney(st.cost)})` : fmtMoney(st.cost);
    costEl.className = 'v';
    const activeQty = Math.min(qty, remainingCap);
    const waitQty = qty - activeQty;
    buildBtn.textContent = qty>1
      ? (waitQty>0 ? `${qty} Satelliten bauen (${activeQty} aktiv, ${waitQty} wartend)` : `${activeQty} Satelliten bauen`)
      : (remainingCap>0 ? 'Satellit bauen' : 'Satellit bauen (wartend)');
  }
  buildBtn.disabled = !st.chassis || st.mods.length===0 || state.money < payDue;
  document.getElementById('btnSaveBlueprint').disabled = !st.chassis || st.mods.length===0 || !blueprintSystemUnlocked();

  drawPreview(st);
  document.getElementById('previewName').textContent = st.chassis ? `${st.chassis.name}-Chassis · ${st.mods.length} Module` : '— kein Chassis gewählt —';

  // hangar
  const hangarList = document.getElementById('hangarList');
  const hangarEmpty = document.getElementById('hangarEmpty');
  const hangarStackBar = document.getElementById('hangarStackBar');
  const hangarSelectAllRow = document.getElementById('hangarSelectAllRow');
  // Ausgewählte IDs bereinigen, falls Satelliten inzwischen verschrottet/gestartet/bearbeitet wurden.
  state.hangarLaunchSelection = state.hangarLaunchSelection.filter(id=>state.hangar.some(s=>s.id===id));
  if(state.hangar.length===0){
    hangarList.innerHTML=''; hangarEmpty.style.display='block';
    if(hangarStackBar) hangarStackBar.innerHTML='';
    if(hangarSelectAllRow) hangarSelectAllRow.innerHTML='';
  } else {
    hangarEmpty.style.display='none';
    // NEU (TODO-MASSENSTART-ALLE): "Alle auswählen"/"Keine" direkt neben der Hangar-Überschrift —
    // spart bei 100 Satelliten das einzelne Anklicken jeder Checkbox.
    if(hangarSelectAllRow){
      const allSelected = state.hangar.length>0 && state.hangar.every(s=>state.hangarLaunchSelection.includes(s.id));
      hangarSelectAllRow.innerHTML = `
        <button class="btn small ghost" id="btnHangarSelectAll" style="margin-left:8px;">${allSelected?'✓ Alle ausgewählt':`Alle auswählen (${state.hangar.length})`}</button>
        ${state.hangarLaunchSelection.length>0 ? `<button class="btn small ghost" id="btnHangarSelectNone" style="margin-left:6px;">Auswahl aufheben</button>` : ''}
      `;
      const selAllBtn = document.getElementById('btnHangarSelectAll');
      if(selAllBtn) selAllBtn.addEventListener('click', ()=>{
        state.hangarLaunchSelection = state.hangar.map(s=>s.id);
        renderBuild();
      });
      const selNoneBtn = document.getElementById('btnHangarSelectNone');
      if(selNoneBtn) selNoneBtn.addEventListener('click', ()=>{
        state.hangarLaunchSelection = [];
        renderBuild();
      });
    }
    hangarList.innerHTML = state.hangar.map(s=>{
      const d = computeSatDerived(s.chassisId, s.mods);
      const overCapacity = needsOrbitalWerft(d.mass);
      const werftReady = overCapacity && orbitalWerftUnlocked();
      const capWarning = overCapacity
        ? ` · <span class="${werftReady?'':'v bad'}">${werftReady?'nur via Orbitalwerft startbar':'zu schwer für jede Rakete!'}</span>`
        : '';
      const checked = state.hangarLaunchSelection.includes(s.id);
      return `<div class="hangar-item">
        <div style="display:flex; align-items:flex-start; gap:8px;">
          <input type="checkbox" data-hangarsel="${s.id}" ${checked?'checked':''} title="Für Massenstart auswählen" style="margin-top:4px;">
          <div><div class="name">${s.name}</div><div class="meta">${CHASSIS[s.chassisId].name} · ${Math.round(d.mass)}kg · Treibstoffreserve ${Math.round(d.deltaV)}${capWarning}</div></div>
        </div>
        <div class="actions">
          <button class="btn small" data-edit="${s.id}">Bearbeiten</button>
          <button class="btn small danger" data-scrap="${s.id}">${pendingScrapId===s.id?'⚠ Wirklich?':'Zerlegen'}</button>
          <button class="btn primary small" data-launch="${s.id}">Starten</button>
        </div>
      </div>`;
    }).join('');
    hangarList.querySelectorAll('[data-launch]').forEach(btn=>{
      btn.addEventListener('click', ()=>openLaunchModal(Number(btn.dataset.launch)));
    });
    hangarList.querySelectorAll('[data-hangarsel]').forEach(cb=>{
      cb.addEventListener('change', ()=>toggleHangarLaunchSelection(Number(cb.dataset.hangarsel)));
    });
    hangarList.querySelectorAll('[data-edit]').forEach(btn=>{
      btn.addEventListener('click', ()=>editSatellite(Number(btn.dataset.edit)));
    });
    hangarList.querySelectorAll('[data-scrap]').forEach(btn=>{
      btn.addEventListener('click', ()=>{
        const id = Number(btn.dataset.scrap);
        if(pendingScrapId === id){
          clearTimeout(pendingScrapTimer);
          pendingScrapId = null;
          scrapSatellite(id);
        } else {
          pendingScrapId = id;
          clearTimeout(pendingScrapTimer);
          pendingScrapTimer = setTimeout(()=>{ pendingScrapId=null; renderBuild(); }, 2500);
          renderBuild();
        }
      });
    });
    // NEU (TODO-MASSENSTART): Sammelleiste unter der Hangar-Liste — zeigt die aktuelle Checkbox-
    // Auswahl und startet sie per Klick automatisch nacheinander (erster Start mit vollem Video,
    // alle weiteren nur noch mit kurzem Countdown, siehe openBatchLaunchModal()/runBatchLaunch()).
    if(hangarStackBar){
      if(state.hangarLaunchSelection.length<2){
        hangarStackBar.innerHTML = `<div class="small-muted" style="margin-top:10px;">Checkbox bei mehreren Satelliten anhaken, um sie per Massenstart automatisch nacheinander hochzuschicken (nur der erste Start zeigt das volle Video, der Rest läuft im Schnelldurchlauf).</div>`;
      } else {
        hangarStackBar.innerHTML = `<div class="stat-line" style="margin-top:10px;"><span class="k">Ausgewählt</span><span class="v">${state.hangarLaunchSelection.length} Satelliten</span></div>
          <button class="btn primary" id="btnBatchLaunch" style="width:100%; margin-top:6px; justify-content:center;">🚀 Massenstart konfigurieren</button>`;
        const batchBtn = document.getElementById('btnBatchLaunch');
        if(batchBtn) batchBtn.addEventListener('click', ()=>openBatchLaunchModal([...state.hangarLaunchSelection]));
      }
    }
  }

  // Baupläne (NEU: gesperrt bis Forschung 'blaupausensystem', siehe blueprintSystemUnlocked())
  const blueprintList = document.getElementById('blueprintList');
  const blueprintEmpty = document.getElementById('blueprintEmpty');
  const blueprintLockHint = document.getElementById('blueprintLockHint');
  if(!blueprintSystemUnlocked()){
    blueprintList.innerHTML=''; blueprintEmpty.style.display='none'; blueprintLockHint.style.display='block';
  } else if(state.blueprints.length===0){
    blueprintLockHint.style.display='none';
    blueprintList.innerHTML=''; blueprintEmpty.style.display='block';
  } else {
    blueprintLockHint.style.display='none';
    blueprintEmpty.style.display='none';
    blueprintList.innerHTML = state.blueprints.map(bp=>{
      const chassis = CHASSIS[bp.chassisId];
      const d = chassis ? computeSatDerived(bp.chassisId, bp.mods) : null;
      const metaTxt = chassis ? `${chassis.name} · ${bp.mods.length} Module · ${fmtMoney(d.cost)}` : 'Unbekanntes Chassis';
      return `<div class="hangar-item">
        <div><div class="name">${bp.name}</div><div class="meta">${metaTxt}</div></div>
        <div class="actions">
          <button class="btn small" data-loadbp="${bp.id}">Laden</button>
          <button class="btn small danger" data-delbp="${bp.id}">Löschen</button>
        </div>
      </div>`;
    }).join('');
    blueprintList.querySelectorAll('[data-loadbp]').forEach(btn=>{
      btn.addEventListener('click', ()=>loadBlueprint(Number(btn.dataset.loadbp)));
    });
    blueprintList.querySelectorAll('[data-delbp]').forEach(btn=>{
      btn.addEventListener('click', ()=>deleteBlueprint(Number(btn.dataset.delbp)));
    });
  }
}

function drawPreview(st){
  const canvas = document.getElementById('previewCanvas');
  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio||1;
  const w = canvas.clientWidth, h = canvas.clientHeight;
  canvas.width = w*dpr; canvas.height = h*dpr;
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,w,h);
  if(!st.chassis){
    ctx.fillStyle='#484848'; ctx.font='11px JetBrains Mono'; ctx.textAlign='center';
    ctx.fillText('Kein Chassis gewählt', w/2, h/2);
    return;
  }
  const cx = w/2, cy = h/2+10;
  const scale = st.chassis.id==='klein'?1: st.chassis.id==='mittel'?1.2:1.45;

  // Vignette/Showroom-Hintergrund — dezenter Radial-Glow hinter dem Modell
  const vignette = ctx.createRadialGradient(cx,cy,4,cx,cy,Math.max(w,h)*0.6);
  vignette.addColorStop(0,'rgba(255,106,43,0.07)');
  vignette.addColorStop(0.5,'rgba(255,106,43,0.02)');
  vignette.addColorStop(1,'rgba(0,0,0,0)');
  ctx.fillStyle = vignette;
  ctx.fillRect(0,0,w,h);

  // stars bg
  ctx.fillStyle='rgba(255,255,255,.15)';
  for(let i=0;i<25;i++){ const x=(i*53.7)%w, y=(i*29.3)%h; ctx.fillRect(x,y,1,1); }

  ctx.save();
  ctx.translate(cx,cy);
  // isometric-ish chassis box
  const bw = 26*scale, bh = 34*scale, depth = 12*scale;

  // Vorderseite — Linear-Gradient statt Flat-Fill für Materialtiefe
  const frontGrd = ctx.createLinearGradient(-bw/2,-bh/2,bw/2,bh/2);
  frontGrd.addColorStop(0,   '#e2e2e2');
  frontGrd.addColorStop(0.45,'#c6c6c6');
  frontGrd.addColorStop(1,   '#a8a8a8');
  ctx.fillStyle = frontGrd;
  ctx.beginPath();
  ctx.moveTo(-bw/2,-bh/2); ctx.lineTo(bw/2,-bh/2); ctx.lineTo(bw/2,bh/2); ctx.lineTo(-bw/2,bh/2); ctx.closePath(); ctx.fill();
  // feine Panel-Nähte auf der Vorderseite
  ctx.strokeStyle = 'rgba(60,60,60,0.35)'; ctx.lineWidth = 0.6;
  for(let i=1;i<3;i++){
    const yy = -bh/2 + (bh/3)*i;
    ctx.beginPath(); ctx.moveTo(-bw/2+1,yy); ctx.lineTo(bw/2-1,yy); ctx.stroke();
  }

  // Seitenfläche (Schattenkante) — dunkler Gradient
  const sideGrd = ctx.createLinearGradient(bw/2,-bh/2,bw/2+depth*0.6,bh/2);
  sideGrd.addColorStop(0,'#87878a');
  sideGrd.addColorStop(1,'#5c5c60');
  ctx.fillStyle = sideGrd;
  ctx.beginPath();
  ctx.moveTo(bw/2,-bh/2); ctx.lineTo(bw/2+depth*0.6,-bh/2-depth*0.4); ctx.lineTo(bw/2+depth*0.6,bh/2-depth*0.4); ctx.lineTo(bw/2,bh/2); ctx.closePath(); ctx.fill();

  // Oberseite — Highlight-Kante, hellster Punkt des Chassis
  const topGrd = ctx.createLinearGradient(-bw/2,-bh/2-depth*0.4,bw/2+depth*0.6,-bh/2);
  topGrd.addColorStop(0,'#f4f4f4');
  topGrd.addColorStop(1,'#d6d6d6');
  ctx.fillStyle = topGrd;
  ctx.beginPath();
  ctx.moveTo(-bw/2,-bh/2); ctx.lineTo(bw/2,-bh/2); ctx.lineTo(bw/2+depth*0.6,-bh/2-depth*0.4); ctx.lineTo(-bw/2+depth*0.6,-bh/2-depth*0.4); ctx.closePath(); ctx.fill();
  // Highlight-Linie entlang der oberen Vorderkante
  ctx.strokeStyle = 'rgba(255,255,255,0.65)'; ctx.lineWidth = 0.8;
  ctx.beginPath(); ctx.moveTo(-bw/2,-bh/2); ctx.lineTo(bw/2,-bh/2); ctx.stroke();
  // dünne Kontur ums gesamte Chassis für mehr Definition
  ctx.strokeStyle = 'rgba(30,30,32,0.4)'; ctx.lineWidth = 0.7;
  ctx.beginPath();
  ctx.moveTo(-bw/2,-bh/2); ctx.lineTo(bw/2,-bh/2); ctx.lineTo(bw/2+depth*0.6,-bh/2-depth*0.4);
  ctx.lineTo(bw/2+depth*0.6,bh/2-depth*0.4); ctx.lineTo(bw/2,bh/2); ctx.lineTo(-bw/2,bh/2); ctx.closePath(); ctx.stroke();

  // solar panels for each power module — jetzt mit echtem Ausleger (Boom), der DIREKT am
  // Rumpf ansetzt (kein Spalt mehr!), Scharnier-Gelenk am Übergang und segmentierten
  // Panel-Feldern (mehr Module = längerer, sichtbar angeflanschter Array).
  // "Technik-Blau" bewusst als Kontrast zur Akzentfarbe beibehalten.
  const powerCount = st.mods.filter(m=>m.cat==='power').length;
  if(powerCount>0){
    const boomLen = 6*scale, segW = 13*scale, segGap = 1.6*scale, panelH = 15*scale;
    const segCount = Math.min(powerCount,4);
    for(let side=-1; side<=1; side+=2){
      const chassisEdgeX = side*(bw/2);
      const boomEndX = side*(bw/2+boomLen);
      // Ausleger — solide Metallstrebe, beginnt EXAKT an der Rumpfkante
      const boomGrd = ctx.createLinearGradient(chassisEdgeX,0,boomEndX,0);
      boomGrd.addColorStop(0,'#8c8c90'); boomGrd.addColorStop(1,'#b8b8bc');
      ctx.strokeStyle = boomGrd; ctx.lineWidth = 2.6*scale; ctx.lineCap='round';
      ctx.beginPath(); ctx.moveTo(chassisEdgeX,0); ctx.lineTo(boomEndX,0); ctx.stroke();
      // Scharnier-Gelenk am Übergang Ausleger→Panel-Array
      const hingeGrd = ctx.createRadialGradient(boomEndX,0,0.3,boomEndX,0,2.4*scale);
      hingeGrd.addColorStop(0,'#e8e8ea'); hingeGrd.addColorStop(1,'#6e6e72');
      ctx.fillStyle = hingeGrd;
      ctx.beginPath(); ctx.arc(boomEndX,0,2.2*scale,0,Math.PI*2); ctx.fill();
      ctx.strokeStyle='rgba(20,20,22,.5)'; ctx.lineWidth=0.6;
      ctx.beginPath(); ctx.arc(boomEndX,0,2.2*scale,0,Math.PI*2); ctx.stroke();

      for(let i=0;i<segCount;i++){
        const dStart = boomLen + i*(segW+segGap), dEnd = dStart+segW;
        const xA = side*(bw/2+dStart), xB = side*(bw/2+dEnd);
        const segX = Math.min(xA,xB), segRectW = Math.abs(xB-xA);
        const panelGrd = ctx.createLinearGradient(segX,-panelH/2,segX,panelH/2);
        panelGrd.addColorStop(0,  'rgba(130,224,255,0.92)');
        panelGrd.addColorStop(0.5,'rgba(63,200,255,0.88)');
        panelGrd.addColorStop(1,  'rgba(24,110,160,0.92)');
        ctx.fillStyle = panelGrd;
        ctx.fillRect(segX,-panelH/2,segRectW,panelH);
        // Zellen-Raster
        ctx.strokeStyle='rgba(8,18,28,.55)'; ctx.lineWidth=0.5;
        for(let g=1;g<3;g++){ const gx=segX+segRectW*(g/3); ctx.beginPath(); ctx.moveTo(gx,-panelH/2); ctx.lineTo(gx,panelH/2); ctx.stroke(); }
        ctx.beginPath(); ctx.moveTo(segX,0); ctx.lineTo(segX+segRectW,0); ctx.stroke();
        ctx.strokeStyle='rgba(255,255,255,.25)'; ctx.lineWidth=0.5;
        ctx.strokeRect(segX+0.5,-panelH/2+0.5,segRectW-1,panelH-1);
        // Falt-Scharnier zwischen Segmenten
        if(i>0){
          ctx.strokeStyle='rgba(10,10,12,.5)'; ctx.lineWidth=0.8;
          ctx.beginPath(); ctx.moveTo(segX,-panelH/2); ctx.lineTo(segX,panelH/2); ctx.stroke();
        }
      }
    }
  }
  // antenna for comm modules — echte Parabolantenne (Dish) statt Lutscher-Punkt:
  // Mast + Schüssel mit konkaver Schattierung + Feed-Horn + Stützstreben
  const commCount = st.mods.filter(m=>m.cat==='comm').length;
  if(commCount>0){
    const mastTopY = -bh/2-9*scale;
    ctx.strokeStyle = '#ff6a2b'; ctx.lineWidth = 2*scale;
    ctx.beginPath(); ctx.moveTo(0,-bh/2); ctx.lineTo(0,mastTopY); ctx.stroke();
    const dishCY = mastTopY - 5.5*scale;
    ctx.strokeStyle = '#ffb02e'; ctx.lineWidth = 1.1*scale;
    ctx.beginPath(); ctx.moveTo(0,mastTopY); ctx.lineTo(0,dishCY); ctx.stroke();
    // Schüssel — Ellipse mit konkavem Gradient (hell am Rand, dunkler zur Mitte = Bowl-Look)
    const dishRX = 7*scale, dishRY = 3.6*scale;
    const dishGrd = ctx.createRadialGradient(0,dishCY,0.5*scale,0,dishCY,dishRX);
    dishGrd.addColorStop(0,'#c9ccd0');
    dishGrd.addColorStop(0.55,'#e8eaec');
    dishGrd.addColorStop(1,'#9a9ea2');
    ctx.fillStyle = dishGrd;
    ctx.beginPath(); ctx.ellipse(0,dishCY,dishRX,dishRY,0.12,0,Math.PI*2); ctx.fill();
    ctx.strokeStyle = 'rgba(30,30,32,0.4)'; ctx.lineWidth = 0.6;
    ctx.beginPath(); ctx.ellipse(0,dishCY,dishRX,dishRY,0.12,0,Math.PI*2); ctx.stroke();
    // Feed-Horn (Empfänger) über der Schüsselmitte
    const feedY = dishCY - 5*scale;
    ctx.strokeStyle = '#ff6a2b'; ctx.lineWidth = 0.9*scale;
    ctx.beginPath(); ctx.moveTo(0,dishCY-1*scale); ctx.lineTo(0,feedY); ctx.stroke();
    const feedGrd = ctx.createRadialGradient(0,feedY,0.2,0,feedY,2*scale);
    feedGrd.addColorStop(0,'#ffe0b0'); feedGrd.addColorStop(1,'#ff6a2b');
    ctx.fillStyle = feedGrd;
    ctx.beginPath(); ctx.arc(0,feedY,1.8*scale,0,Math.PI*2); ctx.fill();
    // Stützstreben vom Schüsselrand zum Feed-Horn
    ctx.strokeStyle = 'rgba(150,150,155,0.7)'; ctx.lineWidth = 0.6;
    ctx.beginPath(); ctx.moveTo(-dishRX*0.85,dishCY-dishRY*0.2); ctx.lineTo(0,feedY); ctx.stroke();
    ctx.beginPath(); ctx.moveTo(dishRX*0.85,dishCY-dishRY*0.2); ctx.lineTo(0,feedY); ctx.stroke();
  }
  // payload pods — Kapselform mit Highlight, jetzt an einer sichtbaren Halterungsstrebe
  // vom Rumpf aufgehängt statt lose in der Luft zu schweben
  const payloads = st.mods.filter(m=>m.cat==='payload');
  if(payloads.length>0){
    const boomBottomY = bh/2+6;
    ctx.strokeStyle = 'rgba(150,150,155,0.7)'; ctx.lineWidth = 1;
    ctx.beginPath(); ctx.moveTo(0,bh/2); ctx.lineTo(0,boomBottomY); ctx.stroke();
  }
  payloads.forEach((p,i)=>{
    const col = PAYLOAD_TYPES[p.type].color;
    const py = bh/2+6+i*9;
    // Verbindungssteg zwischen aufeinanderfolgenden Pods
    if(i>0){
      ctx.strokeStyle = 'rgba(150,150,155,0.7)'; ctx.lineWidth = 1;
      ctx.beginPath(); ctx.moveTo(0,bh/2+6+(i-1)*9); ctx.lineTo(0,py); ctx.stroke();
    }
    ctx.save();
    ctx.translate(0,py);
    // Kapselkörper (abgerundetes Rechteck als Stadium-Form)
    const capW = 8.5, capH = 4.4, rad = capH/2;
    ctx.fillStyle = col;
    ctx.beginPath();
    ctx.moveTo(-capW/2+rad,-rad);
    ctx.lineTo(capW/2-rad,-rad);
    ctx.arc(capW/2-rad,0,rad,-Math.PI/2,Math.PI/2);
    ctx.lineTo(-capW/2+rad,rad);
    ctx.arc(-capW/2+rad,0,rad,Math.PI/2,Math.PI*1.5);
    ctx.closePath(); ctx.fill();
    // Highlight-Streifen oben für plastischere Wirkung
    ctx.fillStyle = 'rgba(255,255,255,0.35)';
    ctx.beginPath(); ctx.ellipse(-capW/6,-rad*0.35,capW*0.28,rad*0.4,0,0,Math.PI*2); ctx.fill();
    ctx.strokeStyle = 'rgba(0,0,0,0.35)'; ctx.lineWidth = 0.5;
    ctx.beginPath();
    ctx.moveTo(-capW/2+rad,-rad);
    ctx.lineTo(capW/2-rad,-rad);
    ctx.arc(capW/2-rad,0,rad,-Math.PI/2,Math.PI/2);
    ctx.lineTo(-capW/2+rad,rad);
    ctx.arc(-capW/2+rad,0,rad,Math.PI/2,Math.PI*1.5);
    ctx.closePath(); ctx.stroke();
    ctx.restore();
  });
  // fuel tank — jetzt als zylindrischer Tank (statt schlichtem Streifen) mit Triebwerksdüse
  const fuelCount = st.mods.filter(m=>m.cat==='fuel').length;
  if(fuelCount>0){
    const tankY = bh/2-6, tankH = 6, tankW = bw-6;
    const fuelGrd = ctx.createLinearGradient(-tankW/2,0,tankW/2,0);
    fuelGrd.addColorStop(0,  'rgba(200,130,40,.85)');
    fuelGrd.addColorStop(0.5,'rgba(255,200,100,.95)');
    fuelGrd.addColorStop(1,  'rgba(200,130,40,.85)');
    ctx.fillStyle = fuelGrd;
    ctx.beginPath();
    ctx.moveTo(-tankW/2+2,tankY); ctx.lineTo(tankW/2-2,tankY);
    ctx.quadraticCurveTo(tankW/2,tankY, tankW/2,tankY+tankH/2);
    ctx.quadraticCurveTo(tankW/2,tankY+tankH, tankW/2-2,tankY+tankH);
    ctx.lineTo(-tankW/2+2,tankY+tankH);
    ctx.quadraticCurveTo(-tankW/2,tankY+tankH, -tankW/2,tankY+tankH/2);
    ctx.quadraticCurveTo(-tankW/2,tankY, -tankW/2+2,tankY);
    ctx.closePath(); ctx.fill();
    ctx.strokeStyle='rgba(120,70,15,.6)'; ctx.lineWidth=0.5; ctx.stroke();
    // Triebwerksdüse unten mittig
    const nozzleGrd = ctx.createLinearGradient(0,bh/2,0,bh/2+6);
    nozzleGrd.addColorStop(0,'#6e6e72'); nozzleGrd.addColorStop(1,'#3a3a3d');
    ctx.fillStyle = nozzleGrd;
    ctx.beginPath();
    ctx.moveTo(-4,bh/2); ctx.lineTo(4,bh/2); ctx.lineTo(2.4,bh/2+6); ctx.lineTo(-2.4,bh/2+6); ctx.closePath(); ctx.fill();
    ctx.fillStyle='rgba(255,150,60,0.55)';
    ctx.beginPath(); ctx.ellipse(0,bh/2+6,2.2,0.8,0,0,Math.PI*2); ctx.fill();
  }
  ctx.restore();
}

/* ============================== RENDER: ORBIT VIEW ============================== */
let selectedSatId = null;
// NEU (TODO-KOLONIE-ORBIT): welcher Ort im Orbit-Netzwerk-Tab gerade angezeigt wird — 'earth'
// oder der destKey einer Kolonie (state.colonies[].destKey). Satelliten selbst tragen ein
// s.location-Feld (Migration: fehlt bei Altspielständen, defaultet dann live auf 'earth', siehe
// ensureSatLocations() in renderAll()). Rein UI-seitiger Zustand, bewusst NICHT in state.
let orbitViewLocation = 'earth';
let selectedGalaxyId = 'milchstrasse'; // aktuell gewählter Knoten im Hub: 'milchstrasse' (Sternenkarte) oder eine Galaxie-ID aus GALAXIES
let selectedStarSystemId = null; // NEU (TODO-STERNSYSTEM-KARTEN): aktuell gewähltes System auf der Sternenkarte, siehe drawStarSystemMap()
let selectedGalaxyTargetId = null; // NEU (TODO-GALAXIE-PLANETENKARTEN): aktuell gewähltes Sprungziel in der Galaxie-Detailkarte, siehe drawStarSystemMap()
let orbitAnimHandle = null;
const starfield = Array.from({length:140},()=>({x:Math.random(),y:Math.random(),r:Math.random()*1.3+0.2,tw:Math.random()*Math.PI*2}));

/* ============================== GENERISCHES PAN/ZOOM FÜR KARTEN-CANVASSE ============================== */
// Gilt für alle Karten-Canvasse (Orbit-Netzwerk, Sonnensystem, Sternenkarte, Galaxien-Hub, Andromeda):
// Linke Maustaste gedrückt halten + ziehen = verschieben (pan), Scrollrad = zoomen, Reset-Button = Standardansicht.
const mapViews = {};
function getMapView(id){
  if(!mapViews[id]) mapViews[id] = { zoom:1, panX:0, panY:0 };
  return mapViews[id];
}
function resetMapView(id, redraw){
  // Wichtig: bestehendes View-Objekt in-place zurücksetzen statt zu ersetzen.
  // attachMapPanZoom() haelt sich eine Referenz auf das Objekt (const view = getMapView(id)),
  // die in den mousedown/wheel-Handlern verwendet wird. Wuerde man hier ein neues Objekt
  // in mapViews[id] ablegen, zeigt diese Referenz weiter auf das alte (verwaiste) Objekt —
  // Scroll/Zoom aendert dann nur noch das alte Objekt, waehrend die Zeichenfunktionen bereits
  // wieder frisch per getMapView(id) das neue lesen. Ergebnis: nach Reset "friert" der Zoom ein.
  const view = getMapView(id);
  view.zoom = 1; view.panX = 0; view.panY = 0;
  if(redraw) redraw();
}
function attachMapPanZoom(canvasId, opts={}){
  const canvas = document.getElementById(canvasId);
  if(!canvas || canvas._panZoomAttached) return;
  canvas._panZoomAttached = true;
  const view = getMapView(canvasId);
  const minZoom = opts.minZoom!=null ? opts.minZoom : 0.5;
  const maxZoom = opts.maxZoom!=null ? opts.maxZoom : 2.5;
  const redraw = opts.redraw || function(){};
  let dragging = false, startX = 0, startY = 0, startPanX = 0, startPanY = 0;
  canvas.addEventListener('mousedown', (e)=>{
    if(e.button !== 0) return;
    dragging = true;
    canvas._wasDragged = false;
    startX = e.clientX; startY = e.clientY;
    startPanX = view.panX; startPanY = view.panY;
    canvas.style.cursor = 'grabbing';
  });
  window.addEventListener('mousemove', (e)=>{
    if(!dragging) return;
    const dx = e.clientX - startX, dy = e.clientY - startY;
    if(Math.hypot(dx,dy) > 3) canvas._wasDragged = true;
    view.panX = startPanX + dx;
    view.panY = startPanY + dy;
    redraw();
  });
  window.addEventListener('mouseup', ()=>{
    if(!dragging) return;
    dragging = false;
    canvas.style.cursor = 'grab';
  });
  canvas.addEventListener('wheel', (e)=>{
    e.preventDefault();
    const dir = e.deltaY > 0 ? -1 : 1;
    view.zoom = Math.min(maxZoom, Math.max(minZoom, view.zoom + dir*0.1));
    redraw();
  }, { passive:false });
  const resetBtn = opts.resetBtnId ? document.getElementById(opts.resetBtnId) : null;
  if(resetBtn){
    resetBtn.addEventListener('click', ()=>{ resetMapView(canvasId, redraw); Sound.click(); });
  }
}

function orbitPoint(cx,cy,rx,ry,angle,inclineRad){
  const ir = inclineRad||0;
  const ex = Math.cos(angle)*rx, ey = Math.sin(angle)*ry;
  const ci = Math.cos(ir), si = Math.sin(ir);
  return { x: cx + ex*ci - ey*si, y: cy + ex*si + ey*ci };
}

// Verschiedene Bahnneigungen — echte Satelliten laufen auch nicht nur über den Äquator.
const ORBIT_INCLINATIONS = [0, 24, -24, 48, -48, 68, -68];
function inclineFor(s){
  if(s.incline==null) s.incline = ORBIT_INCLINATIONS[Math.floor(Math.random()*ORBIT_INCLINATIONS.length)];
  return s.incline * Math.PI/180;
}

function drawOrbitScene(ts){
  const canvas = document.getElementById('orbitCanvas');
  // NEU (TODO-ORBIT-PERF, Nutzer-Feedback: "auch wenn weniger Punkte gezeichnet werden, ist die
  // Karte total laggy"): der eigentliche Bremsklotz war nie die Anzahl der gezeichneten Punkte,
  // sondern dass diese Animation über requestAnimationFrame PERMANENT weiterlief -- 60x/Sekunde
  // alle Satelliten gefiltert, samplet und (versucht zu) zeichnen, komplett unabhängig davon, ob
  // der Orbit-Tab überhaupt geöffnet war. Das kostete durchgehend CPU-Zeit in JEDEM anderen Tab.
  // Jetzt: Tab nicht aktiv -> Animation komplett anhalten (kein weiteres requestAnimationFrame).
  // Neustart über den Tab-Klick-Handler weiter unten, sobald der Orbit-Tab wieder geöffnet wird.
  const viewOrbit = document.getElementById('view-orbit');
  if(!viewOrbit || !viewOrbit.classList.contains('active')){ orbitAnimHandle = null; return; }
  // Winkel-Update läuft weiter mit, solange der Orbit-Tab aktiv ist -- auch während gerade die
  // Kolonie-Unteransicht gezeigt wird (updateOrbitMapVisibility()), damit Satelliten nicht
  // einfrieren, sobald man zurück zur Erd-Ansicht wechselt. Rein kosmetisch (Bahnposition), keine
  // Spielmechanik hängt an s.angle.
  const dt0 = 0.006;
  state.orbitSats.forEach(s=>{ s.angle += ORBITS[s.orbit].speed*dt0; });
  // Erd-Canvas gerade nicht sichtbar (Kolonie-Unteransicht gewählt) -- Rest der teuren Erd-
  // Zeichnung (Filtern/Sampling/Zeichnen aller Erd-Satelliten) überspringen, Loop aber am Laufen
  // halten, damit sie sofort weiterzeichnet, sobald wieder auf Erde umgeschaltet wird.
  if(canvas.offsetParent === null){ orbitAnimHandle = requestAnimationFrame(drawOrbitScene); return; }
  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio||1;
  const cw = canvas.clientWidth, ch = canvas.clientHeight;
  if(canvas.width !== cw*dpr || canvas.height !== ch*dpr){
    canvas.width = cw*dpr; canvas.height = ch*dpr;
  }
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,cw,ch);

  const view = getMapView('orbitCanvas');
  ctx.save();
  ctx.translate(view.panX, view.panY); // Verschiebung per Maus-Drag

  // starfield
  starfield.forEach(s=>{
    const tw = 0.5+0.5*Math.sin(ts/600 + s.tw);
    ctx.fillStyle = `rgba(255,255,255,${0.25+0.5*tw})`;
    ctx.fillRect(s.x*cw, s.y*ch, s.r, s.r);
  });

  const orbitZoom = view.zoom;
  const ZOOM_BASE = 0.72; // Basis-Zoom fürs Einpassen, unabhängig vom Nutzer-Zoom
  const cx = cw/2, cy = ch/2+20;

  // "contain"-Skalierung: rx/ry werden gemeinsam von einem Faktor S abgeleitet,
  // statt rx unabhängig an cw und ry unabhängig an ch zu koppeln. So bleibt die
  // Ellipsenform bei jedem Seitenverhältnis proportional (wie bei object-fit: contain)
  // und die geneigten Bahnebenen (bis 68°) ragen nicht mehr über Ober-/Unterkante hinaus.
  const REF_W = 1000, REF_H = 520; // Referenz-Design-Größe (ursprüngliches Layout)
  const S = Math.min(cw/REF_W, ch/REF_H);
  const earthR = Math.min(cw,ch)*0.16*ZOOM_BASE*orbitZoom;

  // sort rings LEO->GEO for radii
  const ringOrder = ['LEO','MEO','GEO'];
  let rings = ringOrder.map(k=>{
    const o = ORBITS[k];
    return { key:k, rx: REF_W*o.rx*ZOOM_BASE*S, ry: REF_H*o.ry*0.9*ZOOM_BASE*S };
  });

  // Zusätzlicher Clamp für geneigte Bahnebenen: eine breite Ellipse (rx>>ry), die um
  // bis zu 68° rotiert wird, bekommt eine vertikale Bounding-Box von
  // rx*sin(θ)+ry*cos(θ) — bei θ=68° wird daraus fast der volle rx-Wert an Höhe.
  // Das passiert auch bei der Referenzgröße selbst (nicht nur bei Breitbild), darum
  // hier den tatsächlichen Platzbedarf für die stärkste Neigung berechnen und alle
  // Ringe gemeinsam so weit herunterskalieren, dass nichts oben/unten/seitlich clippt.
  // Dieser Clamp bezieht sich bewusst auf den Basis-Zoom — der Nutzer-Zoom (Scrollrad)
  // wird danach separat draufmultipliziert, damit reinzoomen tatsächlich sichtbar größer wird.
  const maxInclRad = Math.max(...ORBIT_INCLINATIONS.map(d=>Math.abs(d))) * Math.PI/180;
  const sinM = Math.sin(maxInclRad), cosM = Math.cos(maxInclRad);
  const padding = 0.9; // kleine Sicherheitsmarge
  const availTop = cy * padding;
  const availBottom = (ch - cy) * padding;
  const availHalfH = Math.min(availTop, availBottom);
  const availLeft = cx * padding;
  const availRight = (cw - cx - 40) * padding; // 40px Platz für die Ring-Labels rechts
  const availHalfW = Math.min(availLeft, availRight);

  const outer = rings[rings.length-1]; // GEO ist der größte Ring
  const neededH = outer.rx*sinM + outer.ry*cosM;
  const neededW = outer.rx*cosM + outer.ry*sinM;
  const clamp = Math.min(1, availHalfH/neededH, availHalfW/neededW);
  rings = rings.map(r=>({ key:r.key, rx:r.rx*clamp*orbitZoom, ry:r.ry*clamp*orbitZoom }));


  function ringPath(rx,ry,rot,a0,a1){
    ctx.beginPath();
    ctx.ellipse(cx,cy,rx,ry,rot,a0,a1);
  }

  // BACK halves of rings — mehrere Bahnebenen pro Höhe (nicht nur äquatorial)
  // Radardarstellung: Ringe in der Akzentfarbe des Spiels statt Blau
  rings.forEach(r=>{
    ORBIT_INCLINATIONS.forEach(deg=>{
      ctx.save();
      ctx.setLineDash([3,5]);
      ctx.strokeStyle = deg===0 ? 'rgba(255,106,43,0.24)' : 'rgba(255,106,43,0.10)';
      ctx.lineWidth = 1;
      ringPath(r.rx,r.ry,deg*Math.PI/180,Math.PI,Math.PI*2);
      ctx.stroke();
      ctx.restore();
    });
  });

  // BACK satellites (sin(angle) < 0) — NEU (TODO-KOLONIE-ORBIT): nur Erd-Satelliten, Kolonie-
  // Satelliten haben ihre eigene, leichtgewichtige Ring-Ansicht (renderOrbitColonyRings)
  // NEU (TODO-ORBIT-PUNKTE-REDUZIEREN): sampleOrbitSatsForDisplay() statt der vollen Liste, siehe
  // Erklärung dort -- bei großen Flotten steht ein Punkt dann für ~50 echte Satelliten.
  const earthSatsAll = state.orbitSats.filter(s=>(s.location||'earth')==='earth');
  const earthSatsVisible = sampleOrbitSatsForDisplay(earthSatsAll);
  earthSatsVisible.forEach(s=>{
    if(Math.sin(s.angle) >= 0) return;
    drawSatDot(ctx, cx, cy, s, rings);
  });

  // EARTH — detailreicher: Grundkugel, Terrain, Wolken, Polkappen, Atmosphäre, Terminator, Rim-Light
  ctx.save();
  ctx.beginPath(); ctx.arc(cx,cy,earthR,0,Math.PI*2); ctx.clip();

  // Ozean-Grundkörper
  const grd = ctx.createRadialGradient(cx-earthR*0.35, cy-earthR*0.35, earthR*0.05, cx, cy, earthR*1.05);
  grd.addColorStop(0,   '#3f8fd6');
  grd.addColorStop(0.35,'#2a6fb0');
  grd.addColorStop(0.7, '#1c4c82');
  grd.addColorStop(1,   '#081b31');
  ctx.fillStyle = grd;
  ctx.beginPath(); ctx.arc(cx,cy,earthR,0,Math.PI*2); ctx.fill();

  // Eigenrotation der Erde — ECHTE Kugel-Projektion statt 2D-Drehung um die Bildachse:
  // Jedes Oberflächen-Feature liegt an einer festen (lon,lat)-Koordinate auf der Kugel.
  // Pro Frame wird lon += earthRotation gerechnet, daraus x/y/z auf der Einheitskugel
  // (Orthografische Projektion), und Features werden zum Rand hin schmaler (Verkürzung,
  // via z-Faktor) und verschwinden komplett, sobald sie auf die erdabgewandte Seite wandern.
  // So läuft die Textur wie bei einem echten rotierenden Globus über die Kugelform,
  // statt sich wie ein Uhrzeiger flach im Kreis zu drehen.
  // Polkappen, Terminator, Atmosphäre & Rim-Light bleiben davon unberührt (siehe unten),
  // da sie entweder fix an den Polen liegen oder von der Lichtquelle abhängen statt vom Planeten selbst.
  const earthRotation = (ts/24000) % (Math.PI*2);

  // projiziert eine feste (lon,lat)-Koordinate (Radiant) auf Bildschirm-Offset + Sichtbarkeits-/Skalierungsfaktor
  function sphereProject(lon, lat, rot){
    const lonEff = lon + rot;
    const cosLat = Math.cos(lat);
    const x3d = cosLat * Math.sin(lonEff);      // -1..1, Bildschirm-X
    const y3d = Math.sin(lat);                  // -1..1, Bildschirm-Y (rotationsunabhängig)
    const z3d = cosLat * Math.cos(lonEff);       // >0 = Vorderseite (sichtbar), <0 = Rückseite
    return { ox:x3d, oy:y3d, z:z3d };
  }

  // Kontinente — organische Blob-Formen statt Kreise: jede Landmasse bekommt eine
  // unregelmäßige Umrisslinie (Radius pro Winkel via überlagerte Sinus-Harmonische,
  // deterministisch je Seed), damit es wie echte Küstenlinien statt Kreis-Stempel aussieht.
  // Koordinaten als [lon, lat, r, seed] in Radiant (feste Position auf der Kugel)
  const continents = [
    [-0.407,-0.284,0.52,0], [0.181,0.020,0.46,1], [-0.087,0.390,0.34,2],
    [0.420,-0.368,0.30,3], [-0.441,0.181,0.22,4], [0.470,0.242,0.20,5],
    [0.022,-0.456,0.18,6], [-0.233,0.524,0.15,7],
    // Rückseite/Flanken — ohne diese wäre die halbe Kugel beim Drehen leerer Ozean
    [1.15,-0.30,0.40,8], [1.75,0.22,0.28,9], [2.35,-0.15,0.34,10],
    [-1.15,0.28,0.36,11], [-1.75,-0.22,0.26,12], [-2.35,0.12,0.30,13],
    [2.95,0.45,0.20,14], [-2.95,-0.42,0.22,15], [1.05,0.55,0.16,16], [-1.05,-0.55,0.18,17]
  ];
  // Radius an einem gegebenen Winkel entlang eines Blob-Umrisses (deterministisches "Rauschen")
  function blobRadius(baseR, angle, seed){
    let r = baseR;
    r *= 1 + 0.30*Math.sin(angle*2.1 + seed*1.7);
    r *= 1 + 0.18*Math.sin(angle*3.4 + seed*0.9 + 1.1);
    r *= 1 + 0.10*Math.sin(angle*5.7 + seed*2.3 + 2.4);
    return Math.max(baseR*0.35, r);
  }
  function drawBlobPath(centerX, centerY, baseR, seed, xScale){
    const pts = 26;
    ctx.beginPath();
    for(let i=0;i<=pts;i++){
      const angle = (i/pts)*Math.PI*2;
      const rr = blobRadius(baseR, angle, seed);
      const x = centerX + Math.cos(angle)*rr*xScale;
      const y = centerY + Math.sin(angle)*rr;
      if(i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y);
    }
    ctx.closePath();
  }
  // Projektionsdaten je Kontinent merken (für Stadtlichter unten wiederverwendet,
  // damit Lichter garantiert INNERHALB der tatsächlich gezeichneten Landmasse liegen)
  const contState = continents.map(([lon,lat,r,seed])=>{
    const p = sphereProject(lon,lat,earthRotation);
    return { p, r, seed, visible: p.z >= -0.06 };
  });
  contState.forEach(({p,r,seed,visible})=>{
    if(!visible) return;
    const vis = Math.max(0, Math.min(1, (p.z+0.06)/0.35));
    const foreshorten = Math.max(0.12, p.z);
    const baseR = r*earthR*0.58;
    const cxp = cx+p.ox*earthR, cyp = cy+p.oy*earthR;
    ctx.globalAlpha = vis;
    ctx.fillStyle = 'rgba(28,90,58,0.65)';
    drawBlobPath(cxp, cyp, baseR, seed, foreshorten);
    ctx.fill();
    // feine Küstenlinie für mehr Definition
    ctx.strokeStyle = 'rgba(18,60,38,0.5)'; ctx.lineWidth = 0.6;
    ctx.stroke();
  });
  // hellere Vegetations-Schicht obenauf, kleinerer verschachtelter Blob (eigener Seed-Offset
  // für organische Variation statt reiner Skalierung des Umrisses)
  contState.forEach(({p,r,seed,visible},i)=>{
    if(!visible || i%2) return;
    const vis = Math.max(0, Math.min(1, (p.z+0.06)/0.35));
    const foreshorten = Math.max(0.12, p.z);
    const baseR = r*earthR*0.38;
    const cxp = cx+p.ox*earthR*1.02, cyp = cy+p.oy*earthR*0.98;
    ctx.globalAlpha = vis;
    ctx.fillStyle = 'rgba(63,190,120,0.6)';
    drawBlobPath(cxp, cyp, baseR, seed+4.2, foreshorten);
    ctx.fill();
  });
  ctx.globalAlpha = 1;

  // kleine Inselketten für Detail — gleiche Kugel-Projektion, feste (lon,lat), leicht unregelmäßig
  ctx.fillStyle = 'rgba(53,217,153,0.5)';
  [[0.583,-0.050,0],[-0.619,0.326,1],[0.354,0.524,2],[-0.354,-0.524,3],[0.654,0.305,4],
   [1.45,0.05,5],[1.95,-0.35,6],[2.55,0.30,7],[-1.45,-0.10,8],[-1.95,0.38,9],[-2.55,-0.28,10],
   [3.10,0.05,11],[-3.10,-0.15,12]].forEach(([lon,lat,seed])=>{
    const p = sphereProject(lon,lat,earthRotation);
    if(p.z < -0.06) return;
    const vis = Math.max(0, Math.min(1, (p.z+0.06)/0.35));
    const foreshorten = Math.max(0.12, p.z);
    ctx.globalAlpha = vis;
    drawBlobPath(cx+p.ox*earthR, cy+p.oy*earthR, earthR*0.045, seed, foreshorten);
    ctx.fill();
  });
  ctx.globalAlpha = 1;

  // Wolkenschleier — eigene, leicht höhere Rotationsgeschwindigkeit für Parallax-Effekt,
  // ebenfalls über echte Kugel-Projektion (nicht 2D-Drehung)
  const cloudRotation = earthRotation * 1.35;
  ctx.fillStyle = 'rgba(255,255,255,0.16)';
  [[-0.20,-0.15,0.55,0.16],[0.30,0.10,0.5,0.13],[-0.05,0.35,0.6,0.12],[0.15,-0.40,0.4,0.1],
   [1.30,-0.20,0.45,0.14],[1.85,0.30,0.4,0.11],[2.45,-0.05,0.5,0.13],
   [-1.30,0.15,0.42,0.12],[-1.85,-0.30,0.38,0.10],[-2.45,0.20,0.48,0.13],
   [3.00,-0.40,0.35,0.10],[-3.00,0.40,0.35,0.10]].forEach(([lon,lat,w,h])=>{
    const p = sphereProject(lon,lat,cloudRotation);
    if(p.z < -0.06) return;
    const vis = Math.max(0, Math.min(1, (p.z+0.06)/0.35));
    const foreshorten = Math.max(0.12, p.z);
    ctx.globalAlpha = vis * 0.9;
    ctx.beginPath();
    ctx.ellipse(cx+p.ox*earthR, cy+p.oy*earthR, w*earthR*foreshorten, h*earthR, 0.3, 0, Math.PI*2);
    ctx.fill();
  });
  ctx.globalAlpha = 1;

  // Polkappen — fix oben/unten, drehen sich NICHT mit der Erdoberfläche mit
  ctx.fillStyle = 'rgba(235,245,255,0.85)';
  ctx.beginPath(); ctx.ellipse(cx, cy-earthR*0.86, earthR*0.55, earthR*0.22, 0, 0, Math.PI*2); ctx.fill();
  ctx.beginPath(); ctx.ellipse(cx, cy+earthR*0.86, earthR*0.5, earthR*0.2, 0, 0, Math.PI*2); ctx.fill();

  // Breitengrad-Linien (dezent, Radar-Look)
  ctx.strokeStyle = 'rgba(255,106,43,0.10)';
  ctx.lineWidth = 0.6;
  for(let i=-2;i<=2;i++){
    if(i===0) continue;
    const yy = cy + i*earthR*0.32;
    const rr = Math.sqrt(Math.max(0, earthR*earthR - (yy-cy)*(yy-cy)));
    ctx.beginPath(); ctx.moveTo(cx-rr,yy); ctx.lineTo(cx+rr,yy); ctx.stroke();
  }

  // Terminator (Nachtseite)
  ctx.fillStyle = 'rgba(2,6,12,0.4)';
  ctx.beginPath(); ctx.arc(cx,cy,earthR,Math.PI*0.5,Math.PI*1.5); ctx.fill();
  const termShade = ctx.createLinearGradient(cx-earthR*0.15,0,cx+earthR*0.15,0);
  termShade.addColorStop(0,'rgba(2,6,12,0.45)');
  termShade.addColorStop(1,'rgba(2,6,12,0)');
  ctx.fillStyle = termShade;
  ctx.beginPath(); ctx.arc(cx,cy,earthR,Math.PI*0.5,Math.PI*1.5); ctx.fill();

  // Stadtlichter — nur auf der Nachtseite sichtbar, blenden zur Tagseite hin sanft aus.
  // Jedes Licht ist an einen Kontinent-Index + Winkel + Radius-Anteil (rFrac<1) gebunden und
  // nutzt exakt dieselbe blobRadius()-Formel + denselben Seed wie die Landmasse selbst —
  // dadurch liegt das Licht IMMER innerhalb der tatsächlich gezeichneten Küstenlinie,
  // nie im Wasser, unabhängig von Zoom/Rotation/Foreshortening.
  const cityLights = [
    [0,2.035,0.21],[0,4.09,0.179],[0,3.367,0.296],[0,0.364,0.353],
    [1,0.236,0.323],[1,0.439,0.186],[1,2.667,0.481],[1,0.778,0.239],
    [2,3.942,0.529],[2,3.626,0.309],[2,6.134,0.169],
    [3,5.394,0.266],[3,0.906,0.197],
    [4,1.938,0.476],[4,1.136,0.383],
    [5,4.014,0.299],[5,3.441,0.175],
    [6,0.374,0.232],[6,4.275,0.321],
    [7,1.974,0.384],[7,2.847,0.27],
    [8,4.991,0.43],[8,1.534,0.38],[8,3.3,0.5],
    [9,4.583,0.265],[9,6.158,0.197],
    [10,2.627,0.453],[10,0.955,0.346],[10,0.246,0.417],
    [11,4.804,0.379],[11,5.501,0.275],[11,4.369,0.388],
    [12,3.643,0.332],[12,5.278,0.528],
    [13,2.979,0.416],[13,0.381,0.431],
    [14,4.066,0.547],[14,5.164,0.264],
    [15,2.424,0.417],[15,0.142,0.335],
    [16,1.056,0.197],[16,0.37,0.457],
    [17,0.813,0.249],[17,2.456,0.499]
  ];
  cityLights.forEach(([contIdx,angle,rFrac],i)=>{
    const c = contState[contIdx];
    if(!c || !c.visible) return; // Kontinent gerade auf der Rückseite — Licht mitverdeckt
    const { p, r, seed } = c;
    const limbVis = Math.max(0, Math.min(1, (p.z+0.06)/0.35));
    const nightFactor = Math.max(0, Math.min(1, (0.15-p.ox)/0.30));
    const a = limbVis * nightFactor;
    if(a <= 0.01) return;
    const foreshorten = Math.max(0.12, p.z);
    const baseR = r*earthR*0.58;
    const cxp = cx+p.ox*earthR, cyp = cy+p.oy*earthR;
    // exakt dieselbe Formel wie drawBlobPath — Licht liegt bei rFrac<1 garantiert innerhalb
    const localR = blobRadius(baseR, angle, seed) * rFrac;
    const lx = cxp + Math.cos(angle)*localR*foreshorten;
    const ly = cyp + Math.sin(angle)*localR;
    const flicker = 0.75+0.25*Math.sin(ts/900 + i*1.7);
    ctx.globalAlpha = a * flicker;
    ctx.fillStyle = 'rgba(255,200,110,0.9)';
    ctx.beginPath(); ctx.arc(lx, ly, earthR*0.012, 0, Math.PI*2); ctx.fill();
    // dezenter Glow
    ctx.fillStyle = 'rgba(255,180,80,0.35)';
    ctx.beginPath(); ctx.arc(lx, ly, earthR*0.03, 0, Math.PI*2); ctx.fill();
  });
  ctx.globalAlpha = 1;

  ctx.restore(); // Ende Clip

  // Rim-Light in Akzentfarbe — betont die Kugelform, unterstreicht Radar-Ästhetik
  ctx.save();
  const rim = ctx.createRadialGradient(cx,cy,earthR*0.86,cx,cy,earthR*1.02);
  rim.addColorStop(0,'rgba(255,106,43,0)');
  rim.addColorStop(1,'rgba(255,106,43,0.35)');
  ctx.fillStyle = rim;
  ctx.beginPath(); ctx.arc(cx,cy,earthR*1.02,0,Math.PI*2); ctx.fill();
  ctx.restore();

  // Atmosphäre-Glow
  const glow = ctx.createRadialGradient(cx,cy,earthR*0.95,cx,cy,earthR*1.35);
  glow.addColorStop(0,'rgba(90,180,255,0.32)');
  glow.addColorStop(1,'rgba(90,180,255,0)');
  ctx.fillStyle = glow;
  ctx.beginPath(); ctx.arc(cx,cy,earthR*1.35,0,Math.PI*2); ctx.fill();

  // FRONT halves of rings — mehrere Bahnebenen pro Höhe
  rings.forEach(r=>{
    ORBIT_INCLINATIONS.forEach(deg=>{
      ctx.save();
      ctx.setLineDash([3,5]);
      ctx.strokeStyle = deg===0 ? 'rgba(255,106,43,0.5)' : 'rgba(255,106,43,0.20)';
      ctx.lineWidth = 1;
      ringPath(r.rx,r.ry,deg*Math.PI/180,0,Math.PI);
      ctx.stroke();
      ctx.restore();
    });
    ctx.fillStyle = 'rgba(255,106,43,0.65)';
    ctx.font = '9px JetBrains Mono';
    ctx.fillText(r.key, cx + r.rx + 4, cy);
  });

  // FRONT satellites — NEU (TODO-KOLONIE-ORBIT): nur Erd-Satelliten anzeigen/klickbar
  // NEU (TODO-ORBIT-PUNKTE-REDUZIEREN): dieselbe gesampelte Liste wie beim BACK-Durchlauf
  // (earthSatsVisible oben) -- Klick-Ziele entsprechen so immer genau den sichtbaren Punkten.
  const clickTargets = [];
  earthSatsVisible.forEach(s=>{
    if((s.location||'earth')!=='earth') return;
    if(Math.sin(s.angle) < 0) return;
    const p = drawSatDot(ctx, cx, cy, s, rings);
    if(p) clickTargets.push({s,p});
  });
  // also gather back targets for click (approx position ok)
  earthSatsVisible.forEach(s=>{
    if((s.location||'earth')!=='earth') return;
    if(Math.sin(s.angle) >= 0) return;
    const r = rings.find(rr=>rr.key===s.orbit);
    const p = orbitPoint(cx,cy,r.rx,r.ry,s.angle,inclineFor(s));
    clickTargets.push({s,p});
  });
  canvas._clickTargets = clickTargets;
  ctx.restore(); // Ende Pan-Verschiebung

  orbitAnimHandle = requestAnimationFrame(drawOrbitScene);
}

function drawSatDot(ctx, cx, cy, s, rings){
  const r = rings.find(rr=>rr.key===s.orbit);
  if(!r) return null;
  const p = orbitPoint(cx,cy,r.rx,r.ry,s.angle,inclineFor(s));
  const color = payloadColorFor(s);
  ctx.save();
  ctx.fillStyle = color;
  ctx.beginPath(); ctx.arc(p.x,p.y,selectedSatId===s.id?5:3.5,0,Math.PI*2); ctx.fill();
  if(selectedSatId===s.id){
    ctx.strokeStyle = '#fff'; ctx.lineWidth=1;
    ctx.beginPath(); ctx.arc(p.x,p.y,8,0,Math.PI*2); ctx.stroke();
  }
  if(s.health < 40){
    ctx.fillStyle = 'rgba(255,77,94,0.9)';
    ctx.font='9px sans-serif';
    ctx.fillText('⚠', p.x+6, p.y-4);
  }
  ctx.restore();
  return p;
}
function payloadColorFor(s){
  const mods = s.mods.map(findMod).filter(Boolean);
  const p = mods.find(m=>m.cat==='payload');
  return p ? PAYLOAD_TYPES[p.type].color : '#848484';
}
// NEU (TODO-ORBIT-PUNKTE-REDUZIEREN, Nutzer-Wunsch: "Anzahl der sichtbaren Satelliten reduzieren,
// vielleicht 50 Satelliten entsprechen 1 Punkt"): bei kleinen Flotten weiterhin jeden Satelliten als
// eigenen Punkt zeigen, ab ORBIT_SAT_GROUP_SIZE aber nur noch einen repräsentativen Punkt je ~50
// echten Satelliten -- sonst verschmiert die Szene bei sehr großen Flotten (100.000+ im Spätspiel)
// zu einem einzigen Farbklecks und die Klick-Erkennung (canvas._clickTargets) wird unbrauchbar
// langsam. Gleichmäßige Schritt-Stichprobe (wie schon bei dosOrbitRingSample() für die ASCII-Karte),
// zusätzlich mit einer Obergrenze gedeckelt, falls selbst 1:50 noch zu viele Punkte wären. Der
// aktuell ausgewählte Satellit (selectedSatId) wird IMMER mit angezeigt, auch wenn er beim
// Sampling nicht getroffen wurde -- sonst verschwindet sein Auswahl-Ring plötzlich aus der Szene.
const ORBIT_SAT_GROUP_SIZE = 50;
const ORBIT_SAT_MAX_VISIBLE_DOTS = 400;
function orbitVisibleDotCount(n){
  if(n<=0) return 0;
  return Math.min(ORBIT_SAT_MAX_VISIBLE_DOTS, Math.max(1, Math.ceil(n/ORBIT_SAT_GROUP_SIZE)));
}
function sampleOrbitSatsForDisplay(list){
  if(list.length===0) return list;
  const maxDots = orbitVisibleDotCount(list.length);
  if(list.length<=maxDots) return list;
  const step = list.length/maxDots;
  const out = [];
  for(let i=0;i<maxDots;i++) out.push(list[Math.floor(i*step)]);
  if(selectedSatId!=null && !out.some(s=>s.id===selectedSatId)){
    const sel = list.find(s=>s.id===selectedSatId);
    if(sel) out.push(sel);
  }
  return out;
}

function initOrbitCanvasClicks(){
  const canvas = document.getElementById('orbitCanvas');
  canvas.addEventListener('click', (e)=>{
    if(canvas._wasDragged){ canvas._wasDragged = false; return; } // Drag zum Verschieben zählt nicht als Auswahl-Klick
    const rect = canvas.getBoundingClientRect();
    const view = getMapView('orbitCanvas');
    const mx = e.clientX - rect.left - view.panX, my = e.clientY - rect.top - view.panY;
    const targets = canvas._clickTargets || [];
    let best=null, bestD=18;
    targets.forEach(t=>{
      const d = Math.hypot(t.p.x-mx, t.p.y-my);
      if(d<bestD){ bestD=d; best=t.s; }
    });
    if(best){ selectedSatId = best.id; Sound.click(); renderSatDetail(); renderSatList(); }
  });
  // Pan (linke Maustaste halten + ziehen) und Zoom (Scrollrad) — kein redraw nötig, die Szene animiert ohnehin laufend
  attachMapPanZoom('orbitCanvas', { minZoom:0.5, maxZoom:2.5, redraw:()=>{}, resetBtnId:'btnResetOrbitView' });
}

/* --- Satelliten-Liste ein-/ausklappbar --- */
const SATLIST_COLLAPSE_KEY = 'deepanchor_satListCollapsed';
function setSatListCollapsed(collapsed){
  const body = document.getElementById('satListBody');
  const head = document.getElementById('satListToggle');
  if(!body || !head) return;
  if(collapsed){
    body.style.maxHeight = body.scrollHeight + 'px';
    body.offsetHeight; // reflow erzwingen, damit die Höhe vor dem Kollabieren "ankommt"
    body.classList.add('collapsed');
    body.style.maxHeight = '0px';
  } else {
    body.classList.remove('collapsed');
    const target = body.scrollHeight + 'px';
    body.style.maxHeight = target;
    const clearFixedHeight = (e)=>{
      if(e && e.propertyName !== 'max-height') return;
      body.style.maxHeight = ''; // danach frei wachsen lassen (z.B. wenn neue Satelliten dazukommen)
      body.removeEventListener('transitionend', clearFixedHeight);
    };
    body.addEventListener('transitionend', clearFixedHeight);
  }
  head.setAttribute('aria-expanded', collapsed ? 'false' : 'true');
  try{ localStorage.setItem(SATLIST_COLLAPSE_KEY, collapsed ? '1' : '0'); }catch(err){}
}
function initSatListCollapse(){
  const head = document.getElementById('satListToggle');
  if(!head) return;
  let startCollapsed = false;
  try{ startCollapsed = localStorage.getItem(SATLIST_COLLAPSE_KEY) === '1'; }catch(err){}
  if(startCollapsed){
    const body = document.getElementById('satListBody');
    if(body){ body.classList.add('collapsed'); body.style.maxHeight = '0px'; }
    head.setAttribute('aria-expanded', 'false');
  }
  head.addEventListener('click', ()=>{
    const isCollapsed = head.getAttribute('aria-expanded') === 'false';
    setSatListCollapsed(!isCollapsed);
  });
  head.addEventListener('keydown', (e)=>{
    if(e.key === 'Enter' || e.key === ' '){
      e.preventDefault();
      const isCollapsed = head.getAttribute('aria-expanded') === 'false';
      setSatListCollapsed(!isCollapsed);
    }
  });
}
initSatListCollapse();

function renderSatDetail(){
  const panel = document.getElementById('satDetailPanel');
  const s = state.orbitSats.find(s=>s.id===selectedSatId);
  if(!s){
    panel.innerHTML = `<h3>Satelliten-Detail</h3><div class="empty-hint">Kein Satellit ausgewählt.</div>`;
    return;
  }
  const d = computeSatDerived(s.chassisId, s.mods);
  const c = s.assignedContract ? state.contracts.find(c=>c.id===s.assignedContract) : null;
  const matchingContracts = state.contracts.filter(ct=>ct.status==='offen' && ct.orbit===s.orbit && !s.assignedContract && d.payloadTypes.includes(ct.type));
  panel.innerHTML = `
    <h3>Satelliten-Detail</h3>
    <div class="stat-line"><span class="k">Name</span><span class="v">${s.name}</span></div>
    <div class="stat-line"><span class="k">Orbit</span><span class="v">${ORBITS[s.orbit].name}</span></div>
    <div class="stat-line"><span class="k">Chassis</span><span class="v">${CHASSIS[s.chassisId].name}</span></div>
    <div class="stat-line"><span class="k">Nutzlast</span><span class="v">${d.payloadTypes.map(t=>PAYLOAD_TYPES[t].label).join(', ')||'—'}</span></div>
    <div style="margin:8px 0 2px; font-size:10.5px; color:var(--muted);">Zustand</div>
    <div class="healthbar"><div style="width:${s.health}%; background:${s.health>60?'var(--green)':s.health>30?'var(--amber)':'var(--red)'}"></div></div>
    <div class="sat-detail">
      ${c ? `<div class="stat-line"><span class="k">Auftrag</span><span class="v good">Aktiv (${c.remaining} Tage übrig)</span></div>
             <div class="stat-line"><span class="k">Einnahme/Tag</span><span class="v good">${fmtMoney(contractDailyIncome(c, d))}${c.type==='kommunikation' && d.bandwidth ? ` <span style="color:var(--muted); font-weight:400;">(inkl. Bandbreiten-Bonus)</span>` : ''}</span></div>`
          : `<div class="stat-line"><span class="k">Auftrag</span><span class="v">Kein Auftrag zugewiesen</span></div>`}
      ${s.health<100 ? `<button class="btn small" style="margin-top:8px; width:100%; justify-content:center;" id="btnRepair">Reparieren (${fmtMoney((100-s.health)*25)})</button>` : ''}
      ${(!s.assignedContract && matchingContracts.length>0) ? `
        <div style="margin-top:10px; font-size:10.5px; color:var(--muted);">Passende Aufträge verfügbar — im Aufträge-Panel zuweisen.</div>
      ` : ''}
      <button class="btn small ghost" style="margin-top:8px; width:100%; justify-content:center; color:var(--red);" id="btnDecommission">Außer Dienst stellen</button>
    </div>
  `;
  const rb = document.getElementById('btnRepair');
  if(rb) rb.addEventListener('click', ()=>repairSat(s.id));
  const db = document.getElementById('btnDecommission');
  if(db) db.addEventListener('click', ()=>decommissionSat(s.id));
}

// NEU (TODO-KOLONIE-ORBIT): Chip-Umschalter oben im Orbit-Netzwerk-Tab. Zeigt sich nur, sobald
// mindestens eine Kolonie existiert — vorher bleibt der Tab exakt wie bisher (nur Erde, kein
// zusätzlicher Klick nötig). Schaltet außerdem zwischen der aufwändigen Erd-Kugel-Karte und der
// schlankeren Kolonie-Orbit-Szene (drawColonyOrbitScene, eigene vereinfachte Planeten-Kugel) um.
function renderOrbitLocationSelector(){
  const panel = document.getElementById('orbitLocationPanel');
  const locs = orbitLocations();
  panel.style.display = locs.length>1 ? '' : 'none';
  const row = document.getElementById('orbitLocationRow');
  row.innerHTML = locs.map(l=>{
    const count = state.orbitSats.filter(s=>(s.location||'earth')===l.key).length;
    return `<div class="chip ${orbitViewLocation===l.key?'sel':''}" data-orbitloc="${l.key}" style="cursor:pointer;">
      <div class="t"><span>${l.key==='earth'?'🌍':'🪐'} ${l.name}</span><span>${count}</span></div>
    </div>`;
  }).join('');
  row.querySelectorAll('[data-orbitloc]').forEach(chip=>{
    chip.addEventListener('click', ()=>{
      orbitViewLocation = chip.dataset.orbitloc;
      selectedSatId = null;
      Sound.click();
      renderOrbitLocationSelector();
      renderSatDetail();
      renderSatList();
      renderTransitQueue();
      renderMaintenance();
      updateOrbitMapVisibility();
    });
  });
  updateOrbitMapVisibility();
}
function updateOrbitMapVisibility(){
  const earthWrap = document.getElementById('orbitEarthMapWrap');
  const colonyWrap = document.getElementById('orbitColonyMapWrap');
  if(orbitViewLocation==='earth'){
    earthWrap.style.display = '';
    colonyWrap.style.display = 'none';
  } else {
    earthWrap.style.display = 'none';
    colonyWrap.style.display = '';
    document.getElementById('orbitColonyMapTitle').textContent = `Orbital-Netzwerk — ${orbitLocationName(orbitViewLocation)}`;
    renderOrbitColonyRings();
  }
}
// Leichtgewichtige Ring-Übersicht für Kolonie-Orbits — bewusst als einfache CSS-Ringe statt
// des animierten Erd-Canvas (der ist fest an Erd-Textur/-Rotation gekoppelt, siehe drawOrbitScene).
function renderOrbitColonyRings(){
  const wrap = document.getElementById('orbitColonyRings');
  const sats = state.orbitSats.filter(s=>(s.location||'earth')===orbitViewLocation);
  const byOrbit = { LEO:[], MEO:[], GEO:[] };
  sats.forEach(s=>{ if(byOrbit[s.orbit]) byOrbit[s.orbit].push(s); });
  wrap.innerHTML = `<div style="display:flex; flex-wrap:wrap; gap:12px;">${ORBIT_KEYS.map(k=>{
    const o = ORBITS[k];
    const list = byOrbit[k];
    return `<div style="flex:1; min-width:150px; border:1px solid var(--border); border-radius:var(--radius); padding:10px;">
      <div style="font-weight:600; margin-bottom:6px;">${o.name}</div>
      ${list.length===0
        ? `<div class="small-muted">Keine Satelliten</div>`
        : list.map(s=>`<div class="small-muted" style="margin-bottom:2px;">🛰 ${s.name} · ${Math.round(s.health)}%</div>`).join('')}
    </div>`;
  }).join('')}</div>`;
}

/* -------- KOLONIE-ORBIT-SZENE --------
   Ersetzt die frühere reine Ring-Liste durch eine echte, animierte Planeten-Kugel — bewusst
   DEUTLICH schlanker als drawOrbitScene() (Erde): keine Kontinent-Blobs, keine Wolken, keine
   Stadtlichter, keine mehreren Bahnneigungs-Linien. Reine Kugel-Beleuchtung (drawSolarSphere-
   Prinzip, hier mit selbst mitgeführtem, langsam wanderndem Glanzpunkt statt fixer Lichtquelle,
   um trotzdem einen Eindruck von Eigenrotation zu erzeugen) + Rim-Light in Akzentfarbe + dezenter
   Atmosphären-Glow. Nutzt dieselbe orbitPoint()/drawSatDot()/attachMapPanZoom()-Infrastruktur wie
   die Erd-Szene, komplett ohne deren Code zu duplizieren. */
// Bekannte Sonnensystem-Körper (Mars, Mond) behalten ihre Farbe aus der Sonnensystem-Karte
// (SOLAR_MAP_BODIES) für Wiedererkennbarkeit. Alle übrigen kolonisierbaren Ziele (Exoplaneten in
// fremden Sternsystemen/Galaxien) bekommen eine deterministische Farbe aus den bereits
// bestehenden STARSYS_ROCK_COLORS (strHash(destKey) als Index) — bei jedem Aufruf exakt dieselbe
// Farbe statt bei jedem Redraw neu zu würfeln, ganz analog zu starSystemBodies().
function colonyPlanetColor(destKey){
  const known = SOLAR_MAP_BODIES.find(b=>b.key===destKey);
  if(known) return known.color;
  return STARSYS_ROCK_COLORS[strHash(destKey) % STARSYS_ROCK_COLORS.length];
}
let colonyOrbitAnimHandle = null;
function drawColonyOrbitScene(ts){
  const canvas = document.getElementById('orbitColonyCanvas');
  if(!canvas){ colonyOrbitAnimHandle = requestAnimationFrame(drawColonyOrbitScene); return; }
  // NEU (TODO-ORBIT-PERF): analog drawOrbitScene() -- komplett anhalten, solange der Orbit-Tab
  // gar nicht aktiv ist, statt permanent im Hintergrund weiterzulaufen. Neustart über den
  // Tab-Klick-Handler weiter unten.
  const viewOrbit = document.getElementById('view-orbit');
  if(!viewOrbit || !viewOrbit.classList.contains('active')){ colonyOrbitAnimHandle = null; return; }
  const dpr = window.devicePixelRatio||1;
  const cw = canvas.clientWidth, ch = canvas.clientHeight;
  // BUGFIX-Muster wie bei drawMoneyChart()/statsMoneyChart: bei unsichtbarem Tab ist
  // clientWidth/Height 0 — dann NICHT canvas.width/height beschreiben (würde sich sonst
  // dauerhaft auf 0×0 festsetzen), einfach überspringen und nächsten Frame erneut versuchen.
  if(cw>0 && ch>0){
    const ctx = canvas.getContext('2d');
    if(canvas.width !== cw*dpr || canvas.height !== ch*dpr){
      canvas.width = cw*dpr; canvas.height = ch*dpr;
    }
    ctx.setTransform(dpr,0,0,dpr,0,0);
    ctx.clearRect(0,0,cw,ch);

    const view = getMapView('orbitColonyCanvas');
    ctx.save();
    ctx.translate(view.panX, view.panY);

    starfield.forEach(s=>{
      const tw = 0.5+0.5*Math.sin(ts/600 + s.tw);
      ctx.fillStyle = `rgba(255,255,255,${0.25+0.5*tw})`;
      ctx.fillRect(s.x*cw, s.y*ch, s.r, s.r);
    });

    const zoom = view.zoom;
    const ZOOM_BASE = 0.72;
    const cx = cw/2, cy = ch/2+20;
    const REF_W = 1000, REF_H = 520;
    const S = Math.min(cw/REF_W, ch/REF_H);
    // Etwas kleiner als die Erd-Kugel (0.16) — die vereinfachte Optik soll nicht mit dem
    // aufwändigen Erd-Rendering konkurrieren, sondern sich bewusst als "kleinerer Außenposten" lesen.
    const planetR = Math.min(cw,ch)*0.13*ZOOM_BASE*zoom;

    const ringOrder = ['LEO','MEO','GEO'];
    let rings = ringOrder.map(k=>{
      const o = ORBITS[k];
      return { key:k, rx: REF_W*o.rx*ZOOM_BASE*S, ry: REF_H*o.ry*0.9*ZOOM_BASE*S };
    });
    const maxInclRad = Math.max(...ORBIT_INCLINATIONS.map(d=>Math.abs(d))) * Math.PI/180;
    const sinM = Math.sin(maxInclRad), cosM = Math.cos(maxInclRad);
    const padding = 0.9;
    const availHalfH = Math.min(cy*padding, (ch-cy)*padding);
    const availHalfW = Math.min(cx*padding, (cw-cx-40)*padding);
    const outer = rings[rings.length-1];
    const neededH = outer.rx*sinM + outer.ry*cosM;
    const neededW = outer.rx*cosM + outer.ry*sinM;
    const clamp = Math.min(1, availHalfH/neededH, availHalfW/neededW);
    rings = rings.map(r=>({ key:r.key, rx:r.rx*clamp*zoom, ry:r.ry*clamp*zoom }));

    function ringPath(rx,ry,rot,a0,a1){ ctx.beginPath(); ctx.ellipse(cx,cy,rx,ry,rot,a0,a1); }
    rings.forEach(r=>{
      ctx.save();
      ctx.setLineDash([3,5]);
      ctx.strokeStyle = 'rgba(255,106,43,0.24)';
      ctx.lineWidth = 1;
      ringPath(r.rx,r.ry,0,Math.PI,Math.PI*2);
      ctx.stroke();
      ctx.restore();
    });

    // NEU (TODO-ORBIT-PUNKTE-REDUZIEREN): auch hier gesampelte Liste statt jedes einzelnen
    // Satelliten -- siehe sampleOrbitSatsForDisplay() weiter oben.
    const colSatsAll = state.orbitSats.filter(s=>(s.location||'earth')===orbitViewLocation);
    const colSats = sampleOrbitSatsForDisplay(colSatsAll);
    // BACK-Satelliten zuerst (hinter dem Planeten)
    colSats.forEach(s=>{ if(Math.sin(s.angle) < 0) drawSatDot(ctx, cx, cy, s, rings); });

    // Planeten-Kugel: Grundfarbe + langsam wandernder Glanzpunkt statt fixer Lichtquelle,
    // erzeugt einen einfachen Eindruck von Eigenrotation ohne echte Textur-Projektion.
    const color = colonyPlanetColor(orbitViewLocation);
    const rot = (ts/18000) % (Math.PI*2);
    const hlx = cx - Math.cos(rot)*planetR*0.42, hly = cy - Math.sin(rot)*planetR*0.35;
    const grd = ctx.createRadialGradient(hlx, hly, planetR*0.05, cx, cy, planetR*1.05);
    grd.addColorStop(0, solarShade(color, 46));
    grd.addColorStop(0.55, color);
    grd.addColorStop(1, solarShade(color, -50));
    ctx.fillStyle = grd;
    ctx.beginPath(); ctx.arc(cx,cy,planetR,0,Math.PI*2); ctx.fill();
    // Ein paar statische, dunklere Krater-Flecken (kein Rotations-Tracking nötig, wirken bei der
    // Größe ohnehin nur wie grobe Albedo-Unterschiede) — deterministisch aus dem Standort erzeugt.
    const craterSeed = strHash(orbitViewLocation);
    for(let i=0;i<5;i++){
      const a = solarSrand(craterSeed+i*7.1)*Math.PI*2;
      const d = solarSrand(craterSeed+i*3.3+1)*planetR*0.7;
      const cr = planetR*(0.08+solarSrand(craterSeed+i*5.5+2)*0.1);
      ctx.fillStyle = 'rgba(0,0,0,0.14)';
      ctx.beginPath(); ctx.arc(cx+Math.cos(a)*d, cy+Math.sin(a)*d, cr, 0, Math.PI*2); ctx.fill();
    }

    // Rim-Light in Akzentfarbe, passend zur Erd-Szene
    const rim = ctx.createRadialGradient(cx,cy,planetR*0.86,cx,cy,planetR*1.02);
    rim.addColorStop(0,'rgba(255,106,43,0)');
    rim.addColorStop(1,'rgba(255,106,43,0.35)');
    ctx.fillStyle = rim;
    ctx.beginPath(); ctx.arc(cx,cy,planetR*1.02,0,Math.PI*2); ctx.fill();
    // Dezenter Atmosphären-Glow
    const glow = ctx.createRadialGradient(cx,cy,planetR*0.95,cx,cy,planetR*1.3);
    glow.addColorStop(0, solarRgba(color,0.28));
    glow.addColorStop(1, solarRgba(color,0));
    ctx.fillStyle = glow;
    ctx.beginPath(); ctx.arc(cx,cy,planetR*1.3,0,Math.PI*2); ctx.fill();

    // FRONT-Satelliten + Klick-Ziele
    const clickTargets = [];
    colSats.forEach(s=>{
      if(Math.sin(s.angle) < 0) return;
      const p = drawSatDot(ctx, cx, cy, s, rings);
      if(p) clickTargets.push({s,p});
    });
    colSats.forEach(s=>{
      if(Math.sin(s.angle) >= 0) return;
      const r = rings.find(rr=>rr.key===s.orbit);
      if(!r) return;
      clickTargets.push({s, p:orbitPoint(cx,cy,r.rx,r.ry,s.angle,inclineFor(s))});
    });
    canvas._clickTargets = clickTargets;

    ctx.restore();
  }
  colonyOrbitAnimHandle = requestAnimationFrame(drawColonyOrbitScene);
}
function initColonyOrbitCanvasClicks(){
  const canvas = document.getElementById('orbitColonyCanvas');
  canvas.addEventListener('click', (e)=>{
    if(canvas._wasDragged){ canvas._wasDragged = false; return; }
    const rect = canvas.getBoundingClientRect();
    const view = getMapView('orbitColonyCanvas');
    const mx = e.clientX - rect.left - view.panX, my = e.clientY - rect.top - view.panY;
    const targets = canvas._clickTargets || [];
    let best=null, bestD=18;
    targets.forEach(t=>{
      const d = Math.hypot(t.p.x-mx, t.p.y-my);
      if(d<bestD){ bestD=d; best=t.s; }
    });
    if(best){ selectedSatId = best.id; Sound.click(); renderSatDetail(); renderSatList(); }
  });
  attachMapPanZoom('orbitColonyCanvas', { minZoom:0.5, maxZoom:2.5, redraw:()=>{}, resetBtnId:'btnResetColonyOrbitView' });
}

// NEU (TODO-KOLONIE-AUSBAU): eigener Tab "Kolonien" — ein Panel pro Kolonie mit Bevölkerungs-
// Fortschrittsbalken, den drei Gebäudetypen (aktuelle Stufe + "Bauen"-Button mit Preis) und der
// laufenden Bau-Warteschlange dieser Kolonie.
// NEU (TODO-RAUMSTATION): eigenes Panel für die (höchstens eine) Raumstation, analog zu
// renderKolonien() aber ohne Liste/Array — zeigt Bevölkerung, effektives Wohnmodul-Einkommen und
// die drei Ausbaustufen mit ihren jeweils unterschiedlichen Effekten (siehe STATION_BUILDINGS).
function renderStation(){
  const emptyPanel = document.getElementById('stationEmptyPanel');
  const panel = document.getElementById('stationPanel');
  if(!state.station){ emptyPanel.style.display='block'; panel.innerHTML=''; return; }
  emptyPanel.style.display='none';
  ensureStationDefaults();
  const cap = stationPopCap();
  const popPct = Math.round(Math.min(100, state.station.population/cap*100));
  const bonusTxt = {
    wohnmodul: `+${STATION_BUILDINGS.wohnmodul.popCapBonus} Kapazität`,
    wartung: `-8% Drohnenkosten, +2 Ladungen/Drohne`,
    andock: `-1 Lieferflug (Sonnensystem-Ziele)`,
  };
  const buildingsHtml = Object.values(STATION_BUILDINGS).map(b=>{
    const level = state.station.buildings[b.id]||0;
    const cost = stationBuildingCost(b.id);
    const queueFull = state.station.buildQueue.length>=3;
    const affordable = state.money >= cost;
    return `<div class="stat-line">
      <span class="k">${b.name} <span class="small-muted">(Stufe ${level})</span></span>
      <span class="v" style="display:flex; align-items:center; gap:8px;">
        <span class="small-muted">${bonusTxt[b.id]}</span>
        <button class="btn small" data-stationbuild="${b.id}" ${queueFull||!affordable?'disabled':''}>Bauen (${fmtMoney(cost)})</button>
      </span>
    </div>`;
  }).join('');
  const queueHtml = state.station.buildQueue.length===0 ? `<div class="small-muted">Keine laufenden Bauprojekte.</div>` : state.station.buildQueue.map(q=>{
    const pct = Math.round((1-q.daysLeft/q.daysTotal)*100);
    return `<div class="queue-item">
      <div class="top"><span class="qname">${STATION_BUILDINGS[q.type].name}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
      <div class="progress-bar"><div style="width:${pct}%"></div></div>
    </div>`;
  }).join('');
  panel.innerHTML = `<div class="panel" style="margin-top:14px;">
    <h3>Raumstation</h3>
    <div class="stat-line"><span class="k">Besatzung</span><span class="v">${state.station.population} / ${cap}</span></div>
    <div class="healthbar" style="margin-bottom:10px;"><div style="width:${popPct}%; background:var(--green)"></div></div>
    <div class="stat-line"><span class="k">Effektives Einkommen/Tag</span><span class="v good">${fmtMoney(stationEffectiveIncome())}</span></div>
    <div class="stat-line"><span class="k">Unterhalt/Tag</span><span class="v bad">-${fmtMoney(stationUpkeep())}</span></div>
    <div style="border-top:1px solid var(--border); margin:12px 0 10px;"></div>
    <div class="small-muted" style="margin-bottom:6px;">Module</div>
    ${buildingsHtml}
    <div style="border-top:1px solid var(--border); margin:12px 0 10px;"></div>
    <div class="small-muted" style="margin-bottom:6px;">Bau-Warteschlange (max. 3)</div>
    ${queueHtml}
  </div>`;
  panel.querySelectorAll('[data-stationbuild]').forEach(btn=>{
    btn.addEventListener('click', ()=>{
      queueStationBuilding(btn.dataset.stationbuild);
    });
  });
}

// NEU (TODO-KOLONIE-VISUALISIERUNG, Nutzer-Wunsch: "eventeul sogar ne 2 oder 3 d ansicht das es
// cooler aus siht"): stilisierte 2D-Seitenansicht der Kolonie als Inline-SVG -- pro Gebäudetyp mit
// Stufe>0 ein eigenes kleines Icon auf einer gemeinsamen Horizontlinie, Anzahl der gezeichneten
// Icons pro Typ = min(Stufe, 5) (mehr würde nur unübersichtlich, die tatsächliche Stufe steht
// zusätzlich als Zahl daneben). Bewusst als leichtgewichtiges SVG statt echtem 3D/Three.js --
// passt zum bestehenden Look (siehe drawSolarMap()/renderSolarAsciiMap()) und braucht keine neue
// Rendering-Pipeline. Nutzt dieselben CSS-Variablen wie der Rest der Seite (var(--accent) etc.),
// reagiert also automatisch auf einen Theme-Wechsel (z.B. "Alter Monitor"-DOS-Theme).
function lerpHexColor(c1, c2, t){
  const a = parseInt(c1.slice(1),16), b = parseInt(c2.slice(1),16);
  const ar=(a>>16)&255, ag=(a>>8)&255, ab=a&255;
  const br=(b>>16)&255, bg=(b>>8)&255, bb=b&255;
  const r=Math.round(ar+(br-ar)*t), g=Math.round(ag+(bg-ag)*t), bl=Math.round(ab+(bb-ab)*t);
  return `#${(r<<16|g<<8|bl).toString(16).padStart(6,'0')}`;
}
// NEU (TODO-KOLONIE-HIMMEL-MARS): liefert Himmel-Verlauf + Sternen-Deckkraft für eine gegebene
// Terraforming-Stufe (0..TERRAFORM_STAGES.length-1). Rostig/staubig-orange bei Stufe 0
// ("Unverändert") bis blasses, erdähnliches Blau bei der letzten Stufe ("Bewohnbar"). Wird sowohl
// vom Terraforming-Fortschrittspanel (renderTerraforming(), live während des Projekts) als auch
// von colonyMapSVG() (dort immer die letzte Stufe, da eine Mars-Kolonie laut Kolonisierungs-
// Doktrin erst NACH vollständigem Terraforming gegründet werden kann -- siehe TODO-MARS-VOR-MOND)
// verwendet.
function marsSkyStyle(idx){
  const t = idx/(TERRAFORM_STAGES.length-1);
  return {
    top: lerpHexColor('#3a1f14', '#5f7c96', t),
    bottom: lerpHexColor('#a85a30', '#cfe1ec', t),
    starOpacity: 0.5 - 0.4*t,
  };
}
// Sky-Info fürs Kolonie-Panel: eine bestehende Mars-Kolonie ist immer voll terraformt (siehe oben),
// daher hier fest die letzte Stufe statt einer nie sichtbaren Zwischen-Interpolation. Mond bleibt
// ohne Verlauf (schwarzer Sternenhimmel, keine Atmosphäre).
function colonySkyStyle(c){
  if(c.destKey==='mars') return marsSkyStyle(TERRAFORM_STAGES.length-1);
  return null;
}
function colonyMapSVG(c){
  const W = 560, H = 150, groundY = 108;
  const iconDefs = [
    { key:'habitat', color:'var(--text)', draw:(x,s)=>`<circle cx="${x}" cy="${groundY-8*s}" r="${11*s}" fill="none" stroke="var(--text)" stroke-width="1.6"/><rect x="${x-11*s}" y="${groundY-8*s}" width="${22*s}" height="${8*s}" fill="var(--panel2)" stroke="var(--text)" stroke-width="1.6"/>` },
    { key:'fabrik', color:'var(--accent)', draw:(x,s)=>`<rect x="${x-12*s}" y="${groundY-20*s}" width="${24*s}" height="${20*s}" fill="var(--panel2)" stroke="var(--accent)" stroke-width="1.6"/><rect x="${x-6*s}" y="${groundY-30*s}" width="${5*s}" height="${11*s}" fill="var(--panel2)" stroke="var(--accent)" stroke-width="1.4"/><circle cx="${x-3.5*s}" cy="${groundY-31*s}" r="${2.4*s}" fill="none" stroke="var(--accent)" stroke-width="1.2"/>` },
    { key:'antenne', color:'var(--cyan)', draw:(x,s)=>`<line x1="${x}" y1="${groundY}" x2="${x}" y2="${groundY-22*s}" stroke="var(--cyan)" stroke-width="1.6"/><path d="M ${x-13*s} ${groundY-22*s} A ${13*s} ${13*s} 0 0 1 ${x+13*s} ${groundY-22*s}" fill="none" stroke="var(--cyan)" stroke-width="1.6"/>` },
    { key:'lifeSupport', color:'var(--green)', draw:(x,s)=>`<rect x="${x-9*s}" y="${groundY-24*s}" width="${18*s}" height="${24*s}" rx="${4*s}" fill="var(--panel2)" stroke="var(--green)" stroke-width="1.6"/><circle cx="${x}" cy="${groundY-16*s}" r="${3*s}" fill="var(--green)"/>` },
    { key:'greenhouse', color:'var(--green)', draw:(x,s)=>`<path d="M ${x-13*s} ${groundY} L ${x-13*s} ${groundY-10*s} Q ${x} ${groundY-22*s} ${x+13*s} ${groundY-10*s} L ${x+13*s} ${groundY} Z" fill="var(--panel2)" stroke="var(--green)" stroke-width="1.6"/>` },
    { key:'medical', color:'var(--red)', draw:(x,s)=>`<rect x="${x-11*s}" y="${groundY-18*s}" width="${22*s}" height="${18*s}" fill="var(--panel2)" stroke="var(--red)" stroke-width="1.6"/><line x1="${x}" y1="${groundY-15*s}" x2="${x}" y2="${groundY-7*s}" stroke="var(--red)" stroke-width="2"/><line x1="${x-4*s}" y1="${groundY-11*s}" x2="${x+4*s}" y2="${groundY-11*s}" stroke="var(--red)" stroke-width="2"/>` },
    { key:'spaceport', color:'var(--accent)', draw:(x,s)=>`<polygon points="${x},${groundY-4} ${x-13*s},${groundY} ${x+13*s},${groundY}" fill="none" stroke="var(--accent)" stroke-width="1.4"/><path d="M ${x-3*s} ${groundY-4} L ${x} ${groundY-30*s} L ${x+3*s} ${groundY-4} Z" fill="var(--panel2)" stroke="var(--accent)" stroke-width="1.6"/>` },
    { key:'researchOutpost', color:'#c17bff', draw:(x,s)=>`<line x1="${x}" y1="${groundY}" x2="${x}" y2="${groundY-16*s}" stroke="#c17bff" stroke-width="1.6"/><ellipse cx="${x}" cy="${groundY-20*s}" rx="${10*s}" ry="${5*s}" fill="none" stroke="#c17bff" stroke-width="1.6" transform="rotate(-20 ${x} ${groundY-20*s})"/>` },
    { key:'leisure', color:'var(--green)', draw:(x,s)=>`<line x1="${x}" y1="${groundY}" x2="${x}" y2="${groundY-18*s}" stroke="var(--muted)" stroke-width="1.6"/><circle cx="${x}" cy="${groundY-22*s}" r="${7*s}" fill="var(--green)" opacity="0.5"/>` },
  ];
  const active = iconDefs.filter(d=>(c.buildings[d.key]||0)>0);
  const sky = colonySkyStyle(c);
  const skyId = `colsky-${c.destKey}`;
  const skyDefs = sky ? `<defs><linearGradient id="${skyId}" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="${sky.top}"/><stop offset="100%" stop-color="${sky.bottom}"/></linearGradient></defs>` : '';
  const skyRect = sky ? `<rect x="0" y="0" width="${W}" height="${groundY}" fill="url(#${skyId})"/>` : '';
  const starOpacity = sky ? sky.starOpacity : 0.5;
  const groundLine = `<line x1="6" y1="${groundY}" x2="${W-6}" y2="${groundY}" stroke="var(--border-lit)" stroke-width="1.4"/>`;
  const stars = starOpacity<=0 ? '' : Array.from({length:14}, (_,i)=>`<circle cx="${20+((i*41)%(W-40))}" cy="${8+((i*23)%40)}" r="1" fill="var(--muted)" opacity="${starOpacity.toFixed(2)}"/>`).join('');
  if(active.length===0){
    return `<svg viewBox="0 0 ${W} ${H}" style="width:100%; height:${H}px; display:block; margin:6px 0 10px;">${skyDefs}${skyRect}${stars}${groundLine}<text x="${W/2}" y="${groundY-14}" text-anchor="middle" fill="var(--muted)" font-size="11" font-family="inherit">Noch keine Gebäude — erstes Bauprojekt starten</text></svg>`;
  }
  const slotW = (W-40) / active.length;
  const bodyHtml = active.map((d,i)=>{
    const level = c.buildings[d.key]||0;
    const count = Math.min(5, level);
    const cx0 = 20 + slotW*i + slotW/2;
    const iconGap = Math.min(26, slotW/(count+0.6));
    const startX = cx0 - iconGap*(count-1)/2;
    let icons = '';
    for(let n=0;n<count;n++){ icons += d.draw(startX + n*iconGap, 0.9); }
    return `${icons}<text x="${cx0}" y="${H-8}" text-anchor="middle" fill="${d.color}" font-size="9.5" font-family="inherit">${COLONY_BUILDINGS[d.key].name} ×${level}</text>`;
  }).join('');
  return `<svg viewBox="0 0 ${W} ${H}" style="width:100%; height:${H}px; display:block; margin:6px 0 10px;">${skyDefs}${skyRect}${stars}${groundLine}${bodyHtml}</svg>`;
}

function renderKolonien(){
  const emptyPanel = document.getElementById('kolonienEmptyPanel');
  const list = document.getElementById('kolonienList');
  if(state.colonies.length===0){ emptyPanel.style.display='block'; list.innerHTML=''; return; }
  emptyPanel.style.display='none';
  list.innerHTML = state.colonies.map(c=>{
    const cap = colonyPopCap(c);
    const growthCap = colonyGrowthCap(c);
    const popPct = Math.round(Math.min(100, c.population/cap*100));
    const buildingsHtml = Object.values(COLONY_BUILDINGS).map(b=>{
      const level = c.buildings[b.id]||0;
      const cost = colonyBuildingCost(c, b.id);
      const queueFull = c.buildQueue.length>=3;
      const affordable = state.money >= cost;
      // NEU (TODO-KOLONIE-FORSCHUNG-CAP): maxLevel-Gebäude (aktuell nur Forschungsaußenposten)
      // zeigen bei erreichtem Cap "Max. erreicht" statt Preis und deaktivieren den Button, statt
      // den Klick erst per Toast abzuweisen -- Warteschlangen-Einträge desselben Typs zählen mit
      // (siehe queueColonyBuilding()), damit der Button auch während des Baus schon ausgegraut ist.
      const queuedSameType = c.buildQueue.filter(q=>q.type===b.id).length;
      const atCap = b.maxLevel && (level+queuedSameType) >= b.maxLevel;
      // NEU (TODO-KOLONIE-GEBAEUDE-ERWEITERUNG): bonusTxt kennt jetzt alle Effekt-Felder der
      // sechs neuen Gebäudetypen, nicht mehr nur popCapBonus/incomeMult.
      let bonusTxt;
      if(b.popCapBonus) bonusTxt = `+${b.popCapBonus} Kapazität`;
      else if(b.incomeMult) bonusTxt = `+${Math.round(b.incomeMult*100)}% Einkommen`;
      else if(b.growthCapBonus) bonusTxt = `+${b.growthCapBonus} Wachstumsdeckel`;
      else if(b.upkeepPerPopCut) bonusTxt = `-${Math.round(b.upkeepPerPopCut*100)}% Unterhalt/Kopf`;
      else if(b.eventMitigation) bonusTxt = `-${Math.round(b.eventMitigation*100)}% Ereignis-Schaden`;
      else if(b.launchCostCut) bonusTxt = `-${Math.round(b.launchCostCut*100)}% Startkosten`;
      else if(b.sciencePerPop) bonusTxt = `+${(b.sciencePerPop*(c.population||0)).toFixed(0)} FP/Tag bei aktueller Bevölkerung`;
      else if(b.growthSpeedBonus) bonusTxt = `+${Math.round(b.growthSpeedBonus*100)}% Wachstumstempo`;
      else bonusTxt = '';
      return `<div class="stat-line">
        <span class="k">${b.name} <span class="small-muted">(Stufe ${level})</span></span>
        <span class="v" style="display:flex; align-items:center; gap:8px;">
          <span class="small-muted">${bonusTxt}</span>
          <button class="btn small" data-colbuild="${c.destKey}" data-colbuildtype="${b.id}" ${atCap||queueFull||!affordable?'disabled':''}>${atCap?'Max. erreicht':`Bauen (${fmtMoney(cost)})`}</button>
        </span>
      </div>`;
    }).join('');
    const queueHtml = c.buildQueue.length===0 ? `<div class="small-muted">Keine laufenden Bauprojekte.</div>` : c.buildQueue.map(q=>{
      const pct = Math.round((1-q.daysLeft/q.daysTotal)*100);
      return `<div class="queue-item">
        <div class="top"><span class="qname">${COLONY_BUILDINGS[q.type].name}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
        <div class="progress-bar"><div style="width:${pct}%"></div></div>
      </div>`;
    }).join('');
    return `<div class="panel" style="margin-top:14px;">
      <h3>${c.name}</h3>
      ${colonyMapSVG(c)}
      ${c.colonyEvent ? `<div class="stat-line"><span class="k">Ereignis</span><span class="v" style="color:${c.colonyEvent.kind==='boom'?'var(--green)':'var(--red)'}">${c.colonyEvent.icon} ${c.colonyEvent.label} (noch ${c.colonyEvent.daysLeft} Tag(e))</span></div>` : ''}
      <div class="stat-line"><span class="k">Bevölkerung</span><span class="v">${c.population} / ${cap}</span></div>
      <div class="healthbar" style="margin-bottom:${growthCap<cap?'2':'10'}px;"><div style="width:${popPct}%; background:var(--green)"></div></div>
      ${growthCap<cap ? `<div class="small-muted" style="margin-bottom:10px;">⚠ Wachstum gedeckelt bei ${growthCap} — mehr Lebenserhaltung bauen, um weiter zu wachsen.</div>` : ''}
      <div class="stat-line"><span class="k">Effektives Einkommen/Tag</span><span class="v good">${fmtMoney(colonyEffectiveIncome(c))}</span></div>
      <div class="stat-line"><span class="k">Unterhalt/Tag</span><span class="v bad">-${fmtMoney(colonyUpkeep(c))}</span></div>
      <div style="border-top:1px solid var(--border); margin:12px 0 10px;"></div>
      <div class="small-muted" style="margin-bottom:6px;">Gebäude</div>
      ${buildingsHtml}
      <div style="border-top:1px solid var(--border); margin:12px 0 10px;"></div>
      <div class="small-muted" style="margin-bottom:6px;">Bau-Warteschlange (max. 3)</div>
      ${queueHtml}
    </div>`;
  }).join('');
  list.querySelectorAll('[data-colbuild]').forEach(btn=>{
    btn.addEventListener('click', ()=>{
      queueColonyBuilding(btn.dataset.colbuild, btn.dataset.colbuildtype);
    });
  });
}

// NEU v4-54 (Nutzer-Wunsch: "Ringe etwas weiter auseinandernehmen, Darstellung zentrieren, plus
// mehr Satelliten-Punkte -- 1 Punkt pro 100 Satelliten, unter 100 auch einer"): drei Änderungen.
// 1) Ring-Radien deutlich weiter auseinandergezogen (vorher 2.3/3.9/5.6, jetzt 2.2/5.0/8.2) --
//    dafür Grid auf 44x19 vergrößert, damit der große GEO-Ring weiterhin reinpasst.
// 2) Zentrierung: .dos-ascii-map bekommt display:table + margin:0 auto (siehe CSS), dadurch
//    schrumpft der Block auf seinen Inhalt und zentriert sich selbst im Panel, statt linksbündig
//    zu kleben.
// 3) Punktedichte jetzt an die echte Satellitenzahl gekoppelt statt eines festen Werts pro Ring --
//    siehe dosOrbitDotCount() unten.
const DOS_ASCII_COLS = 44, DOS_ASCII_ROWS = 19;
// Ring-Radien in Zeilen-Einheiten. Zeichen in Konsolenschrift sind ca. doppelt so hoch wie breit,
// darum wird der horizontale Versatz mit *2 multipliziert (siehe unten) -- ohne diese Korrektur
// würden die "Kreise" oval/gequetscht wirken statt rund.
const DOS_ORBIT_RINGS = [
  { key:'LEO', r:2.2, letter:'L' },
  { key:'MEO', r:5.0, letter:'M' },
  { key:'GEO', r:8.2, letter:'G' },
];
// NEU v4-54: 1 Punkt pro angefangene 100 Satelliten, aber mindestens 1 sobald überhaupt einer im
// Ring ist (auch bei z.B. 3 oder 40 Satelliten -- "unter 100 natürlich auch ein Punkt"). Nach oben
// gedeckelt, damit ein sehr großer Ring-Bestand (mehrere hundert/tausend) nicht zu einem
// unlesbaren Gewusel auf nur 44x19 Zeichen wird.
const DOS_ORBIT_MAX_DOTS_CAP = 12;
function dosOrbitDotCount(n){
  if(n<=0) return 0;
  return Math.min(DOS_ORBIT_MAX_DOTS_CAP, Math.max(1, Math.ceil(n/100)));
}
function dosOrbitRingSample(list){
  const maxDots = dosOrbitDotCount(list.length);
  if(list.length<=maxDots) return list;
  const step = list.length/maxDots;
  const out = [];
  for(let i=0;i<maxDots;i++) out.push(list[Math.floor(i*step)]);
  return out;
}
// NEU v4-55 (Nutzer-Wunsch: Panel-/Fenstergröße soll unverändert bleiben, die ASCII-Darstellung
// soll sich stattdessen automatisch einpassen -- "es ist ja kein echtes DOS"): skaliert ein
// .dos-ascii-map-Element per CSS transform so herunter, dass es immer vollständig in seinen
// umgebenden .dos-ascii-map-wrap passt, egal wie schmal das Panel gerade ist (Sidebar, Mobilgerät,
// Fenster-Resize, ...). Die Wrap-Höhe wird explizit auf die tatsächliche (skalierte) Höhe gesetzt,
// damit kein Leerraum unter der verkleinerten Karte entsteht. Wird bei jedem Neu-Rendern der Karte
// sowie bei Größenänderungen (ResizeObserver, siehe unten) aufgerufen.
function fitDosAsciiMap(pre){
  if(!pre) return;
  const wrap = pre.parentElement;
  if(!wrap || !wrap.classList.contains('dos-ascii-map-wrap')) return;
  pre.style.transform = 'none';
  const naturalWidth = pre.scrollWidth;
  const naturalHeight = pre.scrollHeight;
  // WICHTIG: Breite wird am umgebenden Panel gemessen, nicht am wrap selbst -- wrap.style.height
  // wird unten von uns selbst gesetzt, würde also bei Beobachtung des wrap-Elements eine
  // Endlosschleife im ResizeObserver auslösen ("ResizeObserver loop completed with undelivered
  // notifications"). Die Breite ändert sich dadurch ohnehin nicht, nur die Höhe -- daher genügt es,
  // die verfügbare Breite vom (unveränderten) Elternelement des wraps abzulesen.
  const availableWidth = (wrap.parentElement || wrap).clientWidth;
  const scale = (availableWidth>0 && naturalWidth>availableWidth) ? availableWidth/naturalWidth : 1;
  const newTransform = scale < 1 ? `scale(${scale})` : 'none';
  const newHeight = Math.ceil(naturalHeight*scale) + 'px';
  // Nur wirklich schreiben, wenn sich etwas ändert -- vermeidet unnötige Reflows und hilft
  // zusätzlich gegen ResizeObserver-Rückkopplungsschleifen.
  if(pre.style.transform !== newTransform) pre.style.transform = newTransform;
  if(wrap.style.height !== newHeight) wrap.style.height = newHeight;
}
function fitAllDosAsciiMaps(){
  document.querySelectorAll('.dos-ascii-map').forEach(fitDosAsciiMap);
}
// Reagiert auf Panel-Größenänderungen, die kein window-resize auslösen (z.B. Sidebar/Tab-Wechsel,
// eingeklappte Panels). Beobachtet bewusst das ELTERNELEMENT jedes .dos-ascii-map-wrap (also das
// .panel drumherum), NICHT den wrap selbst -- dessen Höhe verändern wir ja in fitDosAsciiMap(),
// und ein Observer, der ein Element beobachtet, das er selbst durch seinen eigenen Callback
// mutiert, kann in eine Rückkopplungsschleife laufen, die der Browser mit genau der gemeldeten
// Fehlermeldung abbricht. Zusätzlich per requestAnimationFrame entkoppelt, damit die eigentlichen
// DOM-Schreibvorgänge nie innerhalb des ResizeObserver-Callbacks selbst passieren.
if(typeof ResizeObserver !== 'undefined'){
  let dosAsciiFitPending = false;
  const dosAsciiResizeObserver = new ResizeObserver(()=>{
    if(dosAsciiFitPending) return;
    dosAsciiFitPending = true;
    requestAnimationFrame(()=>{ dosAsciiFitPending = false; fitAllDosAsciiMaps(); });
  });
  // Script-Tag sitzt hinter beiden .dos-ascii-map-wrap-Elementen im Markup, die existieren an
  // dieser Stelle also bereits im DOM -- kein Warten auf DOMContentLoaded nötig.
  document.querySelectorAll('.dos-ascii-map-wrap').forEach(w=>{
    if(w.parentElement) dosAsciiResizeObserver.observe(w.parentElement);
  });
}
function renderOrbitAsciiMap(){
  const pre = document.getElementById('orbitAsciiMap');
  if(!pre) return;
  const sats = state.orbitSats.filter(s=>(s.location||'earth')===orbitViewLocation);
  const byRing = { LEO:[], MEO:[], GEO:[] };
  sats.forEach(s=>{ if(byRing[s.orbit]) byRing[s.orbit].push(s); });
  const cx = Math.floor(DOS_ASCII_COLS/2), cy = Math.floor(DOS_ASCII_ROWS/2);
  const grid = Array.from({length:DOS_ASCII_ROWS}, ()=>Array(DOS_ASCII_COLS).fill(' '));
  // Kreis wird parametrisch abgelaufen (feste Winkelschritte statt Zellen-Distanz-Scan), das ergibt
  // eine gleichmäßige, symmetrische Punktverteilung statt Klumpen/Lücken je nach Zeile.
  DOS_ORBIT_RINGS.forEach(ring=>{
    const steps = Math.max(24, Math.round(ring.r*2*Math.PI*1.6));
    for(let i=0; i<steps; i++){
      const a = (i/steps)*Math.PI*2;
      const x = cx + Math.round(Math.cos(a)*ring.r*2);
      const y = cy + Math.round(Math.sin(a)*ring.r);
      if(x>=0 && x<DOS_ASCII_COLS && y>=0 && y<DOS_ASCII_ROWS && grid[y][x]===' ') grid[y][x] = '.';
    }
  });
  // dezente Fadenkreuz-Linien durch den Mittelpunkt (Äquatorialebene), nur wo noch kein Ring liegt
  for(let x=0; x<DOS_ASCII_COLS; x++){ if(grid[cy][x]===' ') grid[cy][x] = '-'; }
  for(let y=0; y<DOS_ASCII_ROWS; y++){ if(grid[y][cx]===' ') grid[y][cx] = ':'; }
  // Echte Satelliten-Punkte auf ihrem Ring, an ihrer tatsächlichen Winkelposition -- werden bei
  // jedem Aufruf (siehe enableDosOrbitAnim(), alle 550ms) neu berechnet und wandern dadurch sichtbar
  // mit, ganz ohne die volle Canvas-Animation nachzubauen. Bewusst VOR den L/M/G-Buchstaben-Marken
  // gezeichnet, damit die Marker immer sichtbar bleiben und nicht zufällig von einem Satelliten-
  // Punkt überschrieben werden, der genau auf dieselbe Zelle fällt.
  DOS_ORBIT_RINGS.forEach(ring=>{
    dosOrbitRingSample(byRing[ring.key]).forEach(s=>{
      const dx = Math.round(Math.cos(s.angle)*ring.r*2);
      const dy = Math.round(Math.sin(s.angle)*ring.r);
      const x = cx+dx, y = cy+dy;
      if(x>=0 && x<DOS_ASCII_COLS && y>=0 && y<DOS_ASCII_ROWS) grid[y][x] = '*';
    });
  });
  // Einzelbuchstaben-Marker (L/M/G) am rechten Rand jedes Rings -- nach den Satelliten-Punkten
  // gezeichnet, damit sie immer an derselben Stelle lesbar bleiben.
  DOS_ORBIT_RINGS.forEach(ring=>{
    const rx = cx + Math.round(ring.r*2);
    if(rx>=0 && rx<DOS_ASCII_COLS) grid[cy][rx] = ring.letter;
  });
  // Standort-Label im Zentrum, überschreibt Fadenkreuz/Ringe/Satelliten-Punkte an der Stelle.
  const label = orbitViewLocation==='earth' ? 'ERDE' : orbitLocationName(orbitViewLocation).toUpperCase();
  const boxTxt = `[ ${label} ]`;
  const startX = Math.max(0, Math.floor((DOS_ASCII_COLS-boxTxt.length)/2));
  for(let i=0; i<boxTxt.length && startX+i<DOS_ASCII_COLS; i++) grid[cy][startX+i] = boxTxt[i];
  const lines = grid.map(r=>r.join(''));
  const summary = `L=LEO: ${byRing.LEO.length} Satellit(en)   M=MEO: ${byRing.MEO.length} Satellit(en)   G=GEO: ${byRing.GEO.length} Satellit(en)`;
  pre.textContent = lines.join('\n') + '\n\n' + summary;
  fitDosAsciiMap(pre);
}
// Startet/stoppt die periodische Neuberechnung der Satelliten-Punkte (siehe oben) -- läuft nur,
// solange der DOS-Stil aktiv ist, ganz analog zu enableDosIconSanitizer()/disableDosIconSanitizer().
// 550ms statt echtem 60fps-rAF: die Satelliten sollen sichtbar wandern, nicht flackern, und ein
// reines Text-<pre> muss nicht mit Canvas-Framerate mithalten.
let dosOrbitAnimInterval = null;
function enableDosOrbitAnim(){
  if(dosOrbitAnimInterval) return;
  dosOrbitAnimInterval = setInterval(renderOrbitAsciiMap, 550);
}
function disableDosOrbitAnim(){
  if(dosOrbitAnimInterval){ clearInterval(dosOrbitAnimInterval); dosOrbitAnimInterval = null; }
}
function renderSatList(){
  const wrap = document.getElementById('satListContainer');
  const empty = document.getElementById('satListEmpty');
  const countEl = document.getElementById('satListCount');
  renderOrbitAsciiMap();
  // NEU (TODO-KOLONIE-ORBIT): Liste zeigt nur Satelliten des aktuell gewählten Orts (Erde oder Kolonie)
  const sats = state.orbitSats.filter(s=>(s.location||'earth')===orbitViewLocation);
  countEl.textContent = sats.length;
  if(sats.length===0){
    wrap.innerHTML=''; empty.style.display='block';
    empty.textContent = orbitViewLocation==='earth' ? 'Noch keine Satelliten im Orbit.' : `Noch keine Satelliten im Orbit um ${orbitLocationName(orbitViewLocation)}.`;
    return;
  }
  empty.style.display='none';
  const sorted = [...sats].sort((a,b)=> a.orbit===b.orbit ? a.name.localeCompare(b.name) : a.orbit.localeCompare(b.orbit));
  wrap.innerHTML = sorted.map(s=>{
    const chassis = CHASSIS[s.chassisId];
    const c = s.assignedContract ? state.contracts.find(c=>c.id===s.assignedContract) : null;
    const healthColor = s.health>60?'var(--green)':s.health>30?'var(--amber)':'var(--red)';
    const contractHtml = c
      ? `<span class="contract-status good">Aktiv · ${fmtMoney(c.rewardPerTick)}/Tag</span>`
      : `<span class="contract-status muted">Kein Auftrag</span>`;
    return `<div class="sat-list-row ${selectedSatId===s.id?'selected':''}" data-select="${s.id}">
      <span class="name">${s.name}</span>
      <span class="orbit-tag">${s.orbit}</span>
      <span class="chassis-tag">${chassis ? chassis.name : '?'}</span>
      <span class="healthwrap">
        <div class="healthbar"><div style="width:${s.health}%; background:${healthColor}"></div></div>
        <span class="pct">${Math.round(s.health)}%</span>
      </span>
      ${contractHtml}
      <span class="actions">
        ${s.health<100 ? `<button class="btn small" data-repair="${s.id}" title="Reparieren">Rep.</button>` : ''}
      </span>
      <span class="actions">
        <button class="btn small ghost" data-decommission="${s.id}" title="Außer Dienst stellen" style="color:var(--red);">✕</button>
      </span>
    </div>`;
  }).join('');
  wrap.querySelectorAll('[data-select]').forEach(row=>{
    row.addEventListener('click', (e)=>{
      if(e.target.closest('[data-repair]') || e.target.closest('[data-decommission]')) return;
      selectedSatId = Number(row.dataset.select);
      Sound.click();
      renderSatDetail();
      renderSatList();
      document.getElementById('satDetailPanel').scrollIntoView({behavior:'smooth', block:'nearest'});
    });
  });
  wrap.querySelectorAll('[data-repair]').forEach(btn=>{
    btn.addEventListener('click', (e)=>{ e.stopPropagation(); repairSat(Number(btn.dataset.repair)); });
  });
  wrap.querySelectorAll('[data-decommission]').forEach(btn=>{
    btn.addEventListener('click', (e)=>{ e.stopPropagation(); decommissionSat(Number(btn.dataset.decommission)); });
  });
}

/* ============================== RENDER: CONTRACTS ============================== */
function renderContracts(){
  const list = document.getElementById('contractList');
  const empty = document.getElementById('contractEmpty');
  const active = state.contracts;
  if(active.length===0){
    list.innerHTML=''; empty.style.display='block'; return;
  }
  empty.style.display='none';
  // NEU (TODO-AUFTRAGSSYSTEM): kompakte Auftraggeber-Zeile (Icon, Name, aktueller Vertrauens-
  // Tier) für beide Kartenzustände (offen/aktiv) — Kettenaufträge zusätzlich mit 🔗-Hinweis.
  function clientLine(c){
    const client = CONTRACT_CLIENTS[c.client];
    if(!client) return '';
    const tier = clientTierFor(clientRepOf(c.client));
    return `<div class="status" style="color:var(--cyan);">${client.icon} ${client.name} · ${tier.label}${c.isChain?' · 🔗 Folgeauftrag':''}</div>`;
  }
  list.innerHTML = active.map(c=>{
    const info = PAYLOAD_TYPES[c.type];
    if(c.status === 'offen'){
      const candidates = state.orbitSats.filter(s=>{
        if(!isSatFreeForAssignment(s)) return false;
        if(s.orbit !== c.orbit) return false;
        const d = computeSatDerived(s.chassisId, s.mods);
        return d.payloadTypes.includes(c.type);
      });
      // NEU (TODO-ZUFALLSEREIGNISSE): Sonderaufträge aus EVENTS.specialContract sind befristet
      // (state.day >= expiresDay lässt sie in tick() verfallen) — eigenes Badge + Countdown,
      // damit das im Auftrags-Tab sofort auffällt statt wie ein normaler Auftrag unterzugehen.
      const specialBadge = c.isSpecial
        ? `<div class="status" style="color:var(--accent);">⭐ Sonderauftrag — läuft ab in ${Math.max(0,c.expiresDay-state.day)} Tag(en)</div>`
        : '';
      return `<div class="contract">
        <div class="top"><span class="type" style="color:${info.color}">${info.label}</span><span class="orbit-tag">${c.orbit}</span></div>
        ${clientLine(c)}
        <div class="rewards">Vorschuss ${fmtMoney(c.rewardUpfront)} · ${fmtMoney(c.rewardPerTick)}/Tag · ${c.duration} Tage</div>
        ${specialBadge}
        <div class="status">Status: Offen</div>
        ${candidates.length>0 ? `
          <select data-contract="${c.id}">
            ${candidates.map(s=>`<option value="${s.id}">${s.name}</option>`).join('')}
          </select>
          <div class="actions">
            <button class="btn small primary" data-assign="${c.id}" style="flex:1; justify-content:center;">✓ Annehmen &amp; zuweisen</button>
            <button class="btn small ghost" data-decline="${c.id}">✕</button>
          </div>
        ` : `
          <div class="status">Kein passender Satellit in ${c.orbit} mit ${info.label}-Nutzlast im Orbit. Baue einen, starte ihn dorthin und komm zurück — oder lehn den Auftrag ab.</div>
          <div class="actions"><button class="btn small ghost" data-decline="${c.id}" style="flex:1; justify-content:center;">✕ Ablehnen &amp; neuen Auftrag holen</button></div>
        `}
      </div>`;
    } else {
      const pct = Math.round((1 - c.remaining/c.duration)*100);
      return `<div class="contract">
        <div class="top"><span class="type" style="color:${info.color}">${info.label}</span><span class="orbit-tag">${c.orbit}</span></div>
        ${clientLine(c)}
        <div class="rewards">${fmtMoney(c.rewardPerTick)}/Tag</div>
        <div class="status">Aktiv · ${c.remaining} Tage übrig</div>
        <div class="bar"><div style="width:${pct}%"></div></div>
      </div>`;
    }
  }).join('');
  list.querySelectorAll('[data-assign]').forEach(btn=>{
    btn.addEventListener('click', ()=>{
      const cid = Number(btn.dataset.assign);
      const sel = list.querySelector(`select[data-contract="${cid}"]`);
      if(sel) assignContract(cid, sel.value);
    });
  });
  list.querySelectorAll('[data-decline]').forEach(btn=>{
    btn.addEventListener('click', ()=>declineContract(Number(btn.dataset.decline)));
  });
}

/* ============================== RENDER: LANGZEITAUFTRÄGE + EIGENES NETZWERK (v4-14) ============================== */
/* NEU (TODO-SAT-LISTE-KOMPAKT): bei vielen zugewiesenen Satelliten (Langzeitverträge/eigenes
   Netzwerk) wird die Liste einzelner Satelliten-Chips schnell unübersichtlich (z.B. 100 Stück im
   Netzwerk). Kleine Zuweisungen (<=6) werden weiterhin direkt ausgeklappt gezeigt, größere starten
   eingeklappt mit einer Zusammenfassungszeile — ein Klick blendet die volle Chip-Liste ein/aus.
   longContractTagsExpanded/networkTagsExpanded merken sich nur, was der Spieler manuell umgeschaltet
   hat (nicht persistiert, das ist reine Anzeigebequemlichkeit). */
const longContractTagsExpanded = new Set();
// GEÄNDERT (v4-31): war ein einzelner Boolean (nur eine Unterfirma möglich), jetzt ein Set von
// Unterfirmen-IDs, deren Satelliten-Liste manuell aufgeklappt wurde — jede Unterfirma klappt
// unabhängig von den anderen.
let networkTagsExpanded = new Set();

function renderLongContracts(){
  const list = document.getElementById('longContractList');
  const empty = document.getElementById('longContractEmpty');
  const items = state.longContracts;
  if(items.length===0){
    list.innerHTML=''; empty.style.display='block';
  } else {
    empty.style.display='none';
    list.innerHTML = items.map(c=>{
      const client = CONTRACT_CLIENTS[c.client];
      const tier = clientTierFor(clientRepOf(c.client));
      const info = c.type ? PAYLOAD_TYPES[c.type] : null;
      const reqParts = [];
      if(c.orbit) reqParts.push(`Orbit ${c.orbit}`);
      if(info) reqParts.push(`${info.label}-Nutzlast`);
      if(c.minChassis) reqParts.push(`mind. Chassisgröße „${c.minChassis}”`);
      const reqLine = reqParts.length ? reqParts.join(' · ') : 'Keine besonderen Anforderungen';
      const clientLine = client
        ? `<div class="status" style="color:var(--cyan);">${client.icon} ${client.name} · ${tier.label}</div>` : '';

      if(c.status === 'angebot'){
        return `<div class="long-contract">
          <div class="top"><span class="name">${c.targetCount}× Satellit${c.targetCount>1?'en':''} dauerhaft</span><span class="orbit-tag">${c.duration} Tage Laufzeit</span></div>
          ${clientLine}
          <div class="req">${reqLine}</div>
          <div class="rewards">Signing-Bonus ${fmtMoney(c.rewardSignup)} · ${fmtMoney(c.rewardPerSatPerDay)}/Tag je besetztem Slot · +${fmtMoney(c.bonusOnFull)} bei voller Stückzahl</div>
          <div class="actions">
            <button class="btn small primary" data-accept-long="${c.id}" style="flex:1; justify-content:center;">✓ Annehmen</button>
            <button class="btn small ghost" data-decline-long="${c.id}">✕</button>
          </div>
        </div>`;
      }

      const filled = c.assignedSatIds.length;
      const pct = c.targetCount>0 ? Math.round((filled/c.targetCount)*100) : 0;
      const isFull = filled >= c.targetCount;
      const candidates = state.orbitSats.filter(s=>{
        if(!isSatFreeForAssignment(s)) return false;
        if(c.orbit && s.orbit !== c.orbit) return false;
        if(c.minChassis && !meetsMinChassis(s.chassisId, c.minChassis)) return false;
        if(c.type){
          const d = computeSatDerived(s.chassisId, s.mods);
          if(!d.payloadTypes.includes(c.type)) return false;
        }
        return true;
      });
      const tags = c.assignedSatIds.map(id=>{
        const s = state.orbitSats.find(s=>s.id===id);
        return `<div class="sat-tag">${s ? s.name : '—'}<button data-unassign-long="${c.id}:${id}" title="Freigeben">✕</button></div>`;
      }).join('');
      // NEU (TODO-SAT-LISTE-KOMPAKT): ab >6 zugewiesenen Satelliten startet die Chip-Liste
      // eingeklappt (Zusammenfassungszeile statt langer Liste), Toggle schaltet manuell um.
      const longExpanded = filled<=6 || longContractTagsExpanded.has(c.id);
      const tagsBlock = filled>0 ? `
        <div class="status-line" style="display:flex; justify-content:space-between; align-items:center; gap:8px;">
          <span>${filled} Satellit(en) zugewiesen</span>
          ${filled>6 ? `<button class="btn small ghost" data-toggle-longtags="${c.id}">${longExpanded?'Liste verbergen':'Liste anzeigen'}</button>` : ''}
        </div>
        ${longExpanded ? `<div class="sat-tags">${tags}</div>` : ''}
      ` : '';
      const remainingSlots = c.targetCount - filled;
      return `<div class="long-contract">
        <div class="top"><span class="name">${filled}/${c.targetCount} Satelliten${isFull?' — voll besetzt':''}</span><span class="orbit-tag">${c.daysLeft} Tage übrig</span></div>
        ${clientLine}
        <div class="req">${reqLine}</div>
        <div class="rewards">${fmtMoney(longContractDailyIncome(c))}/Tag aktuell${isFull?' (inkl. +20% Voll-Bonus)':''}${c.fullyMetOnce?' · Abschluss-Bonus bereits erhalten':''}</div>
        <div class="progress-wrap">
          <div class="progress-label"><span>Besetzung</span><span>${pct}%</span></div>
          <div class="bar${isFull?' full':''}"><div style="width:${pct}%"></div></div>
        </div>
        ${tagsBlock}
        ${!isFull ? (candidates.length>0 ? `
          <select data-longcontract="${c.id}">
            ${candidates.map(s=>`<option value="${s.id}">${s.name}</option>`).join('')}
          </select>
          <div class="actions">
            <button class="btn small primary" data-assign-long="${c.id}" style="flex:1; justify-content:center;">+ Satellit zuweisen</button>
            ${candidates.length>1 ? `<button class="btn small" data-assign-long-all="${c.id}">+ Alle zuweisen (${Math.min(candidates.length, remainingSlots)})</button>` : ''}
          </div>
        ` : `<div class="status">Kein passender freier Satellit verfügbar.</div>`) : ''}
      </div>`;
    }).join('');

    list.querySelectorAll('[data-accept-long]').forEach(btn=>{
      btn.addEventListener('click', ()=>acceptLongContract(Number(btn.dataset.acceptLong)));
    });
    list.querySelectorAll('[data-decline-long]').forEach(btn=>{
      btn.addEventListener('click', ()=>declineLongContract(Number(btn.dataset.declineLong)));
    });
    list.querySelectorAll('[data-assign-long]').forEach(btn=>{
      btn.addEventListener('click', ()=>{
        const cid = Number(btn.dataset.assignLong);
        const sel = list.querySelector(`select[data-longcontract="${cid}"]`);
        if(sel) assignSatToLongContract(cid, sel.value);
      });
    });
    list.querySelectorAll('[data-assign-long-all]').forEach(btn=>{
      btn.addEventListener('click', ()=>assignAllToLongContract(Number(btn.dataset.assignLongAll)));
    });
    list.querySelectorAll('[data-toggle-longtags]').forEach(btn=>{
      btn.addEventListener('click', ()=>{
        const cid = Number(btn.dataset.toggleLongtags);
        if(longContractTagsExpanded.has(cid)) longContractTagsExpanded.delete(cid);
        else longContractTagsExpanded.add(cid);
        renderLongContracts();
      });
    });
    list.querySelectorAll('[data-unassign-long]').forEach(btn=>{
      btn.addEventListener('click', ()=>{
        const [cid, sid] = btn.dataset.unassignLong.split(':').map(Number);
        unassignSatFromLongContract(cid, sid);
      });
    });
  }
  renderNetworkPanel();
}

// GEÄNDERT (v4-31, TODO-NETZWERK-UNTERFIRMEN): rendert jetzt eine eigene Karte PRO aktiver
// Unterfirma (statt eines einzigen Panels) plus — solange noch ein Slot frei ist (siehe
// getMaxNetworkSlots()) — eine "Neue Unterfirma gründen"-Karte am Ende, analog der bisherigen
// Start-Auswahl, nur wiederverwendbar bis zu 4x.
function renderNetworkPanel(){
  const body = document.getElementById('networkPanelBody');
  if(!hasResearch('eigenesNetzwerk')){
    body.innerHTML = `<div class="empty-hint">Erfordert die Forschung „Eigenes Netzwerk” — schaltet den Projektstart frei.</div>`;
    return;
  }
  const maxSlots = getMaxNetworkSlots();
  let html = '';
  state.ownNetworks.forEach(sub=>{
    const nt = NETWORK_TYPES[sub.type];
    const assignedSats = sub.satIds.map(id=>state.orbitSats.find(s=>s.id===id)).filter(Boolean);
    const orbitsUsed = new Set(assignedSats.filter(s=>s.health>0).map(s=>s.orbit)).size;
    const income = networkDailyIncome(sub);
    const candidates = state.orbitSats.filter(s=>{
      if(!isSatFreeForAssignment(s)) return false;
      const d = computeSatDerived(s.chassisId, s.mods);
      return d.payloadTypes.includes(nt.payloadType);
    });
    const tags = assignedSats.map(s=>`<div class="sat-tag">${s.name}${s.health<=0?' (zerstört)':''}<button data-unassign-net="${s.id}" title="Freigeben">✕</button></div>`).join('');
    // NEU (TODO-SAT-LISTE-KOMPAKT): bei vielen Satelliten in einer Unterfirma (z.B. 100) wird die
    // Chip-Liste eingeklappt und nur eine Zusammenfassungszeile gezeigt, ausklappbar per Toggle,
    // pro Unterfirma unabhängig (siehe networkTagsExpanded-Set) — sonst wird der Tab bei mehreren
    // großen Konstellationen kaum noch benutzbar.
    const netExpanded = assignedSats.length<=6 || networkTagsExpanded.has(sub.id);
    const destroyedCount = assignedSats.filter(s=>s.health<=0).length;
    html += `
      <div class="network-sub-card" style="border-top:1px solid var(--border); padding-top:10px; margin-top:10px;">
        <div class="status-line"><strong>${nt.icon} ${sub.name}</strong> — ${nt.label} · ${assignedSats.length} Satellit(en) zugewiesen · Abdeckung: ${orbitsUsed} Orbit-Typ(en) gleichzeitig genutzt</div>
        <div class="rewards" style="font-size:11px; color:var(--green); margin-bottom:8px;">${fmtMoney(income)}/Tag aktuell · ${fmtMoney(sub.totalEarned)} Lifetime-Einnahmen</div>
        <div class="rewards" style="font-size:11px; color:var(--red); margin-bottom:8px;">-${fmtMoney(subsidiaryUpkeep(sub))}/Tag Verwaltungskosten</div>
        ${assignedSats.length>0 ? `
          <div class="status-line" style="display:flex; justify-content:space-between; align-items:center; gap:8px;">
            <span>${assignedSats.length} zugewiesen${destroyedCount>0?` (${destroyedCount} zerstört)`:''}</span>
            ${assignedSats.length>6 ? `<button class="btn small ghost" data-toggle-net-tags="${sub.id}">${netExpanded?'Liste verbergen':'Liste anzeigen'}</button>` : ''}
          </div>
          ${netExpanded ? `<div class="sat-tags">${tags}</div>` : ''}
        ` : `<div class="empty-hint">Noch keine Satelliten zugewiesen.</div>`}
        ${candidates.length>0 ? `
          <select id="networkSatSelect-${sub.id}">
            ${candidates.map(s=>`<option value="${s.id}">${s.name}</option>`).join('')}
          </select>
          <div class="actions">
            <button class="btn small primary" data-assign-net="${sub.id}" style="flex:1; justify-content:center;">+ Satellit zuweisen</button>
            ${candidates.length>1 ? `<button class="btn small" data-assign-all-net="${sub.id}">+ Alle zuweisen (${candidates.length})</button>` : ''}
          </div>
        ` : `<div class="status">Kein passender freier Satellit mit ${PAYLOAD_TYPES[nt.payloadType] ? PAYLOAD_TYPES[nt.payloadType].label : nt.payloadType}-Nutzlast verfügbar.</div>`}
        <div class="actions" style="margin-top:8px;">
          <button class="btn small ghost" data-close-network="${sub.id}" title="Unterfirma auflösen — z.B. bei Fehlklick direkt nach der Gründung">✕ Unterfirma schließen</button>
        </div>
      </div>
    `;
  });
  if(state.ownNetworks.length < maxSlots){
    const cost = ownNetworkStartCost();
    html += `
      <div class="network-sub-card" style="border-top:1px solid var(--border); padding-top:10px; margin-top:10px;">
        <div class="status-line">Neue Unterfirma gründen (${state.ownNetworks.length}/${maxSlots} Slots genutzt) — Startgebühr ${fmtMoney(cost)}, danach frei wählbare Satelliten-Zuweisung. Name wird automatisch passend zur Kategorie vergeben.</div>
        <div class="network-choice">
          ${Object.values(NETWORK_TYPES).map(nt=>`
            <div class="nc-card" data-start-network="${nt.id}">
              <div class="icon">${nt.icon}</div>
              <div class="n">${nt.label}</div>
              <div class="d">${nt.desc}</div>
            </div>
          `).join('')}
        </div>
      </div>
    `;
  }
  body.innerHTML = html;
  body.querySelectorAll('[data-start-network]').forEach(el=>{
    el.addEventListener('click', ()=>startOwnNetworkProject(el.dataset.startNetwork));
  });
  body.querySelectorAll('[data-unassign-net]').forEach(btn=>{
    btn.addEventListener('click', ()=>unassignSatFromNetwork(Number(btn.dataset.unassignNet)));
  });
  body.querySelectorAll('[data-toggle-net-tags]').forEach(btn=>{
    btn.addEventListener('click', ()=>{
      const id = Number(btn.dataset.toggleNetTags);
      if(networkTagsExpanded.has(id)) networkTagsExpanded.delete(id); else networkTagsExpanded.add(id);
      renderNetworkPanel();
    });
  });
  body.querySelectorAll('[data-assign-net]').forEach(btn=>{
    btn.addEventListener('click', ()=>{
      const subId = btn.dataset.assignNet;
      const sel = document.getElementById('networkSatSelect-'+subId);
      if(sel) assignSatToNetwork(sel.value, subId);
    });
  });
  body.querySelectorAll('[data-assign-all-net]').forEach(btn=>{
    btn.addEventListener('click', ()=>assignAllToNetwork(btn.dataset.assignAllNet));
  });
  body.querySelectorAll('[data-close-network]').forEach(btn=>{
    btn.addEventListener('click', ()=>closeSubsidiary(btn.dataset.closeNetwork));
  });
}

/* ============================== RENDER: RESEARCH (Tech-Baum) ============================== */
// Layout-Konstanten für den Forschungs-Baum (kompakt gehalten, damit auch auf schmalen
// Handy-Bildschirmen genug vom Baum auf einmal sichtbar ist — Zoomen/Verschieben gleicht den Rest aus)
const RTREE_COLW = 192;   // horizontaler Abstand zwischen Voraussetzungs-Ebenen (Spalten)
const RTREE_ROWH = 66;    // vertikaler Abstand zwischen Knoten in derselben Zeile
const RTREE_PAD  = 20;    // Rand um den gesamten Baum
const RTREE_NW   = 172;   // Knotenbreite (siehe .rnode CSS)
const RTREE_NH   = 50;    // Knotenhöhe (siehe .rnode CSS, jetzt fest statt variabel)
const RTREE_MAXCOLS_PER_BAND = 8; // nach so vielen Voraussetzungs-Ebenen wird umgebrochen (Schlangenlinie)
const RTREE_BAND_GAP = 34;        // zusätzlicher vertikaler Abstand zwischen zwei Bändern

let rtreeZoom = 1;
let rtreePanX = 0;
let rtreePanY = 0;
let rtreeSelectedId = null;
let rtreeLayoutCache = null; // {columns, rowOf, depthOf, byId}
let rtreeFitDone = false;    // nur beim ersten Öffnen automatisch einpassen, danach Nutzer-Zoom/-Pan nicht überschreiben

// Ebene (Spalte) jedes Knotens = längster Pfad ab einer Wurzel (Knoten ohne Voraussetzung).
// Reihenfolge INNERHALB einer Spalte wird per Barycenter-Verfahren mehrfach nachjustiert,
// damit Kinder möglichst nah an ihren Eltern liegen und sich Linien seltener kreuzen.
// Danach wird die Spalten-Kette in "Bänder" von je RTREE_MAXCOLS_PER_BAND Ebenen zerlegt und
// als Schlangenlinie angeordnet (jedes zweite Band läuft rechts->links) — verhindert, dass
// lange, kaum verzweigte Ketten (z.B. die Sonnensystem-/Interstellar-Kette) den Baum endlos
// nach rechts wachsen lassen, obwohl dort nur je 1 Knoten pro Ebene steht. Läuft bei jedem
// Render neu, passt sich also automatisch an, sobald RESEARCH neue Einträge bekommt.
function computeResearchLayout(){
  const byId = {};
  RESEARCH.forEach(n=>{ byId[n.id]=n; });
  const depthOf = {};
  function depth(id){
    if(depthOf[id]!==undefined) return depthOf[id];
    const n = byId[id];
    if(!n.reqAll || n.reqAll.length===0){ depthOf[id]=0; return 0; }
    const d = 1 + Math.max(...n.reqAll.map(depth));
    depthOf[id] = d; return d;
  }
  RESEARCH.forEach(n=>depth(n.id));
  const maxDepth = Math.max(...Object.values(depthOf));
  const columns = Array.from({length:maxDepth+1}, ()=>[]);
  RESEARCH.forEach(n=>columns[depthOf[n.id]].push(n));

  const rowOf = {};
  columns.forEach(col=>{ col.forEach((n,i)=>{ rowOf[n.id]=i; }); });
  for(let pass=0; pass<4; pass++){
    for(let c=1;c<columns.length;c++){
      columns[c].forEach(n=>{
        const parentRows = (n.reqAll||[]).map(p=>rowOf[p]);
        n.__bc = parentRows.length ? parentRows.reduce((a,b)=>a+b,0)/parentRows.length : rowOf[n.id];
      });
      columns[c].sort((a,b)=>a.__bc-b.__bc);
      columns[c].forEach((n,i)=>{ rowOf[n.id]=i; });
    }
  }

  // Spalte -> Band + Position innerhalb des Bands (bei geraden Bändern links->rechts,
  // bei ungeraden rechts->links), damit das Ende eines Bands nah am Anfang des nächsten liegt.
  const bandOf = {}, colInBandOf = {};
  columns.forEach((col, d)=>{
    const band = Math.floor(d / RTREE_MAXCOLS_PER_BAND);
    const rawCol = d % RTREE_MAXCOLS_PER_BAND;
    const colInBand = (band % 2 === 0) ? rawCol : (RTREE_MAXCOLS_PER_BAND - 1 - rawCol);
    col.forEach(n=>{ bandOf[n.id]=band; colInBandOf[n.id]=colInBand; });
  });
  const maxBand = Math.max(...Object.values(bandOf));
  const bandRowCount = Array.from({length:maxBand+1}, ()=>1);
  columns.forEach((col,d)=>{
    const band = Math.floor(d/RTREE_MAXCOLS_PER_BAND);
    bandRowCount[band] = Math.max(bandRowCount[band], col.length);
  });
  const bandYOffset = [0];
  for(let b=1;b<=maxBand;b++){
    bandYOffset[b] = bandYOffset[b-1] + bandRowCount[b-1]*RTREE_ROWH + RTREE_BAND_GAP;
  }

  const posOf = {};
  RESEARCH.forEach(n=>{
    const band = bandOf[n.id], colInBand = colInBandOf[n.id];
    posOf[n.id] = {
      x: RTREE_PAD + colInBand*RTREE_COLW,
      y: RTREE_PAD + bandYOffset[band] + rowOf[n.id]*RTREE_ROWH,
    };
  });

  const usedCols = Math.min(RTREE_MAXCOLS_PER_BAND, maxDepth+1);
  const canvasW = RTREE_PAD*2 + usedCols*RTREE_COLW;
  const canvasH = RTREE_PAD*2 + bandYOffset[maxBand] + bandRowCount[maxBand]*RTREE_ROWH;

  // Trennlinien-Y-Positionen zwischen den Bändern, rein zur Orientierung beim Rendern
  const bandDividers = [];
  for(let b=1;b<=maxBand;b++){ bandDividers.push(RTREE_PAD + bandYOffset[b] - RTREE_BAND_GAP/2); }

  return { posOf, canvasW, canvasH, bandDividers };
}

function rtreeNodePos(id){
  return rtreeLayoutCache.posOf[id];
}

function rtreeCanvasSize(){
  return { w: rtreeLayoutCache.canvasW, h: rtreeLayoutCache.canvasH };
}

function rtreeStatus(r){
  if(hasResearch(r.id)) return 'done';
  if(state.activeResearch && state.activeResearch.id===r.id) return 'researching';
  const lockedReq = r.reqAll && !r.reqAll.every(hasResearch);
  if(lockedReq) return 'locked';
  return 'avail'; // Voraussetzungen erfüllt, aber evtl. noch nicht bezahlbar
}

/* ---- Eigene Pan/Zoom-Engine (statt nativem Scroll+CSS-transform-Kombination, die auf
   mobilen Browsern beim Skalieren unzuverlässig scrollt): der Baum wird per translate+scale
   in EINEM style.transform positioniert, Ziehen/Pinch/Mausrad aktualisieren nur diese zwei
   JS-Variablen (rtreePanX/Y, rtreeZoom), kein natives Scrollen der Wrapper-Box nötig. ---- */
function rtreeApplyTransform(){
  const canvas = document.getElementById('rtreeCanvas');
  // Kein scale() mehr hier — Zoom steckt jetzt direkt in den gerenderten Pixelgrößen/
  // Schriftgrößen (siehe renderResearch), nur noch reines Verschieben zum Pannen.
  if(canvas) canvas.style.transform = `translate(${Math.round(rtreePanX)}px, ${Math.round(rtreePanY)}px)`;
}

function rtreeClampPan(){
  const wrap = document.getElementById('rtreeWrap');
  if(!wrap || !rtreeLayoutCache) return;
  const { w:canvasW, h:canvasH } = rtreeCanvasSize();
  const scaledW = canvasW*rtreeZoom, scaledH = canvasH*rtreeZoom;
  const margin = 60;
  const minX = Math.min(margin, wrap.clientWidth - scaledW - margin);
  const maxX = margin;
  const minY = Math.min(margin, wrap.clientHeight - scaledH - margin);
  const maxY = margin;
  rtreePanX = Math.max(minX, Math.min(maxX, rtreePanX));
  rtreePanY = Math.max(minY, Math.min(maxY, rtreePanY));
}

// Zoomt um newZoom herum, wobei der Punkt (cx,cy) — in Wrap-lokalen Pixeln, z.B. Finger-
// Mittelpunkt beim Pinchen oder Mausposition beim Mausrad-Zoom — visuell fix bleibt.
function rtreeZoomAt(newZoom, cx, cy){
  newZoom = Math.max(0.3, Math.min(1.8, newZoom));
  const canvasX = (cx - rtreePanX)/rtreeZoom;
  const canvasY = (cy - rtreePanY)/rtreeZoom;
  rtreeZoom = newZoom;
  rtreePanX = cx - canvasX*rtreeZoom;
  rtreePanY = cy - canvasY*rtreeZoom;
  rtreeClampPan();
  renderResearch(); // Zoom ist jetzt in Pixelgrößen/Schriftgrößen eingebacken -> komplett neu rendern
}

// Passt Zoom/Position so an, dass die volle Höhe des Baums (alle Zeilen) in den sichtbaren
// Bereich passt — läuft automatisch beim ersten Öffnen des Forschungs-Tabs, danach nicht
// mehr, damit eigenes Zoomen/Verschieben des Spielers nicht ständig zurückgesetzt wird.
function rtreeFit(){
  const wrap = document.getElementById('rtreeWrap');
  if(!wrap || !rtreeLayoutCache || wrap.clientHeight===0 || wrap.clientWidth===0) return false;
  const { w:canvasW, h:canvasH } = rtreeCanvasSize();
  // Auf Breite UND Höhe einpassen (nicht nur Höhe), damit bei sehr breiten Bändern
  // nichts durch das umschließende overflow:hidden abgeschnitten wird.
  const zoomH = wrap.clientHeight/canvasH;
  const zoomW = wrap.clientWidth/canvasW;
  rtreeZoom = Math.max(0.45, Math.min(1.8, Math.min(zoomH, zoomW)));
  rtreePanX = Math.max(14, (wrap.clientWidth - canvasW*rtreeZoom)/2);
  rtreePanY = (wrap.clientHeight - canvasH*rtreeZoom)/2;
  rtreeClampPan();
  return true;
}

function renderResearch(){
  rtreeLayoutCache = computeResearchLayout();
  const { w:canvasW, h:canvasH } = rtreeCanvasSize();
  const z = rtreeZoom;

  // NEU (TODO-FORSCHUNGSBAUM-KATEGORIEN): Kategorie-Legende einmalig befüllen (ändert sich nicht
  // zur Laufzeit, RESEARCH_CATEGORIES ist statisch) -- nur beim ersten Aufruf, um unnötige
  // Neu-Renders bei jedem Zoom/Pan zu vermeiden.
  const catLegend = document.getElementById('rtreeCatLegend');
  if(catLegend && !catLegend.dataset.filled){
    catLegend.innerHTML = Object.values(RESEARCH_CATEGORIES).map(c=>
      `<span class="rtree-legend-item"><span class="rtree-dot" style="background:${c.color};"></span>${c.label}</span>`
    ).join('');
    catLegend.dataset.filled = '1';
  }

  const canvas = document.getElementById('rtreeCanvas');
  canvas.style.width = (canvasW*z)+'px';
  canvas.style.height = (canvasH*z)+'px';

  // Verbindungslinien (Voraussetzung -> Knoten) als kubische Bézierkurven.
  // SVG ist Vektorgrafik und bleibt bei jeder Skalierung scharf — deshalb bleiben
  // die Pfad-Koordinaten in "logischen" (unskalierten) Einheiten, nur width/height
  // des <svg> selbst werden auf Pixelgröße gebracht; das viewBox übernimmt die Skalierung.
  const svg = document.getElementById('rtreeSvg');
  svg.setAttribute('width', canvasW*z);
  svg.setAttribute('height', canvasH*z);
  svg.setAttribute('viewBox', `0 0 ${canvasW} ${canvasH}`);
  let paths = '';
  rtreeLayoutCache.bandDividers.forEach(y=>{
    paths += `<line x1="0" y1="${y}" x2="${canvasW}" y2="${y}" stroke="var(--border)" stroke-width="1" stroke-dasharray="4 5" />`;
  });
  RESEARCH.forEach(r=>{
    if(!r.reqAll) return;
    const to = rtreeNodePos(r.id);
    r.reqAll.forEach(pid=>{
      const from = rtreeNodePos(pid);
      // Bei geraden Bändern liegt das Kind rechts vom Elternteil, bei ungeraden (Schlangenlinie
      // läuft rechts->links) ist es umgekehrt — Startseite der Linie entsprechend spiegeln.
      let fx, tx;
      if(to.x >= from.x){ fx = from.x + RTREE_NW; tx = to.x; }
      else { fx = from.x; tx = to.x + RTREE_NW; }
      const fy = from.y + RTREE_NH/2, ty = to.y + RTREE_NH/2;
      const midX = (fx+tx)/2;
      const bothDone = hasResearch(pid) && hasResearch(r.id);
      const color = bothDone ? 'var(--green)' : 'var(--border-lit)';
      const opacity = bothDone ? 0.8 : 0.5;
      paths += `<path d="M${fx},${fy} C${midX},${fy} ${midX},${ty} ${tx},${ty}" stroke="${color}" stroke-opacity="${opacity}" stroke-width="1.4" fill="none"/>`;
    });
  });
  svg.innerHTML = paths;

  // Knoten: Position, Größe UND Schriftgröße werden direkt mit dem Zoomfaktor berechnet
  // (statt den fertigen Baum per CSS transform:scale zu strecken), damit der Browser den
  // Text bei jedem Zoomlevel neu und scharf rastert statt eine Bitmap hochzuskalieren.
  const nameFontPx = Math.max(9, 11*z).toFixed(2);
  const costFontPx = Math.max(8, 9.5*z).toFixed(2);
  const nodesEl = document.getElementById('rtreeNodes');
  nodesEl.innerHTML = RESEARCH.map(r=>{
    const pos = rtreeNodePos(r.id);
    const status = rtreeStatus(r);
    const sel = rtreeSelectedId===r.id ? 'selected' : '';
    const icon = status==='done' ? '✓ ' : status==='locked' ? '🔒 ' : status==='researching' ? '⏳ ' : '';
    // NEU (TODO-FORSCHUNGSPUNKTE): Punktekosten neben dem Geldpreis anzeigen (sofern >0, siehe
    // researchSciencePointsFor()/noSciencePoints) -- rot eingefärbt, wenn nicht genug Punkte da
    // sind, damit sofort ersichtlich ist, WARUM eine eigentlich leistbare Forschung noch gesperrt
    // ist (reines Geld hätte gereicht, Punkte fehlen aber noch).
    const sciCost = researchSciencePointsFor(r);
    const sciShort = sciCost>0 ? ` · <span style="color:${state.sciencePoints>=sciCost?'#c17bff':'var(--red)'};">${sciCost.toLocaleString('de-DE')} FP</span>` : '';
    const costLabel = status==='researching' ? `noch ${state.activeResearch.daysLeft} Tag(e)` : `${fmtMoney(r.cost)}${sciShort}`;
    // NEU (TODO-FORSCHUNGSBAUM-KATEGORIEN): linker Farbstreifen zeigt den Zweig (RESEARCH_CATEGORIES)
    // -- als inline style statt CSS-Klasse, damit die per Status gesetzte border-color (.rnode.done
    // etc., siehe CSS) für die anderen drei Seiten unangetastet bleibt (inline schlägt Klasse nur
    // für die explizit gesetzte border-left-color).
    const catColor = (RESEARCH_CATEGORIES[r.cat]||{}).color || 'var(--border)';
    return `<div class="rnode ${status} ${sel}" data-rnode="${r.id}" style="left:${pos.x*z}px; top:${pos.y*z}px; width:${RTREE_NW*z}px; height:${RTREE_NH*z}px; border-left-width:4px; border-left-color:${catColor};">
      <div class="rn-name" style="font-size:${nameFontPx}px;">${icon}${r.name}</div>
      <div class="rn-cost" style="font-size:${costFontPx}px;">${costLabel}</div>
    </div>`;
  }).join('');
  // Auswahl-Klicks werden NICHT über native 'click'-Listener pro Knoten behandelt (siehe
  // initRtreePanZoom weiter unten) — das umgeht Inkonsistenzen bei click-Events nach
  // setPointerCapture in manchen Touch-/Safari-Browsern.

  rtreeApplyTransform();
  renderResearchDetail();

  if(!rtreeFitDone){
    let tries = 0;
    const tryFit = ()=>{
      tries++;
      const ok = rtreeFit();
      if(ok){ rtreeFitDone = true; renderResearch(); } // bei neuem Zoom komplett neu rendern (Größen sind jetzt fest eingebacken)
      else if(tries < 20){ requestAnimationFrame(tryFit); } // Box evtl. noch nicht sichtbar/gelayoutet, erneut versuchen
    };
    requestAnimationFrame(tryFit);
  }
}

function renderResearchDetail(){
  const panel = document.getElementById('rtreeDetailPanel');
  if(!rtreeSelectedId){
    panel.innerHTML = `<h3>Details</h3><div class="empty-hint">Knoten im Baum anklicken, um Details zu sehen.</div>`;
    return;
  }
  const r = RESEARCH.find(x=>x.id===rtreeSelectedId);
  if(!r){ rtreeSelectedId=null; renderResearchDetail(); return; }
  const done = hasResearch(r.id);
  const active = !!(state.activeResearch && state.activeResearch.id===r.id);
  const otherActive = !!(state.activeResearch && !active);
  const lockedReq = r.reqAll && !r.reqAll.every(hasResearch);
  const reqNames = (r.reqAll||[]).map(id=>{
    const n = RESEARCH.find(x=>x.id===id);
    return `<span class="${hasResearch(id)?'v good':'v bad'}" style="margin-right:8px;">${hasResearch(id)?'✓':'✗'} ${n?n.name:id}</span>`;
  }).join('') || '<span class="small-muted">Keine Voraussetzung</span>';
  const days = researchDaysFor(r);
  // NEU (TODO-FORSCHUNGSPUNKTE): eigene Kosten-Zeile + eigener Sperr-Grund, damit klar wird,
  // WELCHE der beiden Ressourcen fehlt (Geld reicht evtl., Punkte noch nicht, oder umgekehrt).
  const sciCost = researchSciencePointsFor(r);
  const sciRow = sciCost>0 ? `<div class="stat-line"><span class="k">Forschungspunkte</span><span class="v" style="color:${state.sciencePoints>=sciCost?'#c17bff':'var(--red)'};">${Math.round(state.sciencePoints).toLocaleString('de-DE')} / ${sciCost.toLocaleString('de-DE')}</span></div>` : '';
  const lockedSci = state.sciencePoints < sciCost;
  const progressHtml = active ? (()=>{
    const pct = Math.round((1 - state.activeResearch.daysLeft/state.activeResearch.daysTotal)*100);
    return `<div class="queue-item" style="margin-top:10px;">
      <div class="top"><span class="qname">Läuft…</span><span class="qmeta">${state.activeResearch.daysLeft} Tag(e) übrig</span></div>
      <div class="progress-bar"><div style="width:${pct}%"></div></div>
    </div>`;
  })() : '';
  let btnLabel;
  if(done) btnLabel = 'Bereits erforscht';
  else if(active) btnLabel = 'Wird erforscht…';
  else if(otherActive) btnLabel = 'Labor belegt';
  else if(lockedReq) btnLabel = 'Voraussetzung fehlt';
  else if(lockedSci) btnLabel = 'Zu wenig Forschungspunkte';
  else btnLabel = 'Erforschen';
  panel.innerHTML = `
    <h3>${r.name} ${done?'✓':''}</h3>
    ${RESEARCH_CATEGORIES[r.cat] ? `<div class="small-muted" style="margin-bottom:4px; display:flex; align-items:center; gap:5px;"><span style="width:9px; height:9px; border-radius:50%; display:inline-block; background:${RESEARCH_CATEGORIES[r.cat].color};"></span>${RESEARCH_CATEGORIES[r.cat].label}</div>` : ''}
    <div class="small-muted" style="margin:6px 0 10px;">${r.desc}</div>
    <div class="stat-line"><span class="k">Kosten</span><span class="v">${fmtMoney(r.cost)}</span></div>
    ${sciRow}
    <div class="stat-line"><span class="k">Forschungsdauer</span><span class="v">${days} Tag(e)</span></div>
    <div class="stat-line"><span class="k">Voraussetzung(en)</span><span class="v" style="text-align:right;">${reqNames}</span></div>
    ${progressHtml}
    <button class="btn ${(done||active)?'':'primary'}" id="rtreeBuyBtn" style="width:100%; margin-top:10px; justify-content:center;"
      ${done||active||otherActive||lockedReq||lockedSci||state.money<r.cost?'disabled':''}>
      ${btnLabel}
    </button>
  `;
  const buyBtn = document.getElementById('rtreeBuyBtn');
  if(buyBtn) buyBtn.addEventListener('click', ()=>buyResearch(r.id));
}

document.getElementById('rtreeZoomIn').addEventListener('click', ()=>{
  const wrap = document.getElementById('rtreeWrap');
  rtreeZoomAt(rtreeZoom*1.25, wrap.clientWidth/2, wrap.clientHeight/2);
});
document.getElementById('rtreeZoomOut').addEventListener('click', ()=>{
  const wrap = document.getElementById('rtreeWrap');
  rtreeZoomAt(rtreeZoom*0.8, wrap.clientWidth/2, wrap.clientHeight/2);
});
document.getElementById('rtreeFitBtn').addEventListener('click', ()=>{ rtreeFit(); renderResearch(); });

// Springt zum nächsten erforschbaren (Voraussetzungen erfüllt, noch nicht erforscht) Knoten,
// wählt ihn aus und zentriert ihn im sichtbaren Bereich — hilft bei 50+ Knoten über 25 Ebenen.
document.getElementById('rtreeJumpNext').addEventListener('click', ()=>{
  const candidates = RESEARCH.filter(r=>!hasResearch(r.id) && (!r.reqAll || r.reqAll.every(hasResearch)));
  if(!candidates.length){ toast('Keine erforschbaren Technologien verfügbar.', 'bad'); return; }
  const affordable = candidates.find(r=>state.money>=r.cost) || candidates[0];
  rtreeSelectedId = affordable.id;
  renderResearch();
  const wrap = document.getElementById('rtreeWrap');
  const pos = rtreeNodePos(affordable.id);
  rtreePanX = wrap.clientWidth/2 - (pos.x+RTREE_NW/2)*rtreeZoom;
  rtreePanY = wrap.clientHeight/2 - (pos.y+RTREE_NH/2)*rtreeZoom;
  rtreeClampPan();
  rtreeApplyTransform();
});

/* ---- Ziehen (Maus/Finger) zum Verschieben + Pinch mit zwei Fingern zum Zoomen, alles über
   die Pointer-Events-API (deckt Maus, Touch und Pen einheitlich ab). Ein Klick auf einen
   Knoten, der eigentlich ein Zieh-/Pinch-Vorgang war, wird per Capture-Listener unterdrückt,
   damit aus Versehen kein falscher Knoten ausgewählt wird. ---- */
(function initRtreePanZoom(){
  const wrap = document.getElementById('rtreeWrap');
  const nodesEl = document.getElementById('rtreeNodes');
  const activePointers = new Map();
  let dragMoved = false;
  let pinchStartDist = 0, pinchStartZoom = 1;
  let dragStartX = 0, dragStartY = 0, dragPanX = 0, dragPanY = 0;

  function pointFromEvent(e){
    const rect = wrap.getBoundingClientRect();
    return { x: e.clientX - rect.left, y: e.clientY - rect.top };
  }

  wrap.addEventListener('pointerdown', (e)=>{
    wrap.setPointerCapture(e.pointerId);
    activePointers.set(e.pointerId, pointFromEvent(e));
    dragMoved = false;
    if(activePointers.size===1){
      const p = pointFromEvent(e);
      dragStartX = p.x; dragStartY = p.y;
      dragPanX = rtreePanX; dragPanY = rtreePanY;
      wrap.classList.add('dragging');
    } else if(activePointers.size===2){
      const pts = [...activePointers.values()];
      pinchStartDist = Math.hypot(pts[0].x-pts[1].x, pts[0].y-pts[1].y) || 1;
      pinchStartZoom = rtreeZoom;
    }
  });

  wrap.addEventListener('pointermove', (e)=>{
    if(!activePointers.has(e.pointerId)) return;
    activePointers.set(e.pointerId, pointFromEvent(e));
    if(activePointers.size===1){
      const p = activePointers.get(e.pointerId);
      const dx = p.x - dragStartX, dy = p.y - dragStartY;
      if(Math.hypot(dx,dy) > 4) dragMoved = true;
      rtreePanX = dragPanX + dx;
      rtreePanY = dragPanY + dy;
      rtreeClampPan();
      rtreeApplyTransform();
    } else if(activePointers.size===2){
      const pts = [...activePointers.values()];
      const dist = Math.hypot(pts[0].x-pts[1].x, pts[0].y-pts[1].y) || 1;
      const mid = { x:(pts[0].x+pts[1].x)/2, y:(pts[0].y+pts[1].y)/2 };
      rtreeZoomAt(pinchStartZoom*(dist/pinchStartDist), mid.x, mid.y);
      dragMoved = true;
    }
  });

  function endPointer(e){
    // Wenn es ein Tap war (kein Ziehen/Pinchen) und es der letzte aktive Pointer war:
    // den Knoten unter der Loslass-Position direkt auswählen. elementFromPoint statt
    // e.target, weil e.target nach setPointerCapture ggf. auf 'wrap' umgebogen ist.
    if(!dragMoved && activePointers.size===1){
      const el = document.elementFromPoint(e.clientX, e.clientY);
      const rnodeEl = el && el.closest ? el.closest('[data-rnode]') : null;
      if(rnodeEl){ rtreeSelectedId = rnodeEl.dataset.rnode; renderResearch(); }
    }
    activePointers.delete(e.pointerId);
    if(activePointers.size===0) wrap.classList.remove('dragging');
  }
  wrap.addEventListener('pointerup', endPointer);
  wrap.addEventListener('pointercancel', endPointer);
  wrap.addEventListener('pointerleave', endPointer);

  // (Klick-Unterdrückung nach Drag/Pinch entfällt hier — endPointer() prüft dragMoved
  // bereits direkt, bevor es überhaupt einen Knoten auswählt.)

  wrap.addEventListener('wheel', (e)=>{
    e.preventDefault();
    const p = pointFromEvent(e);
    const factor = e.deltaY < 0 ? 1.12 : 0.89;
    rtreeZoomAt(rtreeZoom*factor, p.x, p.y);
  }, { passive:false });
})();

/* ============================== SOLAR SYSTEM LIVE MAP ============================== */
// Ring-Konfigurationen — an die realen Verhältnisse angelehnt:
// Saturn: breit, hell, eisig. Jupiter: extrem schwach, dunkler Staubring, kaum sichtbar.
// Uranus: schmal, dunkel, wegen ~98° Achsneigung fast senkrecht zur Bahnebene gekippt.
// Neptun: sehr schwacher, teils unvollständiger Ring mit helleren "Ringbögen" (Klumpen).
const SATURN_RING  = { tilt:-0.3,  flat:0.29, layers:[
  {mult:1.9,  w:2.4, a:0.55, color:'#e0c893'},
  {mult:1.65, w:1.6, a:0.75, color:'#e0c893'},
  {mult:1.4,  w:1.1, a:0.4,  color:'#e0c893'},
]};
const JUPITER_RING = { tilt:-0.25, flat:0.28, layers:[
  {mult:1.22, w:1.0, a:0.10, color:'#9c8b6e'},
]};
const URANUS_RING  = { tilt:1.18,  flat:0.55, layers:[
  {mult:1.55, w:1.0, a:0.55, color:'#3d4b4b'},
  {mult:1.42, w:0.6, a:0.4,  color:'#3d4b4b'},
  {mult:1.68, w:0.7, a:0.32, color:'#3d4b4b'},
]};
const NEPTUN_RING  = { tilt:-0.28, flat:0.27, layers:[
  {mult:1.5, w:1.0, a:0.16, color:'#8ea3c4'},
], arcs:[
  {start:-0.55, end:-0.15, a:0.55, w:1.6},
  {start: 0.35, end: 0.62, a:0.4,  w:1.3},
  {start: 2.0,  end: 2.35, a:0.32, w:1.2},
]};

const SOLAR_MAP_BODIES = [
  {key:'merkur',   name:'Merkur',  x:0.13,  r:4,    color:'#9a8f80', kind:'rock'},
  {key:'venus',    name:'Venus',   x:0.205, r:6,    color:'#e0a95c', kind:'rock'},
  {key:'erde',     name:'Erde',    x:0.28,  r:6.5,  color:'#3f8fd6', kind:'rock', home:true},
  {key:'mond',     name:'Mond',    x:0.305, r:2.5,  color:'#cdcdcd', kind:'rock', moonOf:'erde'},
  {key:'mars',     name:'Mars',    x:0.355, r:4.5,  color:'#c1592f', kind:'rock'},
  {key:'ceres',    name:'Ceres',   x:0.44,  r:2.3,  color:'#a89a86', kind:'rock'},
  {key:'jupiter',  name:'Jupiter', x:0.57,  r:13,   color:'#d2a679', kind:'gas', ring:JUPITER_RING},
  {key:'europa',   name:'Europa',  x:0.598, r:2,    color:'#d5d5d5', kind:'rock', moonOf:'jupiter'},
  {key:'saturn',   name:'Saturn',  x:0.70,  r:11,   color:'#e0c893', kind:'gas', ring:SATURN_RING},
  {key:'titanMond',name:'Titan',   x:0.728, r:2.3,  color:'#d9a94a', kind:'rock', moonOf:'saturn'},
  {key:'uranus',   name:'Uranus',  x:0.82,  r:8,    color:'#8fd6d6', kind:'ice', ring:URANUS_RING},
  {key:'neptun',   name:'Neptun',  x:0.90,  r:7.7,  color:'#4f7fd6', kind:'ice', ring:NEPTUN_RING},
  {key:'pluto',    name:'Pluto',   x:0.965, r:2,    color:'#b6a58e', kind:'rock'},
];

/* -------- Visuelle Hilfsfunktionen für die Sonnensystem-Karte -------- */
// Deterministischer Pseudo-Zufall (Seed -> [0,1)) statt Math.random(), damit
// Sternenfeld/Asteroidengürtel bei jedem Redraw (Pan/Zoom/Resize) stabil bleiben
// und nicht bei jedem Frame neu "flackern".
function solarSrand(seed){ const x = Math.sin(seed*12.9898)*43758.5453; return x - Math.floor(x); }
const SOLAR_MAP_STARS = Array.from({length:80},(_,i)=>({
  fx: solarSrand(i*3.11+1), fy: solarSrand(i*7.73+2)*0.82,
  r: solarSrand(i*5.37+3)*1.15+0.25, a: solarSrand(i*9.19+4)*0.5+0.25, tw: solarSrand(i*4.63+5)*Math.PI*2
}));
const SOLAR_MAP_BELT = Array.from({length:38},(_,i)=>({
  fx: 0.393 + solarSrand(i*2.31+11)*0.088, fy: (solarSrand(i*4.17+13)-0.5)*38,
  r: solarSrand(i*6.53+17)*0.7+0.5
}));

/* -------- NEU (TODO-STERNSYSTEM-KARTEN): Sternsystem-Detailkarte für die Milchstraßen-Nachbarschaft -------- */
// Wunsch: "andere systeme unter galaxy ansicht sollten auch so eine karte bekommen wie sonnen
// system das ich dort genaue planeten sehe". Rein KOSMETISCH/prozedural erzeugt (kein eigener
// state, kein Speicherstand-Eintrag nötig) — dieselbe Eingabe (destKey) liefert bei jedem Aufruf
// exakt dieselbe fiktive Planetenkette (solarSrand-Determinismus wie beim Asteroidengürtel oben).
// Bewusst NUR für INTERSTELLAR_KEYS (Sternsysteme der Milchstraße), NICHT für Galaxien-Sprungziele
// (die haben mit drawGalaxyDetailMap() bereits ihre eigene Detailkarte).
function strHash(s){ let h=0; for(let i=0;i<s.length;i++){ h = (h*31 + s.charCodeAt(i))|0; } return Math.abs(h); }
const STARSYS_ROCK_COLORS = ['#c1592f','#9a8f80','#b6a58e','#d5a878','#8f7a6a','#a89a86','#c79a6b'];
const STARSYS_GAS_COLORS  = ['#d2a679','#e0c893','#c9885a','#b98f5e'];
const STARSYS_ICE_COLORS  = ['#8fd6d6','#4f7fd6','#7fb3d6','#6a9fd6'];
const ROMAN = ['I','II','III','IV','V','VI','VII'];
// Ermittelt den "Stern-/Systemnamen" ohne eine evtl. angehängte Exoplaneten-Kennung (z.B. "Proxima
// b" -> "Proxima", "Barnards Stern b" -> "Barnards Stern") für die Benennung der fiktiven Nachbarn.
function starSystemBaseName(name){
  return name.replace(/\s+[a-z]$/,'').replace(/\s*Centauri$/, ' Centauri');
}
// Liefert die (deterministisch erzeugte) Planetenkette eines Sternsystems. Leeres Array bei
// Systemen ohne bestätigte Planeten bzw. Doppelsternen (noLandingReason nennt das explizit) —
// dort zeigt die Karte bewusst nur den/die Stern(e) ohne erfundene Planeten, um der Beschreibung
// nicht zu widersprechen. Genau EIN Body trägt isTarget:true — der eigentliche DEEP_SPACE-Eintrag.
function starSystemBodies(key){
  const d = DEEP_SPACE[key];
  if(!d) return [];
  const hasConfirmed = d.colonizable || d.landingBaseChance>0 || /best.tigte?n? Planet|Gasriese|Planetenkandidat/i.test(d.desc);
  if(!hasConfirmed) return [];
  const seed = strHash(key);
  const srand = (i)=>solarSrand(seed*0.00013 + i*1.71);
  const count = 2 + Math.floor(srand(1)*4); // 2..5 Körper insgesamt
  const targetIdx = Math.floor(srand(2)*count);
  const baseName = starSystemBaseName(d.name);
  const bodies = [];
  for(let i=0;i<count;i++){
    const x = 0.14 + (count>1 ? (i/(count-1))*0.8 : 0.4);
    const isTarget = i===targetIdx;
    const kr = srand(10+i);
    let kind, color, r;
    if(kr<0.55){ kind='rock'; color=STARSYS_ROCK_COLORS[Math.floor(srand(20+i)*STARSYS_ROCK_COLORS.length)]; r=3+srand(30+i)*3; }
    else if(kr<0.8){ kind='gas'; color=STARSYS_GAS_COLORS[Math.floor(srand(20+i)*STARSYS_GAS_COLORS.length)]; r=8+srand(30+i)*5; }
    else { kind='ice'; color=STARSYS_ICE_COLORS[Math.floor(srand(20+i)*STARSYS_ICE_COLORS.length)]; r=5+srand(30+i)*3; }
    bodies.push({
      key: isTarget ? key : `${key}_deco${i}`,
      name: isTarget ? d.name : `${baseName} ${ROMAN[i]||(i+1)}`,
      x, r, color, kind, isTarget
    });
  }
  return bodies;
}

function solarShade(hex, pct){
  const num = parseInt(hex.slice(1),16);
  const amt = Math.round(2.55*pct);
  let r = Math.min(255,Math.max(0,(num>>16)+amt));
  let g = Math.min(255,Math.max(0,((num>>8)&0xff)+amt));
  let b = Math.min(255,Math.max(0,(num&0xff)+amt));
  return `rgb(${r},${g},${b})`;
}
function solarRgba(hex, a){
  const num = parseInt(hex.slice(1),16);
  return `rgba(${(num>>16)&0xff},${(num>>8)&0xff},${num&0xff},${a})`;
}
// Kugel mit Beleuchtung von der Sonnenseite (links/unten-links) statt Flat-Fill.
function drawSolarSphere(ctx, x, y, r, hex){
  const grd = ctx.createRadialGradient(x-r*0.42, y-r*0.4, r*0.05, x, y, r*1.05);
  grd.addColorStop(0, solarShade(hex, 48));
  grd.addColorStop(0.55, hex);
  grd.addColorStop(1, solarShade(hex, -52));
  ctx.fillStyle = grd;
  ctx.beginPath(); ctx.arc(x,y,r,0,Math.PI*2); ctx.fill();
}
// Feine horizontale Bänder für Gas-/Eisriesen, auf die Kugelform geclippt.
function drawSolarBands(ctx, x, y, r, seedBase){
  ctx.save();
  ctx.beginPath(); ctx.arc(x,y,r,0,Math.PI*2); ctx.clip();
  const bands = 6;
  for(let i=0;i<bands;i++){
    const by = y - r + (r*2)*((i+0.5)/bands);
    const bh = (r*2/bands)*0.85;
    const a = 0.05 + solarSrand(seedBase+i)*0.08;
    ctx.fillStyle = i%2===0 ? `rgba(255,255,255,${a})` : `rgba(0,0,0,${a})`;
    ctx.beginPath(); ctx.ellipse(x,by,r*1.02,bh/2,0,0,Math.PI*2); ctx.fill();
  }
  ctx.restore();
}
// Dezenter Atmosphärenschimmer um Gas-/Eisriesen.
function drawSolarGlow(ctx, x, y, r, hex, strength){
  const grd = ctx.createRadialGradient(x,y,r*0.9,x,y,r*1.4);
  grd.addColorStop(0, solarRgba(hex, strength));
  grd.addColorStop(1, solarRgba(hex, 0));
  ctx.fillStyle = grd;
  ctx.beginPath(); ctx.arc(x,y,r*1.4,0,Math.PI*2); ctx.fill();
}
// Saturnring in zwei Schichten (hinterer Bogen vor, vorderer Bogen nach der Kugel),
// mit mehreren halbtransparenten Ellipsen für etwas Bändertiefe statt einer Linie.
// `ring` ist eine der Konfigurationen oben (SATURN_RING/JUPITER_RING/URANUS_RING/NEPTUN_RING) —
// jeder Planet bekommt seine eigene Neigung, Helligkeit und Ellipsen-Abflachung.
function drawSolarRingPass(ctx, x, y, rOuter, front, ring){
  ctx.save();
  ctx.translate(x,y); ctx.rotate(ring.tilt);
  ring.layers.forEach(l=>{
    ctx.strokeStyle = solarRgba(l.color, l.a);
    ctx.lineWidth = l.w;
    ctx.beginPath();
    ctx.ellipse(0,0, rOuter*l.mult, rOuter*l.mult*ring.flat, 0, front?0.02:Math.PI+0.02, front?Math.PI-0.02:Math.PI*2-0.02);
    ctx.stroke();
  });
  // Helle, unregelmäßige Ringbögen (z.B. Neptuns "Liberté/Égalité/Fraternité"-Klumpen) —
  // nur im vorderen Pass gezeichnet, damit sie nicht doppelt erscheinen.
  if(front && ring.arcs){
    const baseMult = ring.layers[0].mult;
    ring.arcs.forEach(seg=>{
      ctx.strokeStyle = solarRgba(ring.layers[0].color, seg.a);
      ctx.lineWidth = seg.w;
      ctx.beginPath();
      ctx.ellipse(0,0, rOuter*baseMult, rOuter*baseMult*ring.flat, 0, seg.start, seg.end);
      ctx.stroke();
    });
  }
  ctx.restore();
}

function drawSolarMapBracket(ctx, cw, ch, x0, x1, label, color){
  const y = ch*0.16;
  ctx.strokeStyle = color;
  ctx.lineWidth = 1;
  ctx.beginPath();
  ctx.moveTo(cw*x0, y+6); ctx.lineTo(cw*x0, y); ctx.lineTo(cw*x1, y); ctx.lineTo(cw*x1, y+6);
  ctx.stroke();
  ctx.fillStyle = color;
  ctx.font = '9.5px JetBrains Mono';
  ctx.textAlign = 'center';
  ctx.fillText(label, cw*(x0+x1)/2, y-6);
}
// Label mit dunklem Halo für bessere Lesbarkeit über Sternenfeld/Asteroiden.
function drawSolarLabel(ctx, text, x, y){
  ctx.strokeStyle = 'rgba(6,6,6,0.85)';
  ctx.lineWidth = 3;
  ctx.lineJoin = 'round';
  ctx.strokeText(text, x, y);
  ctx.fillText(text, x, y);
}
function drawSolarMap(){
  const canvas = document.getElementById('solarMapCanvas');
  if(!canvas) return;
  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio||1;
  const cw = canvas.clientWidth, ch = canvas.clientHeight;
  if(cw===0||ch===0) return;
  if(canvas.width !== cw*dpr || canvas.height !== ch*dpr){ canvas.width = cw*dpr; canvas.height = ch*dpr; }
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,cw,ch);

  const view = getMapView('solarMapCanvas');
  ctx.save();
  ctx.translate(view.panX, view.panY);
  ctx.translate(cw/2, ch/2); ctx.scale(view.zoom, view.zoom); ctx.translate(-cw/2, -ch/2);

  const baseY = ch*0.66;

  // Sternenfeld im Hintergrund — dezent, deterministisch, mit leichtem Funkeln.
  const twNow = Date.now()/900;
  SOLAR_MAP_STARS.forEach(s=>{
    const tw = 0.55 + 0.45*Math.sin(twNow + s.tw);
    ctx.fillStyle = `rgba(230,235,245,${(s.a*tw).toFixed(3)})`;
    ctx.beginPath(); ctx.arc(cw*s.fx, ch*s.fy, s.r, 0, Math.PI*2); ctx.fill();
  });

  // Sonne — mehrschichtiger Glüh-Kern samt weichem Bloom und ein paar Flare-Strahlen.
  const sunX = 0, sunR = ch*1.1;
  const sunGrd = ctx.createRadialGradient(sunX, baseY, sunR*0.04, sunX, baseY, sunR);
  sunGrd.addColorStop(0, '#fff4d6');
  sunGrd.addColorStop(0.14, '#ffcf6b');
  sunGrd.addColorStop(0.38, '#ff8a2b');
  sunGrd.addColorStop(1, 'rgba(255,106,43,0)');
  ctx.fillStyle = sunGrd;
  ctx.beginPath(); ctx.arc(sunX, baseY, sunR, 0, Math.PI*2); ctx.fill();
  // zusätzlicher enger Kernbloom für einen helleren Kern nahe am Bildrand
  const coreGrd = ctx.createRadialGradient(sunX, baseY, 0, sunX, baseY, ch*0.32);
  coreGrd.addColorStop(0, 'rgba(255,244,214,0.55)');
  coreGrd.addColorStop(1, 'rgba(255,244,214,0)');
  ctx.fillStyle = coreGrd;
  ctx.beginPath(); ctx.arc(sunX, baseY, ch*0.32, 0, Math.PI*2); ctx.fill();
  // dezente Flare-Strahlen
  ctx.save();
  ctx.globalCompositeOperation = 'lighter';
  for(let i=0;i<5;i++){
    const ang = -0.55 + i*0.28;
    const len = ch*(0.5+solarSrand(i*3.3)*0.35);
    const rayGrd = ctx.createLinearGradient(sunX, baseY, sunX+Math.cos(ang)*len, baseY+Math.sin(ang)*len);
    rayGrd.addColorStop(0, 'rgba(255,207,107,0.14)');
    rayGrd.addColorStop(1, 'rgba(255,207,107,0)');
    ctx.strokeStyle = rayGrd;
    ctx.lineWidth = 10 - i*1.4;
    ctx.beginPath(); ctx.moveTo(sunX,baseY); ctx.lineTo(sunX+Math.cos(ang)*len, baseY+Math.sin(ang)*len); ctx.stroke();
  }
  ctx.restore();
  ctx.fillStyle = '#ffcf6b';
  ctx.font = '10px JetBrains Mono';
  ctx.textAlign = 'left';
  ctx.fillText('Sonne', cw*0.008, ch*0.94);

  // Gruppen-Klammern
  drawSolarMapBracket(ctx, cw, ch, 0.11, 0.375, 'GESTEINSPLANETEN', 'rgba(220,230,245,0.85)');
  drawSolarMapBracket(ctx, cw, ch, 0.40, 0.475, 'ASTEROIDENGÜRTEL', 'rgba(109,127,156,0.9)');
  drawSolarMapBracket(ctx, cw, ch, 0.545, 0.735, 'GASPLANETEN', 'rgba(255,176,46,0.9)');
  drawSolarMapBracket(ctx, cw, ch, 0.79, 0.925, 'EISRIESEN', 'rgba(63,200,255,0.9)');
  drawSolarMapBracket(ctx, cw, ch, 0.945, 0.98, 'KUIPERGÜRTEL', 'rgba(220,230,245,0.6)');

  // Basislinie
  ctx.strokeStyle = 'rgba(109,127,156,0.25)';
  ctx.setLineDash([2,4]);
  ctx.beginPath(); ctx.moveTo(cw*0.06, baseY); ctx.lineTo(cw*0.99, baseY); ctx.stroke();
  ctx.setLineDash([]);

  // Asteroidengürtel-Streuung (stabile Positionen, leichter Glanzpunkt statt Flat-Dot)
  SOLAR_MAP_BELT.forEach(a=>{
    const bx = cw*a.fx, by = baseY + a.fy;
    ctx.fillStyle = 'rgba(60,64,74,0.6)';
    ctx.beginPath(); ctx.arc(bx,by,a.r*1.3,0,Math.PI*2); ctx.fill();
    ctx.fillStyle = 'rgba(160,170,190,0.65)';
    ctx.beginPath(); ctx.arc(bx-a.r*0.25,by-a.r*0.25,a.r*0.55,0,Math.PI*2); ctx.fill();
  });

  ctx.textAlign = 'center';
  const posOf = {};
  SOLAR_MAP_BODIES.forEach(b=>{
    const x = cw*b.x;
    const y = b.moonOf ? baseY - 15 : baseY;
    posOf[b.key] = {x,y};

    // Verbindungslinie Mond -> Mutterkörper
    if(b.moonOf && posOf[b.moonOf]){
      const p = posOf[b.moonOf];
      ctx.strokeStyle = 'rgba(150,160,180,0.25)';
      ctx.setLineDash([1.5,2.5]);
      ctx.lineWidth = 1;
      ctx.beginPath(); ctx.moveTo(x,y+b.r+2); ctx.lineTo(p.x, p.y-2); ctx.stroke();
      ctx.setLineDash([]);
    }

    let fillColor = b.color;
    if(b.key==='mars'){
      const tIdx = terraformStageIndex('mars');
      if(tIdx>0){
        const tPct = Math.min(1, tIdx/(TERRAFORM_STAGES.length-1));
        fillColor = `rgb(${Math.round(193-tPct*130)}, ${Math.round(89+tPct*110)}, ${Math.round(47+tPct*70)})`;
      }
    }

    if(b.kind==='gas' || b.kind==='ice'){ drawSolarGlow(ctx, x, y, b.r, fillColor, b.kind==='gas'?0.28:0.32); }
    if(b.ring){ drawSolarRingPass(ctx, x, y, b.r, false, b.ring); } // hinterer Ringbogen, hinter der Kugel

    drawSolarSphere(ctx, x, y, b.r, fillColor);
    if(b.kind==='gas' || b.kind==='ice'){ drawSolarBands(ctx, x, y, b.r, (b.key.charCodeAt(0)+b.key.length)*7); }

    if(b.ring){ drawSolarRingPass(ctx, x, y, b.r, true, b.ring); } // vorderer Ringbogen, vor der Kugel

    if(b.key==='mars' && terraformStageIndex('mars')>=TERRAFORM_STAGES.length-1){
      ctx.font = '9px sans-serif';
      ctx.fillStyle = '#35d999';
      ctx.fillText('', x, y - b.r - (state.crewedLandings.includes('mars')?14:6));
    }

    if(b.home){
      ctx.strokeStyle = 'rgba(53,217,153,0.9)'; ctx.lineWidth = 1;
      ctx.beginPath(); ctx.arc(x,y,b.r+4,0,Math.PI*2); ctx.stroke();
    } else {
      const landed = state.landedTargets.includes(b.key);
      const reached = state.exploredTargets.includes(b.key);
      const crewedLanded = state.crewedLandings.includes(b.key);
      const colonized = state.colonies.some(c=>c.destKey===b.key);
      if(landed){
        ctx.strokeStyle = '#35d999'; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.arc(x,y,b.r+3,0,Math.PI*2); ctx.stroke();
      } else if(reached){
        ctx.strokeStyle = 'rgba(63,200,255,0.85)'; ctx.lineWidth = 1;
        ctx.beginPath(); ctx.arc(x,y,b.r+3,0,Math.PI*2); ctx.stroke();
      }
      if(crewedLanded){
        ctx.strokeStyle = '#ffb02e'; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.arc(x,y,b.r+6,0,Math.PI*2); ctx.stroke();
        ctx.font = '9px sans-serif';
        ctx.fillStyle = '#ffb02e';
        ctx.fillText('', x, y - b.r - 6);
      }
      if(colonized){
        ctx.strokeStyle = '#ffcf6b'; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.arc(x,y,b.r+(crewedLanded?9:6),0,Math.PI*2); ctx.stroke();
      }
    }

    ctx.fillStyle = 'rgba(220,230,245,0.85)';
    ctx.font = b.moonOf ? '8px JetBrains Mono' : '9.5px JetBrains Mono';
    drawSolarLabel(ctx, b.name, x, y + b.r + (b.moonOf?10:14));
  });

  // Sonden im Transit
  const start = posOf['erde'];
  state.deepSpaceQueue.forEach((q,i)=>{
    const d = DEEP_SPACE[q.destKey];
    const target = posOf[q.destKey];
    if(!d || !target || !start) return;
    const progress = Math.min(1, Math.max(0, 1 - q.daysLeft/q.daysTotal));
    const arcLift = 16 + (i%3)*10;
    const px = start.x + (target.x - start.x)*progress;
    const py = start.y + (target.y - start.y)*progress - Math.sin(progress*Math.PI)*arcLift;

    ctx.strokeStyle = 'rgba(255,106,43,0.3)';
    ctx.setLineDash([2,3]);
    ctx.beginPath();
    ctx.moveTo(start.x, start.y);
    ctx.quadraticCurveTo((start.x+target.x)/2, start.y - arcLift*1.3, target.x, target.y);
    ctx.stroke();
    ctx.setLineDash([]);

    const angle = Math.atan2(target.y-start.y, target.x-start.x);
    // dezenter Glüh-Punkt hinter der Sondenspitze
    const glowGrd = ctx.createRadialGradient(px,py,0,px,py,7);
    glowGrd.addColorStop(0,'rgba(255,138,60,0.55)');
    glowGrd.addColorStop(1,'rgba(255,138,60,0)');
    ctx.fillStyle = glowGrd;
    ctx.beginPath(); ctx.arc(px,py,7,0,Math.PI*2); ctx.fill();

    ctx.save();
    ctx.translate(px,py);
    ctx.rotate(angle);
    ctx.fillStyle = '#ff6a2b';
    ctx.beginPath(); ctx.moveTo(5,0); ctx.lineTo(-4,-3); ctx.lineTo(-4,3); ctx.closePath(); ctx.fill();
    ctx.restore();

    ctx.fillStyle = '#ff6a2b';
    ctx.font = '8px JetBrains Mono';
    drawSolarLabel(ctx, q.name, px, py-8);
  });
  ctx.restore();
}

/* -------- Gemeinsame visuelle Hilfsfunktionen für Sternenkarte / Galaxien-Hub / Galaxie-Detail -------- */
// Deterministisches Sternenfeld (fx/fy relativ zur Canvas-Größe), damit es bei Pan/Zoom/Reset
// nicht wie zuvor bei jedem Redraw neu gewürfelt wird und "flackert" — gleiches Prinzip wie
// beim Asteroidengürtel der Sonnensystem-Karte.
function starFieldFor(count, seedBase){
  return Array.from({length:count},(_,i)=>({
    fx: solarSrand(seedBase + i*3.11+1),
    fy: solarSrand(seedBase + i*7.73+2),
    r:  solarSrand(seedBase + i*5.37+3)*1.1+0.25,
    a:  solarSrand(seedBase + i*9.19+4)*0.45+0.15,
    tw: solarSrand(seedBase + i*4.63+5)*Math.PI*2,
  }));
}
function drawStarfield(ctx, cw, ch, stars, twNow){
  stars.forEach(s=>{
    const tw = 0.55 + 0.45*Math.sin(twNow + s.tw);
    ctx.fillStyle = `rgba(220,230,245,${(s.a*tw).toFixed(3)})`;
    ctx.beginPath(); ctx.arc(cw*s.fx, ch*s.fy, s.r, 0, Math.PI*2); ctx.fill();
  });
}
// Nimmt Hex- ODER rgba(...)-Farbstrings entgegen und liefert dieselbe Farbe mit neuer Alpha.
function colorWithAlpha(c, a){
  if(c[0]==='#') return solarRgba(c, a);
  const m = c.match(/rgba?\(([^)]+)\)/);
  if(!m) return c;
  const parts = m[1].split(',').map(s=>s.trim());
  return `rgba(${parts[0]},${parts[1]},${parts[2]},${a})`;
}
// Mehrschichtiger Glüh-Kern (Sonne / Milchstraße / Galaxienzentrum): weiter Bloom + hellerer Kern.
function drawGlowCore(ctx, x, y, r, innerHex, midHex, bloomMult){
  const bloomR = r*(bloomMult||2.4);
  const bloom = ctx.createRadialGradient(x,y,0,x,y,bloomR);
  bloom.addColorStop(0, colorWithAlpha(midHex,0.35));
  bloom.addColorStop(1, colorWithAlpha(midHex,0));
  ctx.fillStyle = bloom;
  ctx.beginPath(); ctx.arc(x,y,bloomR,0,Math.PI*2); ctx.fill();

  const grd = ctx.createRadialGradient(x,y,0,x,y,r);
  grd.addColorStop(0, innerHex);
  grd.addColorStop(0.45, midHex);
  grd.addColorStop(1, 'rgba(0,0,0,0)');
  ctx.fillStyle = grd;
  ctx.beginPath(); ctx.arc(x,y,r,0,Math.PI*2); ctx.fill();
}
// Weicher Schein hinter einem Ziel-Marker (Sternensystem / Galaxie), farblich passend zum Status.
function drawTargetGlow(ctx, x, y, r, color){
  const grd = ctx.createRadialGradient(x,y,0,x,y,r*3.2);
  grd.addColorStop(0, colorWithAlpha(color,0.35));
  grd.addColorStop(1, colorWithAlpha(color,0));
  ctx.fillStyle = grd;
  ctx.beginPath(); ctx.arc(x,y,r*3.2,0,Math.PI*2); ctx.fill();
}
function hashSeed(str){
  let h = 0;
  for(let i=0;i<str.length;i++) h = (h*31 + str.charCodeAt(i)) | 0;
  return Math.abs(h) % 100000;
}
const GALAXY_STAR_CACHE = {};
function starsForGalaxy(galaxyId, count){
  if(!GALAXY_STAR_CACHE[galaxyId]) GALAXY_STAR_CACHE[galaxyId] = starFieldFor(count, hashSeed(galaxyId)+500);
  return GALAXY_STAR_CACHE[galaxyId];
}
const STARMAP_STARS = starFieldFor(90, 12000);
const HUB_STARS = starFieldFor(70, 34000);

function drawGalaxyMap(){
  const canvas = document.getElementById('galaxyMapCanvas');
  if(!canvas) return;
  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio||1;
  const cw = canvas.clientWidth, ch = canvas.clientHeight;
  if(cw===0||ch===0) return;
  if(canvas.width !== cw*dpr || canvas.height !== ch*dpr){ canvas.width = cw*dpr; canvas.height = ch*dpr; }
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,cw,ch);

  const view = getMapView('galaxyMapCanvas');
  ctx.save();
  ctx.translate(view.panX, view.panY);
  ctx.translate(cw/2, ch/2); ctx.scale(view.zoom, view.zoom); ctx.translate(-cw/2, -ch/2);

  const cx = cw/2, cy = ch/2;
  const maxLy = 15;
  const maxR = Math.min(cw,ch)*0.46;
  const twNow = Date.now()/900;

  // Hintergrundsterne (stabil, mit dezentem Funkeln)
  drawStarfield(ctx, cw, ch, STARMAP_STARS, twNow);

  // Distanzringe bei 5/10/15 Lj
  ctx.strokeStyle = 'rgba(109,127,156,0.35)';
  ctx.setLineDash([2,4]);
  ctx.font = '9px JetBrains Mono';
  ctx.fillStyle = 'rgba(109,127,156,0.7)';
  ctx.textAlign = 'left';
  [5,10,15].forEach(ly=>{
    const r = (ly/maxLy)*maxR;
    ctx.beginPath(); ctx.arc(cx,cy,r,0,Math.PI*2); ctx.stroke();
    ctx.fillText(`${ly} Lj`, cx+4, cy-r-3);
  });
  ctx.setLineDash([]);

  // Sonne im Zentrum
  drawGlowCore(ctx, cx, cy, 18, '#fff4d6', '#ffcf6b', 2.6);
  ctx.fillStyle = '#ffcf6b';
  ctx.font = '9px JetBrains Mono';
  ctx.textAlign = 'center';
  drawSolarLabel(ctx, 'Sonne', cx, cy+30);

  const starMapTargets = [];
  INTERSTELLAR_KEYS.forEach(k=>{
    const d = DEEP_SPACE[k];
    if(d.distanceLy==null || d.mapAngle==null) return;
    const r = (Math.min(d.distanceLy,maxLy)/maxLy)*maxR;
    const rad = d.mapAngle*Math.PI/180;
    const px = cx + Math.cos(rad)*r;
    const py = cy + Math.sin(rad)*r;
    starMapTargets.push({ key:k, x:px, y:py });

    const colonized = state.colonies.some(c=>c.destKey===k);
    const landed = state.landedTargets.includes(k);
    const reached = state.exploredTargets.includes(k);
    let color = 'rgba(220,230,245,0.45)'; // unerforscht
    if(colonized) color = '#ffcf6b';
    else if(landed) color = '#33d17a';
    else if(reached) color = '#afafaf';

    // in-transit indicator
    const transitQ = state.deepSpaceQueue.find(q=>q.destKey===k);

    drawTargetGlow(ctx, px, py, colonized?5:4, color);
    ctx.fillStyle = color;
    ctx.beginPath(); ctx.arc(px,py, colonized?5:4, 0, Math.PI*2); ctx.fill();
    if(k===selectedStarSystemId){
      ctx.strokeStyle = '#fff'; ctx.lineWidth = 1;
      ctx.beginPath(); ctx.arc(px,py,9,0,Math.PI*2); ctx.stroke();
    }
    if(ALIEN_CONTACTS[k] && state.firstContacts.includes(k)){
      ctx.strokeStyle = '#b16bff';
      ctx.lineWidth = 1.3;
      ctx.beginPath(); ctx.arc(px,py,11,0,Math.PI*2); ctx.stroke();
    }
    if(transitQ){
      // Fortschrittsring — füllt sich sichtbar über die Flugzeit statt nur ein statischer Ring,
      // plus Resttage als Text direkt am Ziel (analog zur Andromeda-Detailkarte)
      const pct = Math.max(0, Math.min(1, 1 - transitQ.daysLeft/transitQ.daysTotal));
      ctx.strokeStyle = 'rgba(255,106,43,0.25)';
      ctx.lineWidth = 1.5;
      ctx.beginPath(); ctx.arc(px,py,8,0,Math.PI*2); ctx.stroke();
      ctx.strokeStyle = '#ff6a2b';
      ctx.lineWidth = 1.5;
      ctx.beginPath(); ctx.arc(px,py,8,-Math.PI/2,-Math.PI/2+pct*Math.PI*2); ctx.stroke();
      ctx.fillStyle = '#ff9d6b';
      ctx.font = '8px JetBrains Mono';
      ctx.textAlign = 'center';
      ctx.fillText(`${transitQ.daysLeft}T`, px, py+18);
    }
    ctx.fillStyle = 'rgba(230,236,248,0.85)';
    ctx.font = '8px JetBrains Mono';
    ctx.textAlign = 'center';
    drawSolarLabel(ctx, d.name, px, py-9);
  });
  canvas._starMapTargets = starMapTargets;
  ctx.restore();
}

// NEU (TODO-STERNSYSTEM-KARTEN): Klick auf ein System der Sternenkarte wählt es aus und öffnet
// die zugehörige Detailkarte (drawStarSystemMap) darunter — analog zu initGalaxyHubClicks().
function initGalaxyMapClicks(){
  const canvas = document.getElementById('galaxyMapCanvas');
  if(!canvas) return;
  canvas.addEventListener('click', (e)=>{
    if(canvas._wasDragged){ canvas._wasDragged = false; return; }
    const rect = canvas.getBoundingClientRect();
    const view = getMapView('galaxyMapCanvas');
    const cw = canvas.clientWidth, ch = canvas.clientHeight;
    const sx = e.clientX - rect.left - view.panX, sy = e.clientY - rect.top - view.panY;
    const mx = cw/2 + (sx - cw/2)/view.zoom, my = ch/2 + (sy - ch/2)/view.zoom;
    const targets = canvas._starMapTargets || [];
    let best=null, bestD=22;
    targets.forEach(t=>{
      const d = Math.hypot(t.x-mx, t.y-my);
      if(d<bestD){ bestD=d; best=t.key; }
    });
    if(best && best!==selectedStarSystemId){
      selectStarSystem(best);
      Sound.click();
    }
  });
}

function selectStarSystem(key){
  selectedStarSystemId = key;
  resetMapView('starSystemMapCanvas');
  renderStarSystemDetail();
}

function renderStarSystemDetail(){
  if(!selectedStarSystemId) selectedStarSystemId = INTERSTELLAR_KEYS[0];
  const key = selectedStarSystemId;
  const d = DEEP_SPACE[key];
  drawGalaxyMap();
  drawStarSystemMap(key);
  renderGalaxyMapAsciiMap(); // NEU v4-59 (DOS-Stil): ASCII-Ersatz für galaxyMapCanvas
  renderStarSystemAsciiMap(); // NEU v4-59 (DOS-Stil): ASCII-Ersatz für starSystemMapCanvas
  const titleEl = document.getElementById('starSystemTitle');
  if(titleEl) titleEl.textContent = `Sternsystem: ${starSystemBaseName(d.name)}`;
  const descEl = document.getElementById('starSystemDesc');
  if(descEl) descEl.textContent = d.desc;
  const hintEl = document.getElementById('starSystemHint');
  if(hintEl){
    const bodies = starSystemBodies(key);
    hintEl.textContent = bodies.length
      ? `Gold umrandet/beschriftet: ${d.name} — das eigentliche Missionsziel. Die übrigen Körper sind unerforschte Nachbarplaneten im selben System, rein zur Übersicht.`
      : `Für dieses System sind (noch) keine Planeten bekannt — die Karte zeigt nur den Stern.`;
  }
}

// NEU (TODO-STERNSYSTEM-KARTEN): Detailkarte für EIN Sternsystem der Milchstraßen-Nachbarschaft,
// im selben visuellen Stil wie drawSolarMap() (Stern links, Körper entlang einer Basislinie),
// aber ohne Gruppen-Klammern/Asteroidengürtel — dafür ist so ein fremdes System zu klein/unbekannt.
function drawStarSystemMap(key, canvasId){
  canvasId = canvasId || 'starSystemMapCanvas';
  const canvas = document.getElementById(canvasId);
  if(!canvas) return;
  const d = DEEP_SPACE[key];
  if(!d) return;
  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio||1;
  const cw = canvas.clientWidth, ch = canvas.clientHeight;
  if(cw===0||ch===0) return;
  if(canvas.width !== cw*dpr || canvas.height !== ch*dpr){ canvas.width = cw*dpr; canvas.height = ch*dpr; }
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,cw,ch);

  const view = getMapView(canvasId);
  ctx.save();
  ctx.translate(view.panX, view.panY);
  ctx.translate(cw/2, ch/2); ctx.scale(view.zoom, view.zoom); ctx.translate(-cw/2, -ch/2);

  const baseY = ch*0.6;
  const twNow = Date.now()/900;
  SOLAR_MAP_STARS.forEach(s=>{
    const tw = 0.55 + 0.45*Math.sin(twNow + s.tw + strHash(key)*0.0001);
    ctx.fillStyle = `rgba(230,235,245,${(s.a*tw).toFixed(3)})`;
    ctx.beginPath(); ctx.arc(cw*s.fx, ch*s.fy, s.r, 0, Math.PI*2); ctx.fill();
  });

  // Zentralstern — schlichter als unsere Sonne (kein Flare-Strahlenkranz), Farbe je nach
  // Systemtyp leicht variiert (roter Zwerg vs. sonnenähnlich) anhand des Beschreibungstexts.
  const isRedDwarf = /roter Zwerg|Unterzwerg/i.test(d.desc);
  const isWhiteDwarf = /Wei.en Zwerg|Weißer Zwerg/i.test(d.desc);
  const starCore = isWhiteDwarf ? '#dfe8ff' : (isRedDwarf ? '#ff8a5c' : '#fff4d6');
  const starMid = isWhiteDwarf ? '#c7d6ff' : (isRedDwarf ? '#ff5c33' : '#ffcf6b');
  const sunX = 0, sunR = ch*0.9;
  const sunGrd = ctx.createRadialGradient(sunX, baseY, sunR*0.04, sunX, baseY, sunR);
  sunGrd.addColorStop(0, starCore);
  sunGrd.addColorStop(0.16, starMid);
  sunGrd.addColorStop(0.4, isRedDwarf?'#c9401f':'#ff8a2b');
  sunGrd.addColorStop(1, 'rgba(255,106,43,0)');
  ctx.fillStyle = sunGrd;
  ctx.beginPath(); ctx.arc(sunX, baseY, sunR, 0, Math.PI*2); ctx.fill();
  ctx.fillStyle = starMid;
  ctx.font = '10px JetBrains Mono';
  ctx.textAlign = 'left';
  ctx.fillText(starSystemBaseName(d.name), cw*0.008, ch*0.9);

  // Basislinie
  ctx.strokeStyle = 'rgba(109,127,156,0.25)';
  ctx.setLineDash([2,4]);
  ctx.beginPath(); ctx.moveTo(cw*0.06, baseY); ctx.lineTo(cw*0.99, baseY); ctx.stroke();
  ctx.setLineDash([]);

  const bodies = starSystemBodies(key);
  ctx.textAlign = 'center';
  if(bodies.length===0){
    ctx.fillStyle = 'rgba(220,230,245,0.55)';
    ctx.font = '10px JetBrains Mono';
    ctx.fillText(d.noLandingReason ? ('Keine feste Oberfläche bekannt — '+d.noLandingReason) : 'Keine bestätigten Planeten bekannt', cw*0.55, baseY-30);
  }
  bodies.forEach(b=>{
    const x = cw*b.x, y = baseY;
    if(b.kind==='gas' || b.kind==='ice'){ drawSolarGlow(ctx, x, y, b.r, b.color, b.kind==='gas'?0.28:0.32); }
    drawSolarSphere(ctx, x, y, b.r, b.color);
    if(b.kind==='gas' || b.kind==='ice'){ drawSolarBands(ctx, x, y, b.r, (b.key.charCodeAt(0)+b.key.length)*7); }

    if(b.isTarget){
      const landed = state.landedTargets.includes(key);
      const reached = state.exploredTargets.includes(key);
      const crewedLanded = state.crewedLandings.includes(key);
      const colonized = state.colonies.some(c=>c.destKey===key);
      if(landed){
        ctx.strokeStyle = '#35d999'; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.arc(x,y,b.r+3,0,Math.PI*2); ctx.stroke();
      } else if(reached){
        ctx.strokeStyle = 'rgba(63,200,255,0.85)'; ctx.lineWidth = 1;
        ctx.beginPath(); ctx.arc(x,y,b.r+3,0,Math.PI*2); ctx.stroke();
      } else {
        ctx.strokeStyle = 'rgba(255,255,255,0.5)'; ctx.lineWidth = 1;
        ctx.setLineDash([1.5,2.5]);
        ctx.beginPath(); ctx.arc(x,y,b.r+3,0,Math.PI*2); ctx.stroke();
        ctx.setLineDash([]);
      }
      if(crewedLanded){
        ctx.strokeStyle = '#ffb02e'; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.arc(x,y,b.r+6,0,Math.PI*2); ctx.stroke();
      }
      if(colonized){
        ctx.strokeStyle = '#ffcf6b'; ctx.lineWidth = 1.5;
        ctx.beginPath(); ctx.arc(x,y,b.r+(crewedLanded?9:6),0,Math.PI*2); ctx.stroke();
      }
    }

    ctx.fillStyle = b.isTarget ? 'rgba(255,207,107,0.95)' : 'rgba(220,230,245,0.75)';
    ctx.font = b.isTarget ? 'bold 9.5px JetBrains Mono' : '8.5px JetBrains Mono';
    drawSolarLabel(ctx, b.name, x, y + b.r + 14);
  });
  ctx.restore();
}

function drawGalaxyHub(){
  const canvas = document.getElementById('galaxyHubCanvas');
  if(!canvas) return;
  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio||1;
  const cw = canvas.clientWidth, ch = canvas.clientHeight;
  if(cw===0||ch===0) return;
  if(canvas.width !== cw*dpr || canvas.height !== ch*dpr){ canvas.width = cw*dpr; canvas.height = ch*dpr; }
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,cw,ch);

  const view = getMapView('galaxyHubCanvas');
  ctx.save();
  ctx.translate(view.panX, view.panY);
  ctx.translate(cw/2, ch/2); ctx.scale(view.zoom, view.zoom); ctx.translate(-cw/2, -ch/2);

  const cx = cw/2, cy = ch/2;
  const maxR = Math.min(cw,ch)*0.42;
  const twNow = Date.now()/900;

  // Hintergrundsterne (stabil, mit dezentem Funkeln)
  drawStarfield(ctx, cw, ch, HUB_STARS, twNow);

  // Milchstraße (unser Ausgangspunkt) im Zentrum
  drawGlowCore(ctx, cx, cy, 16, '#fff4d6', '#ffcf6b', 2.4);
  if(selectedGalaxyId==='milchstrasse'){
    ctx.strokeStyle = '#fff'; ctx.lineWidth = 1;
    ctx.beginPath(); ctx.arc(cx,cy,20,0,Math.PI*2); ctx.stroke();
  }
  ctx.fillStyle = 'rgba(230,236,248,0.75)';
  ctx.font = '9px JetBrains Mono';
  ctx.textAlign = 'center';
  drawSolarLabel(ctx, 'Milchstraße', cx, cy+26);

  const hubTargets = [{ gid:'milchstrasse', x:cx, y:cy }];
  GALAXY_KEYS.forEach(gid=>{
    const g = GALAXIES[gid];
    const unlocked = isGalaxyUnlocked(gid);
    const targets = galaxyTargets(gid);
    const anyReached = targets.some(k=>state.exploredTargets.includes(k));
    const anyColony = targets.some(k=>state.colonies.some(c=>c.destKey===k));
    const anyTransit = targets.some(k=>state.deepSpaceQueue.some(q=>q.destKey===k));

    const r = 30 + hubDistFor(gid)*maxR;
    const rad = hubAngleFor(gid)*Math.PI/180;
    const px = cx + Math.cos(rad)*r, py = cy + Math.sin(rad)*r*0.6;

    // Verbindungslinie zur Milchstraße
    ctx.save();
    ctx.setLineDash([2,4]);
    ctx.strokeStyle = unlocked ? 'rgba(255,106,43,0.35)' : 'rgba(120,120,120,0.2)';
    ctx.lineWidth = 1;
    ctx.beginPath(); ctx.moveTo(cx,cy); ctx.lineTo(px,py); ctx.stroke();
    ctx.restore();

    let color = unlocked ? 'rgba(220,230,245,0.6)' : 'rgba(120,120,120,0.5)';
    if(anyColony) color = '#ffcf6b';
    else if(anyReached) color = '#afafaf';

    const nodeR = gid===selectedGalaxyId?7:5.5;
    drawTargetGlow(ctx, px, py, nodeR, color);
    ctx.fillStyle = color;
    ctx.beginPath(); ctx.arc(px,py, nodeR, 0, Math.PI*2); ctx.fill();
    if(gid===selectedGalaxyId){
      ctx.strokeStyle = '#fff'; ctx.lineWidth = 1;
      ctx.beginPath(); ctx.arc(px,py,11,0,Math.PI*2); ctx.stroke();
    }
    if(anyTransit){
      ctx.strokeStyle = '#ff6a2b'; ctx.lineWidth = 1.5;
      ctx.beginPath(); ctx.arc(px,py,10,0,Math.PI*2); ctx.stroke();
    }
    if(!unlocked){
      ctx.fillStyle = 'rgba(230,236,248,0.6)';
      ctx.font = '9px sans-serif';
      ctx.fillText('', px+9, py-9);
    }
    ctx.fillStyle = 'rgba(230,236,248,0.85)';
    ctx.font = '9px JetBrains Mono';
    ctx.textAlign = 'center';
    drawSolarLabel(ctx, g.shortName||g.name, px, py-13);

    hubTargets.push({ gid, x:px, y:py });
  });
  canvas._hubTargets = hubTargets;
  ctx.restore();
}

function initGalaxyHubClicks(){
  const canvas = document.getElementById('galaxyHubCanvas');
  if(!canvas) return;
  canvas.addEventListener('click', (e)=>{
    if(canvas._wasDragged){ canvas._wasDragged = false; return; } // Drag zum Verschieben zählt nicht als Auswahl-Klick
    const rect = canvas.getBoundingClientRect();
    const view = getMapView('galaxyHubCanvas');
    const cw = canvas.clientWidth, ch = canvas.clientHeight;
    const sx = e.clientX - rect.left - view.panX, sy = e.clientY - rect.top - view.panY;
    const mx = cw/2 + (sx - cw/2)/view.zoom, my = ch/2 + (sy - ch/2)/view.zoom;
    const targets = canvas._hubTargets || [];
    let best=null, bestD=22;
    targets.forEach(t=>{
      const d = Math.hypot(t.x-mx, t.y-my);
      if(d<bestD){ bestD=d; best=t.gid; }
    });
    if(best && best!==selectedGalaxyId){
      selectedGalaxyId = best;
      Sound.click();
      renderGalaxy();
    }
  });
  attachMapPanZoom('galaxyHubCanvas', { minZoom:0.5, maxZoom:2.5, redraw:drawGalaxyHub, resetBtnId:'btnResetGalaxyHubView' });
}

function drawGalaxyDetailMap(galaxyId){
  const canvas = document.getElementById('andromedaMapCanvas');
  if(!canvas) return;
  const g = GALAXIES[galaxyId];
  if(!g) return;
  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio||1;
  const cw = canvas.clientWidth, ch = canvas.clientHeight;
  if(cw===0||ch===0) return;
  if(canvas.width !== cw*dpr || canvas.height !== ch*dpr){ canvas.width = cw*dpr; canvas.height = ch*dpr; }
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,cw,ch);

  const view = getMapView('andromedaMapCanvas');
  ctx.save();
  ctx.translate(view.panX, view.panY);
  ctx.translate(cw/2, ch/2); ctx.scale(view.zoom, view.zoom); ctx.translate(-cw/2, -ch/2);

  const cx = cw/2, cy = ch/2;
  const maxR = Math.min(cw,ch)*0.44;
  const twNow = Date.now()/900;

  // Hintergrundsterne (pro Galaxie eigenes, stabiles Sternenfeld)
  drawStarfield(ctx, cw, ch, starsForGalaxy(galaxyId, 100), twNow);

  // Spiralarme: Gradient-Strich (an Kern/Rand ausblendend) + eingestreute Sterne für Textur,
  // statt einer einzelnen dicken Einheitslinie.
  const armColor = g.armColor || 'rgba(177,107,255,0.25)';
  for(let arm=0; arm<3; arm++){
    const armOffset = (arm/3)*Math.PI*2;
    const pts = [];
    for(let t=0; t<=1; t+=0.02){
      const rad = t*maxR*1.05;
      const ang = armOffset + t*Math.PI*2.2;
      pts.push({ x: cx+Math.cos(ang)*rad, y: cy+Math.sin(ang)*rad*0.55, t });
    }
    const armGrd = ctx.createLinearGradient(pts[0].x, pts[0].y, pts[pts.length-1].x, pts[pts.length-1].y);
    armGrd.addColorStop(0, colorWithAlpha(armColor, 0.05));
    armGrd.addColorStop(0.4, armColor);
    armGrd.addColorStop(1, colorWithAlpha(armColor, 0.05));
    ctx.save();
    ctx.strokeStyle = armGrd;
    ctx.lineWidth = 6;
    ctx.lineCap = 'round';
    ctx.beginPath();
    pts.forEach((p,i)=>{ if(i===0) ctx.moveTo(p.x,p.y); else ctx.lineTo(p.x,p.y); });
    ctx.stroke();
    ctx.restore();

    // eingestreute Sterne entlang des Arms, deterministisch je Galaxie+Arm
    const armSeed = hashSeed(galaxyId+'-arm'+arm);
    for(let i=0;i<16;i++){
      const t = solarSrand(armSeed+i*3.7)*0.92+0.04;
      const idx = Math.min(pts.length-1, Math.floor(t*(pts.length-1)));
      const p = pts[idx];
      const jitter = (solarSrand(armSeed+i*5.1+1)-0.5)*10;
      const perpAng = Math.atan2(p.y-cy,p.x-cx)+Math.PI/2;
      const sx = p.x + Math.cos(perpAng)*jitter, sy = p.y + Math.sin(perpAng)*jitter*0.55;
      const sr = solarSrand(armSeed+i*7.3+2)*0.9+0.35;
      ctx.fillStyle = colorWithAlpha(armColor, 0.35 + solarSrand(armSeed+i*2.9+3)*0.35);
      ctx.beginPath(); ctx.arc(sx,sy,sr,0,Math.PI*2); ctx.fill();
    }
  }

  // Kern-Glow
  drawGlowCore(ctx, cx, cy, 26, '#fff4d6', g.coreColor || '#e0c893', 2.5);

  const maxDist = Math.max(...galaxyTargets(galaxyId).map(k=>DEEP_SPACE[k].distanceMly), 2.5);
  const minDist = Math.min(...galaxyTargets(galaxyId).map(k=>DEEP_SPACE[k].distanceMly), maxDist);
  const spanMly = Math.max(0.01, maxDist - minDist);

  const detailTargets = []; // NEU (TODO-GALAXIE-PLANETENKARTEN): Positionen für Klick-Auswahl
  galaxyTargets(galaxyId).forEach(k=>{
    const d = DEEP_SPACE[k];
    if(d.mapAngle==null) return;

    const colonized = state.colonies.some(c=>c.destKey===k);
    const landed = state.landedTargets.includes(k);
    const reached = state.exploredTargets.includes(k);
    let color = 'rgba(220,230,245,0.45)'; // unerforscht
    if(colonized) color = '#ffcf6b';
    else if(landed) color = '#33d17a';
    else if(reached) color = '#afafaf';
    const q = state.deepSpaceQueue.find(q=>q.destKey===k);

    let px, py;
    if(d.mapCore){
      px = cx + 34; py = cy - 10; // Kernregion knapp neben dem galaktischen Zentrum
    } else {
      const t = Math.min(1,(d.distanceMly-minDist)/spanMly);
      const r = 34 + t*maxR;
      const rad = d.mapAngle*Math.PI/180;
      px = cx + Math.cos(rad)*r;
      py = cy + Math.sin(rad)*r*0.55;
    }

    drawTargetGlow(ctx, px, py, colonized?5:4, color);
    ctx.fillStyle = color;
    ctx.beginPath(); ctx.arc(px,py, colonized?5:4, 0, Math.PI*2); ctx.fill();
    if(k===selectedGalaxyTargetId){
      ctx.strokeStyle = '#fff'; ctx.lineWidth = 1;
      ctx.beginPath(); ctx.arc(px,py,9,0,Math.PI*2); ctx.stroke();
    }
    detailTargets.push({ key:k, x:px, y:py });
    if(q){
      // Fortschrittsring — füllt sich sichtbar über die lange Flugzeit statt nur ein statischer Ring
      const pct = Math.max(0, Math.min(1, 1 - q.daysLeft/q.daysTotal));
      ctx.strokeStyle = 'rgba(255,106,43,0.25)';
      ctx.lineWidth = 2;
      ctx.beginPath(); ctx.arc(px,py,9,0,Math.PI*2); ctx.stroke();
      ctx.strokeStyle = '#ff6a2b';
      ctx.lineWidth = 2;
      ctx.beginPath(); ctx.arc(px,py,9,-Math.PI/2,-Math.PI/2+pct*Math.PI*2); ctx.stroke();
    }
    ctx.fillStyle = 'rgba(230,236,248,0.85)';
    ctx.font = '8px JetBrains Mono';
    ctx.textAlign = 'center';
    drawSolarLabel(ctx, d.name, px, py-9);
  });
  canvas._detailTargets = detailTargets;
  ctx.restore();
}
/* ============================== RENDER: DEEP SPACE ============================== */
// NEU (TODO-KOLONIE-HIMMEL-MARS): kleiner Himmel-Vorschaustreifen fürs Terraforming-Panel -- zeigt
// live, wie sich der Mars-Himmel mit dem aktuellen Fortschritt (idx) langsam von rostig-staubig zu
// erdähnlichem Blau verschiebt. Nutzt dieselbe marsSkyStyle()-Logik wie die spätere Kolonie-Ansicht.
function terraformSkyPreviewSVG(idx){
  const sky = marsSkyStyle(idx);
  const W = 400, H = 46, id = 'terraformskypreview';
  const stars = sky.starOpacity<=0 ? '' : Array.from({length:10}, (_,i)=>`<circle cx="${15+((i*37)%(W-30))}" cy="${6+((i*17)%22)}" r="0.9" fill="#fff" opacity="${sky.starOpacity.toFixed(2)}"/>`).join('');
  return `<svg viewBox="0 0 ${W} ${H}" style="width:100%; height:${H}px; display:block; margin-bottom:10px; border-radius:4px;">
    <defs><linearGradient id="${id}" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="${sky.top}"/><stop offset="100%" stop-color="${sky.bottom}"/></linearGradient></defs>
    <rect x="0" y="0" width="${W}" height="${H}" fill="url(#${id})"/>${stars}
  </svg>`;
}
function renderTerraforming(){
  const body = document.getElementById('terraformBody');
  if(!body) return;
  if(!hasResearch('terraformingProgramm')){
    body.innerHTML = `<div class="empty-hint">Gesperrt — Voraussetzung: ${RESEARCH.find(r=>r.id==='terraformingProgramm').name} (baut auf Erweiterter Lebenserhaltung auf).</div>`;
    return;
  }
  const pts = terraformPointsFor('mars');
  const idx = terraformStageIndex('mars');
  const stage = TERRAFORM_STAGES[idx];
  const next = TERRAFORM_STAGES[idx+1];
  const pct = next ? Math.min(100, Math.max(0, Math.round((pts-stage.threshold)/(next.threshold-stage.threshold)*100))) : 100;
  body.innerHTML = `
    <div class="small-muted" style="margin-bottom:8px;">Langzeitprojekt: Sonden mit Terraforming-Modul müssen erfolgreich auf dem Mars landen, um Punkte beizusteuern — höhere Stufen brauchen deutlich mehr Punkte, ganz wie ein echtes Terraforming Jahrhunderte dauern würde.</div>
    ${terraformSkyPreviewSVG(idx)}
    <div class="stat-line"><span class="k">Aktuelle Stufe</span><span class="v good">${stage.name}</span></div>
    <div class="rcard desc" style="border:none; padding:0; margin-bottom:8px;">${stage.desc}</div>
    ${next
      ? `<div class="progress-bar"><div style="width:${pct}%"></div></div>
         <div class="small-muted" style="margin-top:4px;">${pts.toLocaleString('de-DE')} / ${next.threshold.toLocaleString('de-DE')} Punkte bis „${next.name}"</div>`
      : (state.colonies.some(c=>c.destKey==='mars')
          ? `<div class="small-muted" style="margin-top:4px;">Maximale Stufe erreicht — Mars ist bewohnbar und trägt bereits eine dauerhafte Kolonie, die passives Einkommen liefert.</div>`
          : (!state.colonies.some(c=>c.destKey==='mond')
              ? `<div class="small-muted" style="margin-top:4px;">Maximale Stufe erreicht — Mars ist bewohnbar! Aber die Kolonisierungs-Doktrin verlangt erst eine dauerhafte <b>Mondbasis</b>, bevor Mars offiziell besiedelt werden darf (reale Reihenfolge: Mond vor Mars). Erst den Mond kolonisieren (Mondbasis-Programm + Mond-Kolonie-Modul), danach klappt's auch mit Mars.</div>`
              : `<div class="small-muted" style="margin-top:4px;">Maximale Stufe erreicht — Mars ist bewohnbar! Letzter Schritt: eine Sonde mit <b>Kolonie-Modul</b> ${hasResearch('kolonisierungstechnik') ? '(Kolonisierungstechnik bereits erforscht)' : '(braucht noch die Forschung „Kolonisierungstechnik")'} zum Mars schicken und dort landen — das gründet die erste dauerhafte Mars-Kolonie mit passivem Einkommen.</div>`))}
    <div class="chip-row" style="margin-top:10px;">
      ${TERRAFORM_STAGES.map((s,i)=>`<span class="chip ${i<=idx?'sel':'locked'}" style="flex:0 0 auto; min-width:auto; cursor:default; padding:4px 8px; font-size:10px;">${i<=idx?'✓ ':''}${s.name}</span>`).join('')}
    </div>
  `;
}

// NEU (DOS-Stil): textbasierter Ersatz für die Sonnensystem-Karte, analog zu renderOrbitAsciiMap()
// beim Orbit-Tab. Gruppiert die Körper aus SOLAR_MAP_BODIES exakt wie die Klammern auf der echten
// Karte (drawSolarMapBracket-Aufrufe weiter oben), Status in Klartext-Klammern statt Farbring, denn
// unter dem DOS-Stil gibt's ohnehin keine Farbcodierung mehr. Die Erde selbst bekommt keinen Status
// (kein Missionsziel), alle anderen Körper sind DEEP_SPACE-Zielschlüssel. Exakte Details (ΔV,
// Flugzeit, Forschungsvoraussetzung usw.) liefert weiterhin die Zielliste darunter (deepSpaceGrid).
const SOLAR_ASCII_GROUPS = [
  { label:'GESTEINSPLANETEN', keys:['merkur','venus','erde','mond','mars'] },
  { label:'ASTEROIDENGUERTEL', keys:['ceres'] },
  { label:'GASPLANETEN', keys:['jupiter','europa','saturn','titanMond'] },
  { label:'EISRIESEN', keys:['uranus','neptun'] },
  { label:'KUIPERGUERTEL', keys:['pluto'] },
];
function solarAsciiStatus(key){
  if(key==='erde') return '';
  if(state.crewedLandings.includes(key)) return ' [BEMANNT]';
  if(state.landedTargets.includes(key)) return ' [GELANDET]';
  if(state.deepSpaceQueue.some(q=>q.destKey===key)) return ' [TRANSIT]';
  if(state.exploredTargets.includes(key)) return ' [ERREICHT]';
  return ' [-]';
}
// NEU v4-60 (Bugfix, Nutzer-Feedback "wenn alle Sterne hintereinander stehen, wird das Fenster
// überproportional größer, bis es außerhalb des Bildes verschwindet"): der eigentliche Grund war
// nicht fitDosAsciiMap() selbst, sondern dass eine einzelne, komplett unbegrenzte Zeile (white-
// space:pre, keine Obergrenze -- z.B. alle Sterne einer Distanzband in EINER Zeile) in Grid-/Flex-
// Layouts die INTRINSISCHE (Inhalts-)Breite eines Panels hochtreiben kann, obwohl die Box selbst
// width:100% hat: Prozentbreiten zählen bei der intrinsischen Breitenberechnung von Grid/Flex nach
// Spezifikation wie 'auto', der Browser rechnet für die Spaltenbreite also trotzdem mit der vollen,
// ungebremsten Inhaltsbreite. fitDosAsciiMap() allein kann das nicht auffangen, weil scrollWidth bei
// overflow:visible-Elementen die überlaufende Inhaltsbreite gar nicht zuverlässig widerspiegelt.
// Der robuste Fix: Listen wie bei einem echten Text-Terminal hart auf eine feste Zeilenbreite
// umbrechen, statt eine beliebig lange Zeile zu erzeugen -- dann kann die intrinsische Breite gar
// nicht erst außer Kontrolle geraten, unabhängig vom umgebenden Layout.
const DOS_LINE_WRAP_WIDTH = 56;
function dosWrapItems(prefix, items){
  if(!items.length) return [prefix];
  const lines = [];
  let cur = prefix;
  items.forEach(item=>{
    const candidate = cur===prefix || cur==='' ? cur+item : `${cur}  ${item}`;
    if(cur!==prefix && candidate.length>DOS_LINE_WRAP_WIDTH){
      lines.push(cur);
      cur = item;
    } else {
      cur = candidate;
    }
  });
  lines.push(cur);
  return lines;
}
function renderSolarAsciiMap(){
  const pre = document.getElementById('solarAsciiMap');
  if(!pre) return;
  const byKey = {};
  SOLAR_MAP_BODIES.forEach(b=>{ byKey[b.key]=b; });
  const lines = SOLAR_ASCII_GROUPS.flatMap(g=>{
    const names = g.keys.map(k=>byKey[k] ? `${byKey[k].name}${solarAsciiStatus(k)}` : null).filter(Boolean);
    return dosWrapItems(`${g.label}: `, names);
  });
  const inTransit = state.deepSpaceQueue.filter(q=>!DEEP_SPACE[q.destKey].interstellar).length;
  lines.push('');
  lines.push(`Sonden im Transit: ${inTransit}   Erreichte Ziele: ${state.exploredTargets.filter(k=>DEEP_SPACE[k]&&!DEEP_SPACE[k].interstellar&&!DEEP_SPACE[k].intergalactic).length}`);
  pre.textContent = lines.join('\n');
  fitDosAsciiMap(pre);
}
// NEU v4-59 (DOS-Stil, Galaxie-Tab): gemeinsamer Status-Text für Sprung-/Sternziele, analog zu
// solarAsciiStatus() oben, aber zusätzlich mit Kolonie-Status (im Sonnensystem separat über
// crewedLandings abgedeckt, bei Galaxie-Zielen ist eine echte Kolonie aber der eigentlich
// interessante Fall).
function dosDestStatus(key){
  if(state.colonies.some(c=>c.destKey===key)) return ' [KOLONIE]';
  if(state.crewedLandings.includes(key)) return ' [BEMANNT]';
  if(state.landedTargets.includes(key)) return ' [GELANDET]';
  if(state.deepSpaceQueue.some(q=>q.destKey===key)) return ' [TRANSIT]';
  if(state.exploredTargets.includes(key)) return ' [ERREICHT]';
  return ' [-]';
}
// NEU v4-59 (DOS-Stil): rein dekorative ASCII-Übersicht der Sternenkarte (Milchstraßen-
// Nachbarschaft, ~15 Lj) -- gruppiert nach Distanzband, analog zu SOLAR_ASCII_GROUPS. Die
// eigentliche Auswahl läuft weiterhin über die Zielkarten unter "Interstellare Ziele"
// (galaxyGrid, siehe renderGalaxy()), die es unabhängig vom UI-Stil schon gab.
const GALAXY_MAP_ASCII_BANDS = [
  { label:'NAHBEREICH (<5 LJ)', min:0, max:5 },
  { label:'MITTLERE DISTANZ (5-10 LJ)', min:5, max:10 },
  { label:'AEUSSERER BEREICH (>=10 LJ)', min:10, max:Infinity },
];
function renderGalaxyMapAsciiMap(){
  const pre = document.getElementById('galaxyMapAsciiMap');
  if(!pre) return;
  const lines = GALAXY_MAP_ASCII_BANDS.flatMap(b=>{
    const names = INTERSTELLAR_KEYS.filter(k=>{
      const ly = DEEP_SPACE[k].distanceLy;
      return ly!=null && ly>=b.min && ly<b.max;
    }).map(k=>`${DEEP_SPACE[k].name}${dosDestStatus(k)}`);
    return names.length ? dosWrapItems(`${b.label}: `, names) : [];
  });
  lines.push('');
  lines.push(`Ausgewaehltes System: ${selectedStarSystemId && DEEP_SPACE[selectedStarSystemId] ? starSystemBaseName(DEEP_SPACE[selectedStarSystemId].name) : '-'}`);
  pre.textContent = lines.join('\n');
  fitDosAsciiMap(pre);
}
// NEU v4-59 (DOS-Stil): gemeinsame ASCII-Körperliste für die Detailkarte EINES Sternsystems bzw.
// Sprungziels -- wird von renderStarSystemAsciiMap() und renderGalaxyTargetAsciiMap() genutzt,
// da beide Canvas-Originale (starSystemMapCanvas/targetPlanetMapCanvas) ohnehin schon dieselbe
// drawStarSystemMap()/starSystemBodies()-Logik teilen. Rein dekorativ, da die Auswahl bereits
// über die jeweilige Zielkarte (galaxyGrid/andromedaGrid) läuft.
function renderDestBodiesAsciiMap(pre, key){
  if(!pre) return;
  if(!key || !DEEP_SPACE[key]){ pre.textContent = 'Kein Ziel ausgewaehlt.'; fitDosAsciiMap(pre); return; }
  const bodies = starSystemBodies(key);
  const text = bodies.length
    ? dosWrapItems('', bodies.map(b=>`${b.name}${b.isTarget ? ' (ZIEL)'+dosDestStatus(key) : ''}`)).join('\n')
    : `${starSystemBaseName(DEEP_SPACE[key].name)}: keine bestaetigten Planeten bekannt.`;
  pre.textContent = text;
  fitDosAsciiMap(pre);
}
function renderStarSystemAsciiMap(){
  renderDestBodiesAsciiMap(document.getElementById('starSystemAsciiMap'), selectedStarSystemId);
}
function renderGalaxyTargetAsciiMap(){
  renderDestBodiesAsciiMap(document.getElementById('galaxyTargetAsciiMap'), selectedGalaxyTargetId);
}
// NEU v4-59 (DOS-Stil): rein dekorative ASCII-Übersicht der Sprungziele EINER Galaxie (Ersatz für
// andromedaMapCanvas/drawGalaxyDetailMap) -- Auswahl läuft weiterhin über andromedaGrid.
function renderGalaxyDetailAsciiMap(){
  const pre = document.getElementById('andromedaAsciiMap');
  if(!pre) return;
  const g = GALAXIES[selectedGalaxyId];
  if(!g){ pre.textContent = ''; return; }
  const targets = galaxyTargets(selectedGalaxyId);
  const lines = [`SPRUNGZIELE -- ${g.name} (${g.shortName})`, ''];
  lines.push(...(targets.length ? dosWrapItems('', targets.map(k=>`${DEEP_SPACE[k].name}${dosDestStatus(k)}`)) : ['Noch keine bekannten Sprungziele.']));
  pre.textContent = lines.join('\n');
  fitDosAsciiMap(pre);
}
// NEU v4-59 (DOS-Stil, Galaxie-Hub): anders als die Karten oben ist der Hub-Canvas die einzige
// Möglichkeit, die Galaxie zu wechseln -- deshalb ein echtes, klickbares Text-Menü statt nur
// einer dekorativen ASCII-Grafik. Rendert bei jedem renderGalaxy()-Aufruf neu (auch außerhalb
// des DOS-Stils, da die Erzeugung sehr günstig ist und das Element per CSS ohnehin ausgeblendet
// bleibt, solange der DOS-Stil nicht aktiv ist).
function renderDosGalaxyHubMenu(){
  const wrap = document.getElementById('galaxyHubMenu');
  if(!wrap) return;
  const rows = [{
    id:'milchstrasse', label:'Milchstrasse', meta:'', tag:'HEIMAT',
    sel:selectedGalaxyId==='milchstrasse', locked:false,
  }];
  GALAXY_KEYS.forEach(gid=>{
    const g = GALAXIES[gid];
    const unlocked = isGalaxyUnlocked(gid);
    const targets = galaxyTargets(gid);
    const anyColony = targets.some(k=>state.colonies.some(c=>c.destKey===k));
    const anyReached = targets.some(k=>state.exploredTargets.includes(k));
    const anyTransit = targets.some(k=>state.deepSpaceQueue.some(q=>q.destKey===k));
    let tag = unlocked ? (anyColony ? 'KOLONIE' : anyReached ? 'ERREICHT' : 'OFFEN') : 'GESPERRT';
    if(anyTransit) tag += ' * TRANSIT';
    rows.push({
      id:gid, label:`${g.name} (${g.shortName})`, meta:g.distanceLabel, tag,
      sel:gid===selectedGalaxyId, locked:!unlocked,
    });
  });
  wrap.innerHTML = rows.map(r=>`<div class="dos-menu-row ${r.sel?'sel':''} ${r.locked?'locked':''}" data-galaxy="${r.id}">
    <span class="dos-menu-mark">${r.sel?'>':''}</span>
    <span class="dos-menu-label">${r.label}</span>
    <span class="dos-menu-meta">${r.meta}</span>
    <span class="dos-menu-tag">[${r.tag}]</span>
  </div>`).join('');
  wrap.querySelectorAll('[data-galaxy]').forEach(el=>{
    el.addEventListener('click', ()=>{
      const gid = el.dataset.galaxy;
      if(gid===selectedGalaxyId) return;
      selectedGalaxyId = gid;
      Sound.click();
      renderGalaxy();
    });
  });
}
function renderDeepSpace(){
  drawSolarMap();
  renderSolarAsciiMap();
  renderTerraforming();
  const grid = document.getElementById('deepSpaceGrid');
  if(!grid) return;
  grid.innerHTML = SOLAR_DEEP_SPACE_KEYS.map(k=>{
    const d = DEEP_SPACE[k];
    const unlocked = isDestUnlocked(d);
    const reached = state.exploredTargets.includes(k);
    const landed = state.landedTargets.includes(k);
    const crewedLanded = state.crewedLandings.includes(k);
    const crewCfg = crewedConfigFor(k);
    return `<div class="rcard ${reached?'done':''}">
      <div class="name">${d.name} ${crewedLanded?'bemannt gelandet':landed?'gelandet':reached?'✓ erreicht':''}</div>
      <div class="desc">${d.desc}</div>
      <div class="stat-line"><span class="k">Benötigt ΔV</span><span class="v">${d.deltaVReq}</span></div>
      <div class="stat-line"><span class="k">Flugzeit (Basis)</span><span class="v">${destTravelDays(d)} Tage${d.outer&&hasResearch('gravityAssist')?' (Swing-by aktiv)':''}</span></div>
      <div class="stat-line"><span class="k">Wiss. Ertrag (Vorbeiflug)</span><span class="v good">${fmtMoney(d.scienceReward)}</span></div>
      <div class="stat-line"><span class="k">Forschungspunkte</span><span class="v" style="color:#c17bff;">+${missionSciencePointsFor(d, !reached).toLocaleString('de-DE')}${reached?' (Wiederholung)':''}</span></div>
      ${d.landingBaseChance>0 ? `<div class="stat-line"><span class="k">Landechance</span><span class="v">${Math.round(d.landingBaseChance*100)}% (mit Landestufe)</span></div>` : `<div class="stat-line"><span class="k">Landung</span><span class="v">nicht möglich (${d.noLandingReason||'keine feste Oberfläche'})</span></div>`}
      ${crewCfg ? `<div class="stat-line"><span class="k">Bemannt möglich</span><span class="v">${hasResearch(crewCfg.reqResearch)?'ja (Crew-Kapsel + Lebenserhaltung nötig)':'gesperrt — '+RESEARCH.find(r=>r.id===crewCfg.reqResearch).name}</span></div>` : ''}
      ${k==='mars' ? `<div class="stat-line"><span class="k">Kolonisierbar</span><span class="v">${state.colonies.some(c=>c.destKey==='mars')?'✓ bereits Kolonie':(terraformStageIndex('mars')<TERRAFORM_STAGES.length-1?'gesperrt — erst Terraforming-Stufe „Bewohnbar" erreichen':(state.colonies.some(c=>c.destKey==='mond')?'ja — Sonde mit Kolonie-Modul + erfolgreiche Landung':'gesperrt — erst Mond kolonisieren (reale Reihenfolge: Mond vor Mars)'))}</span></div>` : ''}
      ${k==='mond' ? `<div class="stat-line"><span class="k">Kolonisierbar</span><span class="v">${state.colonies.some(c=>c.destKey==='mond')?'✓ bereits Kolonie':(hasResearch('mondbasis')?'ja — Sonde mit Mond-Kolonie-Modul + erfolgreiche Landung':'gesperrt — '+RESEARCH.find(r=>r.id==='mondbasis').name)}</span></div>` : ''}
      ${(d.colonizable && k!=='mond' && k!=='mars') ? `<div class="stat-line"><span class="k">Kolonisierbar</span><span class="v">${state.colonies.some(c=>c.destKey===k)?'✓ bereits Kolonie':(hasResearch(d.colonizeResearch)?'ja — Sonde mit Außenposten-Kolonie-Modul + erfolgreiche Landung':'gesperrt — '+RESEARCH.find(r=>r.id===d.colonizeResearch).name)}</span></div>` : ''}
      <div class="cost">${unlocked ? 'Freigeschaltet — Sonde im Hangar starten' : 'Voraussetzung: '+RESEARCH.find(r=>r.id===d.reqResearch).name}</div>
    </div>`;
  }).join('');

  const list = document.getElementById('deepSpaceQueueList');
  const empty = document.getElementById('deepSpaceQueueEmpty');
  const solarQueue = state.deepSpaceQueue.filter(q=>!DEEP_SPACE[q.destKey].interstellar);
  if(solarQueue.length===0){ list.innerHTML=''; empty.style.display='block'; }
  else {
    empty.style.display='none';
    list.innerHTML = solarQueue.map(q=>{
      const d = DEEP_SPACE[q.destKey];
      const pct = Math.round((1-q.daysLeft/q.daysTotal)*100);
      return `<div class="queue-item">
        <div class="top"><span class="qname">${q.crewed?'':''}${q.name} → ${d.name}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
        <div class="progress-bar"><div style="width:${pct}%"></div></div>
      </div>`;
    }).join('');
  }

  const log = document.getElementById('deepSpaceLog');
  if(log){
    const solarLog = state.missionLog.filter(m=>!DEEP_SPACE[m.destKey].interstellar);
    log.innerHTML = solarLog.length
      ? solarLog.map(m=>{
          const dname = DEEP_SPACE[m.destKey].name;
          const tag = m.crewed?'':'';
          if(m.landed) return `Tag ${m.day}: ${tag}${m.name} landete auf ${dname}${m.firstTime?' — erste Landung dort!':''}`;
          if(m.crashed) return `Tag ${m.day}: ${tag}${m.name} musste die Landung auf ${dname} abbrechen, ${m.crewed?'Besatzung sicher zurück':'Daten gerettet'}`;
          return `Tag ${m.day}: ${m.name} erreichte ${dname}${m.firstTime?' — erste Sonde dort!':''}`;
        }).join('<br>')
      : 'Noch keine abgeschlossenen Sondenmissionen.';
  }

  renderGalaxy();
}

function updateGalaxySelectionPanels(){
  const isHome = selectedGalaxyId==='milchstrasse';
  const milky = document.getElementById('milkywayPanels');
  const detail = document.getElementById('galaxyDetailPanels');
  if(milky) milky.style.display = isHome ? '' : 'none';
  if(detail) detail.style.display = isHome ? 'none' : '';
}

function renderGalaxy(){
  drawGalaxyHub();
  renderDosGalaxyHubMenu(); // NEU v4-59 (DOS-Stil): klickbares Text-Menü, Ersatz für galaxyHubCanvas
  updateGalaxySelectionPanels();
  renderStarSystemDetail(); // zeichnet u.a. drawGalaxyMap() mit

  const colList = document.getElementById('galaxyColoniesList');
  const colEmpty = document.getElementById('galaxyColoniesEmpty');
  if(colList){
    if(state.colonies.length===0){ colList.innerHTML=''; if(colEmpty) colEmpty.style.display='block'; }
    else {
      if(colEmpty) colEmpty.style.display='none';
      colList.innerHTML = state.colonies.map(c=>{
        const d = DEEP_SPACE[c.destKey];
        return `<div class="rcard done">
          <div class="name">${c.name}</div>
          <div class="desc">${d?d.desc:''}</div>
          <div class="stat-line"><span class="k">Gegründet</span><span class="v">Tag ${c.day}</span></div>
          <div class="stat-line"><span class="k">Passives Einkommen</span><span class="v good">+${fmtMoney(colonyEffectiveIncome(c))} / Tag</span></div>
        </div>`;
      }).join('');
    }
  }

  const contactsList = document.getElementById('galaxyContactsList');
  const contactsEmpty = document.getElementById('galaxyContactsEmpty');
  if(contactsList){
    if(state.firstContacts.length===0){ contactsList.innerHTML=''; if(contactsEmpty) contactsEmpty.style.display='block'; }
    else {
      if(contactsEmpty) contactsEmpty.style.display='none';
      contactsList.innerHTML = state.firstContacts.map(k=>{
        const contact = ALIEN_CONTACTS[k];
        const d = DEEP_SPACE[k];
        if(!contact) return '';
        return `<div class="rcard done">
          <div class="name">${contact.title}</div>
          <div class="desc">${contact.desc}</div>
          <div class="stat-line"><span class="k">Ort</span><span class="v">${d.name}</span></div>
          <div class="stat-line"><span class="k">Spezies</span><span class="v">${contact.raceLabel}</span></div>
        </div>`;
      }).join('');
    }
  }

  const grid = document.getElementById('galaxyGrid');
  if(grid){
    grid.innerHTML = INTERSTELLAR_KEYS.map(k=>{
      const d = DEEP_SPACE[k];
      const unlocked = isDestUnlocked(d);
      const reached = state.exploredTargets.includes(k);
      const landed = state.landedTargets.includes(k);
      const colonized = state.colonies.some(c=>c.destKey===k);
      return `<div class="rcard ${reached?'done':''} ${k===selectedStarSystemId?'sel':''}" data-starsys="${k}" style="cursor:pointer;" title="Klick öffnet die Systemkarte">
        <div class="name">${d.name} ${colonized?'Kolonie':landed?'gelandet':reached?'✓ erreicht':''}${state.firstContacts.includes(k)?'':''}</div>
        <div class="desc">${d.desc}</div>
        <div class="stat-line"><span class="k">Entfernung</span><span class="v">${d.distanceLy} Lichtjahre</span></div>
        <div class="stat-line"><span class="k">Benötigt ΔV</span><span class="v">${d.deltaVReq}</span></div>
        <div class="stat-line"><span class="k">Flugzeit</span><span class="v">${destTravelDays(d)} Tage</span></div>
        <div class="stat-line"><span class="k">Wiss. Ertrag (Vorbeiflug)</span><span class="v good">${fmtMoney(d.scienceReward)}</span></div>
      <div class="stat-line"><span class="k">Forschungspunkte</span><span class="v" style="color:#c17bff;">+${missionSciencePointsFor(d, !reached).toLocaleString('de-DE')}${reached?' (Wiederholung)':''}</span></div>
        ${d.landingBaseChance>0 ? `<div class="stat-line"><span class="k">Landechance</span><span class="v">${Math.round(d.landingBaseChance*100)}% (mit Landestufe)</span></div>` : `<div class="stat-line"><span class="k">Landung</span><span class="v">nicht möglich (${d.noLandingReason||'keine feste Oberfläche'})</span></div>`}
        ${d.colonizable ? `<div class="stat-line"><span class="k">Kolonisierbar</span><span class="v">${colonized?'✓ bereits Kolonie':(hasResearch('kolonisierungstechnik')?'ja — Sonde mit Kolonie-Modul + erfolgreiche Landung':'gesperrt — Kolonisierungstechnik')}</span></div>` : ''}
        <div class="cost">${unlocked ? 'Freigeschaltet — Sonde im Hangar starten' : 'Voraussetzung: '+RESEARCH.find(r=>r.id===d.reqResearch).name}</div>
      </div>`;
    }).join('');
    // NEU (TODO-STERNSYSTEM-KARTEN): Klick auf eine Zielkarte wählt das System für die
    // Detailkarte aus — einfacher zu treffen als der kleine Punkt auf der Sternenkarte,
    // gerade auf Mobilgeräten.
    grid.querySelectorAll('[data-starsys]').forEach(el=>{
      el.addEventListener('click', ()=>{
        grid.querySelectorAll('[data-starsys]').forEach(o=>o.classList.remove('sel'));
        el.classList.add('sel');
        selectStarSystem(el.dataset.starsys);
        Sound.click();
      });
    });
  }

  const qList = document.getElementById('galaxyQueueList');
  const qEmpty = document.getElementById('galaxyQueueEmpty');
  if(qList){
    const interQueue = state.deepSpaceQueue.filter(q=>DEEP_SPACE[q.destKey].interstellar);
    if(interQueue.length===0){ qList.innerHTML=''; if(qEmpty) qEmpty.style.display='block'; }
    else {
      if(qEmpty) qEmpty.style.display='none';
      qList.innerHTML = interQueue.map(q=>{
        const d = DEEP_SPACE[q.destKey];
        const pct = Math.round((1-q.daysLeft/q.daysTotal)*100);
        return `<div class="queue-item">
          <div class="top"><span class="qname">${q.name} → ${d.name}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
          <div class="progress-bar"><div style="width:${pct}%"></div></div>
        </div>`;
      }).join('');
    }
  }

  renderAndromeda();
}

// NEU (TODO-GALAXIE-PLANETENKARTEN): Klick auf ein Sprungziel der Galaxie-Detailkarte wählt es
// aus und öffnet die zugehörige Planetenkarte darunter — analog zu initGalaxyMapClicks().
function initGalaxyDetailMapClicks(){
  const canvas = document.getElementById('andromedaMapCanvas');
  if(!canvas) return;
  canvas.addEventListener('click', (e)=>{
    if(canvas._wasDragged){ canvas._wasDragged = false; return; }
    const rect = canvas.getBoundingClientRect();
    const view = getMapView('andromedaMapCanvas');
    const cw = canvas.clientWidth, ch = canvas.clientHeight;
    const sx = e.clientX - rect.left - view.panX, sy = e.clientY - rect.top - view.panY;
    const mx = cw/2 + (sx - cw/2)/view.zoom, my = ch/2 + (sy - ch/2)/view.zoom;
    const targets = canvas._detailTargets || [];
    let best=null, bestD=22;
    targets.forEach(t=>{
      const d = Math.hypot(t.x-mx, t.y-my);
      if(d<bestD){ bestD=d; best=t.key; }
    });
    if(best && best!==selectedGalaxyTargetId){
      selectGalaxyTarget(best);
      Sound.click();
    }
  });
}

function selectGalaxyTarget(key){
  selectedGalaxyTargetId = key;
  resetMapView('targetPlanetMapCanvas');
  drawGalaxyDetailMap(selectedGalaxyId); // Auswahlring auf der Übersichtskarte sofort aktualisieren
  renderGalaxyTargetDetail();
}

function renderGalaxyTargetDetail(){
  const targets = galaxyTargets(selectedGalaxyId);
  if(!targets.length) return;
  if(!selectedGalaxyTargetId || !targets.includes(selectedGalaxyTargetId)) selectedGalaxyTargetId = targets[0];
  const key = selectedGalaxyTargetId;
  const d = DEEP_SPACE[key];
  drawStarSystemMap(key, 'targetPlanetMapCanvas');
  renderGalaxyTargetAsciiMap(); // NEU v4-59 (DOS-Stil): ASCII-Ersatz für targetPlanetMapCanvas
  const titleEl = document.getElementById('galaxyTargetTitle');
  if(titleEl) titleEl.textContent = `Ziel: ${starSystemBaseName(d.name)}`;
  const descEl = document.getElementById('galaxyTargetDesc');
  if(descEl) descEl.textContent = d.desc;
  const hintEl = document.getElementById('galaxyTargetHint');
  if(hintEl){
    const bodies = starSystemBodies(key);
    hintEl.textContent = bodies.length
      ? `Gold umrandet/beschriftet: ${d.name} — das eigentliche Sprungziel. Die übrigen Körper sind unerforschte Nachbarplaneten derselben Region, rein zur Übersicht.`
      : `Für dieses Ziel sind keine festen Planeten bekannt — die Karte zeigt nur den Zentralkörper.`;
  }
}

function renderAndromeda(){
  drawGalaxyHub();
  renderDosGalaxyHubMenu(); // NEU v4-59 (DOS-Stil): Hub-Menü auch hier aktuell halten
  const g = GALAXIES[selectedGalaxyId] || GALAXIES[GALAXY_KEYS[0]];
  drawGalaxyDetailMap(g.id);
  renderGalaxyDetailAsciiMap(); // NEU v4-59 (DOS-Stil): ASCII-Ersatz für andromedaMapCanvas

  const titleEl = document.getElementById('galaxyDetailTitle');
  if(titleEl) titleEl.textContent = `${g.name}-Galaxie (${g.shortName})`;
  const descEl = document.getElementById('galaxyDetailDesc');
  if(descEl) descEl.textContent = g.desc;
  const colTitleEl = document.getElementById('galaxyColoniesTitle');
  if(colTitleEl) colTitleEl.textContent = `Kolonien in ${g.shortName}`;

  const targets = galaxyTargets(g.id);
  const anyUnlocked = targets.some(k=>isDestUnlocked(DEEP_SPACE[k]));
  const lockedHint = document.getElementById('andromedaLocked');
  if(lockedHint){
    lockedHint.style.display = anyUnlocked ? 'none' : 'block';
    lockedHint.textContent = 'Gesperrt — Voraussetzung: '+(RESEARCH.find(r=>r.id===g.reqResearch)?.name || g.reqResearch);
  }

  const colList = document.getElementById('andromedaColoniesList');
  const colEmpty = document.getElementById('andromedaColoniesEmpty');
  if(colList){
    const galaxyColonies = state.colonies.filter(c=>DEEP_SPACE[c.destKey] && DEEP_SPACE[c.destKey].galaxy===g.id);
    if(galaxyColonies.length===0){ colList.innerHTML=''; if(colEmpty) colEmpty.style.display='block'; }
    else {
      if(colEmpty) colEmpty.style.display='none';
      colList.innerHTML = galaxyColonies.map(c=>{
        const d = DEEP_SPACE[c.destKey];
        return `<div class="rcard done">
          <div class="name">${c.name}</div>
          <div class="desc">${d?d.desc:''}</div>
          <div class="stat-line"><span class="k">Gegründet</span><span class="v">Tag ${c.day}</span></div>
          <div class="stat-line"><span class="k">Passives Einkommen</span><span class="v good">+${fmtMoney(colonyEffectiveIncome(c))} / Tag</span></div>
        </div>`;
      }).join('');
    }
  }

  const grid = document.getElementById('andromedaGrid');
  if(grid){
    grid.innerHTML = targets.map(k=>{
      const d = DEEP_SPACE[k];
      const unlocked = isDestUnlocked(d);
      const reached = state.exploredTargets.includes(k);
      const landed = state.landedTargets.includes(k);
      const colonized = state.colonies.some(c=>c.destKey===k);
      return `<div class="rcard ${reached?'done':''} ${k===selectedGalaxyTargetId?'sel':''}" data-galaxytarget="${k}" style="cursor:pointer;" title="Klick öffnet die Planetenkarte">
        <div class="name">${d.name} ${colonized?'Kolonie':landed?'gelandet':reached?'✓ erreicht':''}</div>
        <div class="desc">${d.desc}</div>
        <div class="stat-line"><span class="k">Entfernung</span><span class="v">${d.distanceMly} Mio. Lichtjahre (Sprung)</span></div>
        <div class="stat-line"><span class="k">Benötigt ΔV</span><span class="v">${d.deltaVReq}</span></div>
        <div class="stat-line"><span class="k">Flugzeit</span><span class="v">${destTravelDays(d)} Tage</span></div>
        <div class="stat-line"><span class="k">Wiss. Ertrag (Vorbeiflug)</span><span class="v good">${fmtMoney(d.scienceReward)}</span></div>
      <div class="stat-line"><span class="k">Forschungspunkte</span><span class="v" style="color:#c17bff;">+${missionSciencePointsFor(d, !reached).toLocaleString('de-DE')}${reached?' (Wiederholung)':''}</span></div>
        ${d.landingBaseChance>0 ? `<div class="stat-line"><span class="k">Landechance</span><span class="v">${Math.round(d.landingBaseChance*100)}% (mit Landestufe)</span></div>` : `<div class="stat-line"><span class="k">Landung</span><span class="v">nicht möglich (${d.noLandingReason||'keine feste Oberfläche'})</span></div>`}
        ${d.colonizable ? `<div class="stat-line"><span class="k">Kolonisierbar</span><span class="v">${colonized?'✓ bereits Kolonie':(hasResearch('kolonisierungstechnik')?'ja — Sonde mit Kolonie-Modul + erfolgreiche Landung':'gesperrt — Kolonisierungstechnik')}</span></div>` : ''}
        <div class="cost">${unlocked ? 'Freigeschaltet — Sprungschiff im Hangar starten' : 'Voraussetzung: '+RESEARCH.find(r=>r.id===d.reqResearch).name}</div>
      </div>`;
    }).join('');
    grid.querySelectorAll('[data-galaxytarget]').forEach(el=>{
      el.addEventListener('click', ()=>{
        grid.querySelectorAll('[data-galaxytarget]').forEach(o=>o.classList.remove('sel'));
        el.classList.add('sel');
        selectGalaxyTarget(el.dataset.galaxytarget);
        Sound.click();
      });
    });
  }

  renderGalaxyTargetDetail(); // NEU (TODO-GALAXIE-PLANETENKARTEN)

  const qList = document.getElementById('andromedaQueueList');
  const qEmpty = document.getElementById('andromedaQueueEmpty');
  if(qList){
    const igQueue = state.deepSpaceQueue.filter(q=>DEEP_SPACE[q.destKey].galaxy===g.id);
    if(igQueue.length===0){ qList.innerHTML=''; if(qEmpty) qEmpty.style.display='block'; }
    else {
      if(qEmpty) qEmpty.style.display='none';
      qList.innerHTML = igQueue.map(q=>{
        const d = DEEP_SPACE[q.destKey];
        const pct = Math.round((1-q.daysLeft/q.daysTotal)*100);
        return `<div class="queue-item">
          <div class="top"><span class="qname">${q.name} → ${d.name}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
          <div class="progress-bar"><div style="width:${pct}%"></div></div>
        </div>`;
      }).join('');
    }
  }
}

/* ============================== TOP-LEVEL RENDER ============================== */
// NEU (TODO-SCHALTJAHRE, Nutzer-Frage: "sind da Schaltjahre mit einberechnet?"): das Firmenjahr
// lief bisher komplett losgelöst vom echten Kalender -- fest 365 Tage pro Jahr, ganz ohne
// Schalttage. Jetzt werden stattdessen echte Kalenderjahre zwischen Gründungsdatum und aktuellem
// Datum gezählt (inkl. Schaltjahren), genau wie bei einer echten Alters-/Jubiläumsberechnung: ein
// "Jahrestag" ist der Tag im laufenden Jahr mit demselben Monat/Tag wie die Gründung. Fällt die
// Gründung auf den 29. Februar, gilt in Nicht-Schaltjahren der 28. Februar als Ersatz-Jahrestag
// (wie bei echten Geburtstagen üblich) -- so verschiebt sich in diesem Sonderfall kein Datum je
// nach Schaltjahr-Lage.
function isLeapYear(y){
  return (y%4===0 && y%100!==0) || y%400===0;
}
// Liefert {years, restDays} zwischen zwei ISO-Datums-Strings (startISO <= endISO), schaltjahrsicher
// weil komplett auf echter Date-Arithmetik basierend statt auf einer festen Tagesanzahl pro Jahr.
function calendarYearsBetween(startISO, endISO){
  const [sy,sm,sd] = startISO.split('-').map(Number);
  const [ey] = endISO.split('-').map(Number);
  const end = new Date(endISO+'T12:00:00Z');
  function anniversaryOf(year){
    const day = (sm===2 && sd===29 && !isLeapYear(year)) ? 28 : sd;
    return new Date(Date.UTC(year, sm-1, day, 12));
  }
  let years = ey - sy;
  let anniv = anniversaryOf(sy+years);
  if(anniv.getTime() > end.getTime()){
    years -= 1;
    anniv = anniversaryOf(sy+years);
  }
  const restDays = Math.round((end.getTime() - anniv.getTime()) / 86400000);
  return { years: Math.max(0,years), restDays: Math.max(0,restDays) };
}
// Wandelt den reinen Tage-Zähler (state.day, läuft intern unverändert weiter — alle anderen
// Systeme wie Forschung/Bau/Transit rechnen weiterhin mit rohen Tagen) in ein Firmen-Datum um:
// unter einem vollen Kalenderjahr wird "T. X" gezeigt, danach bricht die Anzeige auf "X J."
// bzw. "X J., Y T." um -- die genaue Tageszahl pro Jahr hängt jetzt von echten Schaltjahren ab
// (365 oder 366 Tage, je nachdem ob ein 29. Februar im betreffenden Zeitraum lag).
function formatCompanyDate(day){
  ensureFoundingDate();
  const currentDate = addDaysISO(state.foundingDate, day-1);
  const {years, restDays} = calendarYearsBetween(state.foundingDate, currentDate);
  if(years<=0) return `T. ${day}`;
  if(restDays<=0) return `${years} J.`;
  return `${years} J., ${restDays} T.`;
}
// Prüft, ob "day" exakt ein Jahrestag der Firmengründung ist (schaltjahrsicher über
// calendarYearsBetween statt über state.day%365) -- löst den Jahresbericht aus (siehe tick()).
function isCompanyAnniversaryDay(day){
  if(day<=1) return false;
  ensureFoundingDate();
  const cur = addDaysISO(state.foundingDate, day-1);
  return calendarYearsBetween(state.foundingDate, cur).restDays===0;
}
// Echtes Kalenderdatum der Firmengründung: wird bei jedem "Neues Spiel" auf das reale
// Startdatum (heute) gesetzt — nicht auf einen festen Wert, damit ein in zwei Monaten
// gestartetes neues Spiel auch als "heute in zwei Monaten" beginnt. Rechnet mit reinen
// YYYY-MM-DD-Strings + UTC-Mittag, damit Zeitzonen/Sommerzeit keine Tagesverschiebung
// verursachen können.
function todayISODate(){
  return new Date().toISOString().slice(0,10);
}
function addDaysISO(isoDate, days){
  const d = new Date(isoDate+'T12:00:00Z');
  d.setUTCDate(d.getUTCDate() + days);
  return d.toISOString().slice(0,10);
}
const MONTHS_DE = ['Jan','Feb','Mär','Apr','Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'];
function formatCalendarDateDE(isoDate){
  const [y,m,d] = isoDate.split('-').map(Number);
  return `${d}. ${MONTHS_DE[m-1]} ${y}`;
}
// Alte Spielstände kennen state.foundingDate noch nicht (undefined/null nach
// Object.assign(freshState(), loaded)) — dann wird rückwärts vom heutigen echten Datum
// ausgehend ein plausibles Gründungsdatum gesetzt, sodass der aktuelle Spieltag ungefähr
// auf "heute" fällt statt willkürlich in der Zukunft zu landen.
function ensureFoundingDate(){
  if(!state.foundingDate){
    state.foundingDate = addDaysISO(todayISODate(), -(state.day-1));
  }
}
function companyCalendarDate(){
  ensureFoundingDate();
  return addDaysISO(state.foundingDate, state.day-1);
}
function renderHud(){
  const hudDateEl = document.getElementById('hudDate');
  hudDateEl.textContent = formatCalendarDateDE(companyCalendarDate());
  hudDateEl.title = `Kalenderdatum, ausgehend von der Firmengründung am ${formatCalendarDateDE(state.foundingDate)}`;
  const hudDayEl = document.getElementById('hudDay');
  hudDayEl.textContent = formatCompanyDate(state.day);
  hudDayEl.title = `Tag ${state.day} seit Firmengründung`;
  document.getElementById('hudMoney').textContent = fmtMoney(state.money);
  document.getElementById('hudRep').textContent = Math.round(state.reputation);
  document.getElementById('hudScience').textContent = Math.round(state.sciencePoints).toLocaleString('de-DE');
  const income = state.orbitSats.reduce((sum,s)=>{
    if(!s.assignedContract) return sum;
    const c = state.contracts.find(c=>c.id===s.assignedContract);
    if(!c) return sum;
    // BUGFIX (TODO-HUD-EINKOMMEN): vorher wurde hier der rohe c.rewardPerTick summiert — das
    // ignorierte sowohl den Bandbreiten-Bonus bei Kommunikationsaufträgen als auch einen aktiven
    // Marktboom/-einbruch (state.marketEvent), die contractDailyIncome() (siehe dort, exakt
    // dieselbe Funktion wie im echten tick()-Einkommen) beide mit einrechnet.
    return sum + contractDailyIncome(c, computeSatDerived(s.chassisId, s.mods));
  }, 0);
  const colonyIncome = state.colonies.reduce((sum,c)=>sum+colonyEffectiveIncome(c),0);
  // NEU (TODO-RAUMSTATION): Wohnmodul-Einkommen der Raumstation gehört genau wie Kolonie-Einkommen
  // ins tägliche Header-Einkommen, siehe stationEffectiveIncome() und tick().
  const stationIncome = state.station ? stationEffectiveIncome() : 0;
  // BUGFIX (TODO-HUD-EINKOMMEN): Langzeitaufträge (state.longContracts) und das eigene Netzwerk
  // (state.ownNetwork, siehe networkDailyIncome()) laufen beide über tick() genau wie reguläre
  // Verträge und Kolonien ins tägliche Einkommen ein (siehe dort), fehlten hier in der
  // Header-Anzeige aber bisher komplett — "Einnahmen/Tag" zeigte dadurch systematisch zu wenig,
  // sobald man eines von beiden nutzt.
  const longContractIncome = state.longContracts
    .filter(c=>c.status==='aktiv')
    .reduce((sum,c)=>sum+longContractDailyIncome(c), 0);
  // BUGFIX (TODO-UNTERHALTSKOSTEN, dabei entdeckt): networkDailyIncome() wurde hier bisher ganz
  // ohne Argument aufgerufen (sub===undefined → Funktion bricht sofort mit 0 ab, siehe
  // networkDailyIncome()) — Unterfirmen-Einkommen tauchte im Header-"Einnahmen/Tag" dadurch nie
  // auf, obwohl es (wie Kolonien/Station/Langzeitverträge) täglich über tick() einfließt. Jetzt
  // korrekt über alle aktiven Unterfirmen aufsummiert.
  const netIncome = state.ownNetworks.reduce((sum,sub)=>sum+networkDailyIncome(sub),0);
  // NEU (TODO-UNTERHALTSKOSTEN): laufende Unterhaltskosten für Kolonien, Station und Unterfirmen
  // gehören jetzt genau wie der Satelliten-Unterhalt in die Header-Anzeige, siehe colonyUpkeep(),
  // stationUpkeep(), subsidiaryUpkeep() und die entsprechenden upkeepTotal-Zeilen in tick().
  const colonyUpkeepTotal = state.colonies.reduce((sum,c)=>sum+colonyUpkeep(c),0);
  const stationUpkeepTotal = state.station ? stationUpkeep() : 0;
  const subsidiaryUpkeepTotal = state.ownNetworks.reduce((sum,sub)=>sum+subsidiaryUpkeep(sub),0);
  const upkeep = state.orbitSats.length * 15 * (hasResearch('maintenance')?0.75:1)
    + colonyUpkeepTotal + stationUpkeepTotal + subsidiaryUpkeepTotal;
  document.getElementById('hudIncome').textContent = fmtMoney(income + colonyIncome + stationIncome + longContractIncome + netIncome - upkeep);

  // NEU (TODO-ZUFALLSEREIGNISSE): Markt-Effekt-Anzeige im Header, nur sichtbar wenn aktiv.
  const meWrap = document.getElementById('hudMarketEventWrap');
  const meVal = document.getElementById('hudMarketEvent');
  if(meWrap && meVal){
    if(state.marketEvent){
      meWrap.style.display = '';
      const pct = Math.round((state.marketEvent.mult-1)*100);
      meVal.textContent = `${state.marketEvent.kind==='boost'?'📈':'📉'} ${pct>0?'+':''}${pct}% (${state.marketEvent.daysLeft}d)`;
      meVal.style.color = state.marketEvent.kind==='boost' ? 'var(--green)' : 'var(--red)';
    } else {
      meWrap.style.display = 'none';
    }
  }

  // NEU (TODO-SONNENZYKLUS): Sonnenaktivitäts-Anzeige im Header, immer sichtbar — Level 0..1
  // steuert im Hintergrund Häufigkeit/Stärke von Sonnensturm-Ereignissen (siehe EVENTS oben).
  const solarWrap = document.getElementById('hudSolarWrap');
  const solarVal = document.getElementById('hudSolarActivity');
  if(solarWrap && solarVal){
    const level = solarActivityLevel(state);
    const info = solarActivityPhaseInfo(level);
    solarVal.textContent = `${info.icon} ${info.label} (${Math.round(level*100)}%)`;
    solarVal.style.color = info.color;
    solarWrap.title = `Position im ~11-Jahres-Sonnenzyklus. Nahe Maximum werden Sonnenstürme deutlich häufiger und stärker (bis G5), nahe Minimum sind sie selten.`;
  }
}

function renderConstructionQueue(){
  const list = document.getElementById('constructionList');
  const empty = document.getElementById('constructionEmpty');
  const capLabel = document.getElementById('queueCapLabel');
  const cap = getMaxQueueCap();
  // NEU (TODO-FABRIK-WARTESCHLANGE): Label zeigt jetzt "aktiv · wartend", sobald Aufträge in der
  // Warteschlange stehen, analog moduleQueueCapLabel.
  if(capLabel) capLabel.textContent = state.constructionWaitQueue.length
    ? `(${state.constructionQueue.length}/${cap} aktiv · ${state.constructionWaitQueue.length} wartend)`
    : `(${state.constructionQueue.length}/${cap} Plätze belegt)`;
  if(state.constructionQueue.length===0 && state.constructionWaitQueue.length===0){ list.innerHTML=''; empty.style.display='block'; return; }
  empty.style.display='none';
  const activeHtml = state.constructionQueue.map(q=>{
    const pct = Math.round((1-q.daysLeft/q.daysTotal)*100);
    return `<div class="queue-item">
      <div class="top"><span class="qname">${q.name}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
      <div class="progress-bar"><div style="width:${pct}%"></div></div>
    </div>`;
  }).join('');
  // Wartende Aufträge (schon bezahlt, noch kein freier Fertigungsplatz) ohne Fortschrittsbalken,
  // zeigen nur ihren Platz in der Warteschlange.
  const waitHtml = state.constructionWaitQueue.map((q,i)=>`<div class="queue-item">
      <div class="top"><span class="qname">${q.name}</span><span class="qmeta">wartet (Platz ${i+1})</span></div>
    </div>`).join('');
  list.innerHTML = activeHtml + waitHtml;
}

function renderTransitQueue(){
  const list = document.getElementById('transitList');
  const empty = document.getElementById('transitEmpty');
  // NEU (TODO-KOLONIE-ORBIT): Transit-Liste ebenfalls nach aktuell gewähltem Ort gefiltert
  const filtered = state.transitQueue.filter(q=>(q.location||'earth')===orbitViewLocation);
  if(filtered.length===0){ list.innerHTML=''; empty.style.display='block'; return; }
  empty.style.display='none';
  list.innerHTML = filtered.map(q=>{
    const pct = Math.round((1-q.daysLeft/q.daysTotal)*100);
    const target = (q.location && q.location!=='earth') ? `${q.orbit} (${orbitLocationName(q.location)})` : q.orbit;
    return `<div class="queue-item">
      <div class="top"><span class="qname">${q.name} → ${target}</span><span class="qmeta">${q.daysLeft} Tag(e) übrig</span></div>
      <div class="progress-bar"><div style="width:${pct}%"></div></div>
    </div>`;
  }).join('');
}

function renderMaintenance(){
  const damaged = state.orbitSats.filter(s=>s.health<100);
  const totalCost = damaged.reduce((sum,s)=>sum+Math.round((100-s.health)*25), 0);
  const info = document.getElementById('repairAllInfo');
  const btn = document.getElementById('btnRepairAll');
  if(damaged.length===0){
    info.textContent = 'Alle Satelliten sind in Topzustand.';
    btn.disabled = true; btn.textContent = 'Alle reparieren';
  } else {
    info.textContent = `${damaged.length} Satellit(en) beschädigt.`;
    btn.disabled = state.money < totalCost;
    btn.textContent = `Alle reparieren (${fmtMoney(totalCost)})`;
  }
  const ds = droneState(orbitViewLocation);
  const droneLocSuffix = orbitViewLocation==='earth' ? '' : ` · ${orbitLocationName(orbitViewLocation)}`;
  document.getElementById('droneLocLabel').textContent = droneLocSuffix ? `Standort:${droneLocSuffix}` : '';
  document.getElementById('droneCount').textContent = ds.drones;
  document.getElementById('droneCapacity').textContent = `${ds.charges} Reparaturen übrig`;
  // NEU (TODO-RAUMSTATION): Wartungsmodul-Rabatt/Kapazitätsbonus nur im Erdorbit, siehe
  // buyRepairDrone().
  const atStation = orbitViewLocation==='earth' && !!state.station;
  const droneCost = atStation ? Math.round(REPAIR_DRONE_COST * stationRepairCostMult()) : REPAIR_DRONE_COST;
  const capNote = atStation && stationRepairCapacityBonus()>0 ? ` · ${REPAIR_DRONE_CAPACITY + stationRepairCapacityBonus()} Reparaturen/Drohne` : '';
  const b1 = document.getElementById('btnBuyDrone1');
  const b10 = document.getElementById('btnBuyDrone10');
  b1.textContent = `+1 Drohne (${fmtMoney(droneCost)})${capNote}`;
  b1.disabled = state.money < droneCost;
  b10.textContent = `+10 Drohnen (${fmtMoney(droneCost*10)})${capNote}`;
  b10.disabled = state.money < droneCost*10;
}

/* ============================== STATISTIKEN (NEU, TODO-STATISTIKEN) ============================== */
// NEU (TODO-STATISTIKEN-LIVE): reine UI-Auswahl, bewusst NICHT in state (kein Spielzustand,
// muss nicht gespeichert werden) — analog activeCreatorModCat. 'live' = Echtzeit-Verlauf aus
// liveMoneyHistory, '7'/'30' = gefilterter Tagesverlauf aus moneyHistory, 'all' = kompletter
// Tagesverlauf.
let statsChartMode = 'live';
const STATS_CHART_MODES = [
  { id:'live', label:'Echtzeit' },
  { id:'7', label:'7 Tage' },
  { id:'30', label:'30 Tage' },
  { id:'all', label:'Gesamt' },
];

function selectStatsChartMode(mode){
  if(mode===statsChartMode) return;
  statsChartMode = mode;
  Sound.click();
  renderStatsChartModeRow();
  drawMoneyChart();
}

function renderStatsChartModeRow(){
  const row = document.getElementById('statsChartModeRow');
  if(!row) return;
  row.innerHTML = STATS_CHART_MODES.map(m=>`<div class="subtab ${m.id===statsChartMode?'active':''}" data-chartmode="${m.id}">${m.label}</div>`).join('');
  row.querySelectorAll('[data-chartmode]').forEach(el=>{
    el.addEventListener('click', ()=>selectStatsChartMode(el.dataset.chartmode));
  });
}

// NEU (TODO-STATISTIKEN-LIVE): läuft bei JEDEM renderStats()-Aufruf mit, also praktisch nach
// jeder Spielaktion (renderAll() wird von so gut wie jeder geldrelevanten Funktion aufgerufen) —
// nicht nur einmal pro Tag wie moneyHistory. Throttle über Zeit UND "hat sich der Kontostand
// überhaupt geändert", damit im Leerlauf (Pause, gleicher Kontostand) keine sinnlosen Punkte mit
// identischem Wert den Speicher füllen, ein tatsächlicher Kauf/Erlös aber sofort sichtbar wird.
function recordLiveMoneySample(){
  const hist = state.stats.liveMoneyHistory;
  const now = Date.now();
  const last = hist[hist.length-1];
  if(last && last.money === state.money && now - last.t < 1500) return;
  hist.push({ t: now, money: state.money });
  if(hist.length > 300) hist.shift();
}

// NEU (TODO-ACHIEVEMENTS): Erfolge/Meilensteine, aufbauend auf den seit fix31 vorhandenen
// Lifetime-Zählern in state.stats sowie bestehenden Bestandslisten (state.orbitSats,
// state.colonies, state.exploredTargets usw.). check(s) bekommt den kompletten state übergeben
// und liefert true/false. Bei neuen Erfolgen: einfach unten anhängen, keine Migration nötig
// (Freischaltung läuft rein über checkAchievements() zur Laufzeit, nicht über gespeicherte
// Zielwerte).
// NEU (TODO-ACHIEVEMENT-REWARDS, Punkt 8 der IDEENLISTE): jeder Erfolg hat jetzt einen
// Geld-Belohnungswert (reward). Die Belohnung wird NICHT automatisch beim Freischalten
// gutgeschrieben, sondern muss im Erfolge-Tab manuell per Klick auf die freigeschaltete,
// noch nicht abgeholte Karte eingesammelt werden (claimAchievement()) — daher trägt jeder
// Eintrag in state.achievementsUnlocked jetzt zusätzlich ein claimed-Flag. Altspielstände
// haben dieses Feld noch nicht gesetzt; da undefined dort genauso falsy ist wie false, gelten
// alle VOR diesem Update bereits freigeschalteten Erfolge beim nächsten Laden automatisch als
// noch nicht abgeholt — kein Migrationscode nötig, der Spieler kann die verpassten Belohnungen
// einfach nachträglich im Tab abholen.
const ACHIEVEMENTS = [
  // --- Flotte & Starts ---
  // Gruppe "launches": Raketenstarts insgesamt (5 Stufen)
  { id:'firstLaunch', category:'Flotte & Starts', icon:'🚀', name:'Erster Start', desc:'Die erste Rakete gezündet.', reward:500, group:'launches', tier:1, check:s=>s.stats.launchesTotal>=1 },
  { id:'provenPilot', category:'Flotte & Starts', icon:'🛰️', name:'Bewährter Pilot', desc:'10 erfolgreiche Starts.', reward:2500, group:'launches', tier:2, check:s=>s.stats.launchesSuccess>=10 },
  { id:'frequentFlyer', category:'Flotte & Starts', icon:'🔁', name:'Vielflieger', desc:'50 Raketenstarts insgesamt.', reward:11000, group:'launches', tier:3, check:s=>s.stats.launchesTotal>=50 },
  { id:'launchCentury', category:'Flotte & Starts', icon:'🎯', name:'Start-Jahrhundert', desc:'200 Raketenstarts insgesamt.', reward:30000, group:'launches', tier:4, check:s=>s.stats.launchesTotal>=200 },
  { id:'launchLegend', category:'Flotte & Starts', icon:'🌠', name:'Startlegende', desc:'1000 Raketenstarts insgesamt.', reward:100000, group:'launches', tier:5, check:s=>s.stats.launchesTotal>=1000 },
  { id:'launchDynasty', category:'Flotte & Starts', icon:'🚀', name:'Raumfahrt-Dynastie', desc:'5000 Raketenstarts insgesamt.', reward:300000, group:'launches', tier:6, check:s=>s.stats.launchesTotal>=5000 },
  { id:'eternalLaunchStream', category:'Flotte & Starts', icon:'🌌', name:'Ewiger Raketenstrom', desc:'25000 Raketenstarts insgesamt.', reward:900000, group:'launches', tier:7, check:s=>s.stats.launchesTotal>=25000 },
  { id:'millenniumFleet', category:'Flotte & Starts', icon:'👑', name:'Jahrtausend-Flotte', desc:'100000 Raketenstarts insgesamt.', reward:2500000, group:'launches', tier:8, check:s=>s.stats.launchesTotal>=100000 },
  // Gruppe "fleetSize": Satelliten/Sonden gleichzeitig im Orbit (3 Stufen)
  { id:'fleetAdmiral', category:'Flotte & Starts', icon:'🌌', name:'Flottenadmiral', desc:'20 Satelliten/Sonden gleichzeitig im Orbit.', reward:20000, group:'fleetSize', tier:1, check:s=>s.orbitSats.length>=20 },
  { id:'fleetArmada', category:'Flotte & Starts', icon:'🛡️', name:'Armada', desc:'50 Satelliten/Sonden gleichzeitig im Orbit.', reward:55000, group:'fleetSize', tier:2, check:s=>s.orbitSats.length>=50 },
  { id:'fleetDominion', category:'Flotte & Starts', icon:'👑', name:'Orbitale Vorherrschaft', desc:'100 Satelliten/Sonden gleichzeitig im Orbit.', reward:130000, group:'fleetSize', tier:3, check:s=>s.orbitSats.length>=100 },
  { id:'orbitalMegastructure', category:'Flotte & Starts', icon:'🛰️', name:'Orbitale Megastruktur', desc:'250 Satelliten/Sonden gleichzeitig im Orbit.', reward:350000, group:'fleetSize', tier:4, check:s=>s.orbitSats.length>=250 },
  { id:'swarmEmpire', category:'Flotte & Starts', icon:'🐝', name:'Schwarm-Imperium', desc:'500 Satelliten/Sonden gleichzeitig im Orbit.', reward:800000, group:'fleetSize', tier:5, check:s=>s.orbitSats.length>=500 },
  { id:'dysonPrelude', category:'Flotte & Starts', icon:'☀️', name:'Dyson-Vorstufe', desc:'1000 Satelliten/Sonden gleichzeitig im Orbit.', reward:2000000, group:'fleetSize', tier:6, check:s=>s.orbitSats.length>=1000 },
  // --- Fertigung ---
  // Gruppe "satBuilt": Satelliten gebaut (4 Stufen)
  { id:'manufacturer', category:'Fertigung', icon:'🏭', name:'Fabrikant', desc:'10 Satelliten gebaut.', reward:2000, group:'satBuilt', tier:1, check:s=>s.stats.satellitesBuilt>=10 },
  { id:'massProduction', category:'Fertigung', icon:'📦', name:'Massenproduktion', desc:'50 Satelliten gebaut.', reward:16000, group:'satBuilt', tier:2, check:s=>s.stats.satellitesBuilt>=50 },
  { id:'satFactory', category:'Fertigung', icon:'🏗️', name:'Fließbandfertigung', desc:'250 Satelliten gebaut.', reward:50000, group:'satBuilt', tier:3, check:s=>s.stats.satellitesBuilt>=250 },
  { id:'satEmpire', category:'Fertigung', icon:'🏛️', name:'Satelliten-Imperium', desc:'1000 Satelliten gebaut.', reward:140000, group:'satBuilt', tier:4, check:s=>s.stats.satellitesBuilt>=1000 },
  { id:'satDynasty', category:'Fertigung', icon:'🏭', name:'Fertigungs-Dynastie', desc:'5000 Satelliten gebaut.', reward:400000, group:'satBuilt', tier:5, check:s=>s.stats.satellitesBuilt>=5000 },
  { id:'satMultitude', category:'Fertigung', icon:'📡', name:'Unzählbare Flotte', desc:'25000 Satelliten gebaut.', reward:1200000, group:'satBuilt', tier:6, check:s=>s.stats.satellitesBuilt>=25000 },
  { id:'satEternal', category:'Fertigung', icon:'♾️', name:'Endlose Produktion', desc:'100000 Satelliten gebaut.', reward:3500000, group:'satBuilt', tier:7, check:s=>s.stats.satellitesBuilt>=100000 },
  // Gruppe "modules": Einzelmodule gefertigt (3 Stufen)
  { id:'moduleMaster', category:'Fertigung', icon:'🔧', name:'Modul-Meister', desc:'50 Einzelmodule gefertigt.', reward:6000, group:'modules', tier:1, check:s=>s.stats.modulesBuilt>=50 },
  { id:'moduleVeteran', category:'Fertigung', icon:'🛠️', name:'Modul-Veteran', desc:'250 Einzelmodule gefertigt.', reward:22000, group:'modules', tier:2, check:s=>s.stats.modulesBuilt>=250 },
  { id:'moduleLegend', category:'Fertigung', icon:'⚙️', name:'Modul-Legende', desc:'1000 Einzelmodule gefertigt.', reward:70000, group:'modules', tier:3, check:s=>s.stats.modulesBuilt>=1000 },
  { id:'moduleDynasty', category:'Fertigung', icon:'🔩', name:'Modul-Dynastie', desc:'5000 Einzelmodule gefertigt.', reward:250000, group:'modules', tier:4, check:s=>s.stats.modulesBuilt>=5000 },
  { id:'moduleInfinite', category:'Fertigung', icon:'♾️', name:'Unendliche Fertigung', desc:'25000 Einzelmodule gefertigt.', reward:800000, group:'modules', tier:5, check:s=>s.stats.modulesBuilt>=25000 },
  { id:'shipyardEngineer', category:'Fertigung', icon:'⚓', name:'Werft-Ingenieur', desc:'5 Schiffe in der Orbitalwerft montiert.', reward:20000, check:s=>s.stats.shipsAssembled>=5 },
  { id:'stationFounded', category:'Fertigung', icon:'🛸', name:'Außenposten im Orbit', desc:'Die erste Raumstation im Erdorbit montiert.', reward:25000, check:s=>!!s.station },
  { id:'stationMaxed', category:'Fertigung', icon:'🏙️', name:'Vollausbau', desc:'Raumstation: Wohnmodul, Wartungsmodul und Andockmodul jeweils auf Stufe 3 oder höher.', reward:70000, check:s=>!!s.station && (s.station.buildings.wohnmodul||0)>=3 && (s.station.buildings.wartung||0)>=3 && (s.station.buildings.andock||0)>=3 },
  // --- Wirtschaft ---
  // Gruppe "income": Gesamteinnahmen (3 Stufen)
  { id:'firstMillion', category:'Wirtschaft', icon:'💰', name:'Erste Million', desc:'1.000.000 € Gesamteinnahmen.', reward:25000, group:'income', tier:1, check:s=>s.stats.lifetimeIncome>=1000000 },
  { id:'tycoon', category:'Wirtschaft', icon:'💎', name:'Großunternehmer', desc:'10.000.000 € Gesamteinnahmen.', reward:180000, group:'income', tier:2, check:s=>s.stats.lifetimeIncome>=10000000 },
  { id:'megaCorp', category:'Wirtschaft', icon:'🏦', name:'Megakonzern', desc:'100.000.000 € Gesamteinnahmen.', reward:520000, group:'income', tier:3, check:s=>s.stats.lifetimeIncome>=100000000 },
  { id:'billionaire', category:'Wirtschaft', icon:'🤑', name:'Milliardär', desc:'1.000.000.000 € (1 Milliarde) Gesamteinnahmen.', reward:1200000, group:'income', tier:4, check:s=>s.stats.lifetimeIncome>=1000000000 },
  { id:'econEmpire', category:'Wirtschaft', icon:'🌐', name:'Wirtschaftsimperium', desc:'10.000.000.000 € (10 Milliarden) Gesamteinnahmen.', reward:2800000, group:'income', tier:5, check:s=>s.stats.lifetimeIncome>=10000000000 },
  { id:'galacticConglomerate', category:'Wirtschaft', icon:'🪐', name:'Galaktischer Konzern', desc:'100.000.000.000 € (100 Milliarden) Gesamteinnahmen.', reward:6000000, group:'income', tier:6, check:s=>s.stats.lifetimeIncome>=100000000000 },
  { id:'trillionCorp', category:'Wirtschaft', icon:'♾️', name:'Billionenkonzern', desc:'1.000.000.000.000 € (1 Billion) Gesamteinnahmen.', reward:15000000, group:'income', tier:7, check:s=>s.stats.lifetimeIncome>=1000000000000 },
  // Gruppe "contracts": Aufträge abgeschlossen (3 Stufen)
  { id:'contractor', category:'Wirtschaft', icon:'📋', name:'Auftragnehmer', desc:'10 Aufträge abgeschlossen.', reward:5000, group:'contracts', tier:1, check:s=>s.stats.contractsCompleted>=10 },
  { id:'contractorYear', category:'Wirtschaft', icon:'🏆', name:'Vertragspartner des Jahres', desc:'100 Aufträge abgeschlossen.', reward:70000, group:'contracts', tier:2, check:s=>s.stats.contractsCompleted>=100 },
  { id:'contractLegend', category:'Wirtschaft', icon:'🥇', name:'Vertragslegende', desc:'500 Aufträge abgeschlossen.', reward:260000, group:'contracts', tier:3, check:s=>s.stats.contractsCompleted>=500 },
  { id:'contractDynasty', category:'Wirtschaft', icon:'🤝', name:'Vertrags-Dynastie', desc:'2500 Aufträge abgeschlossen.', reward:900000, group:'contracts', tier:4, check:s=>s.stats.contractsCompleted>=2500 },
  { id:'contractEternal', category:'Wirtschaft', icon:'📜', name:'Ewiger Vertragspartner', desc:'10000 Aufträge abgeschlossen.', reward:3000000, group:'contracts', tier:5, check:s=>s.stats.contractsCompleted>=10000 },
  // Gruppe "networks": eigene Unterfirmen (Satelliten-Netzwerke) (2 Stufen)
  { id:'ownNetworkFounded', category:'Wirtschaft', icon:'📡', name:'Unternehmer', desc:'Die erste eigene Unterfirma (Satelliten-Netzwerk) gegründet.', reward:10000, group:'networks', tier:1, check:s=>s.ownNetworks.length>=1 },
  { id:'ownNetworkMaxed', category:'Wirtschaft', icon:'🏢', name:'Firmenimperium', desc:'Alle 5 möglichen Unterfirmen gleichzeitig aktiv.', reward:100000, group:'networks', tier:2, check:s=>s.ownNetworks.length>=5 },
  // --- Forschung ---
  // Gruppe "research": Technologien erforscht (3 Stufen, letzte = kompletter Baum)
  { id:'researcher', category:'Forschung', icon:'🔬', name:'Forschergeist', desc:'10 Technologien erforscht.', reward:8000, group:'research', tier:1, check:s=>s.purchasedResearch.length>=10 },
  { id:'seniorResearcher', category:'Forschung', icon:'🧪', name:'Leitende Forschung', desc:'30 Technologien erforscht.', reward:45000, group:'research', tier:2, check:s=>s.purchasedResearch.length>=30 },
  { id:'allResearched', category:'Forschung', icon:'🧠', name:'Alles erforscht', desc:'Den kompletten Forschungsbaum abgeschlossen.', reward:380000, group:'research', tier:3, check:s=>s.purchasedResearch.length>=RESEARCH.length },
  { id:'scienceNation', category:'Forschung', icon:'⚗️', name:'Wissenschaftsnation', desc:'50.000.000 Forschungspunkte insgesamt gesammelt (Lifetime, unabhängig vom aktuellen Bestand) — gut ein Drittel der Gesamtkosten des kompletten Forschungsbaums.', reward:190000, check:s=>s.stats.sciencePointsLifetime>=50000000 },
  // --- Terraforming ---
  // Gruppe "terraform": Mars-Terraforming-Fortschritt (2 Stufen)
  { id:'terraformStarted', category:'Terraforming', icon:'🌋', name:'Erste Emissionen', desc:'Terraforming-Programm gestartet — Mars erreicht die Terraforming-Stufe „Atmosphärenverdichtung".', reward:20000, group:'terraform', tier:1, check:s=>terraformStageIndex('mars')>=1 },
  { id:'terraformComplete', category:'Terraforming', icon:'🌍', name:'Neue Welt', desc:'Mars erreicht die letzte Terraforming-Stufe „Bewohnbar".', reward:100000, group:'terraform', tier:2, check:s=>terraformStageIndex('mars')>=TERRAFORM_STAGES.length-1 },
  // --- Interstellar & Intergalaktisch ---
  // Gruppe "frontier": Fortschritt der Erkundungsreichweite (4 Stufen)
  { id:'firstStarSystem', category:'Interstellar & Intergalaktisch', icon:'✨', name:'Erstes Sternensystem', desc:'Das erste Ziel außerhalb des Sonnensystems erreicht.', reward:45000, group:'frontier', tier:1, check:s=>DEEP_SPACE_KEYS.some(k=>DEEP_SPACE[k].interstellar && s.exploredTargets.includes(k)) },
  { id:'exoplanetColony', category:'Interstellar & Intergalaktisch', icon:'🪐', name:'Grenzgänger', desc:'Die erste Kolonie auf einem Exoplaneten gegründet.', reward:75000, group:'frontier', tier:2, check:s=>s.colonies.some(c=>DEEP_SPACE[c.destKey] && DEEP_SPACE[c.destKey].interstellar) },
  { id:'firstGalaxy', category:'Interstellar & Intergalaktisch', icon:'🌀', name:'Galaktischer Pionier', desc:'Das erste Ziel jenseits der Milchstraße erreicht.', reward:110000, group:'frontier', tier:3, check:s=>DEEP_SPACE_KEYS.some(k=>DEEP_SPACE[k].intergalactic && s.exploredTargets.includes(k)) },
  { id:'edgeOfKnown', category:'Interstellar & Intergalaktisch', icon:'🔭', name:'Am Rand des Sichtbaren', desc:'NGC 1365 kartiert — die am weitesten entfernte bekannte Forschung abgeschlossen.', reward:300000, group:'frontier', tier:4, check:s=>s.purchasedResearch.includes('ngc1365Kartierung') },
  // --- Erkundung ---
  { id:'firstContact', category:'Erkundung', icon:'👽', name:'Erstkontakt', desc:'Die erste außerirdische Zivilisation entdeckt.', reward:18000, check:s=>s.firstContacts.length>=1 },
  // Gruppe "colonies": Kolonien gegründet (3 Stufen)
  { id:'colonizer', category:'Erkundung', icon:'🏳️', name:'Kolonialherr', desc:'Die erste Kolonie gegründet.', reward:20000, group:'colonies', tier:1, check:s=>s.colonies.length>=1 },
  { id:'expansion', category:'Erkundung', icon:'🌍', name:'Expansion', desc:'5 Kolonien gegründet.', reward:90000, group:'colonies', tier:2, check:s=>s.colonies.length>=5 },
  { id:'empireOfWorlds', category:'Erkundung', icon:'🌐', name:'Imperium der Welten', desc:'10 Kolonien gegründet.', reward:210000, group:'colonies', tier:3, check:s=>s.colonies.length>=10 },
  { id:'interstellarDominion', category:'Erkundung', icon:'🪐', name:'Interstellare Vorherrschaft', desc:'25 Kolonien gegründet.', reward:600000, group:'colonies', tier:4, check:s=>s.colonies.length>=25 },
  { id:'colonialSuperpower', category:'Erkundung', icon:'👑', name:'Kolonial-Supermacht', desc:'50 Kolonien gegründet.', reward:1500000, group:'colonies', tier:5, check:s=>s.colonies.length>=50 },
  { id:'boomtown', category:'Erkundung', icon:'🏘️', name:'Boomtown', desc:'Eine Kolonie mit mindestens 500 Einwohnern.', reward:30000, check:s=>s.colonies.some(c=>c.population>=500) },
  { id:'industrialColony', category:'Erkundung', icon:'🏗️', name:'Industriekolonie', desc:'3 Fabrik-Ausbaustufen auf einer einzigen Kolonie.', reward:35000, check:s=>s.colonies.some(c=>(c.buildings.fabrik||0)>=3) },
  // Gruppe "targets": verschiedene Ziele erreicht (3 Stufen)
  { id:'spacefarer', category:'Erkundung', icon:'🪐', name:'Weltraumfahrer', desc:'10 verschiedene Ziele erreicht.', reward:26000, group:'targets', tier:1, check:s=>s.exploredTargets.length>=10 },
  { id:'starCharter', category:'Erkundung', icon:'🗺️', name:'Sternenkartograph', desc:'30 verschiedene Ziele erreicht.', reward:75000, group:'targets', tier:2, check:s=>s.exploredTargets.length>=30 },
  { id:'cartographer', category:'Erkundung', icon:'📡', name:'Kartograph des Alls', desc:'Alle bekannten Ziele erreicht.', reward:220000, group:'targets', tier:3, check:s=>s.exploredTargets.length>=DEEP_SPACE_KEYS.length },
  { id:'crewedMission', category:'Erkundung', icon:'👨‍🚀', name:'Bemannte Mission', desc:'Die erste bemannte Landung geglückt.', reward:28000, check:s=>s.crewedLandings.length>=1 },
  { id:'outerPost', category:'Erkundung', icon:'☄️', name:'Asteroidengürtel-Pionier', desc:'Eine Kolonie auf Ceres oder Titan gegründet.', reward:38000, check:s=>s.colonies.some(c=>c.destKey==='ceres'||c.destKey==='titanMond') },
  { id:'fullColonization', category:'Erkundung', icon:'🌐', name:'Vollständige Kolonisierung', desc:'Gleichzeitig Kolonien auf Mond, Mars sowie Ceres oder Titan.', reward:65000, check:s=>s.colonies.some(c=>c.destKey==='mond') && s.colonies.some(c=>c.destKey==='mars') && s.colonies.some(c=>c.destKey==='ceres'||c.destKey==='titanMond') },
  // --- Sonstiges ---
  // Gruppe "lost": Satelliten durch Weltraumschrott verloren (2 Stufen)
  { id:'perseverance', category:'Sonstiges', icon:'🔥', name:'Durchhaltevermögen', desc:'10 Satelliten durch Weltraumschrott verloren — und trotzdem weitergemacht.', reward:5000, group:'lost', tier:1, check:s=>s.stats.satellitesLost>=10 },
  { id:'ironWill', category:'Sonstiges', icon:'🪨', name:'Eiserner Wille', desc:'50 Satelliten durch Weltraumschrott verloren — und immer noch dabei.', reward:22000, group:'lost', tier:2, check:s=>s.stats.satellitesLost>=50 },
  { id:'scrapMagnet', category:'Sonstiges', icon:'☄️', name:'Schrott-Magnet', desc:'250 Satelliten durch Weltraumschrott verloren — Pech im großen Stil.', reward:80000, group:'lost', tier:3, check:s=>s.stats.satellitesLost>=250 },
  { id:'unbreakableResolve', category:'Sonstiges', icon:'💀', name:'Unzerbrechlicher Wille', desc:'1000 Satelliten durch Weltraumschrott verloren — und trotzdem immer weiter.', reward:250000, group:'lost', tier:4, check:s=>s.stats.satellitesLost>=1000 },
  // Gruppe "veteran": Tage im Geschäft (2 Stufen)
  { id:'veteran', category:'Sonstiges', icon:'📅', name:'Alter Hase', desc:'Firma seit 365 Tagen (1 Jahr) im Geschäft.', reward:12000, group:'veteran', tier:1, check:s=>s.day>=365 },
  { id:'established', category:'Sonstiges', icon:'🏢', name:'Etabliertes Unternehmen', desc:'Firma seit 1825 Tagen (5 Jahren) im Geschäft.', reward:45000, group:'veteran', tier:2, check:s=>s.day>=1825 },
  { id:'decade', category:'Sonstiges', icon:'🕰️', name:'Jahrzehnt im All', desc:'Firma seit 3650 Tagen (10 Jahren) im Geschäft.', reward:100000, group:'veteran', tier:3, check:s=>s.day>=3650 },
  { id:'quarterCentury', category:'Sonstiges', icon:'📜', name:'Viertel-Jahrhundert', desc:'Firma seit 9125 Tagen (25 Jahren) im Geschäft.', reward:180000, group:'veteran', tier:4, check:s=>s.day>=9125 },
  { id:'halfCentury', category:'Sonstiges', icon:'⏳', name:'Halbes Jahrhundert', desc:'Firma seit 18250 Tagen (50 Jahren) im Geschäft.', reward:280000, group:'veteran', tier:5, check:s=>s.day>=18250 },
  { id:'centuryCorp', category:'Sonstiges', icon:'🏛️', name:'Jahrhundertunternehmen', desc:'Firma seit 36500 Tagen (100 Jahren) im Geschäft.', reward:420000, group:'veteran', tier:6, check:s=>s.day>=36500 },
  { id:'ancientEmpire', category:'Sonstiges', icon:'🗿', name:'Uraltes Imperium', desc:'Firma seit 91250 Tagen (250 Jahren) im Geschäft.', reward:650000, group:'veteran', tier:7, check:s=>s.day>=91250 },
  { id:'halfMillennium', category:'Sonstiges', icon:'⚜️', name:'Halbes Jahrtausend', desc:'Firma seit 182500 Tagen (500 Jahren) im Geschäft.', reward:900000, group:'veteran', tier:8, check:s=>s.day>=182500 },
  { id:'millenniumCorp', category:'Sonstiges', icon:'♾️', name:'Jahrtausendkonzern', desc:'Firma seit 365000 Tagen (1000 Jahren) im Geschäft.', reward:1300000, group:'veteran', tier:9, check:s=>s.day>=365000 },
];
// silent=true unterdrückt Toast + Sound (für den einmaligen Nachtrag beim Laden eines
// Spielstands, siehe beginCommonGameLoop() — verhindert eine Toast-Flut für längst erreichte
// Meilensteine). Läuft ansonsten bei jedem renderAll()/renderStats()-Aufruf mit, ist bei ~20
// simplen check()-Aufrufen vernachlässigbar günstig. Schaltet NUR frei (pusht den Eintrag mit
// claimed:false) — die Geldgutschrift passiert erst separat über claimAchievement().
function checkAchievements(silent){
  ACHIEVEMENTS.forEach(a=>{
    if(state.achievementsUnlocked.some(u=>u.id===a.id)) return;
    if(!a.check(state)) return;
    state.achievementsUnlocked.push({ id:a.id, day: state.day, claimed:false });
    if(!silent){
      toast(`Erfolg freigeschaltet: ${a.icon} ${a.name} — Belohnung im Erfolge-Tab abholen!`, 'good');
      Sound.contractDone();
    }
  });
}
// NEU (TODO-ACHIEVEMENT-REWARDS): Belohnung eines bereits freigeschalteten, aber noch nicht
// abgeholten Erfolgs einsammeln (Klick auf die Karte im Erfolge-Tab, siehe renderAchievements()).
function claimAchievement(id){
  const entry = state.achievementsUnlocked.find(u=>u.id===id);
  if(!entry || entry.claimed) return;
  const a = ACHIEVEMENTS.find(a=>a.id===id);
  if(!a) return;
  entry.claimed = true;
  state.money += a.reward;
  toast(`Belohnung abgeholt: +${fmtMoney(a.reward)} (${a.icon} ${a.name})`, 'good');
  Sound.contractDone();
  renderAll();
}
// NEU (TODO-ACHIEVEMENT-REWARDS): steuert das Blinken des Erfolge-Tabs (Klasse has-reward, siehe
// CSS @keyframes tabBlink) sowie ein kleines Zähler-Badge (wiederverwendet die bisher ungenutzte
// .tab .badge-Klasse) — beides bleibt aktiv, bis ALLE offenen Belohnungen abgeholt wurden, nicht
// nur bis der Tab einmal besucht wurde (reiner Besuch ohne Abholen soll das Blinken nicht stoppen).
function updateAchievementsTabIndicator(){
  const tab = document.querySelector('.tab[data-view="achievements"]');
  if(!tab) return;
  const unclaimedCount = state.achievementsUnlocked.filter(u=>!u.claimed).length;
  tab.classList.toggle('has-reward', unclaimedCount>0);
  let badge = tab.querySelector('.badge');
  if(unclaimedCount>0){
    if(!badge){ badge = document.createElement('span'); badge.className='badge'; tab.appendChild(badge); }
    badge.textContent = unclaimedCount;
  } else if(badge){
    badge.remove();
  }
}
// NEU (TODO-ERFOLGE-STUFEN, Nutzer-Wunsch: "mehr Errungenschaften, gestuft (Stufe 1/2/3...),
// aber auf einem Raster/Button zusammengefasst statt unübersichtlich einzeln"): Achievements mit
// gemeinsamem `group`-Feld (siehe ACHIEVEMENTS oben, z.B. 'launches', 'satBuilt', 'research' ...)
// werden hier zu EINER kompakten <details>-Karte zusammengefasst (Stufen-Punkte + aufklappbare
// Liste per Klick/Tap auf die Kopfzeile, kein extra JS für Auf-/Zuklappen nötig). Achievements
// ohne `group` (z.B. stationFounded, firstContact) bleiben einzelne Karten wie bisher.
const ACH_GROUP_LABELS = {
  launches: 'Raketenstarts', fleetSize: 'Flotte gleichzeitig im Orbit', satBuilt: 'Satelliten gebaut',
  modules: 'Module gefertigt', income: 'Gesamteinnahmen', contracts: 'Aufträge abgeschlossen',
  networks: 'Unterfirmen-Netzwerke', research: 'Forschung', terraform: 'Mars-Terraforming',
  frontier: 'Erkundungsreichweite', colonies: 'Kolonien gegründet', targets: 'Verschiedene Ziele erreicht',
  lost: 'Satelliten verloren', veteran: 'Firmenalter',
};
function renderAchievements(){
  const wrap = document.getElementById('achievementsList');
  if(!wrap) return;
  const countEl = document.getElementById('achievementsCount');
  if(countEl) countEl.textContent = `${state.achievementsUnlocked.length} / ${ACHIEVEMENTS.length}`;
  function singleItemHtml(a){
    const unlockedEntry = state.achievementsUnlocked.find(u=>u.id===a.id);
    const unclaimed = !!(unlockedEntry && !unlockedEntry.claimed);
    return `
      <div class="ach-item${unlockedEntry?' unlocked':''}${unclaimed?' claimable':''}" ${unclaimed?`data-claim="${a.id}"`:''} style="display:flex; gap:10px; align-items:center; padding:8px 10px; border:1px solid ${unclaimed?'var(--accent)':'var(--border)'}; border-radius:var(--radius); ${unlockedEntry?'':'opacity:.45;'} ${unclaimed?'cursor:pointer; background:rgba(255,176,46,.08); animation:pulseGlow 1.6s infinite;':''}">
        <div style="font-size:20px; line-height:1;">${unlockedEntry?a.icon:'🔒'}</div>
        <div style="flex:1;">
          <div style="font-size:11.5px; font-weight:600;">${a.name}</div>
          <div style="font-size:10.5px; color:var(--muted); margin-top:2px;">${a.desc}</div>
          ${unclaimed?`<div style="font-size:10.5px; color:var(--accent); margin-top:3px; font-weight:700;">🎁 ${fmtMoney(a.reward)} — jetzt abholen</div>`:''}
        </div>
        ${unlockedEntry && unlockedEntry.claimed?`<div class="small-muted" style="white-space:nowrap;">Tag ${unlockedEntry.day}</div>`:''}
      </div>`;
  }
  function groupCardHtml(groupKey, tiers){
    tiers = tiers.slice().sort((a,b)=>a.tier-b.tier);
    const statusOf = a=>state.achievementsUnlocked.find(u=>u.id===a.id);
    const unlockedTiers = tiers.filter(a=>statusOf(a));
    const unclaimedTiers = tiers.filter(a=>{ const u=statusOf(a); return u && !u.claimed; });
    const current = unlockedTiers.length ? unlockedTiers[unlockedTiers.length-1] : tiers[0];
    const dots = tiers.map(a=>{
      const u = statusOf(a);
      const unclaimed = !!(u && !u.claimed);
      const color = unclaimed ? 'var(--accent)' : (u ? 'var(--good, #4caf7d)' : 'var(--border)');
      return `<span title="Stufe ${a.tier}: ${a.name} — ${a.desc}" style="display:inline-block; width:9px; height:9px; border-radius:50%; background:${color}; ${unclaimed?'animation:pulseGlow 1.6s infinite;':''}"></span>`;
    }).join('');
    const rows = tiers.map(a=>singleItemHtml(a)).join('');
    return `
      <details class="ach-group-card" ${unclaimedTiers.length?'open':''} style="border:1px solid ${unclaimedTiers.length?'var(--accent)':'var(--border)'}; border-radius:var(--radius); ${unclaimedTiers.length?'background:rgba(255,176,46,.06);':''}">
        <summary style="list-style:none; cursor:pointer; display:flex; gap:10px; align-items:center; padding:8px 10px;">
          <div style="font-size:20px; line-height:1;">${unlockedTiers.length?current.icon:'🔒'}</div>
          <div style="flex:1;">
            <div style="font-size:11.5px; font-weight:600;">${ACH_GROUP_LABELS[groupKey]||groupKey} <span class="small-muted" style="font-weight:400;">Stufe ${unlockedTiers.length}/${tiers.length}</span></div>
            <div style="font-size:10.5px; color:var(--muted); margin-top:2px;">${unlockedTiers.length<tiers.length? 'Nächste Stufe: '+tiers[unlockedTiers.length].desc : 'Alle Stufen erreicht.'}</div>
            <div style="display:flex; gap:4px; margin-top:5px;">${dots}</div>
          </div>
          ${unclaimedTiers.length?`<div class="small-muted" style="white-space:nowrap; color:var(--accent); font-weight:700;">🎁 ${unclaimedTiers.length}×</div>`:''}
        </summary>
        <div style="display:flex; flex-direction:column; gap:6px; padding:0 10px 10px 10px;">${rows}</div>
      </details>`;
  }
  const byCat = {};
  ACHIEVEMENTS.forEach(a=>{ (byCat[a.category] = byCat[a.category] || []).push(a); });
  wrap.innerHTML = Object.keys(byCat).map(cat=>{
    const items = byCat[cat];
    const seenGroups = new Set();
    const cards = [];
    items.forEach(a=>{
      if(a.group){
        if(seenGroups.has(a.group)) return;
        seenGroups.add(a.group);
        const tiers = items.filter(x=>x.group===a.group);
        cards.push(groupCardHtml(a.group, tiers));
      } else {
        cards.push(singleItemHtml(a));
      }
    });
    return `
      <div style="margin-bottom:16px;">
        <h3 style="margin-bottom:8px;">${cat}</h3>
        <div style="display:flex; flex-direction:column; gap:6px;">${cards.join('')}</div>
      </div>`;
  }).join('');
  wrap.querySelectorAll('[data-claim]').forEach(el=>{
    el.addEventListener('click', (ev)=>{ ev.preventDefault(); claimAchievement(el.dataset.claim); });
  });
  updateAchievementsTabIndicator();
}

// NEU (TODO-LOGBUCH, Nutzer-Wunsch: "Lore/Story reinbauen... als eigener Reiter, aber mit echtem
// Datum statt Spieltag"): Firmenlogbuch -- narrative Einträge, die bei denselben Art Meilensteinen
// aufploppen wie Erfolge, aber Story statt Statistik erzählen. Bewusst eine EIGENE Liste statt
// Wiederverwendung von ACHIEVEMENTS: unterschiedlicher Zweck (Fortschritts-Erzählung vs.
// Vollständigkeits-Sammlung), unterschiedliche Struktur (title/hint/text statt name/desc/reward),
// daher keine Kopplung -- ein Erfolg kann verändert werden, ohne das Logbuch zu verschieben und
// umgekehrt. Wiederverwendet aber bewusst dieselben check()-Bedingungen wie die passenden
// ACHIEVEMENTS-Einträge (bereits robust erprobt), keine neuen Tracking-Felder nötig.
// Reihenfolge hier = grobe chronologische Erzähl-Reihenfolge einer typischen Firmengeschichte
// (Gründung -> erster Start -> Mond -> Erstkontakt -> Mars/Terraforming -> Außenposten ->
// interstellar -> intergalaktisch), NICHT die Anzeige-Reihenfolge (die sortiert renderLogbook()
// nach tatsächlichem Freischalt-Tag, da manche Spieler Reihenfolgen abweichend erreichen können,
// z.B. Raumstation vor erstem Kontakt).
const LOGBOOK_ENTRIES = [
  { id:'founding', icon:'🏢', title:'Firmengründung', hint:'Schon geschehen -- der erste Eintrag im Logbuch.',
    text:'Mit der Eintragung ins Firmenregister beginnt die Geschichte von Anchor Systems. Ein Konferenzraum, ein paar Investoren, viele offene Fragen -- und ein Ziel, das größer ist als alles, was diese Firma bisher gebaut hat: hinaus, so weit es geht.',
    check:s=>s.day>=1 },
  { id:'firstLaunch', icon:'🚀', title:'Erster Start', hint:'Wird freigeschaltet mit dem ersten Raketenstart.',
    text:'Countdown, Zündung, Abheben -- die erste Rakete der Firma verlässt die Startrampe. Im Kontrollraum wird nicht gejubelt, sondern geschwiegen, bis die Telemetrie sauberen Orbit meldet. Erst danach bricht der Applaus los.',
    check:s=>s.stats.launchesTotal>=1 },
  { id:'firstMoon', icon:'🌕', title:'Der Mond aus der Nähe', hint:'Wird freigeschaltet, sobald eine Sonde den Mond erreicht.',
    text:'Zum ersten Mal sendet eine eigene Sonde Bilder vom Mond aus nächster Nähe zurück. Nichts Neues für die Menschheit -- aber für diese Firma der erste handfeste Beweis, dass die eigene Technik tatsächlich funktioniert, wenn es darauf ankommt.',
    check:s=>s.exploredTargets && s.exploredTargets.includes('mond') },
  { id:'moonColony', icon:'🏠', title:'Mondbasis', hint:'Wird freigeschaltet mit der ersten Mondkolonie.',
    text:'Die ersten dauerhaften Habitate auf dem Mond nehmen den Betrieb auf. Kein Außenposten mehr, sondern eine echte Adresse: Menschen leben und arbeiten jetzt permanent außerhalb der Erde. Die Firma hat offiziell einen zweiten Standort.',
    check:s=>s.colonies.some(c=>c.destKey==='mond') },
  { id:'firstContact', icon:'👽', title:'Erstkontakt', hint:'Wird freigeschaltet bei der ersten Entdeckung außerirdischen Lebens.',
    text:'Eine Anomalie in den Sensordaten, die sich nicht wegerklären lässt. Nach Tagen der Nachprüfung steht fest: Es ist echt. Die Firma war nicht darauf vorbereitet, die erste zu sein -- und ist es trotzdem.',
    check:s=>s.firstContacts.length>=1 },
  { id:'stationFounded', icon:'🛰️', title:'Außenposten im Orbit', hint:'Wird freigeschaltet mit der ersten Raumstation.',
    text:'Modul für Modul montiert die Werft die erste eigene Raumstation zusammen. Kein Planet, kein Mond -- ein reines Bauwerk der Firma, frei schwebend im Erdorbit. Von hier aus soll künftig alles Weitere seinen Ausgang nehmen.',
    check:s=>!!s.station },
  { id:'terraformStarted', icon:'🌋', title:'Erste Emissionen über dem Mars', hint:'Wird freigeschaltet, sobald das Mars-Terraforming beginnt.',
    text:'Die ersten Anlagen beginnen, die dünne Marsatmosphäre zu verdichten. Es wird Generationen dauern, bis sich das spürbar auswirkt -- aber irgendwo muss angefangen werden, und die Firma hat gerade angefangen.',
    check:s=>terraformStageIndex('mars')>=1 },
  { id:'terraformDone', icon:'🌍', title:'Der rote Planet wird grün', hint:'Wird freigeschaltet, sobald der Mars die letzte Terraforming-Stufe erreicht.',
    text:'Der Marshimmel zeigt zum ersten Mal einen Hauch von Blau statt endlosem Rostrot. Wasser fließt offen an der Oberfläche. Was als ferne Vision begann, ist jetzt eine bewohnbare Welt -- bereit für die erste echte Kolonie.',
    check:s=>terraformStageIndex('mars')>=TERRAFORM_STAGES.length-1 },
  { id:'marsColony', icon:'🔴', title:'Kolonie auf dem Mars', hint:'Wird freigeschaltet mit der ersten Marskolonie.',
    text:'Die ersten Siedler beziehen ihre Habitate unter offenem Marshimmel. Was Generationen von Ingenieuren nur berechnet hatten, ist jetzt bewohnter Alltag: der zweite Planet der Firma, und der erste komplett terraformte.',
    check:s=>s.colonies.some(c=>c.destKey==='mars') },
  { id:'outerColony', icon:'☄️', title:'Vorposten im Asteroidengürtel', hint:'Wird freigeschaltet mit der ersten Kolonie auf Ceres oder Titan.',
    text:'Weit jenseits von Mond und Mars nimmt ein neuer Außenposten den Betrieb auf -- karg, kalt, und trotzdem lebenswichtig für alles, was die Firma als Nächstes plant. Rohstoffe und Erfahrung, die kein anderer Standort liefern kann.',
    check:s=>s.colonies.some(c=>c.destKey==='ceres'||c.destKey==='titanMond') },
  { id:'ownNetwork', icon:'📡', title:'Die erste Unterfirma', hint:'Wird freigeschaltet mit der ersten eigenen Unterfirma.',
    text:'Aus einem Satelliten-Netzwerk wird ein eigenständiges Tochterunternehmen. Die Firma verdient jetzt nicht mehr nur an Aufträgen für andere, sondern an einer Infrastruktur, die ihr selbst gehört.',
    check:s=>s.ownNetworks.length>=1 },
  { id:'firstInterstellar', icon:'✨', title:'Jenseits des Sonnensystems', hint:'Wird freigeschaltet, sobald ein Ziel außerhalb des Sonnensystems erreicht wird.',
    text:'Nach Jahren voller Berechnungen meldet eine Sonde Daten aus einem fremden Sternsystem. Kein Planet mehr, um den die Erde ihre Sonne kreisen sieht -- ein völlig anderer Himmel. Die Firma hat das Sonnensystem verlassen.',
    check:s=>DEEP_SPACE_KEYS.some(k=>DEEP_SPACE[k].interstellar && s.exploredTargets.includes(k)) },
  { id:'exoplanetColony', icon:'🪐', title:'Die erste fremde Welt', hint:'Wird freigeschaltet mit der ersten Kolonie auf einem Exoplaneten.',
    text:'Zum ersten Mal siedeln Menschen unter einer fremden Sonne. Die Reise dorthin war länger als manche Karriere bei der Firma -- aber am Ziel wächst jetzt eine echte, dauerhafte Kolonie, Lichtjahre von der Erde entfernt.',
    check:s=>s.colonies.some(c=>DEEP_SPACE[c.destKey] && DEEP_SPACE[c.destKey].interstellar) },
  { id:'firstIntergalactic', icon:'🌀', title:'Jenseits der Milchstraße', hint:'Wird freigeschaltet, sobald ein Ziel jenseits der Milchstraße erreicht wird.',
    text:'Die Messwerte, die zurückkommen, stammen nicht mehr aus der eigenen Galaxie. Was als Firmenprojekt begann, hat gerade eine Grenze überschritten, die noch vor wenigen Jahrzehnten als endgültig galt.',
    check:s=>DEEP_SPACE_KEYS.some(k=>DEEP_SPACE[k].intergalactic && s.exploredTargets.includes(k)) },
  { id:'edgeOfKnown', icon:'🔭', title:'Am Rand des Bekannten', hint:'Wird freigeschaltet, sobald NGC 1365 kartiert ist.',
    text:'Die Kartierung von NGC 1365 markiert das Ende dessen, was mit heutiger Technik überhaupt erreichbar ist. Kein Etappenziel mehr, sondern die aktuelle Reichweite der gesamten Menschheit -- maßgeblich mitgeschrieben von dieser Firma.',
    check:s=>s.purchasedResearch.includes('ngc1365Kartierung') },
];
// silent=true unterdrückt den Toast (für den stillen Nachtrag beim Laden/Catch-up, analog
// checkAchievements). Schaltet nur frei -- keine Belohnung, das Logbuch ist rein narrativ.
function checkLogbookEntries(silent){
  LOGBOOK_ENTRIES.forEach(e=>{
    if(state.logbook.some(u=>(u.kind===undefined||u.kind==='milestone') && u.id===e.id)) return;
    if(!e.check(state)) return;
    state.logbook.push({ kind:'milestone', id:e.id, day: state.day });
    if(!silent){
      toast(`Neuer Logbucheintrag: ${e.icon} ${e.title}`, 'good');
    }
  });
}
// NEU (TODO-LOGBUCH-ERWEITERT, Nutzer-Feedback: "ein echtes Logbuch registriert doch eigentlich
// alles -- Forschung, Ziele, und ne Jahreszusammenfassung"): generischer Baustein für die drei
// neuen laufenden Eintragsarten (Forschung/Ziel/Kolonie) plus den Jahresbericht -- im Unterschied
// zu checkLogbookEntries() KEIN Freischalt-Check, sondern direkter Aufruf an der jeweiligen
// Trigger-Stelle in tick() (siehe dort), weil hier -- anders als bei Meilensteinen -- JEDES
// Vorkommnis einen eigenen Eintrag bekommen soll (jede Forschung, nicht nur die erste). Bewusst
// OHNE Toast: die jeweilige Trigger-Stelle toastet ohnehin schon selbst (z.B. "Erforscht: ...");
// ein zweiter Toast wäre nur Redundanz. Das Logbuch ist zum Nachschlagen da, nicht zum ständigen
// Unterbrechen.
function addLogbookEntry(kind, icon, title, text){
  state.logbook.push({ kind, icon, title, text, day: state.day });
}
// Migration für Altspielstände ohne das Feld (vor TODO-LOGBUCH-ERWEITERT) -- initialisiert auf den
// aktuellen Stand, damit der ERSTE Jahresbericht danach nur die Aktivität AB JETZT zeigt statt
// rückwirkend die gesamte bisherige Firmengeschichte auf einen Schlag in einen einzelnen
// "Jahresbericht" zu pressen.
function snapshotForYearlyReport(){
  const s = state.stats;
  return {
    launchesTotal: s.launchesTotal, satellitesBuilt: s.satellitesBuilt, modulesBuilt: s.modulesBuilt,
    contractsCompleted: s.contractsCompleted, researchCompleted: s.researchCompleted,
    satellitesLost: s.satellitesLost, lifetimeIncome: s.lifetimeIncome,
    coloniesCount: state.colonies.length, exploredCount: state.exploredTargets.length,
  };
}
function ensureLogbookYearSnapshot(){
  if(!state.logbookYearSnapshot) state.logbookYearSnapshot = snapshotForYearlyReport();
}
// Aufgerufen von tick() GENAU an echten Kalender-Jahrestagen der Firmengründung (siehe
// isCompanyAnniversaryDay(), schaltjahrsicher). Baut aus der reinen Differenz zum letzten
// Schnappschuss einen Bericht OHNE jede Fantasie -- nur echte, im Spielstand vorhandene Zahlen,
// ganz bewusst statt eines KI-generierten Texts (dafür gibt's zur Laufzeit keine echte KI im
// Spiel, siehe Chat-Diskussion). Leere Kategorien (z.B. 0 neue Forschungen) werden ausgelassen,
// damit ein ruhiges Jahr auch als kurzer Bericht erscheint statt mit Nullen aufgebläht zu werden.
function generateYearlyLogbookReport(){
  ensureLogbookYearSnapshot();
  const prev = state.logbookYearSnapshot;
  const cur = snapshotForYearlyReport();
  ensureFoundingDate();
  const yearNum = calendarYearsBetween(state.foundingDate, addDaysISO(state.foundingDate, state.day-1)).years;
  const lines = [];
  const dLaunches = cur.launchesTotal - prev.launchesTotal;
  if(dLaunches>0) lines.push(`${dLaunches.toLocaleString('de-DE')} Raketenstart(s)`);
  const dSats = cur.satellitesBuilt - prev.satellitesBuilt;
  if(dSats>0) lines.push(`${dSats.toLocaleString('de-DE')} gefertigte Satellit(en)`);
  const dMods = cur.modulesBuilt - prev.modulesBuilt;
  if(dMods>0) lines.push(`${dMods.toLocaleString('de-DE')} gefertigte Einzelmodul(e)`);
  const dContracts = cur.contractsCompleted - prev.contractsCompleted;
  if(dContracts>0) lines.push(`${dContracts.toLocaleString('de-DE')} abgeschlossene(r) Auftrag/Aufträge`);
  const dResearch = cur.researchCompleted - prev.researchCompleted;
  if(dResearch>0) lines.push(`${dResearch.toLocaleString('de-DE')} neue Forschungsergebnis(se)`);
  const dTargets = cur.exploredCount - prev.exploredCount;
  if(dTargets>0) lines.push(`${dTargets.toLocaleString('de-DE')} neu erreichte(s) Ziel(e)`);
  const dColonies = cur.coloniesCount - prev.coloniesCount;
  if(dColonies>0) lines.push(`${dColonies.toLocaleString('de-DE')} neu gegründete Kolonie(n)`);
  const dLost = cur.satellitesLost - prev.satellitesLost;
  if(dLost>0) lines.push(`${dLost.toLocaleString('de-DE')} durch Weltraumschrott verlorene(r) Satellit(en)`);
  const dIncome = cur.lifetimeIncome - prev.lifetimeIncome;
  const incomeLine = dIncome>0 ? `Gesamteinnahmen im vergangenen Jahr: ${fmtMoney(dIncome)}.` : '';
  const bodyLines = lines.length ? lines.map(l=>`• ${l}`).join('\n') : '• Ein ruhiges Jahr ohne nennenswerte neue Aktivität.';
  const text = `${bodyLines}${incomeLine ? '\n'+incomeLine : ''}`;
  addLogbookEntry('yearly', '📊', `Jahresbericht — Firmenjahr ${yearNum}`, text);
  state.logbookYearSnapshot = cur;
}
// Rendert das Logbuch chronologisch (neueste zuerst) -- gemischt aus freigeschalteten
// Meilensteinen (rich lore, siehe LOGBOOK_ENTRIES) UND den laufenden Einträgen (Forschung/Ziel/
// Kolonie/Jahresbericht, siehe addLogbookEntry()). Auf die letzten LOGBOOK_RENDER_CAP Einträge
// begrenzt (Performance bei sehr langen Spielständen mit vielen Jahresberichten) -- ältere bleiben
// im Spielstand erhalten, verschwinden nur aus der Anzeige. Noch nicht erreichte Meilensteine
// erscheinen darunter separat gesperrt (Titel + Hinweis, kein Story-Spoiler).
const LOGBOOK_RENDER_CAP = 300;
function renderLogbook(){
  const wrap = document.getElementById('logbookList');
  if(!wrap) return;
  const unlockedMilestoneIds = new Set(state.logbook.filter(e=>(e.kind===undefined||e.kind==='milestone')).map(e=>e.id));
  const countEl = document.getElementById('logbookCount');
  if(countEl) countEl.textContent = `${unlockedMilestoneIds.size} / ${LOGBOOK_ENTRIES.length} Meilensteine · ${state.logbook.length} Einträge gesamt`;
  const ordered = state.logbook.map((entry, idx)=>({ entry, idx }))
    .sort((a,b)=> (b.entry.day - a.entry.day) || (b.idx - a.idx));
  const truncated = ordered.length > LOGBOOK_RENDER_CAP;
  const visible = ordered.slice(0, LOGBOOK_RENDER_CAP);
  function entryHtml({entry}){
    const isMilestone = (entry.kind===undefined||entry.kind==='milestone');
    const def = isMilestone ? LOGBOOK_ENTRIES.find(e=>e.id===entry.id) : null;
    if(isMilestone && !def) return '';
    const icon = isMilestone ? def.icon : entry.icon;
    const title = isMilestone ? def.title : entry.title;
    const text = isMilestone ? def.text : entry.text;
    const dateStr = formatCalendarDateDE(addDaysISO(state.foundingDate, entry.day-1));
    return `
      <div style="display:flex; gap:12px; align-items:flex-start; padding:10px 12px; border:1px solid ${isMilestone?'var(--accent)':'var(--border)'}; border-radius:var(--radius); ${isMilestone?'background:rgba(255,176,46,.06);':''}">
        <div style="font-size:22px; line-height:1.2;">${icon}</div>
        <div style="flex:1;">
          <div style="display:flex; justify-content:space-between; gap:10px; align-items:baseline;">
            <div style="font-size:12px; font-weight:600;">${title}</div>
            <div class="small-muted" style="white-space:nowrap;">${dateStr}</div>
          </div>
          <div style="font-size:11px; color:var(--muted); margin-top:4px; line-height:1.5; white-space:pre-line;">${text}</div>
        </div>
      </div>`;
  }
  // Kein Vorschau-Block für gesperrte Meilensteine mehr: die dürfen keinen Spoiler
  // liefern, was noch kommt. Sie erscheinen erst in der chronologischen Liste oben,
  // sobald sie tatsächlich erreicht werden (dann automatisch an ihrer echten Datums-
  // position zwischen den Jahresberichten einsortiert).
  wrap.innerHTML = visible.map(entryHtml).join('')
    + (truncated ? `<div class="small-muted" style="text-align:center; padding:6px;">… ${ordered.length - LOGBOOK_RENDER_CAP} ältere Einträge ausgeblendet</div>` : '')
    + (ordered.length===0 ? `<div class="small-muted" style="text-align:center; padding:20px;">Noch keine Einträge im Logbuch.</div>` : '');
  updateLogbookTabIndicator();
}
// NEU (TODO-LOGBUCH-TAB-BLINKEN, Nutzer-Wunsch: "Tab soll leuchten sobald ein neuer Eintrag da
// ist"): analog updateAchievementsTabIndicator() -- vergleicht state.logbook.length gegen den
// zuletzt beim Tab-Besuch gespeicherten Stand (state.logbookLastSeen) und lässt den Tab bei einer
// Differenz blinken (Klasse has-reward, siehe CSS @keyframes tabBlink) plus Zähler-Badge mit der
// Anzahl neuer Einträge. Läuft am Ende von renderLogbook() mit, also bei jedem renderAll()-Tick --
// reagiert damit auch, während der Logbuch-Tab NICHT sichtbar ist. Wird zurückgesetzt, sobald der
// Tab tatsächlich geöffnet wird (siehe Tab-Klick-Handler weiter unten), nicht schon durch bloßes
// Rendern im Hintergrund.
function updateLogbookTabIndicator(){
  const tab = document.querySelector('.tab[data-view="logbuch"]');
  if(!tab) return;
  const newCount = Math.max(0, state.logbook.length - state.logbookLastSeen);
  tab.classList.toggle('has-reward', newCount>0);
  let badge = tab.querySelector('.badge');
  if(newCount>0){
    if(!badge){ badge = document.createElement('span'); badge.className='badge'; tab.appendChild(badge); }
    badge.textContent = newCount;
  } else if(badge){
    badge.remove();
  }
}

function renderStats(){
  const dayEl = document.getElementById('statsDay');
  if(!dayEl) return;
  const s = state.stats;
  recordLiveMoneySample();

  document.getElementById('statsDay').textContent = `Tag ${state.day}`;
  document.getElementById('statsMoney').textContent = fmtMoney(state.money);
  document.getElementById('statsSciencePoints').textContent = Math.round(state.sciencePoints).toLocaleString('de-DE');
  document.getElementById('statsSciencePointsLifetime').textContent = Math.round(state.stats.sciencePointsLifetime).toLocaleString('de-DE');
  document.getElementById('statsRep').textContent = Math.round(state.reputation);
  document.getElementById('statsIncome').textContent = fmtMoney(s.lifetimeIncome);
  document.getElementById('statsSpent').textContent = fmtMoney(s.moneySpent + s.lifetimeUpkeep);
  document.getElementById('statsUpkeep').textContent = fmtMoney(s.lifetimeUpkeep);
  const net = s.lifetimeIncome - s.moneySpent - s.lifetimeUpkeep;
  const netEl = document.getElementById('statsNet');
  netEl.textContent = (net>=0?'+':'−') + fmtMoney(Math.abs(net));
  netEl.className = 'v ' + (net>=0 ? 'good' : 'bad');

  document.getElementById('statsFleetActive').textContent = state.orbitSats.length;
  document.getElementById('statsFleetHangar').textContent = state.hangar.length;
  document.getElementById('statsFleetQueue').textContent = state.constructionQueue.length;
  document.getElementById('statsFleetBuilt').textContent = s.satellitesBuilt;
  document.getElementById('statsFleetLost').textContent = s.satellitesLost;
  document.getElementById('statsModulesBuilt').textContent = s.modulesBuilt;
  document.getElementById('statsShipsAssembled').textContent = s.shipsAssembled;

  document.getElementById('statsLaunchesTotal').textContent = s.launchesTotal;
  document.getElementById('statsLaunchesSuccess').textContent = s.launchesSuccess;
  document.getElementById('statsLaunchesFailed').textContent = s.launchesFailed;
  document.getElementById('statsLaunchesRate').textContent = s.launchesTotal>0
    ? Math.round((s.launchesSuccess/s.launchesTotal)*100) + '%'
    : '–';

  document.getElementById('statsExplored').textContent = state.exploredTargets.length;
  document.getElementById('statsLanded').textContent = state.landedTargets.length;
  document.getElementById('statsCrewedLandings').textContent = state.crewedLandings.length;
  document.getElementById('statsFirstContacts').textContent = state.firstContacts.length;
  document.getElementById('statsColonies').textContent = state.colonies.length;
  document.getElementById('statsColonyIncome').textContent = fmtMoney(state.colonies.reduce((sum,c)=>sum+colonyEffectiveIncome(c),0));
  document.getElementById('statsStationRow').style.display = state.station ? '' : 'none';
  if(state.station) document.getElementById('statsStationIncome').textContent = fmtMoney(stationEffectiveIncome());

  document.getElementById('statsContractsDone').textContent = s.contractsCompleted;
  document.getElementById('statsContractsOpen').textContent = `${state.contracts.filter(c=>c.status==='aktiv').length} / ${state.contracts.filter(c=>c.status==='offen').length}`;
  document.getElementById('statsResearchDone').textContent = `${state.purchasedResearch.length} / ${RESEARCH.length}`;

  // NEU (TODO-ZUFALLSEREIGNISSE): Ereignis-Log-Panel, analog zum deepSpaceLog-Muster im
  // Erkundungs-Tab — reines Textprotokoll, neueste zuerst (state.eventLog ist bereits unshift-
  // befüllt, siehe maybeTriggerRandomEvent()).
  const evLog = document.getElementById('eventLogList');
  if(evLog){
    evLog.innerHTML = state.eventLog.length
      ? state.eventLog.map(e=>{
          const color = e.kind==='bad' ? 'var(--red)' : 'var(--green)';
          return `<div>Tag ${e.day}: <span style="color:${color}">${e.icon} ${e.name}</span> — ${e.message}</div>`;
        }).join('')
      : 'Noch keine Zufallsereignisse aufgetreten.';
  }

  renderStatsChartModeRow();
  drawMoneyChart();
}

function drawMoneyChart(){
  const canvas = document.getElementById('statsMoneyChart');
  const emptyHint = document.getElementById('statsChartEmpty');
  if(!canvas) return;
  // BUGFIX (statsMoneyChart-Firefox): renderStats()/drawMoneyChart() läuft bei JEDEM
  // renderAll()-Tick mit, auch wenn der Stats-Tab gerade unsichtbar ist (display:none auf
  // .view). In dem Fall ist canvas.clientWidth/Height 0 — würden wir trotzdem unten
  // "canvas.width = w*dpr" setzen, schreibt das dauerhaft 0 ins width/height-Attribut des
  // Canvas (es gibt keine CSS-Breite, die das überschreiben würde). Der Chart bliebe dann für
  // immer 0×0 groß, auch nachdem man wieder auf den Tab klickt. Also: bei unsichtbarem Tab
  // einfach gar nicht zeichnen/resizen und auf den nächsten Aufruf warten (der Tab-Klick-Handler
  // ruft drawMoneyChart() per requestAnimationFrame erneut auf, sobald der Tab sichtbar ist).
  if(canvas.clientWidth === 0 || canvas.clientHeight === 0) return;

  const isLive = statsChartMode === 'live';
  let points;
  if(isLive){
    points = state.stats.liveMoneyHistory;
  } else if(statsChartMode === 'all'){
    // BUGFIX (TODO-STATISTIKEN-GESAMT-FIX): "Gesamt" nutzt jetzt monthlyMoneyHistory (ein
    // Eintrag pro ~30 Spieltage, siehe recordMonthlyMoneySample() in tick()) statt des
    // 7/30-Tage-Kurzzeitfensters moneyHistory — dadurch ist wirklich die komplette Firmen-
    // geschichte seit Gründung sichtbar, nicht nur ein rollender Ausschnitt.
    points = state.stats.monthlyMoneyHistory;
  } else {
    const windowDays = statsChartMode === '7' ? 7 : 30;
    const cutoff = state.day - windowDays;
    points = state.stats.moneyHistory.filter(pt => pt.day >= cutoff);
    // Falls der gewählte Zeitraum weniger als 2 Punkte liefert (z.B. Firma erst wenige Tage
    // alt), lieber den gesamten bisherigen (Kurzzeit-)Verlauf zeigen statt eines leeren Charts.
    if(points.length < 2) points = state.stats.moneyHistory;
  }

  if(points.length < 2){
    emptyHint.style.display = 'block';
    const ctx0 = canvas.getContext('2d');
    ctx0.clearRect(0,0,canvas.width,canvas.height);
    return;
  }
  emptyHint.style.display = 'none';

  const ctx = canvas.getContext('2d');
  const dpr = window.devicePixelRatio || 1;
  const w = canvas.clientWidth, h = canvas.clientHeight;
  canvas.width = w*dpr; canvas.height = h*dpr;
  ctx.setTransform(dpr,0,0,dpr,0,0);
  ctx.clearRect(0,0,w,h);

  const cs = getComputedStyle(document.documentElement);
  const accent = cs.getPropertyValue('--accent').trim() || '#ff6a2b';
  const muted = cs.getPropertyValue('--muted').trim() || '#7d7d7d';
  const border = cs.getPropertyValue('--border').trim() || '#2a2a2a';

  const padL = 60, padR = 14, padT = 14, padB = 24;
  const plotW = w - padL - padR, plotH = h - padT - padB;
  const values = points.map(pt=>pt.money);
  const minV = Math.min(0, Math.min(...values));
  const maxV = Math.max(...values, minV+1);
  const range = maxV - minV || 1;
  const yFor = v => padT + plotH - ((v - minV) / range) * plotH;
  const xFor = i => padL + (points.length===1 ? 0 : (i/(points.length-1)) * plotW);

  // Gitterlinien + Achsenbeschriftung (4 Stufen)
  ctx.strokeStyle = border; ctx.fillStyle = muted; ctx.font = '10px JetBrains Mono'; ctx.textAlign = 'right';
  for(let i=0;i<=4;i++){
    const v = minV + (range*i/4);
    const y = yFor(v);
    ctx.beginPath(); ctx.moveTo(padL, y); ctx.lineTo(w-padR, y); ctx.lineWidth = 1; ctx.stroke();
    ctx.fillText(fmtMoney(v), padL-8, y+3);
  }

  // Nulllinie hervorheben, falls im sichtbaren Bereich
  if(minV < 0 && maxV > 0){
    const y0 = yFor(0);
    ctx.strokeStyle = muted;
    ctx.beginPath(); ctx.moveTo(padL, y0); ctx.lineTo(w-padR, y0); ctx.stroke();
  }

  // Verlaufslinie
  ctx.beginPath();
  points.forEach((pt,i)=>{
    const x = xFor(i), y = yFor(pt.money);
    if(i===0) ctx.moveTo(x,y); else ctx.lineTo(x,y);
  });
  ctx.strokeStyle = accent; ctx.lineWidth = 2; ctx.lineJoin = 'round'; ctx.stroke();

  // Letzter Punkt im Live-Modus hervorgehoben (zeigt: "hier, jetzt")
  if(isLive){
    const lastPt = points[points.length-1];
    ctx.beginPath();
    ctx.arc(xFor(points.length-1), yFor(lastPt.money), 3, 0, Math.PI*2);
    ctx.fillStyle = accent;
    ctx.fill();
  }

  // Fläche unter der Linie, dezent
  ctx.lineTo(xFor(points.length-1), padT+plotH);
  ctx.lineTo(xFor(0), padT+plotH);
  ctx.closePath();
  ctx.fillStyle = 'rgba(255,106,43,0.08)';
  ctx.fill();

  // X-Achse: erster/letzter Punkt, je nach Modus als Tag oder Uhrzeit
  ctx.fillStyle = muted; ctx.textAlign = 'left';
  ctx.fillText(statsChartXLabel(points[0], isLive), padL, h-6);
  ctx.textAlign = 'right';
  ctx.fillText(isLive ? 'jetzt' : statsChartXLabel(points[points.length-1], isLive), w-padR, h-6);
}

function statsChartXLabel(pt, isLive){
  if(isLive) return new Date(pt.t).toLocaleTimeString('de-DE', { hour:'2-digit', minute:'2-digit', second:'2-digit' });
  return `Tag ${pt.day}`;
}

function renderAll(){
  ensureSatLocations();
  ensureColonyDefaults();
  ensureDroneDefaults();
  // NEU (TODO-FORSCHUNGSPUNKTE): Migration für Altspielstände ohne sciencePoints-Feld.
  if(state.sciencePoints === undefined) state.sciencePoints = 0;
  // NEU (TODO-ERFOLGE-2): Migration für Altspielstände ohne sciencePointsLifetime-Feld -- da der
  // tatsächliche Gesamtertrag der Vergangenheit nicht mehr rekonstruierbar ist, wird großzügig
  // mindestens der aktuelle Bestand als Untergrenze übernommen (Lifetime kann realistisch nie
  // kleiner sein als der aktuell noch vorhandene Bestand).
  if(state.stats.sciencePointsLifetime === undefined) state.stats.sciencePointsLifetime = state.sciencePoints||0;
  // Falls die aktuell im Orbit-Tab ausgewählte Kolonie inzwischen nicht mehr existiert
  // (sollte praktisch nie vorkommen, Kolonien gehen nicht verloren) sicherheitshalber auf Erde zurückfallen.
  if(orbitViewLocation!=='earth' && !state.colonies.some(c=>c.destKey===orbitViewLocation)) orbitViewLocation = 'earth';
  renderHud();
  updateWerftTabVisibility();
  updateCreatorTabVisibility();
  renderBuild();
  renderConstructionQueue();
  renderTransitQueue();
  renderWerftQueue();
  renderModuleFactory();
  renderModuleQueue();
  renderModuleHangar();
  renderOrbitModulePool();
  renderAssembly();
  renderAssemblyQueue();
  renderCreator();
  renderContracts();
  renderLongContracts();
  renderResearch();
  renderDeepSpace();
  renderOrbitLocationSelector();
  renderSatDetail();
  renderSatList();
  renderMaintenance();
  renderStation();
  renderKolonien();
  renderStats();
  checkAchievements();
  renderAchievements();
  checkLogbookEntries();
  renderLogbook();
  autosave();
}

// NEU (TODO-WERFT-TAB-GATE): der Orbitalwerft-Tab war schon immer NUR über die Forschung
// "Orbitalwerft" sinnvoll nutzbar (siehe orbitalWerftUnlocked()) — bisher aber die ganze Zeit
// sichtbar in der Hauptnavigation, auch wenn die Forschung noch fehlte. Jetzt: Tab-Button
// wird komplett ausgeblendet (display:none), solange nicht erforscht — taucht dann genauso
// unsichtbar auf wie "Fabrik"/"Orbit-Netzwerk" es schon immer waren (die haben keine eigene
// Freischalt-Voraussetzung). Falls der Tab gerade aktiv war und (theoretisch) wieder
// verschwindet, springt die Ansicht sicherheitshalber zurück auf "Fabrik".
function updateWerftTabVisibility(){
  const tab = document.querySelector('.tab[data-view="werft"]');
  if(!tab) return;
  const unlocked = orbitalWerftUnlocked();
  const wasHidden = tab.style.display === 'none';
  tab.style.display = unlocked ? '' : 'none';
  if(!unlocked && tab.classList.contains('active')){
    tab.classList.remove('active');
    document.getElementById('view-werft').classList.remove('active');
    const buildTab = document.querySelector('.tab[data-view="build"]');
    const buildView = document.getElementById('view-build');
    if(buildTab) buildTab.classList.add('active');
    if(buildView) buildView.classList.add('active');
  }
}

/* ============================== TABS ============================== */
document.querySelectorAll('.tab').forEach(tab=>{
  tab.addEventListener('click', ()=>{
    document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
    document.querySelectorAll('.view').forEach(v=>v.classList.remove('active'));
    tab.classList.add('active');
    document.getElementById('view-'+tab.dataset.view).classList.add('active');
    if(tab.dataset.view==='deepspace') requestAnimationFrame(drawSolarMap);
    if(tab.dataset.view==='galaxy') requestAnimationFrame(()=>{ drawGalaxyMap(); drawGalaxyHub(); drawGalaxyDetailMap(selectedGalaxyId); if(selectedStarSystemId) drawStarSystemMap(selectedStarSystemId); if(selectedGalaxyTargetId) drawStarSystemMap(selectedGalaxyTargetId,'targetPlanetMapCanvas'); renderDosGalaxyHubMenu(); renderGalaxyMapAsciiMap(); renderStarSystemAsciiMap(); renderGalaxyDetailAsciiMap(); renderGalaxyTargetAsciiMap(); });
    if(tab.dataset.view==='research' && !rtreeFitDone) requestAnimationFrame(()=>{ if(rtreeFit()){ rtreeFitDone = true; renderResearch(); } });
    if(tab.dataset.view==='stats') requestAnimationFrame(drawMoneyChart);
    if(tab.dataset.view==='logbuch'){ state.logbookLastSeen = state.logbook.length; updateLogbookTabIndicator(); }
    // NEU (TODO-ORBIT-PERF): drawOrbitScene()/drawColonyOrbitScene() halten sich selbst an, sobald
    // dieser Tab NICHT aktiv ist (siehe dort) -- hier beim Öffnen des Tabs ggf. wieder anstoßen.
    if(tab.dataset.view==='orbit'){
      if(orbitAnimHandle===null) orbitAnimHandle = requestAnimationFrame(drawOrbitScene);
      if(colonyOrbitAnimHandle===null) colonyOrbitAnimHandle = requestAnimationFrame(drawColonyOrbitScene);
    }
    Sound.click();
  });
});

/* ============================== HEADER CONTROLS ============================== */
document.getElementById('btnPause').addEventListener('click', (e)=>{
  state.paused = true;
  e.currentTarget.classList.add('active');
  document.querySelectorAll('.speed-btn[data-speed]').forEach(b=>b.classList.remove('active'));
  Sound.click();
});

/* ---------- Geschwindigkeit (1×/2×/3×/4×) ---------- */
const TICK_MS_BASE = 4000;
state.gameSpeed = state.gameSpeed || 1;
let tickIntervalId = null;
function applyGameSpeed(mult){
  state.gameSpeed = mult;
  state.paused = false;
  document.getElementById('btnPause').classList.remove('active');
  document.querySelectorAll('.speed-btn[data-speed]').forEach(b=>{
    b.classList.toggle('active', Number(b.dataset.speed)===mult);
  });
  if(tickIntervalId) clearInterval(tickIntervalId);
  tickIntervalId = setInterval(tick, TICK_MS_BASE / mult);
}
document.querySelectorAll('.speed-btn[data-speed]').forEach(btn=>{
  btn.addEventListener('click', ()=>{
    applyGameSpeed(Number(btn.dataset.speed));
    Sound.click();
  });
});
document.getElementById('btnSettings').addEventListener('click', ()=>{
  document.getElementById('settingsModal').classList.add('active');
  Sound.click();
});
document.getElementById('closeSettingsModal').addEventListener('click', ()=>{
  document.getElementById('settingsModal').classList.remove('active');
  Sound.click();
});
// NEU (TODO-ZURUECK-ZUR-STARTSEITE): eigener Menüpunkt in den Einstellungen, um jederzeit ohne
// Browser-Reload zurück zum Startbildschirm (Neues Spiel/Fortsetzen) zu gelangen — speichert vorher
// per autosave(true) denselben synchronen Pfad, der auch bei visibilitychange/pagehide läuft, und
// stoppt den laufenden tick()-Intervall (tickIntervalId, siehe applyGameSpeed()), damit im
// Hintergrund nichts weiterläuft, während der Startbildschirm sichtbar ist. Der "Fortsetzen"-Button
// wird danach genauso aktualisiert wie beim allerersten Aufruf von goToStartScreen() in init().
document.getElementById('btnBackToStart').addEventListener('click', ()=>{
  Sound.click();
  showConfirmModal(
    'Zurück zur Startseite',
    'Zurück zum Startbildschirm? Der aktuelle Spielstand wird vorher automatisch gespeichert.',
    'Zurück zur Startseite',
    async ()=>{
      autosave(true);
      if(tickIntervalId) clearInterval(tickIntervalId);
      document.getElementById('settingsModal').classList.remove('active');
      document.getElementById('gameRoot').style.display = 'none';
      document.getElementById('startScreen').style.display = 'flex';
      // BUGFIX (TODO-ZURUECK-ZUR-STARTSEITE): showGameRoot() stoppt den Warp-Tunnel-Canvas beim
      // Spielstart per stopWarpTunnel() — ohne diesen Gegenruf blieb er beim Zurückkehren zum
      // Startbildschirm eingefroren auf dem letzten Frame stehen (siehe startWarpTunnel() weiter
      // unten in der Datei).
      if (window.startWarpTunnel) window.startWarpTunnel();
      const continueBtn = document.getElementById('btnContinueGame');
      continueBtn.disabled = true;
      const available = await hasAutosave();
      continueBtn.disabled = !available;
      continueBtn.textContent = available ? 'Fortsetzen' : 'Fortsetzen (kein Spielstand)';
    }
  );
});
document.getElementById('btnMute').addEventListener('click', (e)=>{
  const m = Sound.toggleMute();
  e.target.textContent = m ? 'Soundeffekte aus' : 'Soundeffekte an';
});
document.getElementById('btnMusicMute').addEventListener('click', (e)=>{
  const m = Music.toggleMute();
  e.target.textContent = m ? 'Musik aus' : 'Musik an';
});
document.getElementById('musicVolumeSlider').addEventListener('input', (e)=>{
  Music.setVolume(Number(e.target.value) / 100);
});
let videoSoundMuted = false;
let videoVolume = 0.8;
document.getElementById('btnVideoSoundMute').addEventListener('click', (e)=>{
  videoSoundMuted = !videoSoundMuted;
  e.target.textContent = videoSoundMuted ? 'Video-Sound aus' : 'Video-Sound an';
  const activeVideo = document.getElementById('launchVideo');
  if(activeVideo) activeVideo.muted = videoSoundMuted;
});
document.getElementById('videoVolumeSlider').addEventListener('input', (e)=>{
  videoVolume = Number(e.target.value) / 100;
  const activeVideo = document.getElementById('launchVideo');
  if(activeVideo) activeVideo.volume = videoVolume;
});

// NEU (TODO-UI-THEMES): rein optisches Test-Feature, komplett getrennt vom Spielstand — beide
// Auswahlen landen nur in localStorage (deviceweit, nicht Teil von state/Autosave/Export), damit
// man gefahrlos durchprobieren kann, ohne den Spielstand anzufassen. Zwei UNABHÄNGIGE Achsen, frei
// kombinierbar: Farbschema (COLOR_FILTERS, per JS direkt als body.style.filter gesetzt statt über
// CSS-Klassen — nötig, damit sich ein Farbfilter mit dem Wölbungs-Muster (ebenfalls ein Filter,
// siehe #crtBarrelFilter) sauber zu EINEM filter-String zusammensetzen lässt, statt sich
// gegenseitig zu überschreiben) und Muster (#crtOverlay[data-pattern], siehe CSS weiter oben).
// #crtOverlay hängt bewusst an document.documentElement statt an body, damit der body-Filter die
// Overlay-Ebene selbst nicht mitfärbt.
// GEÄNDERT (auf Nutzerwunsch: "alten Monitor Muster und die CGA/EGA (reduzierte Farbpalette) für
// vorstart, start und boot, dann wieder normal einstellen so wie es eingestellt war — das soll als
// GESAMT-EFFEKT sein"): Splash-Screen, Startseite und beide Boot-Animationen laufen jetzt IMMER mit
// dem festen Retro-Look CGA/EGA (reduzierte Farbpalette) + Interlace-Kamm — Stark
// (BOOT_FORCED_COLOR/BOOT_FORCED_PATTERN weiter unten), UNABHÄNGIG vom unter "Darstellung"
// gespeicherten Farbschema/Muster. Das eigentlich gespeicherte/eingestellte Theme bleibt im
// Hintergrund erhalten (currentUIColor/currentUIPattern, siehe initUITheme()) und wird erst wieder
// sichtbar angewendet, sobald der DOS-Bootstream fertig ist (unlockTheme(), aufgerufen am Ende von
// playDosBootSequence()) — ab dann läuft das Spiel wieder ganz normal im konfigurierten Theme.
const UI_COLOR_KEY = 'deepAnchorUIColor';
const UI_PATTERN_KEY = 'deepAnchorUIPattern';
const COLOR_FILTERS = {
  'standard':  '',
  'crt-green': 'grayscale(0.35) sepia(0.55) hue-rotate(65deg) saturate(4) brightness(1.05) contrast(1.2)',
  'crt-amber': 'grayscale(0.35) sepia(0.75) hue-rotate(-14deg) saturate(2.6) brightness(1.05) contrast(1.2)',
  'mono':      'grayscale(1) contrast(1.15) brightness(1.03)',
  'cga':       'url(#cgaPosterizeFilter) saturate(1.8) contrast(1.25) brightness(1.18)',
  // NEU (v4-30, TODO-UI-THEMES): zwei zusätzliche Posterize-Stufen (siehe #cgaPosterizeFilterHard/
  // -Soft), keine Farbton-Verschiebung (kein hue-rotate) — beide bleiben wie 'cga' bei der eigenen
  // Akzentfarbe, unterscheiden sich nur in der Anzahl der Farbstufen/Kontrast.
  'cga-hard':  'url(#cgaPosterizeFilterHard) saturate(2.1) contrast(1.35) brightness(1.22)',
  'cga-soft':  'url(#cgaPosterizeFilterSoft) saturate(1.5) contrast(1.1) brightness(1.12)',
  // NEU (v4-27, TODO-UI-THEMES): drei an historische NASA-Kontrollraum-Monitore angelehnte
  // Farbschemata, nach demselben grayscale+sepia+hue-rotate-Prinzip wie oben, nur mit anderem
  // Ziel-Farbton. Rein optisch, keine neuen Muster/Overlays — frei mit den bestehenden
  // Monitor-Mustern (VHS, Interlace, Röhren-Wölbung etc.) kombinierbar.
  'nasa-blue': 'grayscale(0.35) sepia(0.55) hue-rotate(180deg) saturate(3) brightness(1.08) contrast(1.2)',
  'nasa-cyan': 'grayscale(0.35) sepia(0.55) hue-rotate(150deg) saturate(3.2) brightness(1.05) contrast(1.2)',
  'nasa-red':  'grayscale(0.35) sepia(0.6) hue-rotate(-40deg) saturate(3) brightness(1.03) contrast(1.25)',
};
const PATTERN_IDS = ['none','classic','strong','grille','vhs','interlace','interlace-soft','noise','barrel'];
const OVERLAY_PATTERN_IDS = ['classic','strong','grille','vhs','interlace','interlace-soft','noise','barrel'];
let crtOverlayEl = null;
function ensureCrtOverlay(){
  if(!crtOverlayEl){
    crtOverlayEl = document.createElement('div');
    crtOverlayEl.id = 'crtOverlay';
    // NEU: fest angelegte Ebenen (siehe .crt-layer-* CSS-Regeln weiter oben) — welche Ebene
    // sichtbar ist, steuert allein das [data-pattern]-Attribut auf diesem Wurzel-Element.
    crtOverlayEl.innerHTML =
      '<div class="crt-layer crt-layer-scan"></div>' +
      '<div class="crt-layer crt-layer-vignette"></div>' +
      '<div class="crt-layer crt-layer-interlace"></div>' +
      '<div class="crt-layer crt-layer-interlace-soft"></div>' +
      '<div class="crt-layer crt-layer-vhs-fringe"></div>' +
      '<div class="crt-layer crt-layer-vhs-track"></div>' +
      '<div class="crt-layer crt-layer-noise"></div>';
    document.documentElement.appendChild(crtOverlayEl);
  }
  return crtOverlayEl;
}
// ENTFERNT (v4-28): Mauszeiger-Phosphor-Nachleuchten (spawnPhosphorGhost/onPhosphorMouseMove/
// setPhosphorTrailActive) wieder gestrichen — Feedback: unnötiges Gimmick, keiner braucht das.
// NEU: fester Retro-Look für Vorstart/Startseite/Boot, siehe Kommentarblock weiter oben.
const BOOT_FORCED_COLOR = 'cga';
const BOOT_FORCED_PATTERN = 'interlace';
let themeLocked = true;
// NEU (Grafik-Fix, auf Nutzerwunsch: "2 farb nuasen beim boot effekt"): applyForcedBootTheme()
// legt via body.style.filter das CGA-Posterize-Farbschema über die komplette Seite. Wurde das
// bisher SOFORT beim Laden aktiviert, lief die kurze Röhren-Einschalt-Sequenz (#crtBootOverlay,
// eigener brightness/contrast-Filter auf .splash-inner, siehe CSS weiter oben) darüber — zwei
// CSS-Filter auf verschachtelten Elementen multiplizieren sich, statt sich zu ersetzen, was wie
// zwei überlagerte Farbtöne aussah. Fix: der erzwungene CGA-Look wird erst NACH der Röhren-
// Sequenz aktiviert (CRT_BOOT_ANIM_MS, an die CSS-Timings oben angelehnt), oder sofort, falls die
// Sequenz per Klick übersprungen wird (siehe skipCrtBootAnim() unten). So läuft der Flash immer
// auf neutralem Schwarz/Weiß ab, das CGA-Schema greift optisch erst danach.
const CRT_BOOT_ANIM_MS = 900;
let crtBootThemeTimer = null;
function skipCrtBootAnim(){
  if(crtBootThemeTimer){ clearTimeout(crtBootThemeTimer); crtBootThemeTimer = null; }
  applyForcedBootTheme();
}
// NEU (Grafik-Fix, auf Nutzerwunsch: "wenn ich CGA/EGA an habe werden bei jedem Popup wie
// Einstellung, das Start-Video usw. nicht auf das Farbschema umgestellt"): .modal-bg-Fenster
// hängen (siehe Kommentar weiter oben bei "document.querySelectorAll('.modal-bg')...") bewusst
// an <html> statt an <body>, damit sie NICHT den durch body.style.filter erzeugten Containing
// Block für position:fixed-Elemente erben. Nebeneffekt: sie sind dadurch auch keine <body>-
// Nachfahren mehr und bekommen body.style.filter (Farbschema) gar nicht mehr mit — das war der
// gemeldete Grafikfehler. Fix: denselben Filter-String zusätzlich direkt auf jedes .modal-bg-
// Element setzen (ein filter DIREKT auf einem Element beeinflusst nur dessen eigene Nachfahren als
// Containing Block, NICHT das Element selbst — die eigene position:fixed-Positionierung des
// Fensters bleibt also unverändert relativ zum Viewport, nur die Optik wird gefärbt).
function applyFilterEverywhere(filterStr){
  document.body.style.filter = filterStr;
  document.querySelectorAll('.modal-bg').forEach(el => { el.style.filter = filterStr; });
}
function applyForcedBootTheme(){
  const overlay = ensureCrtOverlay();
  overlay.setAttribute('data-pattern', BOOT_FORCED_PATTERN);
  overlay.classList.add('active');
  const parts = [];
  if(COLOR_FILTERS[BOOT_FORCED_COLOR]) parts.push(COLOR_FILTERS[BOOT_FORCED_COLOR]);
  applyFilterEverywhere(parts.join(' '));
}
function unlockTheme(){
  if(!themeLocked) return;
  themeLocked = false;
  applyUIColorScheme(currentUIColor); // wendet das tatsächlich gespeicherte/eingestellte Theme an
  applyUIPattern(currentUIPattern);   // (ruft intern auch updateBodyFilter() auf)
}
function applyUIColorScheme(colorId){
  const id = COLOR_FILTERS.hasOwnProperty(colorId) ? colorId : 'standard';
  updateBodyFilter(id, currentUIPattern);
  try{ localStorage.setItem(UI_COLOR_KEY, id); }catch(err){ /* Storage evtl. gesperrt — gilt dann nur für diese Sitzung */ }
  const sel = document.getElementById('uiColorSelect');
  if(sel && sel.value !== id) sel.value = id;
  currentUIColor = id;
}
function applyUIPattern(patternId){
  const id = PATTERN_IDS.includes(patternId) ? patternId : 'none';
  const overlay = ensureCrtOverlay();
  if(!themeLocked && OVERLAY_PATTERN_IDS.includes(id)){
    overlay.setAttribute('data-pattern', id);
    overlay.classList.add('active');
  } else {
    overlay.removeAttribute('data-pattern');
    overlay.classList.remove('active');
  }
  updateBodyFilter(currentUIColor, id);
  try{ localStorage.setItem(UI_PATTERN_KEY, id); }catch(err){ /* Storage evtl. gesperrt — gilt dann nur für diese Sitzung */ }
  const sel = document.getElementById('uiPatternSelect');
  if(sel && sel.value !== id) sel.value = id;
  currentUIPattern = id;
}
// NEU: setzt body.style.filter als EINEN kombinierten Filter-String aus Farbschema + (falls Muster
// "barrel") dem Wölbungs-Filter — das ist der Grund, warum Farbfilter hier per JS statt per
// CSS-Klasse gesetzt werden: zwei separate CSS-Klassen mit je eigener filter-Property würden sich
// gegenseitig überschreiben statt zu kombinieren, ein zusammengesetzter String funktioniert dagegen.
function updateBodyFilter(colorId, patternId){
  if(themeLocked) return; // Boot-Look bleibt sichtbar, Auswahl wird trotzdem oben in Storage/currentUI* gemerkt
  const parts = [];
  if(COLOR_FILTERS[colorId]) parts.push(COLOR_FILTERS[colorId]);
  if(patternId === 'barrel') parts.push('url(#crtBarrelFilter)');
  applyFilterEverywhere(parts.join(' '));
}
let currentUIColor = 'standard';
let currentUIPattern = 'none';
document.getElementById('uiColorSelect').addEventListener('change', (e)=>{
  applyUIColorScheme(e.target.value);
  Sound.click();
});
document.getElementById('uiPatternSelect').addEventListener('change', (e)=>{
  applyUIPattern(e.target.value);
  Sound.click();
});
// NEU (auf Nutzerwunsch: "für dieses UI-Theme darf auch kein Icon/Emoji verwendet werden"):
// entfernt/ersetzt Piktogramm-Icons & Emoji NUR optisch im gerenderten DOM, wenn der DOS-Stil aktiv
// ist. Rührt bewusst NICHT an den Datenmodellen (a.icon, client.icon, tier.icon usw.) -- die bleiben
// unverändert, damit das normale Theme weiterhin die echten Icons zeigt. Läuft als TreeWalker über
// alle Textknoten unter <body> plus ein MutationObserver für dynamisch nachgerenderte Inhalte, weil
// praktisch jeder Tab bei jedem Update seinen HTML-Inhalt komplett per innerHTML neu schreibt.
// Bedeutungstragende Symbole (✓/✗/⚠/🔒 usw.) werden durch ASCII-Klammertext ersetzt, damit die
// Information erhalten bleibt (z.B. Schließen-Buttons, die NUR aus "✕" bestehen); rein dekorative
// Icons (Erfolge-Badges, Auftraggeber-/Ereignis-Icons usw. -- über 50 verschiedene Icon-Felder im
// Spiel) fallen auf einen generischen "*"-Platzhalter zurück, damit kein rein-visueller Icon-Slot
// einfach leer bleibt, ohne dass irgendwo im Code jede einzelne Icon-Stelle angefasst werden muss.
function dosSanitizeTextNode(node){
  const original = node.nodeValue;
  if(!original) return;
  // NEU v4-52 (Nutzer-Feedback: "ich glaube du musst Minus/Leerzeichen setzen -- die Box sieht
  // zusammengeschoben aus"): Ursache gefunden -- die generische Aufräum-Regel weiter unten
  // (/[ \t]{2,}/g, kollabiert mehrfache Leerzeichen zu einem) lief bisher über JEDEN Textknoten im
  // <body>, auch über das <pre class="dos-ascii-map">, das die Orbit-/Sonnensystem-Karte per
  // .textContent setzt. Die Box-Zeichnung braucht aber genau diese vielen Leerzeichen für ihre
  // Spaltenausrichtung -- die wurden dadurch alle auf ein einzelnes Leerzeichen zusammengestaucht,
  // wodurch die Rahmen komplett verrutschten. Die ASCII-Karten enthalten ohnehin keine Icons/Emoji
  // (reine Box-Zeichen + ASCII), darum hier komplett übersprungen statt nur die eine Regel anzupassen.
  const parentEl = node.parentElement;
  if(parentEl && parentEl.closest('.dos-ascii-map')) return;
  let v = original;
  v = v.replace(/\u2713/g, '[OK]');            // ✓
  v = v.replace(/[\u2717\u2715]/g, '[X]');     // ✗ ✕
  v = v.replace(/\u26A0\uFE0F?/g, '[!]');      // ⚠️
  v = v.replace(/\u2693/g, '[WERFT]');         // ⚓ (Werft-only-Markierung)
  v = v.replace(/\uD83D\uDD17/g, '[VERKN]');   // 🔗 (Folgeauftrag)
  v = v.replace(/\uD83D\uDD12/g, '[GESPERRT]');// 🔒
  v = v.replace(/\u23F3/g, '[LAEUFT]');        // ⏳ (Forschung läuft)
  v = v.replace(/\u25B6/g, '->');              // ▶ (nächstes/weiter)
  v = v.replace(/\u23ED\uFE0F?/g, '>>');       // ⏭️ (überspringen)
  v = v.replace(/\u25B8/g, '>');               // ▸ (Klapp-Chevron)
  // Generischer Auffang für alle übrigen Piktogramm-/Emoji-Bereiche (Farb-Emoji, Dingbats,
  // Wetter-/Mondphasen-/Sonnensturm-Symbole, Erfolge-/Netzwerk-/Auftraggeber-Icons usw.). Bewusst
  // als Unicode-Bereiche statt Einzel-Aufzählung. Lässt Blockgrafik (U+2500-257F/U+2580-259F, die
  // eigentliche DOS-Optik), Pfeile (→/↩), Währung/Minus/Tiefstellung und normale Satzzeichen
  // unangetastet.
  v = v.replace(/[\u{2600}-\u{27BF}\u{2300}-\u{23FF}\u{25A0}-\u{25FF}\u{2B00}-\u{2BFF}\u{1F000}-\u{1FFFF}\u{FE00}-\u{FE0F}\u200D]/gu, '*');
  v = v.replace(/\*{2,}/g, '*').replace(/[ \t]{2,}/g, ' ');
  if(v !== original) node.nodeValue = v;
}
function dosSanitizeSubtree(root){
  if(!root) return;
  if(root.nodeType === Node.TEXT_NODE){ dosSanitizeTextNode(root); return; }
  if(root.nodeType !== Node.ELEMENT_NODE && root.nodeType !== Node.DOCUMENT_NODE) return;
  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
  let n;
  while(n = walker.nextNode()) dosSanitizeTextNode(n);
}
let dosIconObserver = null;
function enableDosIconSanitizer(){
  dosSanitizeSubtree(document.body);
  if(dosIconObserver) dosIconObserver.disconnect();
  dosIconObserver = new MutationObserver((mutations)=>{
    for(const m of mutations){
      if(m.type === 'characterData'){
        dosSanitizeTextNode(m.target);
      } else if(m.type === 'childList' && m.addedNodes.length){
        m.addedNodes.forEach(added=> dosSanitizeSubtree(added));
      }
    }
  });
  dosIconObserver.observe(document.body, { childList:true, subtree:true, characterData:true });
}
function disableDosIconSanitizer(){
  if(dosIconObserver){ dosIconObserver.disconnect(); dosIconObserver = null; }
  // Kein Wiederherstellen nötig: die Templates schreiben bei jedem Re-Render ihr innerHTML aus dem
  // unveränderten Datenmodell komplett neu, die echten Icons kommen dadurch von selbst zurück.
}
// NEU (TODO-UI-STIL): dritte, unabhängige Darstellungs-Achse (siehe CSS-Kommentar bei
// html.ui-theme-dos weiter oben) — steuert nur eine einzige CSS-Klasse auf <html>, komplett
// getrennt von COLOR_FILTERS/#crtOverlay. Bewusst NICHT hinter themeLocked versteckt: greift
// sofort ab dem allerersten Frame (Splash-Screen, Boot-Sequenz), damit der DOS-Blockgrafik-Stil
// den Röhren-Boot-Effekt von Anfang an mitträgt statt erst nach dem Boot "umzuklappen".
const UI_STYLE_KEY = 'deepAnchorUIStyle';
const UI_STYLE_IDS = ['modern','dos'];
let currentUIStyle = 'modern';
function applyUIStyleTheme(id){
  const styleId = UI_STYLE_IDS.includes(id) ? id : 'modern';
  document.documentElement.classList.toggle('ui-theme-dos', styleId === 'dos');
  try{ localStorage.setItem(UI_STYLE_KEY, styleId); }catch(err){ /* Storage evtl. gesperrt — gilt dann nur für diese Sitzung */ }
  const sel = document.getElementById('uiStyleSelect');
  if(sel && sel.value !== styleId) sel.value = styleId;
  currentUIStyle = styleId;
  if(styleId === 'dos'){
    enableDosIconSanitizer(); renderOrbitAsciiMap(); renderSolarAsciiMap();
    // NEU v4-59 (DOS-Stil, Galaxie-Tab): sofort aktualisieren, damit die ASCII-Karten/das
    // Hub-Menü auch beim direkten Umschalten des UI-Stils (ohne Tab-Wechsel) sofort stimmen --
    // analog zu renderOrbitAsciiMap()/renderSolarAsciiMap() oben.
    renderDosGalaxyHubMenu(); renderGalaxyMapAsciiMap(); renderStarSystemAsciiMap();
    renderGalaxyDetailAsciiMap(); renderGalaxyTargetAsciiMap();
    enableDosOrbitAnim();
  } else { disableDosIconSanitizer(); disableDosOrbitAnim(); }
}
document.getElementById('uiStyleSelect').addEventListener('change', (e)=>{
  applyUIStyleTheme(e.target.value);
  Sound.click();
});
(function initUIStyleTheme(){
  let savedStyle = 'modern';
  try{ savedStyle = localStorage.getItem(UI_STYLE_KEY) || 'modern'; }catch(err){ /* ignore */ }
  applyUIStyleTheme(savedStyle);
})();
(function initUITheme(){
  let savedColor = 'standard', savedPattern = 'none';
  try{ savedColor = localStorage.getItem(UI_COLOR_KEY) || 'standard'; }catch(err){ /* ignore */ }
  try{ savedPattern = localStorage.getItem(UI_PATTERN_KEY) || 'none'; }catch(err){ /* ignore */ }
  currentUIColor = COLOR_FILTERS.hasOwnProperty(savedColor) ? savedColor : 'standard';
  currentUIPattern = PATTERN_IDS.includes(savedPattern) ? savedPattern : 'none';
  // NEU: Auswahlfelder zeigen schon jetzt das echte, gespeicherte Theme an (falls die Einstellungen
  // vor Spielstart geöffnet werden) — visuell greift es aber erst nach unlockTheme(), siehe oben.
  const colorSel = document.getElementById('uiColorSelect');
  if(colorSel) colorSel.value = currentUIColor;
  const patternSel = document.getElementById('uiPatternSelect');
  if(patternSel) patternSel.value = currentUIPattern;
  // GEÄNDERT (Grafik-Fix): nicht mehr sofort — siehe crtBootThemeTimer/skipCrtBootAnim() weiter oben.
  crtBootThemeTimer = setTimeout(()=>{ crtBootThemeTimer = null; applyForcedBootTheme(); }, CRT_BOOT_ANIM_MS);
})();

Music.armAutoplayUnlock();
Music.start();
document.getElementById('btnBuild').addEventListener('click', buildSatellite);
document.getElementById('btnSaveBlueprint').addEventListener('click', saveBlueprintFromDraft);
document.getElementById('btnSaveCreatorBlueprint').addEventListener('click', saveCreatorBlueprint);
document.getElementById('btnClearCreator').addEventListener('click', clearCreatorDraft);
function clampQty(v){
  v = Math.round(Number(v));
  if(!Number.isFinite(v) || v<1) v = 1;
  if(v>999) v = 999;
  return v;
}
function getBuildQty(){
  if(state.draft.editingId) return 1;
  return clampQty(document.getElementById('qtyInput').value);
}
document.getElementById('qtyInput').addEventListener('input', (e)=>{
  renderBuild();
});
document.getElementById('qtyInput').addEventListener('blur', (e)=>{
  e.target.value = clampQty(e.target.value);
  renderBuild();
});
document.getElementById('qtyMinus').addEventListener('click', ()=>{
  const inp = document.getElementById('qtyInput');
  inp.value = clampQty(Number(inp.value||1) - 1);
  Sound.click();
  renderBuild();
});
document.getElementById('qtyPlus').addEventListener('click', ()=>{
  const inp = document.getElementById('qtyInput');
  inp.value = clampQty(Number(inp.value||1) + 1);
  Sound.click();
  renderBuild();
});
// NEU (TODO-MODUL-STAPELBAU): eigener Stückzahl-Stepper für die Modul-Fabrik, exakt gleiches
// Muster wie der Satelliten-Stepper (qtyInput/qtyMinus/qtyPlus) oben, nur auf renderModuleFactory().
document.getElementById('moduleQtyInput').addEventListener('input', ()=>{
  renderModuleFactory();
});
document.getElementById('moduleQtyInput').addEventListener('blur', (e)=>{
  e.target.value = clampModuleQty(e.target.value);
  renderModuleFactory();
});
document.getElementById('moduleQtyMinus').addEventListener('click', ()=>{
  const inp = document.getElementById('moduleQtyInput');
  inp.value = clampModuleQty(Number(inp.value||1) - 1);
  Sound.click();
  renderModuleFactory();
});
document.getElementById('moduleQtyPlus').addEventListener('click', ()=>{
  const inp = document.getElementById('moduleQtyInput');
  inp.value = clampModuleQty(Number(inp.value||1) + 1);
  Sound.click();
  renderModuleFactory();
});
document.getElementById('btnCancelEdit').addEventListener('click', cancelEdit);
document.getElementById('btnRepairAll').addEventListener('click', repairAllSats);
document.getElementById('btnBuyDrone1').addEventListener('click', ()=>buyRepairDrone(1));
document.getElementById('btnBuyDrone10').addEventListener('click', ()=>buyRepairDrone(10));
// NEU (TODO-DROHNEN-MASSENKAUF, Nutzer-Wunsch: "Reiter mit 1000 oder mehr Drohnen kaufen"): freies
// Eingabefeld statt fester Buttons -- erlaubt beliebige Stückzahl in einem Kauf statt vieler
// Einzelklicks (die bei den alten +1/+10-Buttons ohnehin schon aus Perf-Gründen keine Toast-Flut
// mehr auslösen würden, aber trotzdem unpraktisch wären). Ungültige/leere Eingabe fällt auf 1000
// zurück (Standardwert des Feldes), keine Obergrenze außer der bereits in buyRepairDrone()
// geprüften Kaufkraft.
document.getElementById('btnBuyDroneQty').addEventListener('click', ()=>{
  const input = document.getElementById('droneQtyInput');
  const n = Math.max(1, Math.floor(Number(input.value)) || 1000);
  buyRepairDrone(n);
});

document.getElementById('btnHelp').addEventListener('click', ()=>{
  const body = document.getElementById('helpModalBody');
  const payloadRows = MODULES.payload.map(m=>{
    const unlocked = isModUnlocked(m);
    return `<div class="stat-line"><span class="k">${PAYLOAD_TYPES[m.type].label}</span><span class="v">${m.name} ${unlocked?'':'<span class="v bad">(gesperrt — '+RESEARCH.find(r=>r.id===m.reqResearch).name+')</span>'}</span></div>`;
  }).join('');
  const rocketRows = ORBIT_KEYS.map(k=>{
    const o = ORBITS[k];
    const rocket = Object.values(ROCKETS).find(r=>r.deltaV>=o.deltaVReq && r.tier===Object.values(ROCKETS).filter(rr=>rr.deltaV>=o.deltaVReq).sort((a,b)=>a.tier-b.tier)[0].tier);
    const unlocked = isRocketUnlocked(rocket);
    return `<div class="stat-line"><span class="k">${o.name}</span><span class="v">${rocket.name} ${unlocked?'✓ verfügbar':'(gesperrt — erst erforschen)'}</span></div>`;
  }).join('');
  const instrumentMod = MODULES.payload.find(m=>m.type==='forschung');
  const instrumentUnlocked = instrumentMod ? isModUnlocked(instrumentMod) : false;
  body.innerHTML = `
    <div class="small-muted" style="margin-bottom:10px;">Der <b>Auftragstyp</b> bestimmt, welches Nutzlast-Modul dein Satellit braucht. Der <b>Zielorbit</b> bestimmt nur, welche Rakete du beim Start wählen musst — der Satellit selbst braucht dafür kein Extra-Teil.</div>
    <h3 style="font-size:11px;">Nutzlast pro Auftragstyp</h3>
    ${payloadRows}
    <h3 style="font-size:11px; margin-top:14px;">Günstigste Rakete pro Orbit</h3>
    ${rocketRows}
    <div class="small-muted" style="margin-top:12px;">Tipp: Treibstofftanks im Satelliten sind optional, senken aber den Verschleiß im Orbit (Bahnkorrektur). Solarpanels & Antennen sind für Energiebilanz gut, aber für die Auftragserfüllung selbst nicht zwingend nötig.</div>

    <h3 style="font-size:11px; margin-top:16px;">Wie baue ich eine Sonde für Deep-Space-Missionen?</h3>
    <div class="small-muted" style="margin-bottom:6px;">Eine „Sonde" ist kein eigenes Bauteil, sondern ein ganz normaler Satellit mit einem <b>Forschungsinstrument</b> an Bord ${instrumentMod ? `${instrumentUnlocked?'<span class="v good">(✓ bei dir bereits freigeschaltet)</span>':'<span class="v bad">(bei dir noch gesperrt — erst „'+RESEARCH.find(r=>r.id===instrumentMod.reqResearch).name+'" erforschen)</span>'}` : ''}. So geht's:</div>
    <ol style="margin:0 0 8px 18px; padding:0; font-size:11px; line-height:1.6; color:var(--muted);">
      <li>Im <b>Fertigung</b>-Tab ein Chassis wählen.</li>
      <li>Im Nutzlast-Reiter das <b>Forschungsinstrument</b> hinzufügen (mind. 1 Stück).</li>
      <li>Optional Treibstofftank(s) dazu für mehr ΔV-Reichweite zum Zielkörper.</li>
      <li>Auf „Satellit bauen" klicken — nach Bauzeit landet er im <b>Hangar</b>.</li>
      <li>Im Hangar beim fertigen Satelliten auf <b>„Starten"</b> klicken und als Missionsart <b>„Sonnensystem / Deep Space"</b> wählen (nicht „Orbit"!) — dort dann Rakete und Ziel wählen und Mission freigeben.</li>
    </ol>
    <div class="small-muted">„Starten" mit Missionsart „Orbit" schickt den Satelliten nur in LEO/MEO/GEO. Für Mond, Venus, Mars & Co. immer die Missionsart „Sonnensystem / Deep Space" wählen.</div>

    <h3 style="font-size:11px; margin-top:16px;">Orbitalwerft — Schiffe zu schwer für jede Rakete</h3>
    <div class="small-muted">Manche große Konfigurationen (v.a. Groß-Chassis + viele schwere Module wie Crew-Kapsel oder Kolonie-Modul) übersteigen die Kapazität jeder verfügbaren Rakete. Mit der Forschung <b>„Orbitalwerft"</b> lassen sich solche Schiffe trotzdem starten: im „Starten"-Dialog erscheint dann statt einer einzelnen Rakete ein Mehrfachtransport — die Sektionen werden in mehreren Lieferflügen hochgebracht (jeder ein eigener Raketenstart mit eigenem Risiko, im Hangar unter „Werft-Aufträge" verfolgbar) und danach im Orbit montiert. Damit erreichbar sind sowohl Erdorbit- als auch Sonnensystem-/Deep-Space-Ziele — für Deep-Space-Ziele zählt nach der Montage die eigene Treibstoffreserve (ΔV) des Schiffs, nicht mehr die der Lieferrakete.</div>

    <h3 style="font-size:11px; margin-top:16px;">Rollenschilder</h3>
    <div class="small-muted">Im Reiter <b>Rolle</b> gibt es reine Kennzeichnungs-Module (z.B. „Sonde", „Lander", „Kolonieschiff") — sie kosten nichts, wiegen nichts und belegen keinen Slot. Sie ändern nur den Namen des fertigen Fahrzeugs (z.B. „Sonde-004" statt „Forschung-SAT-004"), damit auf einen Blick klar ist, wofür es gedacht ist. Die eigentliche Funktion (z.B. Forschungsinstrument für Deep-Space, Landestufe für Landungen) muss trotzdem als echtes Modul verbaut werden — das Rollenschild ist nur die Beschriftung.</div>

    <h3 style="font-size:11px; margin-top:16px;">Wartung & Wartungsdrohnen</h3>
    <div class="small-muted">Im <b>Orbit</b>-Tab gibt es unter der Karte ein Wartungs-Panel: „Alle reparieren" repariert auf einen Klick alle beschädigten Satelliten gegen die Gesamtkosten. Zusätzlich kannst du dort <b>Wartungsdrohnen</b> kaufen — jede Drohne kostet einmalig ${fmtMoney(REPAIR_DRONE_COST)} und repariert danach automatisch und kostenlos Satelliten an IHREM Standort, sobald deren Zustand auf ${REPAIR_DRONE_TRIGGER_HEALTH}% oder weniger fällt, kurz bevor sie ausfallen würden. Eine Drohne hält für ${REPAIR_DRONE_CAPACITY} Reparaturen — danach ist sie verbraucht und fällt aus dem Bestand, du musst also regelmäßig neue nachkaufen. Erdorbit und jede Kolonie haben dabei ihre eigene, getrennte Drohnenflotte.</div>
  `;
  document.getElementById('helpModal').classList.add('active');
  Sound.click();
});
document.getElementById('closeHelpModal').addEventListener('click', ()=>{
  document.getElementById('helpModal').classList.remove('active');
});

document.getElementById('btnSave').addEventListener('click', ()=>{
  const data = JSON.stringify(state, null, 0);
  const blob = new Blob([data], {type:'application/json'});
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  a.href = url; a.download = `deepanchor_tag${state.day}.json`;
  document.body.appendChild(a); a.click(); a.remove();
  URL.revokeObjectURL(url);
  toast('Spielstand als Datei exportiert (Backup / für anderes Gerät).', 'good');
  Sound.click();
});
document.getElementById('btnLoad').addEventListener('click', ()=>{
  document.getElementById('fileInput').click();
});
document.getElementById('fileInput').addEventListener('change', (e)=>{
  const file = e.target.files[0];
  if(!file) return;
  const reader = new FileReader();
  reader.onload = (ev)=>{
    try{
      const loaded = JSON.parse(ev.target.result);
      state = mergeLoadedGameState(loaded);
      if(loaded.repairDroneCharges === undefined && state.repairDrones > 0){
        state.repairDroneCharges = state.repairDrones * REPAIR_DRONE_CAPACITY;
      }
      ensureFoundingDate();
      state.lastSaveDay = state.day;
      // NEU (TODO-OFFLINE-PROGRESS): bewusster manueller Import löst KEINE automatische
      // Nachholung aus (könnte z.B. gezielt ein alter Backup-Stand sein) — Zeitstempel wird
      // hier nur zurückgesetzt, damit ein späteres normales "Fortsetzen" nicht plötzlich einen
      // riesigen Catch-up-Sprung anhand des alten Datei-Zeitstempels berechnet.
      state.lastRealTimestamp = Date.now();
      selectedSatId = null;
      toast('Spielstand aus Datei importiert.', 'good');
      Sound.buildOk();
      renderAll();
    }catch(err){
      toast('Ungültige Speicherdatei.', 'bad');
      Sound.error();
    }
  };
  reader.readAsText(file);
  e.target.value = '';
});

/* ============================== VERSION / PATCH NOTES ============================== */
// NEU (TODO-PATCH-NOTES): GAME_VERSION wird auf dem Startbildschirm im Patch-Notes-Button
// angezeigt (siehe init()). Bei jeder neuen Version hier hochzaehlen.
const GAME_VERSION = 'v4-61';
// NAMENSKONVENTION (ab v4-5): kein "-fix"-Suffix mehr, da nicht jede Version ein Bugfix ist —
// fortlaufend v4-1, v4-2, v4-3, … Aeltere Versionsnummern (v4-fix1 bis v4-fix4, v3.9-fix-Reihe)
// behalten im CHANGELOG-Kommentarblock oben ihre historische Bezeichnung, nur ab hier gilt das
// neue Schema.
//
// Der Patch-Notes-Screen im Spiel zeigt bewusst KEINE Liste einzelner Versionsnummern (das steht
// ausfuehrlich im CHANGELOG-Kommentarblock am Dateianfang, gedacht fuer die Entwicklung/GitHub-
// Historie) — stattdessen nach Themen gegliederte Ueberblickstexte fuer den Spieler.
// GEÄNDERT (auf Nutzerwunsch: "sollte der neue Eintrag nicht am besten getrennt von dem alten
// Eintrag sein"): war eine einzige flache Liste von Themenblöcken, in der alte und neu
// hinzugefügte Blöcke nicht mehr auseinanderzuhalten waren. Jetzt eine Liste von BATCHES — jeder
// Batch ist eine in sich abgeschlossene Zusammenfassung (mit eigenem Label + Versionsbereich) aus
// genau EINEM "Zusammenfassung"-Auftrag, neueste zuerst. Damit bleibt für den Spieler klar
// erkennbar, was seit dem letzten Update dazugekommen ist, statt alles in einen Topf zu werfen.
// Wird NICHT bei jeder neuen Version automatisch erweitert, sondern nur, wenn Jens explizit
// "Zusammenfassung" sagt — dann einen NEUEN Batch ganz vorne einfügen (bestehende Batches bleiben
// unverändert stehen, auch wenn ein Thema wie "Mars & Erkundung" erneut vorkommt — Ergänzungen
// dazu kommen als eigener, ggf. anders betitelter Block in den neuen Batch, z.B.
// "Mond-Kolonisierung" statt den alten "Mars & Erkundung"-Text zu verändern).
// STAND: neuester Batch deckt v4-15 bis v4-33 ab (siehe CHANGELOG-Block oben). Naechste
// Zusammenfassung wird als weiterer neuer Batch ganz vorne ergänzt.
const PATCH_NOTES_BATCHES = [
  {
    label:'Neu seit dem letzten Update', range:'v4-15 – v4-33',
    items:[
      { heading:'Mond-Kolonisierung', text:'Der Mond ist jetzt ebenfalls kolonisierbar — über eine eigene, deutlich frühere und günstigere Forschung samt eigenem Mond-Kolonie-Modul. Er ist außerdem Voraussetzung für den Mars: eine Mars-Kolonie lässt sich erst gründen, wenn zuvor eine Mondkolonie besteht, damit die reale Reihenfolge Mond vor Mars eingehalten wird.' },
      { heading:'Weitere Erfolge', text:'Zwei zusätzliche Erkundungs-Erfolge für eine einzelne, besonders ausgebaute Kolonie: „Boomtown" (mindestens 500 Einwohner) und „Industriekolonie" (drei Fabrik-Ausbaustufen).' },
      { heading:'Kolonien & Wartung', text:'Kolonie-Orbits zeigen jetzt eine echte animierte Planeten-Kugel mit Beleuchtung, Atmosphären-Glow und ein paar Kratern statt der bisherigen reinen Ring-Liste — die kompakte Übersicht pro Orbit-Typ bleibt daneben erhalten. Wartungsdrohnen sind außerdem nicht mehr eine einzige globale Flotte, sondern pro Standort getrennt: eine Drohnenflotte im Erdorbit repariert nicht länger automatisch auch Kolonie-Satelliten und umgekehrt.' },
      { heading:'Sternenkarten & Galaxien', text:'Sternsysteme in der Milchstraßen-Nachbarschaft haben jetzt eigene Detailkarten mit fiktiven Begleitplaneten rund um das echte Sprungziel, im selben Stil wie die Sonnensystem-Karte — auswählbar per Klick auf die Sternenkarte oder direkt auf eine Zielkarte. Dieselbe Detailkarten-Ansicht gibt es inzwischen auch für die Sprungziele in fremden Galaxien, darunter Andromeda, Sculptor, Centaurus A, Whirlpool, Sombrero und weitere.' },
      { heading:'Darstellung (experimentell)', text:'Unter „Darstellung (experimentell)" in den Einstellungen lässt sich das komplette UI inzwischen optisch verfremden — komplett getrennt vom eigentlichen Spielstand, rein zum Ausprobieren. Farbschema, Monitor-Muster und UI-Stil sind drei unabhängige, frei kombinierbare Auswahlen: als Farbschema stehen neben Standard inzwischen Grün-/Amber-Phosphor, Schwarz-Weiß sowie drei Varianten von CGA/EGA (Standard, Hart mit nur 3 Farbstufen je Kanal, Weich mit 7 Farbstufen) und drei NASA-Kontrollraum-Looks (Mission-Control-Blau, Deep-Space-Network-Cyan, Shuttle-Alarm-Rot) zur Verfügung. Als Monitor-Muster gibt es u.a. zwei Röhrenmonitor-Stufen, eine Streifenmasken-Optik, VHS/Composite-Störungen, Rauschen/Flimmern, eine Röhren-Wölbung sowie Interlace-Kamm jetzt in zwei Intensitäten (Stark und neu: Subtil). Ganz neu ist der UI-Stil „DOS-Konsole": rahmt Fenster, Panels und Buttons mit echten Blockgrafik-Zeichen statt runder Ecken ein, wie bei einer alten Textmodus-Konsole — passt besonders gut zum Röhren-Boot-Effekt und lässt sich mit jedem Farbschema/Muster kombinieren.' },
      { heading:'Eigene Unterfirmen', text:'Ganz neu: eigene Unterfirmen für dauerhaftes passives Einkommen, freigeschaltet über die Forschung „Eigenes Satelliten-Netzwerk" und vier weitere Ausbaustufen. Jede Unterfirma betreibt ein eigenes Lizenznetzwerk aus einer von fünf Kategorien — Navigation, Kommunikation, Erdbeobachtung, Forschungsdaten oder Wetterdaten — mit eigener Satelliten-Zuweisung, eigenem Einkommen und einem automatisch zur Kategorie passenden Namen. Bis zu fünf Unterfirmen können gleichzeitig laufen; wer sich beim Gründen verklickt hat, kann eine frisch gegründete, noch unbenutzte Unterfirma über den neuen „Unterfirma schließen"-Button wieder auflösen und bekommt die Startgebühr in dem Fall vollständig zurück.' },
      { heading:'Fehlerbehebungen', text:'Ein hartnäckiger Absturz beim Fortsetzen oder Importieren älterer Spielstände (u.a. rund um die monatliche Geldverlauf-Statistik) wurde endgültig behoben — betroffene Spielstände laden jetzt zuverlässig. Außerdem wurde ein Darstellungsfehler behoben, durch den Dialogfenster bei aktiviertem Retro-Filter oben auf der Seite statt an der aktuellen Bildschirmposition erschienen.' },
    ]
  },
  {
    label:'Bisheriger Stand', range:'v3.9-fix12 – v4-14',
    items:[
      { heading:'Schwierigkeitsgrade & Balancing', text:'Es gibt jetzt sieben wählbare Schwierigkeitsgrade von Sandbox bis Höllisch schwer, die bei der Firmengründung festgelegt werden. Sie wirken sich nicht mehr nur auf Startkapital, Vertragserträge und Erfolgschancen aus, sondern inzwischen auch auf Bau-, Forschungs- und Flugkosten sowie -zeiten — auf der höchsten Stufe dauert und kostet praktisch alles deutlich mehr. Das ursprüngliche Balancing von „Höllisch schwer" wurde außerdem nachgebessert, damit zumindest ein erster minimaler Start überhaupt möglich ist.' },
      { heading:'Firmen & Speicherstände', text:'Statt nur einer Firma pro Browser gibt es jetzt ein echtes Mehrfirmen-System mit eigener Verwaltung (anlegen, wechseln, löschen), inklusive Sammel-Export/-Import für alle Firmen auf einmal. Ein Standardprofil beim allerersten Start gibt es nicht mehr — neue Spieler müssen jetzt bewusst zuerst eine Firma gründen.' },
      { heading:'Werft & Schiffbau', text:'Die Orbitalwerft wurde grundlegend ausgebaut: schwere Schiffe werden jetzt in mehreren Lieferflügen hochgebracht statt an der Raketenkapazität zu scheitern, und können dadurch auch zu Sonnensystem-/Deep-Space-Zielen fliegen. Dazu kamen neue, werft-exklusive Chassis — Kolonieschiff und Frachter mit deutlich mehr Laderaum sowie Lichtschiff und Sprungschiff, die jetzt eigene Chassis statt normale Trägerraketen sind. Werft-Baupläne lassen sich inzwischen genauso speichern und laden wie normale Baupläne.' },
      { heading:'Fabrik & Produktion', text:'Satelliten und Module lassen sich jetzt in Stückzahlen statt einzeln bauen, die Bauwarteschlange hat eine per Forschung erweiterbare Kapazitätsgrenze, und fertige Konfigurationen lassen sich als Bauplan speichern und wiederverwenden. Der neue Blaupausen-Kreator erlaubt außerdem, Schiffe komplett am Reißbrett zu entwerfen, ganz ohne vorhandene Bauteile. Modul-Hangar und Orbit-Lager wurden aufgeräumt (gruppierte Zeilen pro Modultyp statt einer Zeile pro Einzelteil), und Module lassen sich jetzt gestapelt gemeinsam auf einer Rakete starten.' },
      { heading:'Forschung', text:'Der Forschungsbaum wurde komplett neu aufgebaut — ein echter, handytauglicher Tech-Baum mit Zoom und Pan statt eines unübersichtlichen Grids. Forschung dauert jetzt außerdem echte Spielzeit statt sofort abgeschlossen zu sein, und läuft immer nur ein Projekt gleichzeitig.' },
      { heading:'Mars & Erkundung', text:'Nach abgeschlossenem Terraforming lässt sich der Mars jetzt tatsächlich kolonisieren — die nächste Landung mit einem Kolonie-Modul an Bord gründet automatisch eine echte Kolonie mit passivem Einkommen.' },
      { heading:'Erfolge', text:'Neuer Erfolge-Tab mit 20 Meilensteinen in 6 Kategorien (Flotte & Starts, Fertigung, Wirtschaft, Forschung, Erkundung, Sonstiges) — rein zur Anerkennung, ohne Spiel-Effekt.' },
      { heading:'Sonstiges', text:'Der Header zeigt jetzt zusätzlich zur Firmenzeit ein echtes Kalenderdatum, die Sternenkarte zeigt die Restflugzeit unterwegs jetzt live an, und ganz frisch gibt es diesen Patch-Notes-Screen selbst, der genau diese Übersicht direkt auf dem Startbildschirm zeigt.' },
    ]
  },
];
function renderPatchNotes(){
  const wrap = document.getElementById('patchNotesList');
  if(!wrap) return;
  wrap.innerHTML = PATCH_NOTES_BATCHES.map((batch, bi)=>`
    <div style="${bi>0 ? 'margin-top:16px; padding-top:12px; border-top:1px solid var(--border);' : ''}">
      <div style="font-family:'Orbitron',sans-serif; font-size:12.5px; letter-spacing:1px; color:var(--gold, var(--accent)); margin-bottom:2px;">${batch.label}</div>
      <div style="font-size:10px; color:var(--muted); margin-bottom:10px;">${batch.range}</div>
      ${batch.items.map(p=>`
        <div style="margin-bottom:10px;">
          <div style="font-family:'Orbitron',sans-serif; font-size:11px; letter-spacing:1px; color:var(--accent); margin-bottom:4px;">${p.heading}</div>
          <div style="font-size:11.5px; line-height:1.55; color:var(--text);">${p.text}</div>
        </div>
      `).join('')}
    </div>
  `).join('');
}

/* ============================== TUTORIAL / ONBOARDING ============================== */
// NEU (TODO-TUTORIAL, Punkt 2 der IDEENLISTE): kurze Einführungs-Tour. Wird automatisch NUR bei
// der allerersten Firmengründung geöffnet (siehe createNewProfile(), Modus 'found') — NICHT bei
// jedem "Neues Spiel" einer bereits bestehenden Firma und NICHT beim normalen Fortsetzen. Braucht
// deshalb bewusst KEIN eigenes state-Feld/keine Migration: die Anzeige hängt rein am Aufrufort,
// nicht an gespeicherten Daten. Zusätzlich jederzeit über "Einführungs-Tour erneut ansehen" im
// Einstellungen-Modal aufrufbar (btnTutorialReplay).
const TUTORIAL_STEPS = [
  { heading:'👋 Willkommen bei DEEP ANCHOR', text:'Du leitest ab sofort ein privates Raumfahrtunternehmen. Die Zeit läuft von selbst weiter — alle paar Sekunden vergeht ein Firmentag (Geschwindigkeit oben rechts einstellbar, jederzeit pausierbar). Diese kurze Tour zeigt in 6 Schritten die wichtigsten Bereiche.' },
  { heading:'🏭 Fabrik', text:'Im Tab „Fabrik" wählst du ein Chassis (die Grundstruktur) und bestückst es mit Modulen (Antrieb, Instrumente, …) zu einem Satelliten oder einer Sonde. Fertige Bauten landen im Hangar und warten dort auf den Start.' },
  { heading:'🛰️ Orbit-Netzwerk', text:'Im Tab „Orbit-Netzwerk" startest du Fahrzeuge aus dem Hangar per Rakete und weist sie offenen Aufträgen zu — erst eine Zuweisung bringt laufendes Einkommen. Neue Aufträge tauchen automatisch von selbst auf.' },
  { heading:'🔬 Forschung', text:'Im Tab „Forschung" schaltest du neue Chassis, Module und Verbesserungen frei. Es läuft immer nur ein Projekt gleichzeitig und braucht echte Spielzeit — es lohnt sich, vorauszuplanen.' },
  { heading:'⚓ Werft & 🪐 Erkundung', text:'Große Schiffe wie Kolonieschiff oder Frachter entstehen NUR in der „Orbitalwerft", nicht in der Fabrik. Damit erreichst du das Sonnensystem und irgendwann sogar andere Galaxien — inklusive Erstkontakt und Terraforming. Gegründete Kolonien verwaltest du danach im eigenen Tab „Kolonien".' },
  { heading:'📊 Und sonst?', text:'„Statistiken" und „Erfolge" geben dir jederzeit einen Überblick über deine Firmengeschichte. Der Hilfe-Button in den Einstellungen hat außerdem einen Spickzettel „Auftrag → Bauplan" sowie diese Tour zum erneuten Ansehen. Viel Erfolg da draußen!' },
];
let tutorialStepIndex = 0;
function renderTutorialStep(){
  const step = TUTORIAL_STEPS[tutorialStepIndex];
  document.getElementById('tutorialHeading').textContent = step.heading;
  document.getElementById('tutorialBody').textContent = step.text;
  document.getElementById('tutorialDots').innerHTML = TUTORIAL_STEPS.map((_,i)=>
    `<div style="width:6px; height:6px; border-radius:50%; background:${i===tutorialStepIndex?'var(--accent)':'var(--border)'};"></div>`
  ).join('');
  const isFirst = tutorialStepIndex === 0;
  const isLast = tutorialStepIndex === TUTORIAL_STEPS.length-1;
  document.getElementById('btnTutorialBack').style.visibility = isFirst ? 'hidden' : 'visible';
  document.getElementById('btnTutorialSkip').style.display = isLast ? 'none' : '';
  document.getElementById('btnTutorialNext').textContent = isLast ? "Los geht's!" : 'Weiter';
}
function openTutorial(){
  tutorialStepIndex = 0;
  renderTutorialStep();
  document.getElementById('tutorialModal').classList.add('active');
}
function closeTutorial(){
  document.getElementById('tutorialModal').classList.remove('active');
}
document.getElementById('closeTutorialModal').addEventListener('click', closeTutorial);
document.getElementById('btnTutorialSkip').addEventListener('click', ()=>{ Sound.click(); closeTutorial(); });
document.getElementById('btnTutorialBack').addEventListener('click', ()=>{
  if(tutorialStepIndex > 0){ tutorialStepIndex--; renderTutorialStep(); Sound.click(); }
});
document.getElementById('btnTutorialNext').addEventListener('click', ()=>{
  if(tutorialStepIndex < TUTORIAL_STEPS.length-1){
    tutorialStepIndex++; renderTutorialStep(); Sound.click();
  } else {
    closeTutorial(); Sound.buildOk();
  }
});
document.getElementById('btnTutorialReplay').addEventListener('click', ()=>{
  Sound.click();
  document.getElementById('settingsModal').classList.remove('active');
  openTutorial();
});

/* ============================== AUTOSAVE (persistent storage, mit Fallback) ============================== */
const AUTOSAVE_KEY = 'deepanchor_save';
let lastAutosaveTime = 0;

// window.storage gibt's nur innerhalb der Claude-Oberfläche. Lokal im Browser (Datei doppelt angeklickt) gibt's die API nicht -> localStorage als Fallback.
const HAS_ARTIFACT_STORAGE = (typeof window.storage !== 'undefined' && typeof window.storage.set === 'function' && typeof window.storage.get === 'function');
let HAS_LOCAL_STORAGE = false;
try{ const t='__ow_test__'; localStorage.setItem(t,'1'); localStorage.removeItem(t); HAS_LOCAL_STORAGE = true; }catch(err){ HAS_LOCAL_STORAGE = false; }
const STORAGE_MODE = HAS_ARTIFACT_STORAGE ? 'artifact' : (HAS_LOCAL_STORAGE ? 'local' : 'none');

async function storageSet(key, value){
  let result = null;
  if(STORAGE_MODE === 'artifact'){
    result = await window.storage.set(key, value);
  } else if(STORAGE_MODE === 'local'){
    localStorage.setItem(key, value);
    result = { key, value };
  }
  if(window.__cloudUser && window.__cloudSupabase){ window.__cloudUpsert(key, value); }
  return result;
}
async function storageGet(key){
  if(STORAGE_MODE === 'artifact'){
    return await window.storage.get(key, false);
  } else if(STORAGE_MODE === 'local'){
    const v = localStorage.getItem(key);
    if(v === null) throw new Error('not found');
    return { key, value: v };
  }
  throw new Error('kein Speicher verfügbar');
}
// NEU (TODO-ACCOUNT-SYSTEM): fürs Löschen eines Profil-Spielstands beim Profil-Löschen.
async function storageDelete(key){
  if(STORAGE_MODE === 'artifact'){
    try{ await window.storage.delete(key, false); }catch(err){}
  } else if(STORAGE_MODE === 'local'){
    try{ localStorage.removeItem(key); }catch(err){}
  }
  if(window.__cloudUser && window.__cloudSupabase){
    window.__cloudSupabase.from('saves').delete().eq('user_id', window.__cloudUser.id).eq('key', key)
      .then(({error})=>{ if(error) console.warn('Cloud-Löschen fehlgeschlagen für', key, error.message); });
  }
}

/* ============================== ACCOUNT-/PROFIL-SYSTEM (NEU, TODO-ACCOUNT-SYSTEM) ==============================
   Angelehnt an das Profil-System aus AETHERIS: lokale Mehrprofil-Verwaltung OHNE echtes
   Server-Login — kein Passwort, kein Account-Server, nur eine saubere Trennung mehrerer
   unabhängiger Spielstände im selben Browser bzw. derselben Artifact-Storage (z.B. für mehrere
   Testläufe oder mehrere Spieler am selben Gerät). Jedes Profil bekommt seinen eigenen
   Storage-Key (siehe saveKeyForProfile()) — das Hauptprofil (DEFAULT_PROFILE_ID) nutzt bewusst
   weiter den unveränderten AUTOSAVE_KEY, damit bestehende Spielstände garantiert erhalten
   bleiben, ganz ohne Migration. Anders als in AETHERIS ist hier kein location.reload() beim
   Profilwechsel nötig — Deep Anchor lädt den eigentlichen Spielstand ohnehin erst asynchron
   nach Klick auf "Fortsetzen"/"Neues Spiel" (siehe startNewGame()/startContinueGame()), es muss
   also nur CURRENT_SAVE_KEY vor diesem Klick auf den richtigen Wert zeigen. */
const PROFILES_KEY = 'deepanchor_profiles';
const ACTIVE_PROFILE_KEY = 'deepanchor_active_profile';
const DEFAULT_PROFILE_ID = 'main';

async function loadProfilesList(){
  try{
    const res = await storageGet(PROFILES_KEY);
    if(res && res.value){
      const list = JSON.parse(res.value);
      if(Array.isArray(list)) return list;
    }
  }catch(err){ /* noch keine Profile gespeichert -> leere Liste, siehe TODO-FIRMA-GRUENDEN */ }
  return [];
}
async function saveProfilesList(list){
  try{ await storageSet(PROFILES_KEY, JSON.stringify(list)); }catch(err){}
}
async function loadActiveProfileId(){
  try{
    const res = await storageGet(ACTIVE_PROFILE_KEY);
    if(res && res.value) return res.value;
  }catch(err){}
  return DEFAULT_PROFILE_ID;
}
async function persistActiveProfileId(id){
  try{ await storageSet(ACTIVE_PROFILE_KEY, id); }catch(err){}
}
function saveKeyForProfile(id){
  return id === DEFAULT_PROFILE_ID ? AUTOSAVE_KEY : `${AUTOSAVE_KEY}__${id}`;
}

let activeProfileId = DEFAULT_PROFILE_ID;
let CURRENT_SAVE_KEY = AUTOSAVE_KEY;
let cachedProfilesList = [];

function renderProfilePicker(){
  const select = document.getElementById('profileSelect');
  if(!select) return;
  select.innerHTML = cachedProfilesList.map(p=>`<option value="${p.id}" ${p.id===activeProfileId?'selected':''}>${p.name}</option>`).join('');
  document.getElementById('btnDeleteProfile').style.display = activeProfileId === DEFAULT_PROFILE_ID ? 'none' : '';
  // NEU (TODO-ACCOUNT-BUTTON): Name des aktiven Profils im kompakten Startbildschirm-Button anzeigen
  // (der Button ersetzt den vorher immer sichtbaren Profil-Bereich), angelehnt an AETHERIS'
  // profileManageBtnName.
  // BUGFIX (TODO-SCHWIERIGKEITSGRAD-FOLLOWUP): vorher wurde bei leerer Firmenliste
  // manageBtn.textContent komplett überschrieben, was den darin verschachtelten
  // #profileManageBtnName-Span aus dem DOM entfernt hat. Beim nächsten Aufruf (sobald die erste
  // Firma existiert) griff document.getElementById('profileManageBtnName') dann ins Leere (null),
  // und der anschließende manageBtn.appendChild(btnNameEl) ist mit diesem null-Wert
  // fehlgeschlagen — Ergebnis: Button blieb bei "Firma: " ohne Namen stehen. Fix: kein
  // verschachteltes Span mehr, manageBtn.textContent wird jedes Mal direkt und vollständig neu
  // gesetzt. Außerdem auf Wunsch das "Firma: "-Präfix entfernt — der Button zeigt jetzt nur noch
  // den reinen, eingegebenen Firmennamen.
  const manageBtn = document.getElementById('profileManageBtn');
  if(cachedProfilesList.length === 0){
    // Noch keine Firma gegründet -> Button bleibt trotzdem sichtbar/klickbar (sonst kommt man
    // nicht mehr an "Spielstand importieren"/Sammel-Backup ran, siehe TODO-FIRMA-GRUENDEN),
    // zeigt aber keinen (nicht existierenden) Firmennamen an.
    if(manageBtn) manageBtn.textContent = 'Firma verwalten';
  } else {
    const active = cachedProfilesList.find(p=>p.id===activeProfileId);
    if(manageBtn) manageBtn.textContent = active ? active.name : activeProfileId;
  }
}

async function refreshContinueBtnForProfile(){
  const continueBtn = document.getElementById('btnContinueGame');
  if(!continueBtn) return;
  const available = await hasAutosave();
  continueBtn.disabled = !available;
  continueBtn.textContent = available ? 'Fortsetzen' : 'Fortsetzen (kein Spielstand)';
}

async function switchToProfile(id){
  activeProfileId = id;
  await persistActiveProfileId(id);
  CURRENT_SAVE_KEY = saveKeyForProfile(id);
  renderProfilePicker();
  await refreshContinueBtnForProfile();
}

// NEU (TODO-ACCOUNT-BACKUP): Sammel-Export ALLER Profile in eine Datei, angelehnt an AETHERIS.
async function exportAllProfiles(){
  const profiles = await loadProfilesList();
  const saves = {};
  for(const p of profiles){
    try{
      const res = await storageGet(saveKeyForProfile(p.id));
      if(res && res.value) saves[p.id] = res.value;
    }catch(err){ /* Profil ohne Spielstand -> einfach auslassen */ }
  }
  const bundle = {
    type: 'deepanchor-multi-export', v: 1, exportedAt: Date.now(),
    activeProfileId, profiles, saves,
  };
  const blob = new Blob([JSON.stringify(bundle, null, 2)], { type:'application/json' });
  const url = URL.createObjectURL(blob);
  const a = document.createElement('a');
  const stamp = new Date().toISOString().slice(0,19).replace(/[:T]/g,'-');
  a.href = url; a.download = `deepanchor-alle-profile-${stamp}.json`;
  document.body.appendChild(a); a.click(); a.remove();
  URL.revokeObjectURL(url);
  return profiles.length;
}

// Angewandter Sammel-Import: bundle wurde bereits geparst/validiert (siehe Aufrufer). Profile mit
// gleicher ID werden überschrieben (inkl. Spielstand), alle anderen hier vorhandenen Profile
// bleiben unangetastet — gleiches Merge-Prinzip wie in AETHERIS.
async function applyProfilesBundle(bundle){
  const existing = await loadProfilesList();
  const merged = existing.filter(p => !bundle.profiles.some(bp=>bp.id===p.id));
  bundle.profiles.forEach(bp=>merged.push(bp));
  await saveProfilesList(merged);

  for(const [id, raw] of Object.entries(bundle.saves)){
    try{ await storageSet(saveKeyForProfile(id), typeof raw==='string' ? raw : JSON.stringify(raw)); }catch(err){}
  }

  cachedProfilesList = merged;
  if(bundle.activeProfileId && merged.some(p=>p.id===bundle.activeProfileId)){
    await switchToProfile(bundle.activeProfileId);
  } else {
    renderProfilePicker();
    await refreshContinueBtnForProfile();
  }
}


// NEU (TODO-FIRMA-GRUENDEN): "Neue Firma"-Modal jetzt auf Top-Level-Scope gehoben (statt wie vorher
// innerhalb von initProfileSystem() verschachtelt), damit sowohl "+ Neue Firma" im
// Verwaltungs-Modal ALS AUCH der btnNewGame-Handler (siehe init(), löst jetzt bei noch nicht
// gegründeter Firma die Gründung aus) dieselbe openNewProfileModal()-Funktion nutzen können.
const newProfileModal = document.getElementById('newProfileModal');
const newProfileModalTitle = document.getElementById('newProfileModalTitle');
const newProfileModalDesc = document.getElementById('newProfileModalDesc');
const newProfileNameInput = document.getElementById('newProfileNameInput');
let newProfileModalMode = 'create'; // 'create' = normale Firma über die Verwaltung anlegen, 'found' = allererste Firmengründung vor dem allerersten Spielstart (via "Neues Spiel")

// NEU (TODO-SCHWIERIGKEITSGRAD): gemeinsame Hilfsfunktion befüllt ein <select> mit allen
// DIFFICULTIES (sortiert über .order von Sandbox bis Höllisch schwer) und hängt den passenden
// Beschreibungstext an ein Ziel-Element — wird sowohl vom Gründungs-Modal (newProfileModal, Modus
// 'found') als auch vom eigenständigen newGameDifficultyModal genutzt.
function populateDifficultySelect(selectEl, descEl, defaultId){
  const sorted = Object.values(DIFFICULTIES).sort((a,b)=>a.order-b.order);
  selectEl.innerHTML = sorted.map(d=>`<option value="${d.id}" ${d.id===defaultId?'selected':''}>${d.label}</option>`).join('');
  const updateDesc = ()=>{ descEl.textContent = getDifficultyById(selectEl.value).desc; };
  updateDesc();
  selectEl.onchange = updateDesc;
}
function getDifficultyById(id){ return DIFFICULTIES[id] || DIFFICULTIES[DEFAULT_DIFFICULTY]; }

function openNewProfileModal(mode){
  newProfileModalMode = mode || 'create';
  newProfileNameInput.value = '';
  const diffWrap = document.getElementById('newProfileDifficultyWrap');
  if(newProfileModalMode === 'found'){
    newProfileModalTitle.textContent = 'Firma gründen';
    newProfileModalDesc.textContent = 'Bevor es losgeht: Wie soll deine Firma heißen? Der Name bleibt dauerhaft an diesem Spielstand.';
    diffWrap.style.display = '';
    populateDifficultySelect(document.getElementById('newProfileDifficultySelect'), document.getElementById('newProfileDifficultyDesc'), DEFAULT_DIFFICULTY);
  } else {
    newProfileModalTitle.textContent = 'Neue Firma anlegen';
    newProfileModalDesc.textContent = 'Name für die neue Firma — bekommt einen eigenen, komplett unabhängigen Spielstand.';
    diffWrap.style.display = 'none';
  }
  newProfileModal.classList.add('active');
  setTimeout(()=>newProfileNameInput.focus(), 0);
}
function closeNewProfileModal(){
  // Beim Abbrechen der allerersten Firmengründung gibt's nichts, wohin man "abbrechen" könnte
  // (noch keine Firma vorhanden) -> Modal bleibt in diesem Fall offen, Abbrechen/X tun nichts.
  if(newProfileModalMode === 'found' && cachedProfilesList.length === 0) return;
  newProfileModal.classList.remove('active');
}
document.getElementById('btnNewProfile').addEventListener('click', ()=>{ Sound.click(); openNewProfileModal('create'); });
document.getElementById('closeNewProfileModal').addEventListener('click', closeNewProfileModal);
document.getElementById('newProfileCancelBtn').addEventListener('click', closeNewProfileModal);
async function createNewProfile(){
  const name = newProfileNameInput.value.trim();
  if(!name){ newProfileNameInput.focus(); return; }
  const wasFounding = newProfileModalMode === 'found';
  const chosenDifficulty = wasFounding ? document.getElementById('newProfileDifficultySelect').value : null;
  cachedProfilesList = await loadProfilesList();
  // Allererste Firma überhaupt (Gründung) behält bewusst die feste ID/den unveränderten
  // AUTOSAVE_KEY (siehe DEFAULT_PROFILE_ID), damit ein eventuell schon bestehender alter
  // Spielstand ohne Firmenname (aus der Zeit vor diesem System) über "Fortsetzen" weiter
  // erreichbar bleibt — "Neues Spiel"/Gründen überschreibt ihn wie gehabt erst beim tatsächlichen
  // Spielstart.
  const id = (wasFounding && cachedProfilesList.length === 0) ? DEFAULT_PROFILE_ID : `p${Date.now()}_${Math.random().toString(36).slice(2,6)}`;
  cachedProfilesList.push({ id, name });
  await saveProfilesList(cachedProfilesList);
  Sound.buildOk();
  newProfileModal.classList.remove('active');
  await switchToProfile(id);
  if(wasFounding){
    await startNewGame(chosenDifficulty);
    // NEU (TODO-TUTORIAL): Tour nur bei DIESER allerersten Gründung, nicht bei jedem weiteren
    // "Neues Spiel" (siehe openNewGameDifficultyModal() — nutzt bewusst nicht createNewProfile()).
    openTutorial();
  }
}
document.getElementById('newProfileCreateBtn').addEventListener('click', createNewProfile);
newProfileNameInput.addEventListener('keydown', (e)=>{ if(e.key==='Enter') createNewProfile(); });

// NEU (TODO-SCHWIERIGKEITSGRAD): "Neues Spiel" für eine bereits existierende Firma (kein
// Gründungs-Modal mehr, siehe btnNewGame-Handler) fragt trotzdem die Schwierigkeit ab, bevor der
// bisherige Spielstand dieser Firma überschrieben wird.
const newGameDifficultyModal = document.getElementById('newGameDifficultyModal');
function openNewGameDifficultyModal(){
  populateDifficultySelect(document.getElementById('newGameDifficultySelect'), document.getElementById('newGameDifficultyDesc'), DEFAULT_DIFFICULTY);
  newGameDifficultyModal.classList.add('active');
}
function closeNewGameDifficultyModal(){ newGameDifficultyModal.classList.remove('active'); }
document.getElementById('closeNewGameDifficultyModal').addEventListener('click', closeNewGameDifficultyModal);
document.getElementById('newGameDifficultyCancelBtn').addEventListener('click', closeNewGameDifficultyModal);
document.getElementById('newGameDifficultyStartBtn').addEventListener('click', async ()=>{
  const chosenDifficulty = document.getElementById('newGameDifficultySelect').value;
  Sound.buildOk();
  closeNewGameDifficultyModal();
  await startNewGame(chosenDifficulty);
});

async function initProfileSystem(){
  activeProfileId = await loadActiveProfileId();
  cachedProfilesList = await loadProfilesList();
  if(cachedProfilesList.length && !cachedProfilesList.find(p=>p.id===activeProfileId)){
    // Aktives Profil existiert nicht mehr (z.B. in einer anderen Sitzung gelöscht) -> Fallback aufs Hauptprofil
    activeProfileId = DEFAULT_PROFILE_ID;
    await persistActiveProfileId(activeProfileId);
  }
  CURRENT_SAVE_KEY = saveKeyForProfile(activeProfileId);
  renderProfilePicker();

  document.getElementById('profileSelect').addEventListener('change', async (e)=>{
    Sound.click();
    await switchToProfile(e.target.value);
  });

  // NEU (TODO-ACCOUNT-BUTTON): kompakter "Profil: <Name>"-Button auf dem Startbildschirm öffnet
  // das Verwaltungs-Modal (profileManageModal) mit Dropdown + Neues-Profil/Löschen/Sammel-Backup —
  // angelehnt an AETHERIS' profileManageBtn/profileManageModalOverlay. Die Buttons darin
  // (btnNewProfile, btnDeleteProfile, btnAccountBackup) sind unverändert und öffnen ihre jeweiligen
  // Modals einfach "über" diesem Modal (per .active-Klasse, kein Schließen nötig).
  const profileManageModal = document.getElementById('profileManageModal');
  document.getElementById('profileManageBtn').addEventListener('click', ()=>{
    Sound.click();
    profileManageModal.classList.add('active');
  });
  document.getElementById('closeProfileManageModal').addEventListener('click', ()=>{
    profileManageModal.classList.remove('active');
  });

  const deleteProfileModal = document.getElementById('deleteProfileModal');
  function closeDeleteProfileModal(){ deleteProfileModal.classList.remove('active'); }
  document.getElementById('btnDeleteProfile').addEventListener('click', ()=>{
    if(activeProfileId === DEFAULT_PROFILE_ID) return; // Hauptprofil ist geschützt, Button ist dafür eh ausgeblendet
    const target = cachedProfilesList.find(p=>p.id===activeProfileId);
    document.getElementById('deleteProfileText').textContent = `Firma „${target ? target.name : activeProfileId}" wirklich unwiderruflich löschen? Der komplette Spielstand dieser Firma geht dabei verloren — das kann nicht rückgängig gemacht werden.`;
    Sound.click();
    deleteProfileModal.classList.add('active');
  });
  document.getElementById('closeDeleteProfileModal').addEventListener('click', closeDeleteProfileModal);
  document.getElementById('deleteProfileCancelBtn').addEventListener('click', closeDeleteProfileModal);
  document.getElementById('deleteProfileConfirmBtn').addEventListener('click', async ()=>{
    const idToDelete = activeProfileId;
    if(idToDelete === DEFAULT_PROFILE_ID) return;
    cachedProfilesList = await loadProfilesList();
    cachedProfilesList = cachedProfilesList.filter(p=>p.id!==idToDelete);
    await saveProfilesList(cachedProfilesList);
    await storageDelete(saveKeyForProfile(idToDelete));
    Sound.warn();
    closeDeleteProfileModal();
    await switchToProfile(DEFAULT_PROFILE_ID);
  });

  // NEU (TODO-ACCOUNT-BACKUP): Sammel-Export/-Import-Modal
  const accountBackupModal = document.getElementById('accountBackupModal');
  const accountBackupInfo = document.getElementById('accountBackupInfo');
  const importPreview = document.getElementById('importAllProfilesPreview');
  const importPreviewText = document.getElementById('importAllProfilesPreviewText');
  let pendingImportBundle = null;

  async function openAccountBackupModal(){
    importPreview.style.display = 'none';
    pendingImportBundle = null;
    const count = cachedProfilesList.length;
    accountBackupInfo.textContent = `${count} ${count===1?'Firma':'Firmen'} in diesem Browser gefunden.`;
    accountBackupModal.classList.add('active');
  }
  function closeAccountBackupModal(){ accountBackupModal.classList.remove('active'); }

  document.getElementById('btnAccountBackup').addEventListener('click', ()=>{ Sound.click(); openAccountBackupModal(); });
  document.getElementById('closeAccountBackupModal').addEventListener('click', closeAccountBackupModal);

  document.getElementById('exportAllProfilesBtn').addEventListener('click', async ()=>{
    Sound.click();
    const count = await exportAllProfiles();
    accountBackupInfo.textContent = `✓ ${count} ${count===1?'Firma':'Firmen'} exportiert.`;
  });

  document.getElementById('importAllProfilesBtn').addEventListener('click', ()=>{
    Sound.click();
    document.getElementById('importAllProfilesFile').click();
  });
  document.getElementById('importAllProfilesFile').addEventListener('change', (e)=>{
    const file = e.target.files[0];
    e.target.value = '';
    if(!file) return;
    const reader = new FileReader();
    reader.onload = ()=>{
      try{
        const bundle = JSON.parse(reader.result);
        if(!bundle || bundle.type !== 'deepanchor-multi-export' || !Array.isArray(bundle.profiles) || !bundle.saves){
          throw new Error('Datei enthält keinen gültigen Deep-Anchor-Sammel-Export (alle Profile).');
        }
        pendingImportBundle = bundle;
        const names = bundle.profiles.map(p=>p.name).join(', ');
        importPreviewText.textContent = `${bundle.profiles.length} Firma(en) importieren: ${names}\n\nFirmen mit gleicher ID werden in diesem Browser überschrieben (inkl. Spielstand). Andere, hier nicht in der Datei enthaltene Firmen bleiben unangetastet erhalten.`;
        importPreview.style.display = 'block';
      }catch(err){
        accountBackupInfo.textContent = `⚠ Import fehlgeschlagen: ${err.message}`;
      }
    };
    reader.onerror = ()=>{ accountBackupInfo.textContent = '⚠ Datei konnte nicht gelesen werden.'; };
    reader.readAsText(file);
  });
  document.getElementById('importAllProfilesCancelBtn').addEventListener('click', ()=>{
    pendingImportBundle = null;
    importPreview.style.display = 'none';
  });
  document.getElementById('importAllProfilesConfirmBtn').addEventListener('click', async ()=>{
    if(!pendingImportBundle) return;
    Sound.buildOk();
    await applyProfilesBundle(pendingImportBundle);
    const count = pendingImportBundle.profiles.length;
    pendingImportBundle = null;
    importPreview.style.display = 'none';
    accountBackupInfo.textContent = `✓ ${count} ${count===1?'Firma':'Firmen'} importiert.`;
  });
}


function updateAutosaveStatus(text){
  const el = document.getElementById('autosaveStatus');
  if(el) el.textContent = text;
}

function autosave(force){
  if(STORAGE_MODE === 'none'){
    updateAutosaveStatus('⚠ Kein Autosave verfügbar — bitte manuell exportieren');
    return;
  }
  const now = Date.now();
  if(!force && now - lastAutosaveTime < 3000) return;
  lastAutosaveTime = now;
  (async ()=>{
    try{
      const result = await storageSet(CURRENT_SAVE_KEY, JSON.stringify(state));
      if(result){
        state.lastSaveDay = state.day;
        const tag = STORAGE_MODE === 'local' ? ' (lokal)' : '';
        updateAutosaveStatus(`Auto-gespeichert${tag} · Tag ${state.day}`);
      } else {
        updateAutosaveStatus('⚠ Autosave fehlgeschlagen');
      }
    }catch(err){
      updateAutosaveStatus('⚠ Autosave fehlgeschlagen');
    }
  })();
}

// BUGFIX (v4-22): state = Object.assign(freshState(), loaded) ist nur für Top-Level-Felder ein
// echtes "neues Feld defaultet automatisch"-Verhalten. Sobald loaded bereits ein eigenes
// stats-Objekt mitbringt (praktisch jeder nicht mehr brandneue Spielstand), überschreibt
// Object.assign das GESAMTE freshState().stats mit dem geladenen stats — neue Unter-Felder wie
// monthlyMoneyHistory (siehe recordMonthlyMoneySample()) fehlen dann komplett (undefined statt []),
// was in tick() zu einem Absturz führt. Zentrale Stelle für alle drei Lade-Wege (Autosave, beide
// manuellen Datei-Importe): mergt stats gezielt eine Ebene tief, alles andere wie bisher.
function mergeLoadedGameState(loaded){
  const fresh = freshState();
  // BUGFIX (v4-26): fresh und merged sind nach Object.assign(fresh, loaded) dasselbe Objekt —
  // Object.assign(fresh, loaded) überschreibt dabei AUCH fresh.stats direkt mit loaded.stats
  // (loaded hat ja selbst ein eigenes stats-Feld). Die Zeile danach griff deshalb beim Lesen von
  // "fresh.stats" gar nicht mehr auf die echten Default-Werte zu, sondern bereits auf die alten,
  // unvollständigen loaded.stats — der eigentliche Zweck dieser Funktion (fehlende neue
  // stats-Unterfelder wie monthlyMoneyHistory bei alten Spielständen ergänzen) griff dadurch NIE,
  // exakt der Fehler, den dieser Fix eigentlich beheben sollte. Daher hier vorher separat sichern.
  const freshStats = fresh.stats;
  const merged = Object.assign(fresh, loaded);
  merged.stats = Object.assign({}, freshStats, loaded && loaded.stats ? loaded.stats : {});
  // NEU (v4-31, TODO-NETZWERK-UNTERFIRMEN): Migration alter Spielstände (bis v4-30) mit dem
  // damaligen Singular-Feld state.ownNetwork ({active,type,satIds,totalEarned}) auf das neue
  // Array state.ownNetworks — Object.assign oben kopiert das alte Feld einfach unverändert mit
  // (anderer Name als ownNetworks, kollidiert also nicht), ohne diese Migration bliebe ein
  // bestehendes aktives Netzwerk beim Laden aber unsichtbar/unbespielbar, weil der restliche Code
  // nur noch ownNetworks kennt.
  if(loaded && loaded.ownNetwork && loaded.ownNetwork.active
     && (!loaded.ownNetworks || loaded.ownNetworks.length===0)){
    const oldType = loaded.ownNetwork.type;
    const nt = NETWORK_TYPES[oldType];
    merged.ownNetworks = [{
      id: merged.nextNetworkSubId++,
      name: nt ? nt.namePool[Math.floor(Math.random()*nt.namePool.length)] : 'Unterfirma',
      type: oldType,
      satIds: loaded.ownNetwork.satIds || [],
      totalEarned: loaded.ownNetwork.totalEarned || 0,
    }];
  }
  delete merged.ownNetwork; // altes Feld wird nicht mehr genutzt, siehe ownNetworks oben
  // NEU (TODO-LOGBUCH-TAB-BLINKEN): alte Spielstände kennen logbookLastSeen noch nicht -- ohne
  // Migration würde Object.assign()/freshState() das auf 0 defaulten und der Logbuch-Tab würde
  // beim ersten Laden fälschlich für JEDEN bereits vorhandenen Alteintrag blinken. Stattdessen auf
  // die aktuelle Länge setzen, sodass nur wirklich neue Einträge ab jetzt das Blinken auslösen.
  if(!loaded || loaded.logbookLastSeen === undefined){
    merged.logbookLastSeen = merged.logbook.length;
  }
  // NEU (TODO-RAUMSTATION): defensive Migration falls ein alter Spielstand bereits eine Station
  // besitzt, aber (noch) nicht alle Unterfelder (z.B. buildQueue) — siehe ensureStationDefaults().
  state = merged;
  ensureStationDefaults();
  return merged;
}

async function loadAutosave(){
  if(STORAGE_MODE === 'none') return false;
  try{
    const res = await storageGet(CURRENT_SAVE_KEY);
    if(res && res.value){
      const loaded = JSON.parse(res.value);
      state = mergeLoadedGameState(loaded);
      // Migration: ältere Spielstände kannten noch kein Ladungs-Kontingent für Drohnen —
      // vorhandene Drohnen bekommen dann ihre volle Lebensdauer gutgeschrieben.
      if(loaded.repairDroneCharges === undefined && state.repairDrones > 0){
        state.repairDroneCharges = state.repairDrones * REPAIR_DRONE_CAPACITY;
      }
      ensureFoundingDate(); // Migration: alte Spielstände ohne Gründungsdatum bekommen eins rückgerechnet
      toast(`Automatischer Spielstand geladen — Tag ${state.day}.`, 'good');
      return true;
    }
  }catch(err){
    // kein vorheriger Spielstand vorhanden — frisches Spiel
  }
  return false;
}

/* ============================== INIT ============================== */
function beginCommonGameLoop(){
  // NEU (TODO-SCHWIERIGKEITSGRAD): zentraler Aufruf hier statt einzeln in startNewGame()/
  // startContinueGame()/Speicherstand-Import — beginCommonGameLoop() ist der einzige gemeinsame
  // Einstiegspunkt in den eigentlichen Spielbetrieb, state.difficulty ist an dieser Stelle in
  // jedem Fall bereits final gesetzt (frisch oder aus geladenem Spielstand).
  applyDifficultyCostScaling();
  initOrbitCanvasClicks();
  initColonyOrbitCanvasClicks();
  initGalaxyHubClicks();
  initGalaxyMapClicks(); // NEU (TODO-STERNSYSTEM-KARTEN)
  initGalaxyDetailMapClicks(); // NEU (TODO-GALAXIE-PLANETENKARTEN)
  attachMapPanZoom('solarMapCanvas', { minZoom:0.5, maxZoom:2.5, redraw:drawSolarMap, resetBtnId:'btnResetSolarView' });
  attachMapPanZoom('galaxyMapCanvas', { minZoom:0.5, maxZoom:2.5, redraw:drawGalaxyMap, resetBtnId:'btnResetGalaxyMapView' });
  attachMapPanZoom('starSystemMapCanvas', { minZoom:0.5, maxZoom:2.5, redraw:()=>drawStarSystemMap(selectedStarSystemId), resetBtnId:'btnResetStarSystemView' }); // NEU (TODO-STERNSYSTEM-KARTEN)
  attachMapPanZoom('andromedaMapCanvas', { minZoom:0.5, maxZoom:2.5, redraw:()=>drawGalaxyDetailMap(selectedGalaxyId), resetBtnId:'btnResetAndromedaView' });
  attachMapPanZoom('targetPlanetMapCanvas', { minZoom:0.5, maxZoom:2.5, redraw:()=>drawStarSystemMap(selectedGalaxyTargetId,'targetPlanetMapCanvas'), resetBtnId:'btnResetGalaxyTargetView' }); // NEU (TODO-GALAXIE-PLANETENKARTEN)
  // NEU (TODO-ACHIEVEMENTS): einmaliger STILLER Nachtrag VOR dem ersten renderAll() — falls der
  // geladene Spielstand (Autosave/Import) bereits Meilensteine erreicht hat, die es beim letzten
  // Speichern noch nicht gab (z.B. weil das Achievement-System erst nachträglich ergänzt wurde),
  // werden die sofort nachgetragen, aber OHNE Toast/Sound-Flut. renderAll() ruft
  // checkAchievements() danach ganz normal (nicht-still) für alles Weitere während des Spiels auf.
  // NEU (TODO-STATISTIKEN-GESAMT-FIX): monthlyMoneyHistory (siehe recordMonthlyMoneySample())
  // füllt sich nur an Tag 1 oder Vielfachen von 30 — ein geladener Altspielstand, der z.B. bei
  // Tag 214 steht, hätte sonst bis zum nächsten Monatswechsel eine leere "Gesamt"-Ansicht. Hier
  // einmalig ein Startpunkt mit dem aktuellen Stand nachgetragen, falls noch keiner existiert.
  if(state.stats.monthlyMoneyHistory.length === 0){
    state.stats.monthlyMoneyHistory.push({ day: state.day, money: state.money });
  }
  checkAchievements(true);
  checkLogbookEntries(true);
  renderAll();
  requestAnimationFrame(drawOrbitScene);
  requestAnimationFrame(drawColonyOrbitScene);
  applyGameSpeed(state.gameSpeed || 1);
  window.addEventListener('resize', ()=>{ renderBuild(); drawSolarMap(); drawGalaxyMap(); drawGalaxyHub(); drawGalaxyDetailMap(selectedGalaxyId); if(selectedStarSystemId) drawStarSystemMap(selectedStarSystemId); if(selectedGalaxyTargetId) drawStarSystemMap(selectedGalaxyTargetId,'targetPlanetMapCanvas'); fitAllDosAsciiMaps(); });
  document.addEventListener('visibilitychange', ()=>{
    if(document.visibilityState === 'hidden') autosave(true);
  });
  window.addEventListener('pagehide', ()=>{ autosave(true); });
}

function showGameRoot(){
  document.getElementById('startScreen').style.display = 'none';
  document.getElementById('gameRoot').style.display = '';
  if (window.stopWarpTunnel) window.stopWarpTunnel();
  // GEÄNDERT (Grafik-Fix: "beim Boot kommt das Rückkehr-Popup, müsste erst nach dem Abspielen oder
  // nach Überspringen erscheinen, sonst zerstört es den Effekt"): playDosBootSequence() gibt jetzt
  // ein Promise zurück, das erst auflöst, wenn der Boot fertig durchgelaufen ODER übersprungen
  // wurde (siehe dort) — showGameRoot() reicht dieses Promise einfach durch, damit Aufrufer wie
  // startContinueGame() ein Popup (z.B. "Während du weg warst") erst NACH dem Boot zeigen können,
  // statt es dem noch laufenden Boot-Overlay zu überlagern.
  return playDosBootSequence();
}

// NEU (v4-39, TODO-DOS-BOOTSTREAM-EPIC, auf Nutzerwunsch: "beim Boot noch mehr Boot-Sachen ...
// noch epischer"): Retro-Boot-Textstream, läuft einmalig bei jedem Spieleintritt (Neues Spiel /
// Fortsetzen / Import) über dem bereits sichtbaren gameRoot. Gegenüber v4-38 erweitert um:
//   - ASCII-Art-Logo (per pyfiglet generiert, Font "ansi_shadow"), blitzt beim Start hell auf
//   - zwei animierte Fortschrittsbalken (echte Objekte statt reiner Zeilen-Strings, siehe
//     DOS_BOOT_LINES: {progress:'...', ms:...}), simuliert per JS-Intervall statt CSS
//   - dezente Tastatur-Blips (Sound.tone(), jeder 3. Buchstabe) sowie ein Bestätigungs-Blip nach
//     jeder [ OK ]-Zeile und ein Abschluss-Akkord bei "ANCHOR-OS BEREIT." (Sound.buildOk())
//   - Gesamtdauer jetzt ~35-40s statt der ursprünglichen ~30s
// Reines JS-Timing statt CSS-Keyframes, da Zeilenanzahl/-länge/-typ (Text vs. Fortschrittsbalken)
// variabel ist. Klick/Taste überspringt jederzeit sofort. Das unter "Darstellung" gewählte
// Farbschema/Muster ist bereits ab Splash-Screen aktiv (siehe initUITheme()), gilt also auch
// während des kompletten Bootstreams unverändert weiter.
const DOS_BOOT_BANNER = ` __  __  ____    ___  ____   ____    _       ____    _    __  __ _____ ____     ___  ____
|  \\/  |/ ___|  / _ \\|  _ \\ / ___|  / \\     / ___|  / \\  |  \\/  | ____/ ___|   / _ \\/ ___|
| |\\/| | |     | | | | |_) | |     / _ \\   | |  _  / _ \\ | |\\/| |  _| \\___ \\  | | | \\___ \\
| |  | | |___  | |_| |  _ <| |___ / ___ \\  | |_| |/ ___ \\| |  | | |___ ___) | | |_| |___) |
|_|  |_|\\____|  \\___/|_| \\_\\\\____/_/   \\_\\  \\____/_/   \\_\\_|  |_|_____|____/   \\___/|____/`;
// NEU (TODO-BOOT-BANNER-MOBILE, Nutzer-Wunsch: "GAMES OS unter MC ORCA packen für Hochformat-
// Ansicht am Handy"): DOS_BOOT_BANNER ist als durchgehende Zeile ~90 Zeichen breit -- selbst beim
// kleinsten Font (9.5px, siehe .dos-boot-banner) auf einem schmalen Hochformat-Handy breiter als
// der Bildschirm, bisher nur mit horizontalem Scrollen (overflow-x:auto) statt echter Anpassung
// lösbar. Statt den Banner-Text neu zu erfinden, wird der bestehende exakt an der Wortlücke
// zwischen "ORCA" und "GAMES" in zwei Teile zerlegt (Spalte 42 von 90, ermittelt indem alle
// Zeilen gemeinsam auf durchgängige Leerspalten geprüft wurden -- so bleibt die Blockschrift jedes
// einzelnen Buchstabens exakt erhalten, kein manuelles Nachzeichnen nötig) und untereinander
// gestapelt. Wird per JS unterhalb einer Breakpoint-Breite ausgewählt, siehe playDosBootSequence().
const DOS_BOOT_BANNER_STACKED = ` __  __  ____    ___  ____   ____    _    
|  \\/  |/ ___|  / _ \\|  _ \\ / ___|  / \\   
| |\\/| | |     | | | | |_) | |     / _ \\  
| |  | | |___  | |_| |  _ <| |___ / ___ \\ 
|_|  |_|\\____|  \\___/|_| \\_\\\\____/_/   \\_\\
  ____    _    __  __ _____ ____     ___  ____
 / ___|  / \\  |  \\/  | ____/ ___|   / _ \\/ ___|
| |  _  / _ \\ | |\\/| |  _| \\___ \\  | | | \\___ \\
| |_| |/ ___ \\| |  | | |___ ___) | | |_| |___) |
 \\____/_/   \\_\\_|  |_|_____|____/   \\___/|____/`;
// NEU (Retro-Boot-Effekte, auf Nutzerwunsch: "vielleicht Firmennamen nutzen oder so, das was man
// eingibt"): DOS_BOOT_LINES ist jetzt kein statisches Array mehr, sondern wird bei jedem Boot per
// generateDosBootLines() frisch aus dem aktuellen Spielstand + Profil gebaut — Firmenname,
// Schwierigkeitsgrad, Firmenzeit, Guthaben sowie Kolonie-/Flottenstatus werden live eingesetzt.
// Zusätzlich ein bisschen Zufalls-Variation (CPU-Takt, Reihenfolge der Hintergrunddienste,
// Easter-Egg-Zeile), damit nicht jeder Boot exakt gleich aussieht.
function shuffleArr(arr){
  const a = arr.slice();
  for(let i=a.length-1;i>0;i--){ const j=Math.floor(Math.random()*(i+1)); [a[i],a[j]]=[a[j],a[i]]; }
  return a;
}
function pickRandom(arr){ return arr[Math.floor(Math.random()*arr.length)]; }
function getBootContext(){
  let companyName = 'Unbekannt';
  try{
    const p = cachedProfilesList.find(p=>p.id===activeProfileId);
    if(p && p.name) companyName = p.name;
  }catch(err){}
  let difficultyLabel = 'Normal';
  try{ difficultyLabel = getDifficulty().label; }catch(err){}
  return {
    companyName,
    difficultyLabel,
    day: (typeof state !== 'undefined' && state && state.day) ? state.day : 1,
    moneyStr: (typeof state !== 'undefined' && state) ? fmtMoney(state.money) : '€0',
    coloniesCount: (typeof state !== 'undefined' && state && state.colonies) ? state.colonies.length : 0,
    fleetCount: (typeof state !== 'undefined' && state && state.orbitSats) ? state.orbitSats.length : 0,
  };
}
const EASTER_EGG_VARIANTS = [
  ["WARNUNG: Unbekanntes Objekt in Sensorreichweite", "  ... Signatur bekannt. Ignoriert. (Kaffeetasse der Crew)"],
  ["WARNUNG: Ungewoehnliche Geraeuschsignatur erkannt", "  ... Quelle identifiziert. Ignoriert. (Kollege pfeift wieder Weltraum-Schlager)"],
  ["WARNUNG: Thermisches Signal ausserhalb der Norm", "  ... Ursache gefunden. Ignoriert. (Kaffeemaschine im Dauerbetrieb)"],
];
const CPU_CLOCK_VARIANTS = ["4.3 THz","4.7 THz","4.9 THz","5.1 THz"];
function generateDosBootLines(){
  const ctx = getBootContext();
  const bgServices = shuffleArr([
    "  [ OK ] Autosave-Daemon",
    "  [ OK ] Markt-Ticker",
    "  [ OK ] Ereignisplaner",
    "  [ OK ] Kollisionswarnsystem",
  ]);
  const easterEgg = pickRandom(EASTER_EGG_VARIANTS);
  // NEU (TODO-BOOT-COPYRIGHT-JAHR, Nutzer-Klarstellung: Copyright-Jahr = Erstellungsjahr des
  // Spiels, kein "heute"-Wert -- ein dynamisches new Date().getFullYear() wäre falsch gewesen und
  // würde sich in Zukunft munter weiterschieben, obwohl Copyright-Jahre per Konvention fest das
  // Jahr der Erstellung sind (so wie z.B. "© 2024 Firma" auch Jahre später "2024" bleibt). Fest
  // auf 2026 (Erstellungsjahr), keine Berechnung mehr nötig.
  const bootCopyrightYear = 2026;
  return [
    "ANCHOR SYSTEMS BIOS v4.39",
    `(C) ${bootCopyrightYear} Anchor Systems Ltd. Alle Rechte vorbehalten.`,
    "",
    `Firma ................... ${ctx.companyName} [OK]`,
    `Sicherheitsstufe ......... ${ctx.difficultyLabel}`,
    "",
    `CPU ...................... Quantum Core i9-X @ ${pickRandom(CPU_CLOCK_VARIANTS)}`,
    "Speichertest .............. 65536K OK",
    "Sicherheitsmodul .......... TPM 3.2 verifiziert",
    "",
    "Suche Laufwerke...",
    "  Primary Master ... DEEP-ANCHOR-SSD-01 [OK]",
    "  Primary Slave  ... NONE",
    "  Backup-Array    ... 3x REDUNDANT [OK]",
    "",
    { progress: "Pruefe Dateisystem-Integritaet", ms: 1600 },
    "",
    "Lade ANCHOR-OS Kernel v9.2...",
    "Initialisiere Treiber:",
    "  [ OK ] Lebenserhaltungs-Interface",
    "  [ OK ] Navigationsarray",
    "  [ OK ] Auftrags-Engine",
    "  [ OK ] Handelsroutenverwaltung",
    "  [ OK ] Kolonie-Netzwerk-Uplink",
    "  [ OK ] Orbitaltelemetrie",
    "  [ OK ] Galaxiekarten-Renderer",
    "  [ OK ] Flottenleitsystem",
    "",
    "Binde Dateisysteme ein...",
    "  /firmen             ... eingebunden",
    "  /auftraege           ... eingebunden",
    "  /kolonien            ... eingebunden",
    "  /spielstaende        ... eingebunden",
    "",
    { progress: "Kompiliere Sternkarten-Cache", ms: 2000 },
    "",
    "Baue Deep-Space-Uplink auf...",
    "  Signal ................ erfasst",
    "  Latenz ................ 12ms",
    "  Handshake ............. abgeschlossen",
    "  Verschluesselung ...... AES-4096",
    "",
    easterEgg[0],
    easterEgg[1],
    "",
    "Starte Hintergrunddienste...",
    ...bgServices,
    "",
    "Pruefe Firmenregister... OK",
    `Firmenzeit ............... Tag ${ctx.day} synchronisiert`,
    `Kontostand ................ ${ctx.moneyStr} verifiziert`,
    `Kolonie-Netzwerk .......... ${ctx.coloniesCount} aktive Kolonie(n) erkannt`,
    `Flottenregister ........... ${ctx.fleetCount} Einheit(en) erfasst`,
    "Lade Spieldaten... OK",
    "",
    "ANCHOR-OS BEREIT.",
    "",
    `Willkommen an Bord, ${ctx.companyName}.`
  ];
}
function renderProgressLine(label, pct, width=24){
  const filled = Math.max(0, Math.min(width, Math.round(width * pct/100)));
  const bar = '█'.repeat(filled) + '░'.repeat(width-filled);
  return `${label} [${bar}] ${String(pct).padStart(3,' ')}%`;
}
let dosBootToken = 0;
// NEU (Retro-Boot-Effekte): welche Zeilen ein Disketten-/Festplatten-Zugriffsgeräusch bzw. den
// Modem-Sound auslösen, exakt an den entsprechenden DOS_BOOT_LINES-Text gekoppelt.
const DISK_ACCESS_LINES = new Set([
  "  Primary Master ... DEEP-ANCHOR-SSD-01 [OK]",
  "  Primary Slave  ... NONE",
  "  Backup-Array    ... 3x REDUNDANT [OK]",
  "  /firmen             ... eingebunden",
  "  /auftraege           ... eingebunden",
  "  /kolonien            ... eingebunden",
  "  /spielstaende        ... eingebunden",
]);
const MODEM_LINE = "Baue Deep-Space-Uplink auf...";
function playDosBootSequence(){
  return new Promise((resolve)=>{
  const overlay = document.getElementById('dosBootOverlay');
  const textEl = document.getElementById('dosBootText');
  const bannerEl = document.getElementById('dosBootBanner');
  const bannerStackedEl = document.getElementById('dosBootBannerStacked');
  if(!overlay || !textEl) { resolve(); return; }
  const DOS_BOOT_LINES = generateDosBootLines(); // NEU: pro Boot frisch generiert (Firmenname, Tag, Guthaben, Zufalls-Variation, ...)
  const myToken = ++dosBootToken; // verhindert Überlappung, falls Funktion mehrfach kurz hintereinander aufgerufen wird
  const totalCharBudgetMs = 24000; // Zeit fürs Tippen aller reinen Textzeilen (Fortschrittsbalken laufen separat, siehe unten)
  const totalChars = DOS_BOOT_LINES.reduce((n,l)=> n + (typeof l === 'string' ? Math.max(l.length,1) : 0), 0);
  const perCharMs = Math.min(28, Math.max(9, totalCharBudgetMs / Math.max(totalChars,1)));
  const interLineMs = 130; // Pause zwischen Zeilen
  const finalHoldMs = 2600; // Pause auf der letzten Zeile mit blinkendem Cursor, vor dem Ausblenden
  const bannerRevealMs = 900; // Pause nach dem ASCII-Logo-Aufblitzen, bevor der Textstream beginnt

  textEl.textContent = '';
  textEl.classList.add('typing'); // NEU: blinkender Terminal-Cursor am Zeilenende (::after, CSS oben)
  // NEU (TODO-BOOT-BANNER-MOBILE): beide Varianten IMMER befüllen -- welche sichtbar ist,
  // entscheidet ausschließlich CSS (.dos-boot-banner-wide/-stacked, 700px-Breakpoint), nicht mehr
  // eine einmalige JS-Breitenprüfung hier (die z.B. bei Zoom/DevTools-Emulation vom tatsächlichen
  // CSS-Viewport abweichen konnte -- siehe Nutzer-Feedback "hast du leider nicht drunter gelegt").
  [bannerEl, bannerStackedEl].forEach(el=>{
    if(!el) return;
    el.textContent = (el===bannerStackedEl) ? DOS_BOOT_BANNER_STACKED : DOS_BOOT_BANNER;
    // Animation neu anstoßen (falls die Sequenz schon einmal in dieser Sitzung lief, siehe
    // TODO-ZURUECK-ZUR-STARTSEITE-Flow): ohne Reflow-Trick würde die CSS-Animation beim zweiten
    // Aufruf nicht erneut abspielen.
    el.style.animation = 'none';
    void el.offsetWidth;
    el.style.animation = '';
  });
  overlay.classList.remove('fading', 'crt-poweroff');
  overlay.classList.add('visible');
  // NEU (Retro-Boot-Effekte): CRT-Einschalt-Flicker + POST-Beep — Reflow-Trick wie beim Banner,
  // damit die Animation auch bei einem zweiten Boot in derselben Sitzung erneut abspielt.
  overlay.classList.remove('crt-poweron');
  void overlay.offsetWidth;
  overlay.classList.add('crt-poweron');
  try{ Sound.postBeep(); }catch(err){}
  const prevBodyOverflow = document.body.style.overflow; // NEU: Body-Scroll sperren, solange der
  document.body.style.overflow = 'hidden'; // Boot-Overlay sichtbar ist — verhindert, dass ein
    // Wheel/Touch-Scroll-Event, das das (jetzt overflow:hidden) Overlay selbst nicht mehr
    // verarbeitet, stattdessen zum dahinterliegenden gameRoot durchgereicht wird (Scroll-Chaining).

  let finished = false;
  let timeoutIds = [];
  const clearAllTimers = ()=>{ timeoutIds.forEach(id=>clearTimeout(id)); timeoutIds = []; };
  let renderedLines = [];
  const redraw = ()=>{ textEl.textContent = renderedLines.join('\n'); overlay.scrollTop = overlay.scrollHeight; };

  const finishNow = ()=>{
    if(finished || myToken !== dosBootToken) return;
    finished = true;
    clearAllTimers();
    textEl.textContent = DOS_BOOT_LINES.map(l => typeof l==='string' ? l : renderProgressLine(l.progress,100)).join('\n');
    overlay.scrollTop = overlay.scrollHeight;
    overlay.classList.remove('crt-poweron');
    overlay.classList.add('crt-poweroff'); // NEU: Röhren-Ausschaltkollaps statt reinem Opacity-Fade
    textEl.classList.remove('typing'); // NEU: blinkender Cursor verschwindet mit dem letzten Frame
    document.body.style.overflow = prevBodyOverflow; // NEU: Body-Scroll wieder freigeben
    unlockTheme(); // NEU: eigenes/eingestelltes Farbschema+Muster greift erst ab hier wieder
    setTimeout(()=>{
      if(myToken !== dosBootToken) return;
      overlay.classList.remove('visible','fading','crt-poweroff');
      overlay.removeEventListener('click', skipHandler);
      document.removeEventListener('keydown', skipHandler);
      resolve(); // NEU: Boot ist jetzt WIRKLICH fertig (Overlay komplett weg) — erst ab hier dürfen
                 // Popups wie "Während du weg warst" erscheinen, siehe showGameRoot()/startContinueGame()
    }, 550);
  };
  const skipHandler = ()=> finishNow();
  overlay.addEventListener('click', skipHandler);
  document.addEventListener('keydown', skipHandler);

  let lineIndex = 0;
  let blipCounter = 0;
  const keyBlip = ()=>{
    blipCounter++;
    if(blipCounter % 3 === 0){ try{ Sound.tone(760 + Math.random()*260, 0.02, 'square', 0.045); }catch(err){} }
  };
  const okBlip = ()=>{ try{ Sound.tone(1180, 0.05, 'square', 0.05); }catch(err){} };
  const readyChord = ()=>{ try{ Sound.buildOk(); }catch(err){} };

  const processLine = ()=>{
    if(myToken !== dosBootToken) return;
    if(lineIndex >= DOS_BOOT_LINES.length){
      const t = setTimeout(finishNow, finalHoldMs);
      timeoutIds.push(t);
      return;
    }
    const entry = DOS_BOOT_LINES[lineIndex];
    if(typeof entry === 'string'){
      typeStringLine(entry);
    } else if(entry && entry.progress){
      runProgressLine(entry);
    }
  };

  const typeStringLine = (line)=>{
    if(line === MODEM_LINE){ try{ Sound.modemHandshake(); }catch(err){} }
    else if(DISK_ACCESS_LINES.has(line)){ try{ Sound.diskAccess(); }catch(err){} }
    if(line.length === 0){
      renderedLines[lineIndex] = '';
      redraw();
      lineIndex++;
      const t = setTimeout(processLine, interLineMs/2);
      timeoutIds.push(t);
      return;
    }
    let charIndex = 0;
    const step = ()=>{
      if(myToken !== dosBootToken) return;
      charIndex++;
      renderedLines[lineIndex] = line.slice(0, charIndex);
      redraw();
      if(charIndex < line.length){
        keyBlip();
        const t = setTimeout(step, perCharMs);
        timeoutIds.push(t);
      } else {
        const trimmed = line.trim();
        if(trimmed.startsWith('[ OK ]')) okBlip();
        else if(trimmed === 'ANCHOR-OS BEREIT.') readyChord();
        lineIndex++;
        const t = setTimeout(processLine, interLineMs);
        timeoutIds.push(t);
      }
    };
    step();
  };

  const runProgressLine = (entry)=>{
    try{ Sound.diskAccess(); }catch(err){}
    const steps = 22;
    const stepMs = Math.max(30, entry.ms/steps);
    let step = 0;
    renderedLines[lineIndex] = renderProgressLine(entry.progress, 0);
    redraw();
    const tick = ()=>{
      if(myToken !== dosBootToken) return;
      step++;
      const pct = Math.min(100, Math.round(step/steps*100));
      renderedLines[lineIndex] = renderProgressLine(entry.progress, pct);
      redraw();
      if(step % 4 === 0){ try{ Sound.tone(500 + pct*4, 0.02, 'square', 0.03); }catch(err){} }
      if(step < steps){
        const t = setTimeout(tick, stepMs);
        timeoutIds.push(t);
      } else {
        lineIndex++;
        const t = setTimeout(processLine, interLineMs);
        timeoutIds.push(t);
      }
    };
    tick();
  };

  const startTimer = setTimeout(processLine, bannerRevealMs);
  timeoutIds.push(startTimer);
  });
}

async function startNewGame(difficultyId){
  // NEU (TODO-SCHWIERIGKEITSGRAD): state wird jetzt über freshState(difficultyId) neu aufgesetzt
  // statt nur foundingDate auf dem zuvor evtl. schon "gebrauchten" state-Objekt zu setzen — nötig,
  // damit money/difficulty korrekt aus der gewählten Stufe kommen (wirkt sich als Nebeneffekt auch
  // positiv aus, falls im selben Browser-Tab zuvor schon eine andere Firma gespielt wurde).
  state = freshState(difficultyId);
  state.foundingDate = todayISODate();
  generateContract(); generateContract();
  generateLongContract(); // NEU (v4-14): direkt zu Beginn ein erstes Langzeitauftrags-Angebot
  // GEÄNDERT (TODO-TUTORIAL-NACH-BOOT, Nutzer-Wunsch: "das Erklärfenster sollte nach der Boot-
  // Animation kommen, so wie das Während-du-weg-warst-Popup"): analog zu startContinueGame() jetzt
  // mit await, damit createNewProfile() sein openTutorial() erst NACH dem fertigen/übersprungenen
  // Boot aufruft, statt sich mit der noch laufenden Boot-Sequenz zu überlagern.
  await showGameRoot();
  beginCommonGameLoop();
}

async function startContinueGame(){
  const restored = await loadAutosave();
  let offlineReport = null;
  if(!restored){
    toast('Kein automatischer Spielstand gefunden — neues Spiel gestartet.', 'bad');
    // NEU (TODO-SCHWIERIGKEITSGRAD): dieser Fallback hat keine Schwierigkeitsauswahl (unerwarteter
    // Edge-Case: hasAutosave() hatte "ja" gesagt, loadAutosave() findet dann doch nichts) -> Normal
    // als sinnvoller Standard, state trotzdem sauber über freshState() neu aufgesetzt.
    state = freshState(DEFAULT_DIFFICULTY);
    state.foundingDate = todayISODate();
    generateContract(); generateContract();
    generateLongContract(); // NEU (v4-14): direkt zu Beginn ein erstes Langzeitauftrags-Angebot
  } else {
    // NEU (TODO-OFFLINE-PROGRESS): nur bei tatsächlich geladenem Autosave sinnvoll (frisches
    // Spiel hat keine "vergangene" Zeit nachzuholen).
    offlineReport = computeAndApplyOfflineProgress();
  }
  await showGameRoot(); // GEÄNDERT: wartet jetzt auf den Boot-Abschluss, bevor's weitergeht
  beginCommonGameLoop();
  if(offlineReport) showOfflineReportModal(offlineReport);
}

async function hasAutosave(){
  if(STORAGE_MODE === 'none') return false;
  try{
    const res = await storageGet(CURRENT_SAVE_KEY);
    return !!(res && res.value);
  }catch(err){
    return false;
  }
}

async function init(){
  await initProfileSystem(); // NEU (TODO-ACCOUNT-SYSTEM): muss vor allen Autosave-Checks laufen, damit CURRENT_SAVE_KEY korrekt gesetzt ist

  if(STORAGE_MODE === 'none'){
    updateAutosaveStatus('⚠ Kein Autosave — bitte regelmäßig exportieren');
  } else if(STORAGE_MODE === 'local'){
    updateAutosaveStatus('Auto-Speicherung aktiv (lokal im Browser)');
  } else {
    updateAutosaveStatus('Auto-Speicherung aktiv');
  }

  // NEU (Grafik-Fix, auf Nutzerwunsch: "klicken zum überspringen geht mit nach oben"): anders als
  // der spätere DOS-Boot (#dosBootOverlay, sperrt body.style.overflow schon länger, siehe dort) war
  // der Splash-Screen selbst nie gegen Scroll-Durchreichung abgesichert — ein Tap zum Überspringen
  // ist auf Touch-Geräten fast nie exakt ortsfest, die winzige Wischbewegung dabei hat den
  // dahinterliegenden Body (unter dem fixed positionierten Overlay) mit nach oben gescrollt.
  document.body.style.overflow = 'hidden';
  const continueBtn = document.getElementById('btnContinueGame');
  const goToStartScreen = async ()=>{
    skipCrtBootAnim(); // NEU: erzwungenes CGA-Theme sofort nachholen, falls per Klick übersprungen
    document.getElementById('splashScreen').style.display = 'none';
    document.getElementById('startScreen').style.display = 'flex';
    document.body.style.overflow = ''; // NEU: Scroll-Sperre wieder aufheben, siehe Kommentar oben
    continueBtn.disabled = true;
    const available = await hasAutosave();
    continueBtn.disabled = !available;
    continueBtn.textContent = available ? 'Fortsetzen' : 'Fortsetzen (kein Spielstand)';
  };
  document.getElementById('splashScreen').addEventListener('click', goToStartScreen, { once: true });

  document.getElementById('btnNewGame').addEventListener('click', ()=>{
    Sound.click();
    // NEU (TODO-FIRMA-GRUENDEN): kein Standard-Profil mehr — solange noch keine einzige Firma
    // existiert, öffnet "Neues Spiel" zuerst die Firmengründung (Name-Pflichtfeld + Schwierigkeit);
    // erst nach Bestätigen dort startet das eigentliche Spiel (siehe createNewProfile()). Existiert
    // schon mindestens eine Firma, fragt "Neues Spiel" nur noch die Schwierigkeit ab
    // (TODO-SCHWIERIGKEITSGRAD, siehe openNewGameDifficultyModal()) statt sofort zu starten.
    if(cachedProfilesList.length === 0){
      openNewProfileModal('found');
    } else {
      openNewGameDifficultyModal();
    }
  });
  document.getElementById('btnContinueGame').addEventListener('click', ()=>{ Sound.click(); startContinueGame(); });

  // NEU (TODO-PATCH-NOTES): Versionsnummer in den Button einsetzen + Patch-Notes-Modal befuellen
  // und verdrahten (gleiches .active-Klassen-Muster wie profileManageModal & Co.).
  document.getElementById('patchNotesVersionLabel').textContent = GAME_VERSION;
  renderPatchNotes();
  const patchNotesModal = document.getElementById('patchNotesModal');
  document.getElementById('btnPatchNotes').addEventListener('click', ()=>{
    Sound.click();
    patchNotesModal.classList.add('active');
  });
  document.getElementById('closePatchNotesModal').addEventListener('click', ()=>{
    patchNotesModal.classList.remove('active');
  });
  // NEU (TODO-OFFLINE-PROGRESS): beide Schließwege (X-Button und "Weiter") tun dasselbe —
  // das Modal wird ohnehin erst NACH bereits angewandter Nachholung gezeigt, "schließen" heißt
  // hier nur "zur Kenntnis genommen", nicht "verwerfen".
  document.getElementById('closeOfflineReportModal').addEventListener('click', ()=>{
    document.getElementById('offlineReportModal').classList.remove('active');
  });
  document.getElementById('btnOfflineReportOk').addEventListener('click', ()=>{
    document.getElementById('offlineReportModal').classList.remove('active');
    Sound.click();
  });
  document.getElementById('btnImportFromStart').addEventListener('click', ()=>{
    Sound.click();
    document.getElementById('fileInputStart').click();
  });
  document.getElementById('fileInputStart').addEventListener('change', (e)=>{
    const file = e.target.files[0];
    if(!file) return;
    const reader = new FileReader();
    reader.onload = (ev)=>{
      try{
        const loaded = JSON.parse(ev.target.result);
        state = mergeLoadedGameState(loaded);
        if(loaded.repairDroneCharges === undefined && state.repairDrones > 0){
          state.repairDroneCharges = state.repairDrones * REPAIR_DRONE_CAPACITY;
        }
        ensureFoundingDate();
        state.lastSaveDay = state.day;
        // NEU (TODO-OFFLINE-PROGRESS): siehe Kommentar beim anderen Datei-Import (#fileInput) —
        // bewusster manueller Import löst KEINE automatische Nachholung aus, Zeitstempel wird
        // nur zurückgesetzt.
        state.lastRealTimestamp = Date.now();
        selectedSatId = null;
        Sound.buildOk();
        showGameRoot();
        beginCommonGameLoop();
      }catch(err){
        toast('Ungültige Speicherdatei.', 'bad');
        Sound.error();
      }
    };
    reader.readAsText(file);
    e.target.value = '';
  });
}
init();

/* ---------- Warp-Tunnel-Hintergrund (Splash- & Startbildschirm) ----------
   Läuft in einer 15-Sekunden-Schleife: 5s voller Warp-Speed, dann Abbremsen,
   6s gemächliche Fahrt, dann wieder beschleunigen — und von vorn. Farbgebung
   an das Deep-Anchor-Terminal-Schema angelehnt (warmes Grau + Akzent-Orange,
   dazu vereinzelt Grün als zweite Signalfarbe). Stoppt automatisch, sobald
   das eigentliche Spiel startet. */
(function initWarpTunnel() {
  const canvases = ["warpSplash", "warpStart"].map(id => document.getElementById(id)).filter(Boolean);
  if (canvases.length === 0) return;
  const ctxs = canvases.map(c => c.getContext("2d"));
  const dpr = Math.min(2, window.devicePixelRatio || 1);
  const STAR_COUNT = 220;
  const Z_MAX = 2.0;
  const Z_MIN = 0.045;
  let stars = [];
  let running = true;
  let lastNow = null;

  function resize() {
    canvases.forEach(c => {
      c.width = Math.max(1, Math.round(c.clientWidth * dpr));
      c.height = Math.max(1, Math.round(c.clientHeight * dpr));
    });
  }
  window.addEventListener("resize", resize);

  // Grundfarbe der Schlieren: helles Terminal-Grau (var(--text): #e5e5e5),
  // dazu vereinzelt Akzent-Orange und Grün, die nur im Warp-Übergang aufblitzen.
  const CREAM = "229,229,229";
  const COLOR_STREAKS = ["255,106,43", "255,106,43", "255,140,60", "255,176,46"];
  function randomStreak() {
    if (Math.random() < 0.25) return { color: COLOR_STREAKS[Math.floor(Math.random() * COLOR_STREAKS.length)], isColored: true };
    return { color: CREAM, isColored: false };
  }

  function randomStar(z) {
    const streak = randomStreak();
    return { x: Math.random() * 2 - 1, y: Math.random() * 2 - 1, z, prevZ: z, color: streak.color, isColored: streak.isColored };
  }

  function initStars() {
    stars = Array.from({ length: STAR_COUNT }, () => randomStar(Z_MIN + Math.random() * (Z_MAX - Z_MIN)));
  }

  const lerp = (a, b, t) => a + (b - a) * t;
  const clamp01 = (t) => Math.max(0, Math.min(1, t));
  const easeInOutCubic = (t) => t < 0.5 ? 4*t*t*t : 1 - Math.pow(-2*t+2, 3)/2;

  const CYCLE = 15; // Sekunden
  function speedAt(t) {
    if (t < 5) return 1;
    if (t < 7) return lerp(1, 0.15, easeInOutCubic(clamp01((t-5)/2)));
    if (t < 13) return 0.15;
    return lerp(0.15, 1, easeInOutCubic(clamp01((t-13)/2)));
  }
  function colorVisibility(speed) {
    return clamp01((speed - 0.15) / (1 - 0.15));
  }
  function warpFlash(t) {
    const d = Math.min(t, CYCLE - t);
    if (d > 0.35) return 0;
    return Math.pow(1 - d / 0.35, 2);
  }

  function drawFrame(now) {
    if (!running) return;
    const dt = lastNow === null ? 0.016 : Math.min(0.05, (now - lastNow) / 1000);
    lastNow = now;
    const t = (now / 1000) % CYCLE;
    const speed = speedAt(t);
    const colorVis = colorVisibility(speed);
    const flash = warpFlash(t);

    canvases.forEach((canvas, i) => {
      if (!canvas.clientWidth) return;
      const wantW = Math.max(1, Math.round(canvas.clientWidth * dpr));
      const wantH = Math.max(1, Math.round(canvas.clientHeight * dpr));
      if (canvas.width !== wantW || canvas.height !== wantH) {
        canvas.width = wantW;
        canvas.height = wantH;
        ctxs[i].fillStyle = "#0a0a0a";
        ctxs[i].fillRect(0, 0, wantW, wantH);
      }
      const ctx = ctxs[i];
      const w = canvas.width, h = canvas.height;
      const cx = w/2, cy = h/2;

      ctx.fillStyle = "rgba(10,10,10,0.32)"; // Bewegungs-Trails
      ctx.fillRect(0, 0, w, h);

      // Echte 3D-Perspektiv-Projektion: x/z, y/z -> gleichmäßig radial strahlender
      // Warp-Effekt, kein Klumpen im Zentrum.
      const focal = Math.min(w, h) * 0.62;
      ctx.lineCap = "round";
      for (const s of stars) {
        s.prevZ = s.z;
        s.z -= speed * dt * 1.35;
        if (s.z <= Z_MIN) {
          const fresh = randomStar(Z_MAX);
          s.x = fresh.x; s.y = fresh.y; s.z = Z_MAX; s.prevZ = Z_MAX; s.color = fresh.color; s.isColored = fresh.isColored;
        }
        if (s.isColored && colorVis <= 0.01) continue;

        const x1 = cx + (s.x / s.prevZ) * focal, y1 = cy + (s.y / s.prevZ) * focal;
        const x2 = cx + (s.x / s.z) * focal,     y2 = cy + (s.y / s.z) * focal;

        const proximity = clamp01(1 - (s.z - Z_MIN) / (Z_MAX - Z_MIN));
        const baseAlpha = lerp(0.1, 1, proximity);
        ctx.lineWidth = lerp(0.6, lerp(1.8, 3.2, speed), proximity) * dpr;
        ctx.strokeStyle = s.isColored
          ? `rgba(${s.color},${clamp01(baseAlpha * colorVis)})`
          : `rgba(${s.color},${baseAlpha})`;
        ctx.beginPath();
        ctx.moveTo(x1, y1);
        ctx.lineTo(x2, y2);
        ctx.stroke();
      }

      // Warp-Blitz beim Wiedererreichen der vollen Geschwindigkeit — in warmem
      // Orangeton statt kaltem Blau, passend zur Deep-Anchor-Palette.
      if (flash > 0.01) {
        const flashGrad = ctx.createRadialGradient(cx, cy, 0, cx, cy, Math.max(w, h) * 0.75);
        flashGrad.addColorStop(0,    `rgba(255,240,225,${0.85 * flash})`);
        flashGrad.addColorStop(0.35, `rgba(255,180,130,${0.55 * flash})`);
        flashGrad.addColorStop(1,    `rgba(255,106,43,0)`);
        ctx.fillStyle = flashGrad;
        ctx.fillRect(0, 0, w, h);
      }
    });

    requestAnimationFrame(drawFrame);
  }

  resize();
  initStars();
  requestAnimationFrame(drawFrame);
  window.stopWarpTunnel = () => { running = false; };
  // BUGFIX (TODO-ZURUECK-ZUR-STARTSEITE): Gegenstück zu stopWarpTunnel() — wird beim Zurückkehren
  // zum Startbildschirm (btnBackToStart-Handler) aufgerufen. Ohne das blieb der Canvas nach dem
  // ersten Spielstart für immer auf dem letzten gerenderten Frame stehen, weil drawFrame() bei
  // running=false keine neue requestAnimationFrame()-Kette mehr anstößt. lastNow wird zurückgesetzt,
  // damit die Zeitbasis nicht über die "Pause" hinweg einen riesigen dt-Sprung erzeugt.
  window.startWarpTunnel = () => {
    if (running) return; // läuft schon (z.B. beim allerersten Aufruf) — keine zweite Schleife starten
    running = true;
    lastNow = null;
    requestAnimationFrame(drawFrame);
  };
})();
</script>

<!-- NEU (TODO-CLOUD-SAVE-KONTOLEISTE): eigenstaendiges Konto-Widget, 6-stelliger E-Mail-Code
     statt Magic-Link (funktioniert auch aus einer APK-WebView heraus, kein Browser-Redirect
     noetig). Gleiche Supabase-Zugangsdaten wie in den anderen Spielen -> eine Anmeldung gilt
     ueberall auf dieser Domain, weil die Session im localStorage der Domain liegt. -->
<div id="cloudAccountBar" style="position:fixed;top:14px;right:14px;z-index:99999;font-family:system-ui,-apple-system,sans-serif;font-size:12px;">
  <button id="cloudAccountToggle" style="background:rgba(15,15,20,0.85);color:#eee;border:1px solid #555;padding:7px 14px;border-radius:18px;cursor:pointer;backdrop-filter:blur(4px);">☁ Konto</button>
  <div id="cloudAccountPanel" style="display:none;position:absolute;top:calc(100% + 6px);right:0;width:250px;background:#16161a;border:1px solid #444;border-radius:10px;padding:12px;box-shadow:0 10px 26px rgba(0,0,0,0.5);color:#ddd;">
    <div id="cloudStepEmail">
      <div style="line-height:1.5;color:#aaa;">Login per Code — kein Passwort. Gilt für alle Spiele auf dieser Seite.</div>
      <input type="email" id="cloudEmailInput" placeholder="deine@email.de" autocomplete="email" style="width:100%;box-sizing:border-box;margin-top:8px;padding:7px 9px;background:#222;border:1px solid #444;border-radius:6px;color:#eee;">
      <button id="cloudSendCodeBtn" style="width:100%;margin-top:8px;padding:7px;border-radius:6px;border:1px solid #555;background:transparent;color:#eee;cursor:pointer;">Code senden</button>
    </div>
    <div id="cloudStepCode" style="display:none;">
      <div style="line-height:1.5;color:#aaa;">Code aus der E-Mail eingeben:</div>
      <input type="text" id="cloudCodeInput" placeholder="123456" inputmode="numeric" maxlength="6" style="width:100%;box-sizing:border-box;margin-top:8px;padding:7px 9px;background:#222;border:1px solid #444;border-radius:6px;color:#eee;letter-spacing:3px;text-align:center;">
      <button id="cloudVerifyCodeBtn" style="width:100%;margin-top:8px;padding:7px;border-radius:6px;border:1px solid #555;background:transparent;color:#eee;cursor:pointer;">Bestätigen</button>
    </div>
    <div id="cloudStepIn" style="display:none;">
      <div style="line-height:1.5;color:#aaa;">Eingeloggt als <b id="cloudUserEmail" style="color:#eee;">—</b></div>
      <button id="cloudSignOutBtn" style="width:100%;margin-top:8px;padding:7px;border-radius:6px;border:1px solid #555;background:transparent;color:#eee;cursor:pointer;">Ausloggen</button>
    </div>
    <span id="cloudStatusMsg" style="display:block;margin-top:8px;font-size:10.5px;line-height:1.4;"></span>
  </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
<script>
(function(){
  'use strict';
  var SUPABASE_URL = 'https://iuvckfoikhifywayuwkj.supabase.co';
  var SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Iml1dmNrZm9pa2hpZnl3YXl1d2tqIiwicm9sZSI6ImFub24iLCJpYXQiOjE3ODc2MDQ0NDMsImV4cCI6MjEwMzE4MDQ0M30.OFSMOOgAatxvBLXJHXDUctaSJ9bL0dDlkCa67BwU9fc';
  window.__cloudSupabase = (typeof window.supabase !== 'undefined')
    ? window.supabase.createClient(SUPABASE_URL, SUPABASE_ANON_KEY)
    : null;
  var supabaseClient = window.__cloudSupabase;
  window.__cloudUser = null;
  var pendingEmail = '';
  var uiState = 'email';

  var toggle = document.getElementById('cloudAccountToggle');
  var panel = document.getElementById('cloudAccountPanel');
  var stepEmail = document.getElementById('cloudStepEmail');
  var stepCode = document.getElementById('cloudStepCode');
  var stepIn = document.getElementById('cloudStepIn');
  var statusEl = document.getElementById('cloudStatusMsg');

  function setStatus(msg, isErr){ statusEl.textContent = msg || ''; statusEl.style.color = isErr ? '#e37b7b' : '#8fd18f'; }
  function render(){
    stepEmail.style.display = uiState === 'email' ? '' : 'none';
    stepCode.style.display = uiState === 'code' ? '' : 'none';
    stepIn.style.display = uiState === 'in' ? '' : 'none';
    toggle.textContent = uiState === 'in' ? '☁ Eingeloggt' : '☁ Konto';
    var emailEl = document.getElementById('cloudUserEmail');
    if(emailEl) emailEl.textContent = window.__cloudUser ? window.__cloudUser.email : '—';
  }

  toggle.addEventListener('click', function(){ panel.style.display = panel.style.display === 'block' ? 'none' : 'block'; });
  document.addEventListener('click', function(e){ if(!document.getElementById('cloudAccountBar').contains(e.target)) panel.style.display = 'none'; });

  if(!supabaseClient){
    setStatus('Cloud-Konto noch nicht eingerichtet.', true);
  } else {
    supabaseClient.auth.getSession().then(function(res){
      var session = res.data.session;
      window.__cloudUser = session ? session.user : null;
      uiState = window.__cloudUser ? 'in' : 'email';
      render();
      if(window.__cloudUser && window.__cloudSyncOnLogin) window.__cloudSyncOnLogin();
    });
    supabaseClient.auth.onAuthStateChange(function(event, session){
      var wasLoggedOut = !window.__cloudUser;
      window.__cloudUser = session ? session.user : null;
      uiState = window.__cloudUser ? 'in' : 'email';
      render();
      if(wasLoggedOut && window.__cloudUser && window.__cloudSyncOnLogin) window.__cloudSyncOnLogin();
    });

    document.getElementById('cloudSendCodeBtn').addEventListener('click', async function(){
      var email = document.getElementById('cloudEmailInput').value.trim();
      if(!email || email.indexOf('@') === -1){ setStatus('Bitte gültige E-Mail eingeben.', true); return; }
      setStatus('Sende Code …', false);
      var res = await supabaseClient.auth.signInWithOtp({ email: email, options:{ shouldCreateUser:true } });
      if(res.error){ setStatus('Fehler: ' + res.error.message, true); return; }
      pendingEmail = email;
      uiState = 'code';
      render();
      setStatus('Code an ' + email + ' geschickt (auch im Spam-Ordner nachsehen).', false);
    });

    document.getElementById('cloudVerifyCodeBtn').addEventListener('click', async function(){
      var code = document.getElementById('cloudCodeInput').value.trim();
      if(!code){ setStatus('Bitte Code eingeben.', true); return; }
      setStatus('Prüfe Code …', false);
      var res = await supabaseClient.auth.verifyOtp({ email: pendingEmail, token: code, type: 'email' });
      if(res.error){ setStatus('Fehler: ' + res.error.message, true); return; }
      setStatus('Eingeloggt!', false);
    });

    document.getElementById('cloudSignOutBtn').addEventListener('click', async function(){
      await supabaseClient.auth.signOut();
      uiState = 'email';
      render();
      setStatus('Ausgeloggt.', false);
    });
  }
  render();
})();
</script>

<script>
window.__cloudUpsert = async function(key, value){
  if(!window.__cloudUser || !window.__cloudSupabase) return;
  var res = await window.__cloudSupabase.from('saves').upsert(
    { user_id: window.__cloudUser.id, key: key, value: value, updated_at: new Date().toISOString() },
    { onConflict: 'user_id,key' }
  );
  if(res.error) console.warn('Cloud-Speichern fehlgeschlagen fuer', key, res.error.message);
};
async function __deepAnchorCollectKeys(){
  var keys = ['deepanchor_save', 'deepanchor_profiles', 'deepanchor_active_profile'];
  try{
    var list = await loadProfilesList();
    list.forEach(function(p){ keys.push(saveKeyForProfile(p.id)); });
  }catch(e){}
  return keys;
}
async function __deepAnchorPushAllLocal(){
  var keys = await __deepAnchorCollectKeys();
  for(var i=0;i<keys.length;i++){
    try{ var res = await storageGet(keys[i]); await window.__cloudUpsert(keys[i], res.value); }catch(e){}
  }
}
window.__cloudSyncOnLogin = async function(){
  if(!window.__cloudUser || !window.__cloudSupabase) return;
  try{
    var keys = await __deepAnchorCollectKeys();
    var sel = await window.__cloudSupabase.from('saves').select('key,value').eq('user_id', window.__cloudUser.id).in('key', keys);
    if(sel.error) throw sel.error;
    var localHasData = false;
    try{ await storageGet('deepanchor_save'); localHasData = true; }catch(e){}
    if(!sel.data || sel.data.length === 0){
      if(localHasData) await __deepAnchorPushAllLocal();
      return;
    }
    if(localHasData){
      var useCloud = confirm('Es gibt sowohl lokale als auch Cloud-Spielstaende (inkl. Profile) fuer Deep Anchor.\n\nOK = Cloud-Stand laden (ueberschreibt diesen Geraete-Stand)\nAbbrechen = diesen Geraete-Stand behalten und in die Cloud hochladen');
      if(useCloud){
        for(var i=0;i<sel.data.length;i++){ await storageSet(sel.data[i].key, sel.data[i].value); }
        location.reload();
      } else {
        await __deepAnchorPushAllLocal();
      }
    } else {
      for(var j=0;j<sel.data.length;j++){ await storageSet(sel.data[j].key, sel.data[j].value); }
      location.reload();
    }
  }catch(err){ console.warn('Cloud-Sync fehlgeschlagen:', err.message); }
};
</script>
</body>
</html>