/* players-top.css — стили страницы топа игроков по времени онлайн */

.players-top__page {
    /* обёртка страницы */
}

.players-top__header {
    background: hsla(240, 7%, 12%, 0.90);
    box-shadow: 0px -1px 4px rgb(200 196 196 / 8%), 0px 4px 4px rgb(200 196 196 / 25%);
    border-radius: 7px;
    padding: 10px;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #5ab9ea;
    text-align: center;
    margin-bottom: 30px;
}

.players-top__list {
    display: block;
    background: hsla(240, 7%, 12%, 0.90);
    box-shadow: 0px 4px 15px rgb(166 166 166 / 10%);
    border-radius: 7px;
    padding: 15px;
    margin-bottom: 3%;
}

.players-top__card {
    background: linear-gradient(135deg, rgba(76,175,80,0.1), rgba(76,175,80,0.05));
    border: 1px solid rgba(76,175,80,0.3);
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 15px;
    display: flex;
    align-items: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.players-top__card:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(76,175,80,0.2);
}

.players-top__card--gold {
    background: linear-gradient(135deg, rgba(255,215,0,0.2), rgba(255,215,0,0.1));
    border-color: #FFD700;
}

.players-top__card--silver {
    background: linear-gradient(135deg, rgba(192,192,192,0.2), rgba(192,192,192,0.1));
    border-color: #C0C0C0;
}

.players-top__card--bronze {
    background: linear-gradient(135deg, rgba(205,127,50,0.2), rgba(205,127,50,0.1));
    border-color: #CD7F32;
}

.players-top__badge {
    font-size: 1.5em;
    font-weight: bold;
    margin-right: 15px;
    min-width: 40px;
    text-align: center;
}

.players-top__badge--gold { color: #FFD700; }
.players-top__badge--silver { color: #C0C0C0; }
.players-top__badge--bronze { color: #CD7F32; }
.players-top__badge--default { color: #7395ae; }

.players-top__avatar {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    margin-right: 15px;
    border: 2px solid rgba(255,255,255,0.1);
}

.players-top__info {
    flex-grow: 1;
}

.players-top__name {
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
}

.players-top__stats {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.players-top__stat {
    font-size: 0.9em;
    color: #7395ae;
}

.players-top__playtime {
    color: #4CAF50;
    font-weight: 600;
}

.players-top__last-play {
    color: #96afc0;
}

.players-top__online {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #4CAF50;
    border-radius: 50%;
    margin-left: 5px;
    animation: players-top-pulse 2s infinite;
}

@keyframes players-top-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.players-top__empty {
    text-align: center;
    color: #96afc0;
}

@media (max-width: 500px) {
    .players-top__header {
        font-size: 26px;
        text-align: center;
    }
}