/* Hover- und ::before-Regeln aus Tibis Entwurf — zurueckgeholt am 01.09.2026.
 *
 * WOHER SIE KOMMEN. `support.js` im Entwurf legt zur Laufzeit ein
 * <style>-Element an und schreibt dort Pseudoklassen hinein
 * (`createPseudoSheet`, Klassennamen `scp0`, `scp1`, …). Die Umwandlung nach
 * statischem HTML am 01.09. hat die KLASSEN im Markup uebernommen, das
 * erzeugte Stylesheet aber nicht — 30 Vorkommen von scp0..scp6 in
 * web/index.html, und keine einzige Regel dazu.
 *
 * FOLGE, solange das so war: kein Menuepunkt, kein Klappmenue-Eintrag und
 * keine Karte hatte eine Hover-Rueckmeldung. Beim Neubau waere derselbe
 * Zustand auf 28 Seiten gegangen.
 *
 * WIE SIE ZURUECKKAMEN. Tibis `ThalassA Homepage (standalone).html` mit dem
 * echten Runtime gerendert und die erzeugten Regeln ausgelesen — dieselbe
 * Methode wie bei der Umwandlung selbst, also abgenommen statt nachempfunden.
 * Die Nummerierung stimmt ueberein: vier Regeln, scp0 bis scp3.
 *
 * OFFEN: scp4, scp5 und scp6 sitzen am Chat-Knopf. Der Chat-Baustein holt
 * React von unpkg und laesst sich ohne dieses CDN nicht rendern; die drei
 * Regeln fehlen weiterhin. Sie betreffen einen Knopf auf der Startseite,
 * nicht die Kopf- oder Fussleiste.
 *
 * Das `!important` stammt aus dem Entwurf (importantify in support.js): Die
 * Regeln mussten dort Inline-Styles schlagen. Es bleibt, damit sie auch die
 * Klassen aus chrome.css schlagen.
 */
.scp0::before { content: ""; position: absolute; left: -6px; top: 50%; transform: translateY(-50%); width: 0px; height: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right-width: 6px; border-right-style: solid; border-right-color: var(--teal-900); }
.scp1:hover { background: rgba(255, 255, 255, 0.16) !important; color: var(--white) !important; }
.scp2:hover { background: var(--surface-hover) !important; }
.scp3:hover { box-shadow: var(--shadow-md) !important; }