/*
 * app.css – was Bootstrap (kern 3) nicht mitbringt. Thema ueber kerns
 * Variablen; die Spielzettel haben ihr eigenes Blatt (zettel.css).
 */
:root {
    --kern-akzent: #2f7fd6;
    --kern-auf-akzent: #fff;
}

/* Laufende Partie, die seit einer Woche niemand angefasst hat */
.open-session.verwaist { opacity: .7; }

/* ── Auswertungen: Verlaufslinien (spark_svg), Aktivitaetsbalken, Erfolge ── */
.spark { width: 100%; height: 80px; display: block; }
.spark .line { fill: none; stroke: var(--bs-primary); stroke-width: 2; vector-effect: non-scaling-stroke; }
.spark .dot { fill: var(--bs-primary); }
.spark .dot.win { fill: var(--bs-success); }

.aktivitaet { display: flex; align-items: flex-end; gap: 6px; height: 120px; }
.aktivitaet > div { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 4px; height: 100%; }
.aktivitaet .balken { width: 100%; background: var(--bs-primary); border-radius: .375rem .375rem 0 0; }

.erfolg.gesperrt { opacity: .45; filter: grayscale(1); }
.erfolg .symbol { font-size: 1.6rem; line-height: 1; }