/* M100 · August — Svens Farbschema (Türkis · Lila · Bordeaux auf Blaugrau). Mobile-first, iPhone zuerst. */
:root {
  --akzent: #0E7C7B; --akzent-flaeche: #DDF0EF;
  --lila: #5B4B8A; --lila-flaeche: #EAE6F4;
  --bordeaux: #B03A2E; --bordeaux-flaeche: #FBE6E3;
  --gut: #2E7D4F; --warn: #A8710A; --warn-flaeche: #FDF1DC;
  --grund: #F4F6F8; --flaeche: #FFFFFF; --vertieft: #E9EDF1; --linie: #D6DDE4;
  --schrift: #141A20; --schrift-weich: #4A5866; --schrift-blass: #7C8B99;
  --radius: 14px; --schatten: 0 1px 2px rgba(20,26,32,.06), 0 6px 18px rgba(20,26,32,.05);
  --font-kopf: "Archivo", system-ui, sans-serif; --font-text: "Public Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --akzent: #4FC3C1; --akzent-flaeche: #0F2B2B; --lila: #A392D9; --lila-flaeche: #1E1A2E;
  --bordeaux: #E0705F; --bordeaux-flaeche: #2B1714; --gut: #5FBE85; --warn: #E0A93E; --warn-flaeche: #2B2210;
  --grund: #0E1317; --flaeche: #161D23; --vertieft: #0A0E12; --linie: #242E36;
  --schrift: #E4EAEF; --schrift-weich: #A2B0BC; --schrift-blass: #75838F;
  --schatten: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35);
}}
:root[data-theme="dark"] {
  --akzent: #4FC3C1; --akzent-flaeche: #0F2B2B; --lila: #A392D9; --lila-flaeche: #1E1A2E;
  --bordeaux: #E0705F; --bordeaux-flaeche: #2B1714; --gut: #5FBE85; --warn: #E0A93E; --warn-flaeche: #2B2210;
  --grund: #0E1317; --flaeche: #161D23; --vertieft: #0A0E12; --linie: #242E36;
  --schrift: #E4EAEF; --schrift-weich: #A2B0BC; --schrift-blass: #75838F;
  --schatten: 0 1px 2px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.35);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--grund); color: var(--schrift); font-family: var(--font-text); font-size: 16px; line-height: 1.45; }
