/* ---------------------------------------------------------
   KARTE 1 – GESAMTSTATISTIK (Kreise Desktop/Balken Mobile)
--------------------------------------------------------- */

.statistik-gesamt {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    margin: 25px 0;
}

.stat-item {
    text-align: center;
    width: 80px;
}

.stat-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: conic-gradient(var(--color) calc(var(--percent) * 1%), #ddd 0);
}

.stat-bar {
    display: none;
}

.stat-label {
    margin-top: 5px;
    font-size: 14px;
}

.stat-value {
    font-weight: bold;
    margin-top: 3px;
}

/* Farben */
.stat-item[data-type="angemeldet"]  { --color: #4CAF50; }
.stat-item[data-type="abgemeldet"]  { --color: #E53935; }
.stat-item[data-type="keineAntwort"]{ --color: #607D8B; }
.stat-item[data-type="abgesagt"]    { --color: #FFC107; }

/* ---------------------------------------------------------
   KARTE 2 – SPIELERSTATISTIK (4 Balken pro Spieler)
--------------------------------------------------------- */

.spieler-bar {
    position: relative;
    width: 100%;
    height: 14px;
    background: #eee;
    border-radius: 7px;
    overflow: hidden;
}

.spieler-bar__fill {
    height: 100%;
    width: 0;
    border-radius: 7px;
}

/* Farben */
.spieler-bar--angemeldet .spieler-bar__fill { background: #4CAF50; }
.spieler-bar--nicht      .spieler-bar__fill { background: #E53935; }
.spieler-bar--keine      .spieler-bar__fill { background: #607D8B; }
.spieler-bar--bier       .spieler-bar__fill { background: #FFC107; }

.spieler-bar__wert {
    display: inline-block;
    margin-left: 6px;
    font-size: 0.9rem;
}

/* Tabellenzellen etwas luftiger */
.statistik__tabelle td {
    vertical-align: middle;
    padding: 6px 4px;
}