diff --git a/src/styles/hustler/hustler-ui.css b/src/styles/hustler/hustler-ui.css index eade344..b1a1f37 100644 --- a/src/styles/hustler/hustler-ui.css +++ b/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; } +}