From c913522a77b3b862dfed99433fc287319f6c7be3 Mon Sep 17 00:00:00 2001
From: Thomas <dornbirn@gmx.at>
Date: Tue, 25 Aug 2026 14:20:36 +0200
Subject: [PATCH] Kofferdetektiv: Kopfzeile schwebt ueber Vollbild-3D
 (schwarzer Balken weg)

#stage jetzt inset:0 (Canvas bis ganz oben), Header position:absolute
transparent darueber. Obere HUD-Pillen + Minimap + Karten-Button unter
die Kopfzeile geschoben (top 14->64, btn-map 166->216).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 App/sims/kofferdetektiv/game-3d.html | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/App/sims/kofferdetektiv/game-3d.html b/App/sims/kofferdetektiv/game-3d.html
index 0848dba..8bf98b3 100644
--- a/App/sims/kofferdetektiv/game-3d.html
+++ b/App/sims/kofferdetektiv/game-3d.html
@@ -28,7 +28,8 @@ img{max-width:100%}
 
 /* ============ Plattform-Header (Sim-Spec §4.2) ============ */
 .ggs-header{display:flex;align-items:center;gap:16px;padding:0 24px;height:52px;
-  background:var(--ggs-bg);color:var(--ggs-text);font-size:14px;z-index:1000;position:relative;
+  background:var(--ggs-bg);color:var(--ggs-text);font-size:14px;z-index:1000;
+  position:absolute;left:0;right:0;top:0;
   border-bottom:1px solid var(--ggs-border)}
 .ggs-header-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
 .ggs-header-logo-icon{height:38px}
@@ -58,24 +59,24 @@ img{max-width:100%}
 .kd-btn-danger{background:var(--ggs-coral);color:#fff}
 
 /* ============ 3D-Stage + HUD ============ */
-#stage{position:fixed;inset:52px 0 0 0;background:#0a0f16}
+#stage{position:fixed;inset:0;background:#0a0f16}
 #gl{width:100%;height:100%;display:block;touch-action:none}
 #hud{position:absolute;inset:0;pointer-events:none}
 .hud-pill{position:absolute;background:rgba(13,21,32,.82);color:#cfe3ee;border:1px solid #2c3a4a;
   border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600;backdrop-filter:blur(4px)}
 .hud-pill:empty{display:none}
-#hud-case{top:14px;left:16px}
-#hud-points{top:14px;left:150px}
-#hud-timer{top:14px;left:260px}
+#hud-case{top:64px;left:16px}
+#hud-points{top:64px;left:150px}
+#hud-timer{top:64px;left:260px}
 #hud-timer.warn{color:#f0b9ad;border-color:#c85c4a}
 #hud-loc{bottom:18px;left:16px;font-weight:500}
 #hud-dist{bottom:18px;left:50%;transform:translateX(-50%);font-weight:500;color:#9fb6c6}
 #hud-coords{bottom:18px;right:16px;padding:6px 11px;font-size:12px;font-weight:600;color:#9fb6c6;
   font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.3px}
-#minimap-wrap{position:absolute;top:14px;right:16px;border:1px solid #2c3a4a;border-radius:10px;
+#minimap-wrap{position:absolute;top:64px;right:16px;border:1px solid #2c3a4a;border-radius:10px;
   overflow:hidden;background:rgba(13,21,32,.85);pointer-events:auto}
 #minimap{display:block}
-#btn-map{position:absolute;top:166px;right:16px;pointer-events:auto;background:rgba(13,21,32,.82);
+#btn-map{position:absolute;top:216px;right:16px;pointer-events:auto;background:rgba(13,21,32,.82);
   color:#cfe3ee;border:1px solid #2c3a4a;border-radius:10px;padding:7px 12px;font-size:13px;min-height:38px}
 #mode-badge{position:absolute;top:214px;right:16px;pointer-events:none;display:none;max-width:210px;
   background:rgba(13,21,32,.82);border:1px solid #2c3a4a;border-radius:10px;padding:7px 11px;