Hustler-Pixelwelt: Blätterleiste der Detailansicht klebt unten (lange Spur), Prüfstand lädt die PNGs der Pixelwelt

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

scripts/workers-harness/build.mjs

@@ -54,6 +54,8 @@ const result = await esbuild.build({
   platform: 'browser',
   jsx: 'automatic',
   external: ['/fonts/*'],
+  // Bilder der Pixelwelt (url() in src/styles/hustler/*.css) landen als data:-URI im harness.css
+  loader: { '.png': 'dataurl' },
   plugins: [stubPlugin],
   define: { 'process.env.NODE_ENV': '"development"' },
   logLevel: 'warning',

src/styles/hustler/hustler-detail.css

@@ -60,7 +60,8 @@
 .hk-hochhaus .hk-dialog-hinweis { margin: 0; color: #9aa6d6; }
 .hk-hochhaus .hk-dialog-fehler { margin: 0 0 8px; color: #ff6b6b; overflow-wrap: anywhere; }
 
-.hk-hochhaus .hk-dialog-fuss { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
+/* Fußzeile bleibt auch bei langer Spur unten im sichtbaren Teil des Panels stehen (das Panel scrollt, die Leiste klebt) */
+.hk-hochhaus .hk-dialog-fuss { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; position: sticky; bottom: 0; padding: 6px 0 2px; background: #0e1430; }
 .hk-hochhaus .hk-dialog-nummer { font-family: 'Press Start 2P', 'Pixelify Sans', monospace; font-size: 11px; line-height: 14px; color: #9aa6d6; }
 
 /* ---------- Handy (unter 720 px, Spec E13): Vollbild, Szene oben (auf die Breite verkleinert), Daten darunter scrollbar ---------- */