Hustler-Pixelwelt T12: Prüfstand auf die Pixelwelt umgestellt (Szenarien A–M), Handy-Kopfzeile zweireihig

Prüfstand: entry.jsx zeigt nur noch die echte Seite WorkersPage (BrowserRouter, Adresse mit ?tab= lesbar); shot.cjs neu mit den Szenarien A–M
(Hochhaus, Regie, Handy, weniger Bewegung, Notbremse, Ausfall, Detail, Etagen, Pause, Pult P3, Pult P4, Keller, Handy Pult/Keller),
harte Prüfungen und Bildern mit Szenario-Vorsilbe; Befunde an der App stehen getrennt von den Verstößen. Skript-API: Gründe der Bot-Leads
wörtlich wie im Dienst. Kopfzeile am Handy: zwei Reihen (Geld + Pause/Zahnrad, dann die fünf Kennzahlen), schmaler Panel-Rand, 40-px-Knöpfe,
Querformat unter 500 px Höhe in einer Reihe; hustlerKopf.test um die Zusicherungen dazu ergänzt.

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

tests/unit/hustlerKopf.test.mjs

@@ -775,6 +775,13 @@ test('CSS hustler-kopf.css: nur hk-Klassen unter .hk-hochhaus, Keyframes hk-kopf
   for (const k of keyframes) assert.match(k, /^hk-kopf-/)
   for (const m of css.matchAll(/animation:\s*([\w-]+)/g)) assert.ok(keyframes.includes(m[1]) || m[1] === 'none', m[1])
   assert.match(css, /@media \(max-width: 719px\)/)
+  // Handy (T12): hochkant genau zwei Reihen – Geld und rechtes Panel in Reihe 1 (order 1/2), die fünf Kennzahlen als eigene Reihe 2 (order 3, volle Breite);
+  // kompakte Panels (schmaler Rand) und Knöpfe von 40 px auch im Querformat unter 500 px Höhe
+  assert.match(css, /@media \(max-width: 719px\) \{[^@]*\.hk-hochhaus \.hk-kopf-geld \{[^}]*order: 1;/)
+  assert.match(css, /@media \(max-width: 719px\) \{[^@]*\.hk-hochhaus \.hk-kopf-rechts \{[^}]*order: 2;/)
+  assert.match(css, /@media \(max-width: 719px\) \{[^@]*\.hk-hochhaus \.hk-kopf-zahlen \{[^}]*order: 3;[^}]*flex: 1 1 100%;[^}]*flex-wrap: nowrap;/)
+  assert.match(css, /@media \(max-width: 719px\), \(max-height: 500px\) \{[^@]*\.hk-hochhaus \.hk-kopf \.hk-panel \{[^}]*border-width: 8px;/)
+  assert.match(css, /@media \(max-width: 719px\), \(max-height: 500px\) \{[^@]*\.hk-hochhaus \.hk-hud-knopf \{[^}]*width: 40px;[^}]*height: 40px;/)
   assert.match(css, /@media \(prefers-reduced-motion: reduce\)[\s\S]*\.hk-api-warn\s*\{\s*animation:\s*none/)
   // Meldungen sind nur Text (Dekor per ::before), die Hülle fängt keine Zeigerereignisse ab
   assert.match(css, /\.hk-hochhaus \.hk-kopf \{[^}]*pointer-events: none/)