/* top_map6.css - RSU System */

body { 
    background-color: #0b0e11; 
    color: #ffffff; 
    font-family: 'Tahoma', 'Verdana', sans-serif; 
    margin: 0; 
    padding: 10px;
}

/* Contentor Principal */
.rsu-top5 { 
    width: 550px; 
    margin: 0 auto; 
    border: 1px solid #343a40;
    background: #14181c;
}

/* Nome do Mapa no Topo */
.map-name { 
    background: #ff9100; 
    color: #000; 
    margin: 0; 
    padding: 6px; 
    font-size: 14px; 
    text-align: center;
    text-transform: uppercase;
}

/* Contentor da Imagem Centralizada */
.map-img-container { 
    text-align: center; 
    padding: 10px 0;
    background: #000;
}

.map-img { 
    width: 160px; /* Tamanho pequeno aprovado */
    height: auto;
    border: 1px solid #ff9100;
    display: inline-block;
}

/* Tabela de Rankings */
table { 
    width: 100%; 
    border-collapse: collapse; 
}

/* Geração de Títulos das Colunas (CSS Pure Data) */
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'; }

/* Estilização das Células */
.p-row td { 
    padding: 8px 4px; 
    font-size: 11px; 
    text-align: center;
    border-bottom: 1px solid #252a2f;
}

/* Formatação de Dados */
.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); color: #fff; }
.mvp { color: #fcc419; font-weight: bold; }
.mvp:before { content: '★'; margin-right: 2px; }
.rank { color: #ffcc00; font-size: 9px; text-transform: uppercase; }

/* Destaque Especial para o 1º Lugar (Top 1) */
.p-row:first-child { 
    background: #2b2300; 
}

.p-row:first-child .pos { 
    color: #ffcc00; 
    font-size: 13px; 
}

.p-row:first-child .name { 
    color: #ffcc00; 
}