Einheitliche Sim-Kopfzeile (Entwurf B) als Komponente + Lizenz-Datenmodell

- ggs-header.css/.js: schwebende Pillen-Kopfzeile aus vorhandenem
  .ggs-header-Markup (Kreis-Logo/Titel/Level als eine Pille, eigene
  SVG-Icons, Tempo-Panel links + Zustandsbutton, Musik-Panel unten,
  30% transparente Untermenues, Glossar target=_blank, Lehrplan raus).
  Enhance-Ansatz: Spiel-Logik (IDs/Klassen, data-speed) bleibt unberuehrt.
- Eingebaut in Klima 2D/3D, Fluss, Logistik (Auto-Tempo), Energiemanager,
  Kofferdetektiv 3D.
- admin-licenses.html: Datenmodell-Sektion (licenses-Tabelle, Lebenszyklus
  Generiert->Eingeloest->Zugewiesen, Beziehungen, Jahr->Schuljahr->Code).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

App/sims/kofferdetektiv/game-3d.html

@@ -4,6 +4,8 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 <title>Kofferdetektiv — GeoGraSim</title>
+<link rel="stylesheet" href="../../assets/css/ggs-header.css">
+<script src="../../assets/js/ggs-header.js"></script>
 <style>
 /* ============ Design-System-Variablen (Fallback, identisch zur Plattform) ============ */
 :root{
@@ -379,7 +381,7 @@ body.kd-touch #joystick,body.kd-touch #lookstick{display:block}
   </div>
 </div>
 
-<header class="ggs-header">
+<header class="ggs-header" data-ggs-sim="kofferdetektiv">
   <a href="/schueler" class="ggs-header-logo" id="ggs-home-logo">
     <img src="/assets/img/bildLogo.png" alt="" class="ggs-header-logo-icon" onerror="this.setAttribute('data-broken',1)">
     <img src="/assets/img/textlogo_geograsim.svg" alt="GeoGraSim" class="ggs-header-logo-text" onerror="this.setAttribute('data-broken',1)">