/* Captain statistics modal (lobby) */

.captain-stats-overlay {
    z-index: 1200;
}

.captain-stats-modal {
    max-width: 520px;
    width: min(520px, 96vw);
    max-height: min(88vh, 720px);
    display: flex;
    flex-direction: column;
    padding: 24px 22px 20px;
    text-align: center;
}

.captain-stats-modal h2 {
    margin: 0 0 6px;
    color: #ffe8a0;
    font-size: 1.35rem;
}

.captain-stats-sub {
    margin: 0 0 14px;
    font-size: 0.88rem;
    color: #8aa8c8;
}

.captain-stats-name {
    margin: 0 0 12px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #d8e8f8;
}

.captain-stats-rank {
    margin-bottom: 16px;
}

.captain-stats-scroll {
    flex: 1 1 auto;
    overflow-y: auto;
    margin-bottom: 14px;
    padding-right: 4px;
}

.captain-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 0;
    text-align: left;
}

.captain-stat {
    background: rgba(6, 18, 32, 0.85);
    border: 1px solid #2a4060;
    border-radius: 8px;
    padding: 12px 10px;
}

.captain-stat--wide {
    grid-column: 1 / -1;
}

.captain-stat__value {
    display: block;
    font-size: 1.35rem;
    font-weight: 700;
    color: #ffe8a0;
    line-height: 1.2;
}

.captain-stat__value--win {
    color: #7ec8a0;
}

.captain-stat__value--loss {
    color: #e89898;
}

.captain-stat__label {
    display: block;
    margin-top: 4px;
    font-size: 0.72rem;
    color: #8aa8c8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.captain-stats-empty {
    grid-column: 1 / -1;
    padding: 16px;
    font-size: 0.9rem;
    color: #a8c4e0;
    background: rgba(6, 18, 32, 0.6);
    border-radius: 8px;
    border: 1px dashed rgba(255, 255, 255, 0.25);
}

.captain-stats-empty--hint {
    background: transparent;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.12);
    padding: 12px;
    font-size: 0.82rem;
    text-align: center;
}

.captain-stats-meta {
    grid-column: 1 / -1;
    font-size: 0.78rem;
    color: #6a88a8;
    text-align: center;
    margin-top: -4px;
}

.captain-stats-close {
    width: 100%;
    max-width: 200px;
}
