/* top_map6.css - RSU System */


body { 
    background-color: #0b0e11; 
    color: #ffffff; 
    font-family: 'Tahoma', 'Verdana', sans-serif; 
    margin: 0; 
    padding: 10px;
}

/* Contentor Principal - Centraliza o Ranking no ecrã */
.rsu-top5 { 
    width: 550px; 
    margin: 0 auto; 
    border: 1px solid #343a40;
    background: #14181c;
}

/* Nome do Mapa */
.map-name { 
    background: #ff9100; 
    color: #000; 
    margin: 0; 
    padding: 6px; 
    font-size: 14px; 
    text-align: center;
    text-transform: uppercase;
}

/* CENTRALIZAÇÃO DA IMAGEM */
.map-img-container { 
    text-align: center;      /* Centraliza elementos inline lá dentro */
    padding: 10px 0;
    background: #000;
    width: 100%;             /* Garante que ocupa a largura total para alinhar ao meio */
}

.map-img { 
    width: 160px;            /* Tamanho pequeno */
    height: auto;
    border: 1px solid #ff9100;
    display: inline-block;    /* Permite ser centralizada pelo text-align do pai */
    margin: 0 auto;
}

/* Tabela de Rankings */
table { 
    width: 100%; 
    border-collapse: collapse; 
}

/* Cabeçalhos via CSS Before */
th { 
    background: #1c2126; 
    color: #ff9100; 
    font-size: 10px; 
    padding: 8px 4px;
    border-bottom: 1px solid #343a40;
}

th:nth-child(1):before { content: 'POS'; }
th:nth-child(2):before { content: 'JOGADOR'; }
th:nth-child(3):before { content: 'XP'; }
th:nth-child(4):before { content: 'K'; }
th:nth-child(5):before { content: 'D'; }
th:nth-child(6):before { content: 'K/D'; }
th:nth-child(7):before { content: 'MVP'; }
th:nth-child(8):before { content: 'RANK'; }

/* Dados dos Jogadores */
.p-row td { 
    padding: 8px 4px; 
    font-size: 11px; 
    text-align: center;
    border-bottom: 1px solid #252a2f;
}

/* Posição Ex: 1 -> 1º */
.pos:after { content: 'º'; }

.name { text-align: left !important; font-weight: bold; color: #f8f9fa; }
.xp { color: #4dadf7; }
.k { color: #51cf66; font-weight: bold; }
.d { color: #ff6b6b; }
.kd { background: rgba(255,255,255,0.03); }
.mvp { color: #fcc419; font-weight: bold; }
.mvp:before { content: '★'; margin-right: 2px; }
.rank { color: #ffcc00; font-size: 9px; text-transform: uppercase; }

/* Destaque Top 1 */
.p-row:first-child { background: #2b2300; }
.p-row:first-child .pos, .p-row:first-child .name { color: #ffcc00; }
