Hustler-Pixelwelt: gemeinsame Hilfsregeln (WOMS-Bausteine in der Pixelwelt, gedimmter Overseer, Fehler-Marker, Pause)

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

src/styles/hustler/hustler-ui.css

@@ -25,3 +25,29 @@
 }
 .hk-hochhaus .hk-leer-titel { display: block; margin: 0; color: #ffe9a0; font-size: 22px; font-weight: 400; }
 .hk-hochhaus .hk-leer-text { margin: 0; max-width: 46ch; color: #b8c2f0; overflow-wrap: anywhere; }
+
+/* ---------- Gemeinsame Hilfsregeln für alle Bildschirme (Controller, vor T5–T10) ---------- */
+
+/* WOMS-Bausteine (Einstellungen-Dialog, ProspectPanel) stehen in der Pixelwelt, sollen aber wie im übrigen WOMS aussehen */
+.hk-seite .hk-woms { font-family: var(--font); font-size: 14px; line-height: 20px; color: var(--text); letter-spacing: normal; image-rendering: auto; }
+.hk-seite .hk-woms a { color: var(--accent, #3b5bdb); }
+
+/* Overseer außerhalb von „arbeitet“: Kristall bleibt sichtbar, nur matt */
+.hk-seite .hk-gedimmt { filter: saturate(0.35) brightness(0.72); }
+
+/* Fehler-Marker: rotes Pixel-Schild mit „!“ über dem Kopf (klein im Haus, groß in der Detailansicht) */
+.hk-seite .hk-alarm {
+  position: absolute; left: 15px; top: -11px; width: 7px; height: 9px; box-sizing: border-box;
+  background: #e2483d; box-shadow: 0 0 0 1px #1a1630; color: #ffffff;
+  font-family: 'Press Start 2P', 'Pixelify Sans', monospace; font-size: 6px; line-height: 9px; text-align: center;
+  pointer-events: none; animation: hk-ui-blinken 1s steps(1) infinite;
+}
+.hk-seite .hk-alarm-gross { left: auto; right: 8px; top: 8px; width: 28px; height: 36px; font-size: 22px; line-height: 36px; box-shadow: 0 0 0 3px #1a1630; }
+@keyframes hk-ui-blinken { 50% { opacity: 0.35; } }
+
+/* Angehalten (state.paused): alles in der Welt steht still */
+.hk-seite .hk-steht, .hk-seite .hk-steht * { animation-play-state: paused !important; }
+
+@media (prefers-reduced-motion: reduce) {
+  .hk-seite .hk-alarm { animation: none; }
+}