.leaderboard-section { background: #fff; border: 1px solid #e1e6ef; border-radius: 8px; padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 10px rgba(0,0,0,0.03); }
.section-header { margin-top: 0; margin-bottom: 15px; font-size: 1.3em; color: #2c3e50; border-bottom: 2px solid #f0f0f0; padding-bottom: 10px; }
.leaderboard-table { width: 100%; border-collapse: collapse; font-family: 'Segoe UI', sans-serif; }
.leaderboard-table th { background: #f8f9fa; color: #666; font-weight: 600; text-transform: uppercase; font-size: 0.85em; padding: 12px; border-bottom: 2px solid #e1e6ef; text-align: left; }
.leaderboard-table td { padding: 12px; border-bottom: 1px solid #f0f0f0; vertical-align: middle; }
.leaderboard-table tr:last-child td { border-bottom: none; }
.leaderboard-table tr:hover { background-color: #fcfcfc; }
.rank-gold { background-color: #fffde7 !important; }
.rank-silver { background-color: #f5f5f5 !important; }
.rank-bronze { background-color: #fffefe !important; }
.medal { font-size: 1.4em; }
.rank-num { color: #888; font-weight: bold; font-size: 0.9em; }
.user-link { text-decoration: none; color: #333; display: flex; align-items: center; gap: 10px; font-weight: 500; transition: 0.2s; }
.user-link:hover { color: #0077cc; }
.user-avatar { font-size: 1.4em; }
.points-badge { background: #eef2f7; color: #0077cc; padding: 4px 10px; border-radius: 12px; font-weight: bold; font-size: 0.95em; }
.table-responsive { overflow-x: auto; }

/* --- SUBTELNY PASEK PRAWDOPODOBIEŃSTWA --- */
.h2h-wrapper {
    margin: 8px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.h2h-title {
    font-size: 0.75rem;
    color: #6b7280; /* Stonowany szary */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    font-weight: 600;
}
.h2h-bar-container {
    display: flex;
    height: 18px; /* Nieco chudszy, bardziej elegancki */
    border-radius: 6px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); /* Bardzo delikatny cień wew. */
}
.h2h-segment {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1f2937; /* Ciemnoszary tekst zamiast czystej bieli/czerni */
    font-size: 0.75rem;
    font-weight: 600;
    transition: width 0.5s ease-in-out;
}
/* Nowe, pastelowe kolory */
.h2h-p1 { background-color: #d1fae5; color: #065f46; } /* Miętowy / Ciemnozielony tekst */
.h2h-px { background-color: #f3f4f6; color: #4b5563; } /* Jasnoszary / Ciemnoszary tekst */
.h2h-p2 { background-color: #fee2e2; color: #991b1b; } /* Jasnoczerwony / Ciemnoczerwony tekst */

/* Dymek z dokładnymi danymi (Tooltip) */
.h2h-bar-container:hover {
    cursor: help;
}