/* Файл: dotascore/static/css/style_score_result.css */
/* Специфичные стили для режима "Рейтинг по результату" (score_result) */

/* === СТИЛИ КОЛОНОК ДЛЯ РЕЖИМА score_result (ПК) === */

/* Стили для points колонки - в этом режиме зеленый */
.mode-score_result .points { 
    flex-basis: 15%;
    text-align: center; 
    font-weight: bold; 
    color: #98ff98; /* Зеленый цвет для результата */
    font-size: 0.85em;
}

/* Стили для rating-change колонки - в этом режиме белый */
.mode-score_result .rating-change { 
    display: block; 
    flex-basis: 10%; 
    text-align: center;
    color: #ffffff; /* Белый цвет */
    font-weight: bold; 
}

/* Показываем guild-rank в режиме score_result на ПК */
.mode-score_result .guild-rank { 
    display: block; 
    flex-basis: 15%; 
    flex-shrink: 0; 
    text-align: center; 
    color: #98ff98;
}

/* Специфичные стили для лидера в режиме score_result */
.mode-score_result #leaderboard-list li.global-leader-rank-1 .rating-change {
    color: #FFD700; /* Золотой цвет для изменения рейтинга лидера */
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}

/* ========================================================= */
/* --- АДАПТИВНОСТЬ: МОБИЛЬНЫЕ СТИЛИ ДЛЯ score_result --- */
/* ========================================================= */

@media (max-width: 600px) {
    
    /* Скрываем гильдию на мобильных в режиме score_result */
    .mode-score_result .guild-rank {
        display: none;
    }

    .mode-score_result .rank { 
        order: 1;
        flex-basis: 20px;
        min-width: 15px;
        max-width: 20px;
        flex-shrink: 0;
        flex-grow: 0;
        text-align: left;
        padding-right: 2px;
    }
    
    .mode-score_result .player-avatar { 
        order: 2;
        flex-basis: 30px;
        min-width: 30px;
        max-width: 30px;
        flex-shrink: 0;
        flex-grow: 0;
        margin: 0 2px;
    }
    
    .mode-score_result .nickname { 
        order: 4;
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
        font-size: 0.85em;
        padding-left: 5px;
    }

    .mode-score_result .rating-change { 
        order: 5;
        flex-basis: 58px;
        min-width: 58px;
        max-width: 58px;
        flex-shrink: 0;
        flex-grow: 0;
        font-size: 1.1em;
        text-align: center;
        color: #ffffff;
    }

    .mode-score_result .points { 
        order: 6;
        flex-basis: 55px;
        min-width: 55px;
        max-width: 55px;
        flex-shrink: 0;
        flex-grow: 0;
        text-align: right;
        font-size: 0.70em;
        color: #98ff98;
    }

}