a { color: var(--akzent); text-decoration: none; }
h1, h2, h3 { font-family: var(--font-kopf); font-weight: 600; margin: 0 0 .4rem; letter-spacing: -.01em; }
h1 { font-size: 1.35rem; } h2 { font-size: 1.1rem; color: var(--schrift-weich); text-transform: uppercase; letter-spacing: .06em; font-size: .78rem; margin-top: 1.4rem; }
.mono { font-family: var(--font-mono); font-size: .92em; }
.wrap { max-width: 720px; margin: 0 auto; padding: 10px 16px 48px; }
.wrap-innen { max-width: 720px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
.kopfleiste { position: sticky; top: 0; z-index: 5; background: var(--grund); border-bottom: 1px solid var(--linie); padding-top: env(safe-area-inset-top); }
.kopf { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 8px; padding-bottom: 4px; }
.kopf .marke { font-family: var(--font-kopf); font-weight: 700; font-size: 1.05rem; color: var(--akzent); }
.nav, .chips { display: flex; gap: 6px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 8px; }
.nav::-webkit-scrollbar, .chips::-webkit-scrollbar { display: none; }
.nav a, .chips a { flex: 0 0 auto; padding: 6px 12px; border-radius: 999px; background: var(--flaeche); border: 1px solid var(--linie); color: var(--schrift-weich); font-size: .85rem; white-space: nowrap; }
.nav a.aktiv, .chips a.aktiv { background: var(--akzent); color: var(--flaeche); border-color: transparent; font-weight: 600; }
.chips .anzahl { font-family: var(--font-mono); font-size: .75rem; opacity: .75; }
.chips a.aktiv .anzahl { opacity: .9; }
.karte { background: var(--flaeche); border: 1px solid var(--linie); border-radius: var(--radius); padding: 14px 16px; margin: 10px 0; box-shadow: var(--schatten); }
.karte.hot { border-left: 4px solid var(--warn); }
.karte.ignition { border-left: 4px solid var(--bordeaux); }
.karte.watch { border-left: 4px solid var(--akzent); }
.karte.dormant { opacity: .7; }
a.karte { display: block; color: inherit; }
a.karte:active { transform: scale(.99); }
.karte.kompakt { padding: 12px 14px; margin: 8px 0; }
.karte.kompakt .titel { margin-bottom: 2px; }
.m100 { display: flex; align-items: center; gap: 12px; }
.m100 .zahl { font-family: var(--font-kopf); font-weight: 700; font-size: 1.9rem; line-height: 1.1; min-width: 2.2ch; }
.m100 .balken { flex: 1; margin: 0; height: 8px; }
.kennzahlen { font-family: var(--font-mono); font-size: .8rem; color: var(--schrift-weich); margin-top: 4px; overflow-wrap: anywhere; }
.pillen { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.pille.mini { padding: 1px 7px; font-size: .68rem; font-weight: 600; background: var(--lila-flaeche); color: var(--lila); }
.pille.mini.dormant { background: var(--vertieft); color: var(--schrift-blass); }
.leerkarte p { margin: 0 0 10px; }
.leerkarte form { margin-top: 12px; }
.klein-block { font-size: .85rem; margin: 8px 0; }
.aktion { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 18px 0 4px; }
.mitte { text-align: center; }
details.block { background: var(--flaeche); border: 1px solid var(--linie); border-radius: var(--radius); padding: 12px 14px; margin: 12px 0; }
details.block > summary { list-style-position: inside; }
details.block[open] > summary { margin-bottom: 8px; }
details.unter { margin: 6px 0; padding: 6px 0; border-top: 1px solid var(--linie); }
details summary { padding: 2px 0; }
.liste { list-style: none; margin: 6px 0 0; padding: 0; }
.liste li { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 7px 0; border-top: 1px solid var(--linie); }
.liste li:first-child { border-top: 0; }
.liste .rechts, .rechts { margin-left: auto; text-align: right; white-space: nowrap; }
.liste li.blass { opacity: .6; }
.eintrag { padding: 9px 0; border-top: 1px solid var(--linie); overflow-wrap: anywhere; }
.eintrag:first-of-type { border-top: 0; }
.zeile-text { padding: 6px 0; border-top: 1px solid var(--linie); }
.umbruch { word-break: break-all; }
.abstand { margin-top: 10px; }
.pfeil { display: inline-block; min-width: 3.4em; font-family: var(--font-mono); font-size: .78rem; font-weight: 600; }
.gv { display: flex; align-items: baseline; gap: 12px; margin: 2px 0; }
.gv .zahl { font-family: var(--font-kopf); font-weight: 700; font-size: 1.9rem; line-height: 1.1; }
.spark-box { margin-top: 8px; color: var(--akzent); }
.spark-box.up { color: var(--gut); } .spark-box.down { color: var(--bordeaux); }
.bericht { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .95rem; line-height: 1.5; }
.bericht b { font-family: var(--font-kopf); }
.zugaenge li { align-items: flex-start; }
.ampel { flex: 0 0 auto; }
.mitte-text { flex: 1; min-width: 0; }
.wert.gross { font-family: var(--font-kopf); font-weight: 700; font-size: 1.2rem; }
.hinweis, .fehler { margin: 8px 0; }
.hinweis.laeuft { background: var(--akzent-flaeche); color: var(--akzent); }
.fuss { margin-top: 32px; }
.zeile { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 3px 0; }
.zeile .label { color: var(--schrift-weich); font-size: .9rem; }
.zeile .wert { font-family: var(--font-mono); font-size: .95rem; }
.titel { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 6px; }
.titel .sym { font-family: var(--font-kopf); font-weight: 700; font-size: 1.15rem; }
.titel .chain { font-family: var(--font-mono); font-size: .75rem; color: var(--schrift-blass); }
.pille { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: .74rem; font-weight: 600; letter-spacing: .03em; }
.pille.hot { background: var(--warn-flaeche); color: var(--warn); } .pille.ignition { background: var(--bordeaux-flaeche); color: var(--bordeaux); }
.pille.watch { background: var(--akzent-flaeche); color: var(--akzent); } .pille.dormant { background: var(--vertieft); color: var(--schrift-blass); }
.pille.meme { background: var(--lila-flaeche); color: var(--lila); } .pille.fundamental { background: var(--akzent-flaeche); color: var(--akzent); }
.up { color: var(--gut); } .down { color: var(--bordeaux); } .flat { color: var(--schrift-blass); }
.balken { height: 6px; background: var(--vertieft); border-radius: 999px; overflow: hidden; margin: 4px 0 8px; }
.balken > i { display: block; height: 100%; background: var(--akzent); }
.balken.lila > i { background: var(--lila); } .balken.warn > i { background: var(--warn); } .balken.rot > i { background: var(--bordeaux); }
.klein { font-size: .82rem; color: var(--schrift-blass); }
.hinweis { background: var(--lila-flaeche); color: var(--lila); border-radius: 10px; padding: 10px 12px; font-size: .9rem; }
.fehler { background: var(--bordeaux-flaeche); color: var(--bordeaux); border-radius: 10px; padding: 10px 12px; }
.knopf { display: inline-block; background: var(--akzent); color: var(--flaeche); border: 0; border-radius: 10px; padding: 10px 16px; font-weight: 600; font-family: var(--font-kopf); cursor: pointer; }
.knopf.zweit { background: var(--flaeche); color: var(--akzent); border: 1px solid var(--linie); }
form.login { max-width: 360px; margin: 14vh auto; }
input, select, textarea { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--linie); background: var(--flaeche); color: var(--schrift); font: inherit; margin: 4px 0 12px; }
details summary { cursor: pointer; color: var(--akzent); font-weight: 600; }
.leer { text-align: center; color: var(--schrift-blass); padding: 24px 0; }
pre { font-family: var(--font-mono); font-size: .8rem; white-space: pre-wrap; word-break: break-word; background: var(--vertieft); padding: 10px; border-radius: 10px; }
.raster { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 6px; }
.raster.drei { grid-template-columns: repeat(3, 1fr); }
@media (min-width: 640px) { .raster { grid-template-columns: repeat(3, 1fr); } .raster.vier { grid-template-columns: repeat(4, 1fr); } }
.kachel { background: var(--vertieft); border-radius: 10px; padding: 10px; }
.kachel .k { font-size: .72rem; color: var(--schrift-blass); text-transform: uppercase; letter-spacing: .05em; }
.kachel .v { font-family: var(--font-mono); font-size: 1.05rem; }
.kachel.heiss { background: var(--bordeaux-flaeche); } .kachel.heiss .v { color: var(--bordeaux); font-weight: 600; }
.rat { border-left: 3px solid var(--linie); padding-left: 10px; margin: 8px 0; }
.rat.prophet { border-color: var(--warn); } .rat.skeptiker { border-color: var(--bordeaux); } .rat.analyst { border-color: var(--akzent); }
.rat b { font-family: var(--font-kopf); }


/* ================================================================================================
   STARK-Design (24.09.2026, Svens Wunsch: „orientiere dich am STARK-Nornix-System")
   Dunkles Cockpit wie stark.nornix.de: Cyan/Gold/Grün/Violett/Coral, Rajdhani + Orbitron, Panels mit
   Eckwinkeln. Überschreibt die Farb-Token oben — alle Seiten übernehmen es automatisch.
   ================================================================================================ */
:root, :root:not([data-theme="light"]), :root[data-theme="dark"], :root[data-theme="light"] {
  --akzent: #40e0ff; --akzent-flaeche: rgba(64,224,255,.10);
  --lila: #b98cff; --lila-flaeche: rgba(185,140,255,.12);
  --bordeaux: #ff5a5a; --bordeaux-flaeche: rgba(255,90,90,.12);
  --gut: #39e0a0; --warn: #ffc45e; --warn-flaeche: rgba(255,196,94,.12);
  --grund: #02040a; --flaeche: rgba(10,18,32,.72); --vertieft: rgba(8,16,30,.8);
  --linie: rgba(64,224,255,.13); --linie-stark: rgba(64,224,255,.32);
  --schrift: #dbeaf6; --schrift-weich: #93a8c0; --schrift-blass: #7e95af;
  --schatten: none; --radius: 14px;
  --font-kopf: "Rajdhani", system-ui, sans-serif; --font-text: "Rajdhani", system-ui, sans-serif;
  --font-anzeige: "Orbitron", "Rajdhani", sans-serif; --font-mono: "JetBrains Mono", ui-monospace, monospace;
  color-scheme: dark;
}
body { background: var(--grund); font-size: 17px; font-weight: 500; }
.bg { position: fixed; inset: 0; pointer-events: none; z-index: 0; }
.bg-grad { background: radial-gradient(1200px 800px at 50% 40%, rgba(20,70,105,.28), transparent 62%),
                       radial-gradient(800px 600px at 10% 100%, rgba(150,95,25,.10), transparent 60%); }
.bg-hex { opacity: .45; background-image: repeating-linear-gradient(60deg, rgba(64,224,255,.03) 0 1px, transparent 1px 44px),
          repeating-linear-gradient(-60deg, rgba(64,224,255,.03) 0 1px, transparent 1px 44px); }
.wrap { position: relative; z-index: 2; }
.kopfleiste { position: sticky; top: 0; z-index: 5; }
@media (max-width: 520px) { .kopf .tag { display: none; } .kopf { padding-top: 8px; gap: 10px; } .kopf .marke { font-size: 18px; letter-spacing: .22em; } }
.kopfleiste { background: rgba(2,4,10,.86); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--linie); }
.wrap, .wrap-innen { max-width: 1400px; }
.kopf { flex-wrap: wrap; row-gap: 6px; justify-content: flex-start; gap: 14px; padding-top: 12px; }
.kopf .marke { font-family: var(--font-anzeige); font-weight: 900; font-size: 22px; letter-spacing: .3em; color: var(--akzent);
               text-shadow: 0 0 20px rgba(64,224,255,.5); }
