/* Mantendo a base do auction.css conforme solicitado */
.ranking-container { background: #ffffff !important; padding: 25px; border-radius: 10px; color: #333; border: 1px solid #ddd; }
.ranking-title { font-size: 20px; color: #2c3e50; font-weight: bold; margin-bottom: 5px; }
.ranking-subtitle { font-size: 12px; color: #888; margin-bottom: 20px; }

/* Estrutura do Top 3 */
.top-3-container { display: flex; gap: 20px; margin-bottom: 40px; justify-content: center; }

.player-card { 
    flex: 1;
    background: #fff; 
    border: 1px solid #eee; 
    border-radius: 8px; 
    position: relative; 
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Aplicando o estilo de "Item Ativo" do auction para o Top 3 */
.player-card.is-winner { border: 2px solid #3498db; height: 350px; }
.top-rank-1 { border-color: #f39c12 !important; }

/* Imagem de Fundo solicitada */
.card-bg-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 200px; /* Altura da imagem de fundo */
    background-size: cover;
    background-position: center;
    z-index: 1;
}

/* Personagem por cima do fundo */
.char-image-container {
    position: relative;
    z-index: 2;
    height: 200px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.char-image-container img { max-height: 180px; filter: drop-shadow(0 5px 15px rgba(0,0,0,0.3)); }

/* Restante do conteúdo (estilo auction-card) */
.card-header { background: rgba(248, 249, 250, 0.9); padding: 8px; border-bottom: 1px solid #eee; font-size: 11px; z-index: 3; }
.player-rank { font-weight: bold; }
.ratio-box { float: right; color: #f39c12; font-weight: bold; }

.card-body { padding: 12px; background: #fff; z-index: 3; flex-grow: 1; }
.player-nickname { font-size: 16px; font-weight: bold; color: #2c3e50; display: block; text-align: center; margin-bottom: 10px; }

/* Tabela (Estilo auction-table) */
.ranking-list-container { border: 1px solid #eee; border-radius: 6px; overflow: hidden; }
.ranking-list-header { background: #34495e; color: #fff; padding: 12px; display: grid; grid-template-columns: 50px 1fr 1fr 80px 80px 80px; font-size: 11px; font-weight: bold; }
.player-row { display: grid; grid-template-columns: 50px 1fr 1fr 80px 80px 80px; padding: 12px; border-bottom: 1px solid #eee; align-items: center; font-size: 12px; }
.stat-kill-visual { color: #27ae60; font-weight: bold; }
.stat-death-visual { color: #e74c3c; font-weight: bold; }

/* Container e Títulos */
.ranking-container { background: #ffffff !important; padding: 25px; border-radius: 10px; color: #333; border: 1px solid #ddd; }
.ranking-title { font-size: 22px; color: #2c3e50; font-weight: bold; margin-bottom: 5px; }

/* Grid do Top 3 */
.top-3-container { display: flex; gap: 20px; margin-bottom: 40px; justify-content: center; align-items: flex-end; }

.player-card.is-winner { 
    flex: 1;
    background: #fff; 
    border: 2px solid #3498db; 
    border-radius: 8px; 
    position: relative; 
    overflow: hidden;
    height: 400px; /* Aumentado para dar mais destaque */
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.top-rank-1 { border-color: #f39c12 !important; transform: scale(1.05); z-index: 10; }

/* Background e Personagem */
.card-bg-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 220px;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.char-image-container {
    position: relative;
    z-index: 2;
    height: 220px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.char-image-container img { height: 210px; filter: drop-shadow(0 5px 15px rgba(0,0,0,0.4)); }

/* Informações de Destaque */
.card-body { padding: 15px; background: #fff; z-index: 3; flex-grow: 1; text-align: center; border-top: 1px solid #eee; }

.player-nickname { font-size: 18px; font-weight: bold; color: #2c3e50; display: block; margin-bottom: 8px; }

.guild-name-full { font-size: 12px; color: #666; display: block; margin-bottom: 12px; font-weight: 600; }

/* Stats com destaque Estilo Auction */
.stats-highlight-row { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 10px; 
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #eee;
}

.stat-box { padding: 5px; border-radius: 4px; background: #f8f9fa; }
.stat-box strong { display: block; font-size: 9px; color: #888; text-transform: uppercase; }
.stat-box span { font-size: 14px; font-weight: bold; }

.ratio-big-box { 
    margin-top: 10px; 
    background: #fffef9; 
    border: 1px solid #f39c12; 
    padding: 8px; 
    border-radius: 6px;
}
.ratio-big-box span { font-size: 18px; color: #f39c12; font-weight: bold; }

/* Tabela de Outras Posições - Baseada no estilo auction-table */
.table-wrapper { 
    border: 1px solid #eee; 
    border-radius: 6px; 
    overflow: hidden; 
    background: #fff; 
    margin-top: 20px;
}

.auction-table { 
    width: 100%; 
    border-collapse: collapse; 
}

.auction-table th { 
    background: #34495e; 
    color: #fff; 
    padding: 12px; 
    font-size: 11px; 
    text-align: left; 
    text-transform: uppercase;
}

.auction-table td { 
    padding: 12px; 
    border-bottom: 1px solid #eee; 
    font-size: 13px; 
    color: #333;
}

.auction-table tr:hover { 
    background: #fcfcfc; 
}

/* Cores de status do sistema de leilão */
.zeny-final { color: #27ae60; font-weight: bold; } /* Verde para Ratio/Kills */
.death-count { color: #e74c3c; font-weight: bold; } /* Vermelho para Deaths */

.section-title { 
    margin: 30px 0 15px; 
    border-left: 5px solid #34495e; 
    padding-left: 12px; 
    color: #2c3e50; 
    font-size: 16px; 
    font-weight: bold; 
}