Glossar visuell komplett: 162 Bilder, 13 Kapitel-Icons, 12 interaktive Widgets

- 162 neue Glossar-Bilder (Flat-Scandinavian, gpt-image-1) → alle 402 Einträge bebildert;
  image_path-Update: App/Don_t_Deploy/2026-07-16-glossar-bilder.sql
- 13 Kapitel-Icons (icon-<id>.webp) ersetzen die Emojis in Buch-Übersicht + Kapitel-h1
  (buchKapIcon-Helper mit Emoji-Fallback)
- 12 interaktive Glossar-Experimente in 2 Modulen:
  natur (Mondrotation, Kernschatten, Keeling-Kurve, Pegel/HQ100, Wärmeausdehnung,
  Klimaträgheit) + wirtschaft (Preiselastizität, Engpass, Skaleneffekt, Modal Split,
  Netzfrequenz/Hertz, Lageenergie/Pumpspeicher); Registry via Object.assign,
  Script-Einbindung in glossar.php

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

App/pages/buch.php

@@ -72,6 +72,7 @@ $KAPITEL = [
     text-decoration: none; color: inherit; }
   .kap:hover { box-shadow: 0 6px 22px rgba(47,62,70,.18); }
   .kap .ic { font-size: 34px; }
+  .kap img.ic { width: 58px; height: 58px; border-radius: 12px; object-fit: cover; flex-shrink: 0; }
   .kap b { font-size: 18px; display: block; }
   .kap small { color: #6b6659; display: block; margin-top: 3px; line-height: 1.5; }
   .kap .pill { margin-left: auto; align-self: center; font-size: 11px; font-weight: 800;
@@ -102,7 +103,11 @@ $KAPITEL = [
     <?php else: ?>
       <div class="kap" style="opacity:.6">
     <?php endif; ?>
-      <span class="ic"><?= $k['icon'] ?></span>
+      <?php if (is_file(__DIR__ . '/../assets/img/buch/icon-' . $k['id'] . '.webp')): ?>
+        <img class="ic" src="<?= $bp ?>/assets/img/buch/icon-<?= $k['id'] ?>.webp" alt="">
+      <?php else: ?>
+        <span class="ic"><?= $k['icon'] ?></span>
+      <?php endif; ?>
       <span>
         <b><?= $k['titel'] ?></b>
         <small>Zur Simulation „<?= $k['sim'] ?>" · <?= $k['themen'] ?></small>