.kopf .tag { font-family: var(--font-mono); font-size: 11px; color: var(--schrift-blass); letter-spacing: .2em; text-transform: uppercase; }
.kopf .abmelden { margin-left: auto; }
#lagechip { display: inline-flex; align-items: center; gap: 9px; border: 1px solid var(--linie-stark); border-radius: 999px;
            padding: 5px 14px; font-weight: 700; font-size: 12.5px; letter-spacing: .18em; text-transform: uppercase; }
#lagechip .dot { width: 9px; height: 9px; border-radius: 50%; background: var(--gut); box-shadow: 0 0 10px var(--gut); }
#lagechip[data-l="BEOBACHTEN"] .dot { background: var(--akzent); box-shadow: 0 0 10px var(--akzent); }
#lagechip[data-l="HEISS"] { border-color: var(--warn); background: var(--warn-flaeche); }
#lagechip[data-l="HEISS"] .dot { background: var(--warn); box-shadow: 0 0 10px var(--warn); animation: blink 1s infinite; }
#lagechip[data-l="ZUENDUNG"] { border-color: var(--bordeaux); background: var(--bordeaux-flaeche); }
#lagechip[data-l="ZUENDUNG"] .dot { background: var(--bordeaux); box-shadow: 0 0 10px var(--bordeaux); animation: blink .6s infinite; }
@keyframes blink { 50% { opacity: .35; } }
.nav a, .chips a { background: rgba(64,224,255,.05); border-color: var(--linie); font-weight: 600; letter-spacing: .04em; }
.nav a.aktiv, .chips a.aktiv { background: var(--akzent); color: #02040a; }
h1 { font-family: var(--font-anzeige); font-weight: 700; font-size: 1.15rem; letter-spacing: .12em; color: var(--akzent); }
h2 { font-family: var(--font-kopf); font-size: .8rem; letter-spacing: .26em; color: var(--schrift-blass); display: flex; align-items: center; gap: 8px; }
h2::after { content: ""; flex: 1; height: 1px; background: var(--linie); }
.karte, details.block, .panel { background: var(--flaeche); border: 1px solid var(--linie); border-radius: var(--radius);
      backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); position: relative; }
.panel { padding: 13px 15px; }
.panel::before, .panel::after, .karte::after { content: ""; position: absolute; width: 13px; height: 13px; pointer-events: none; opacity: .45; }
.panel::before { top: 7px; left: 7px; border-top: 1px solid var(--linie-stark); border-left: 1px solid var(--linie-stark); }
.panel::after, .karte::after { bottom: 7px; right: 7px; border-bottom: 1px solid var(--linie-stark); border-right: 1px solid var(--linie-stark); }
.panel h3 { font-family: var(--font-kopf); font-size: 11.5px; letter-spacing: .26em; text-transform: uppercase; color: var(--schrift-blass);
            margin: 0 0 12px; display: flex; align-items: center; gap: 8px; font-weight: 700; }
.panel h3::after { content: ""; flex: 1; height: 1px; background: var(--linie); }
.panel h3 .zaehler { font-family: var(--font-mono); color: var(--akzent); letter-spacing: 0; }
.kachel { background: var(--vertieft); border: 1px solid var(--linie); }
.knopf { background: var(--akzent); color: #02040a; border-radius: 9px; font-family: var(--font-kopf); font-weight: 700; letter-spacing: .06em; }
.knopf.zweit { background: rgba(64,224,255,.06); color: var(--akzent); border: 1px solid var(--linie-stark); }
.knopf.mini { padding: 7px 13px; font-size: .88rem; }
.knopfreihe { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.knopfreihe form { margin: 0; }
.hinweis { background: var(--akzent-flaeche); color: var(--akzent); border: 1px solid var(--linie-stark); }
.fehler { border: 1px solid var(--bordeaux); }
input, select, textarea { background: var(--vertieft); border-color: var(--linie); color: var(--schrift); }
pre { background: var(--vertieft); }
.m100 .zahl, .gv .zahl { font-family: var(--font-anzeige); font-size: 1.6rem; color: var(--akzent); }
.balken > i { box-shadow: 0 0 8px var(--akzent); }
.pille.mini { background: var(--lila-flaeche); color: var(--lila); }

/* Cockpit (Startseite) */
.cockpit { display: grid; grid-template-columns: 1.55fr .9fr; gap: 16px; padding-top: 6px; }
.cockpit .spalte { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
@media (max-width: 860px) { .cockpit { grid-template-columns: 1fr; } }
.lagepanel { border-left: 4px solid var(--gut); border-radius: 0; }
.lagepanel[data-l="BEOBACHTEN"] { border-left-color: var(--akzent); }
.lagepanel[data-l="HEISS"] { border-left-color: var(--warn); }
.lagepanel[data-l="ZUENDUNG"] { border-left-color: var(--bordeaux); }
.lagesatz { font-family: var(--font-kopf); font-weight: 700; font-size: clamp(1.25rem, 2.4vw, 1.6rem); line-height: 1.25; color: var(--schrift); }
.lagezeile { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-family: var(--font-mono); font-size: .8rem; color: var(--schrift-blass); }
.lagezeile b { color: var(--akzent); font-weight: 500; }
.alarmleiste { display: flex; flex-direction: column; gap: 8px; }
.alarm-zeile { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: start; background: var(--flaeche);
               border: 1px solid var(--bordeaux); border-left: 4px solid var(--bordeaux); border-radius: 0; padding: 11px 14px; }
.alarm-zeile .stufe { font-family: var(--font-mono); font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--bordeaux);
                      border: 1px solid var(--bordeaux); border-radius: 999px; padding: 2px 8px; }
.alarm-zeile .was { font-size: 15px; line-height: 1.4; font-weight: 600; }
.alarm-zeile .seit { font-family: var(--font-mono); font-size: 11px; color: var(--schrift-blass); white-space: nowrap; }
a.coin { display: block; color: inherit; background: var(--vertieft); border: 1px solid var(--linie); border-left: 3px solid var(--c);
         border-radius: 0; padding: 11px 13px; margin-bottom: 9px; }
a.coin:hover { border-color: var(--linie-stark); border-left-color: var(--c); }
.coin-kopf { display: flex; align-items: baseline; gap: 10px; }
.coin-sym { font-family: var(--font-anzeige); font-weight: 700; font-size: 1.05rem; letter-spacing: .06em; color: var(--c); }
.coin-chain { font-family: var(--font-mono); font-size: .72rem; color: var(--schrift-blass); }
.coin-score { margin-left: auto; font-family: var(--font-anzeige); font-weight: 900; font-size: 1.5rem; color: var(--c); }
.coin-grund { font-size: 1rem; line-height: 1.35; margin-top: 4px; color: var(--schrift); }
.coin-warn { font-size: .88rem; color: var(--warn); margin-top: 3px; }
.coin-zahlen { font-family: var(--font-mono); font-size: .74rem; color: var(--schrift-blass); margin-top: 6px; overflow-wrap: anywhere; }
.mehr { display: inline-block; margin-top: 4px; font-size: .9rem; font-weight: 600; letter-spacing: .04em; }
.kz-zeile { display: grid; grid-template-columns: 1fr auto 5.5em; gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid var(--linie); }
.kz-zeile:first-of-type { border-top: 0; }
.kz-name { font-family: var(--font-anzeige); font-weight: 700; font-size: .9rem; letter-spacing: .06em; }
.kz-wert { font-family: var(--font-mono); font-size: .85rem; color: var(--schrift-weich); }
.kz-pct { font-family: var(--font-anzeige); font-weight: 700; text-align: right; }
.sys { display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; }
.sys .k { color: var(--schrift-blass); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; align-self: center; }
.sys .v { font-family: var(--font-mono); font-size: 13px; color: var(--schrift-weich); text-align: right; }
.sys .v.on { color: var(--gut); } .sys .v.cyan { color: var(--akzent); }
.ruhig { font-size: 14px; color: var(--gut); }
.alarm-zeile .text { min-width: 0; }
.alarm-zeile .tun { font-size: 14px; color: var(--schrift-weich); margin-top: 3px; }

/* Rat (Neugestaltung 24.09.2026): eine Schriftgröße je Ebene, Rollen nur über Farbe am Rand + Etikett */
.seiten-intro { font-size: 1rem; line-height: 1.5; color: var(--schrift-weich); margin: 4px 0 14px; max-width: 70ch; }
.rolle-farbe { font-weight: 700; }
.rolle-farbe.prophet, .rolle.prophet .rolle-name { color: var(--warn); }
.rolle-farbe.skeptiker, .rolle.skeptiker .rolle-name { color: var(--bordeaux); }
.rolle-farbe.analyst { color: var(--akzent); }
.rat-summe { display: flex; flex-wrap: wrap; gap: 6px 18px; font-family: var(--font-mono); font-size: .82rem; color: var(--schrift-blass); margin-bottom: 12px; }
.rat-summe b { color: var(--akzent); font-weight: 500; }
.blass { color: var(--schrift-blass); }
.rat-karte { margin: 0 0 14px; border-left: 3px solid var(--akzent); border-radius: 0 var(--radius) var(--radius) 0; }
.rat-karte[data-u="ABLEHNEN"] { border-left-color: var(--schrift-blass); }
.rat-karte[data-u="PRUEFEN"] { border-left-color: var(--warn); }
.rat-karte[data-u="KANDIDAT"] { border-left-color: var(--gut); }
.rat-kopf { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 12px; }
.urteil { margin-left: auto; font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
          padding: 3px 10px; border-radius: 999px; border: 1px solid var(--linie-stark); color: var(--akzent); }
.urteil[data-u="ABLEHNEN"] { color: var(--schrift-weich); border-color: var(--linie); }
.urteil[data-u="PRUEFEN"] { color: var(--warn); border-color: var(--warn); }
.urteil[data-u="KANDIDAT"] { color: var(--gut); border-color: var(--gut); }
.sicher { font-family: var(--font-mono); font-size: 11px; color: var(--schrift-blass); }
.rat-kurz { font-size: 1.12rem; line-height: 1.45; font-weight: 600; margin: 10px 0 12px; color: var(--schrift); }
.rollen { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 700px) { .rollen { grid-template-columns: 1fr; } }
.rolle, .rat-falsch { background: var(--vertieft); border: 1px solid var(--linie); padding: 10px 12px; }
.rolle.prophet { border-left: 3px solid var(--warn); }
.rolle.skeptiker { border-left: 3px solid var(--bordeaux); }
.rat-falsch { margin-top: 10px; border-left: 3px solid var(--akzent); }
.rolle-name { display: block; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .16em; text-transform: uppercase;
              color: var(--akzent); margin-bottom: 4px; }
.rolle p, .rat-falsch p { margin: 0; font-size: 1rem; line-height: 1.45; color: var(--schrift); }
.rolle-extra { display: inline-block; margin-top: 6px; font-family: var(--font-mono); font-size: 11px; color: var(--bordeaux); }
.rat-fuss { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; margin-top: 10px; font-family: var(--font-mono);
            font-size: 11.5px; color: var(--schrift-blass); }
.rat-fuss details { flex: 1; min-width: 200px; }
.rat-fuss summary { color: var(--schrift-blass); font-weight: 500; }
.rat-fuss pre { font-size: 11px; max-height: 320px; overflow: auto; }

/* ---- Klartext auf allen Seiten (24.09.2026) ---- */
.klartext { font-size: 1rem; line-height: 1.45; margin: 8px 0 4px; color: var(--schrift); }
.coin-sym.gross { font-size: 1.5rem; }
.token-kopf { border-left: 3px solid var(--akzent); }
.token-kopf[data-s="FLAGGED"], .token-kopf[data-s="REJECTED"], .token-kopf[data-s="BLACKLIST"] { border-left-color: var(--bordeaux); }
.token-kopf[data-s="HOT"] { border-left-color: var(--warn); } .token-kopf[data-s="IGNITION"] { border-left-color: var(--gut); }
.fakten { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px 16px; margin: 12px 0; }
.fakten span { display: block; font-family: var(--font-mono); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--schrift-blass); }
.fakten b { font-weight: 600; font-size: .95rem; }
.links { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: .9rem; }
.technik { margin-top: 10px; } .technik summary { color: var(--schrift-blass); font-size: .85rem; }
.kennzahlen-raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px 18px; margin-top: 14px; }
.kz-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.kz-kopf b { font-weight: 600; }
.kz-urteil { font-family: var(--font-mono); font-size: 12px; color: var(--schrift-weich); }
.kz-urteil[data-w="stark"] { color: var(--gut); } .kz-urteil[data-w="sehr schwach"] { color: var(--bordeaux); }
.kz p { margin: 4px 0 0; font-size: .88rem; line-height: 1.4; color: var(--schrift-weich); }
.unterkopf { font-size: .8rem; font-family: var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--schrift-blass); margin: 16px 0 4px; }
.ereignis { padding: 6px 0; border-bottom: 1px solid var(--linie); font-size: .92rem; line-height: 1.4; }
.ereignis.alarm { color: var(--bordeaux); }
.lauf { padding: 7px 0; border-bottom: 1px solid var(--linie); }