body {
    font-family: Arial, sans-serif;
    background-color: #121212; /* Fundo escuro mais suave */
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 1120px; /* Mantém a largura máxima do container */
    margin: auto; /* Centraliza o container */
    background: #1e1e1e; /* Fundo cinza escuro mais suave */
    padding: 20px; /* Espaçamento interno do container */
    border-radius: 12px; /* Bordas arredondadas */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); /* Sombra mais suave e profunda */
}

h1 {
    text-align: center;
    color: #e0b0ff; /* Roxo claro mais suave */
    margin-bottom: 20px; /* Espaçamento abaixo do título */
    font-size: 2.5em; /* Aumenta o tamanho da fonte */
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8); /* Adiciona sombra ao texto */
    background: linear-gradient(to right, #6b3f94, #e0b0ff); /* Fundo gradiente */
    -webkit-background-clip: text; /* Clipa o fundo para o texto */
    -webkit-text-fill-color: transparent; /* Preenchimento de texto transparente */
    padding: 10px; /* Adiciona um pouco de preenchimento */
    border-radius: 8px; /* Bordas arredondadas */
}

input#searchInput {
    width: 100%; /* Faz a caixa ocupar toda a largura disponível */
    padding: 10px; /* Adiciona espaço interno */
    margin-bottom: 20px; /* Adiciona espaço abaixo da caixa de pesquisa */
    border: 1px solid #ccc; /* Define uma borda */
    border-radius: 5px; /* Arredonda os cantos */
    font-size: 16px; /* Aumenta o tamanho da fonte */
    background-color: #292929; /* Cor de fundo da caixa de pesquisa */
    color: #ffffff; /* Texto branco */
    box-sizing: border-box; /* Inclui bordas e padding nas dimensões */
}

/* Estilos da tabela */
table {
    width: 100%; /* A tabela ocupa toda a largura do container */
    border-collapse: collapse;
    border-radius: 12px; /* Bordas arredondadas */
    overflow: hidden; /* Para manter as bordas arredondadas */
}

th, td {
    padding: 15px; /* Mantido em 15px */
    text-align: center; /* Centraliza o texto */
    border-bottom: 1px solid #444; /* Borda mais escura */
    border-right: 1px solid #444; /* Adiciona borda à direita */
    transition: background-color 0.3s ease; /* Transição suave para o hover */
}

th {
    background-color: #6b3f94; /* Roxo escuro mais suave */
    color: #ffffff; /* Texto branco */
    position: sticky; /* Fixa o cabeçalho no topo durante a rolagem */
    top: 0; /* Adiciona espaço para o cabeçalho */
}

tr {
    transition: background-color 0.3s ease; /* Transição suave para o hover */
}

tr:nth-child(even) {
    background-color: #292929; /* Cor de fundo alternada para linhas pares */
}

tr:hover {
    background-color: #7a5cbd; /* Roxo claro no hover */
}

td {
    color: #ffffff; /* Texto branco */
}

/* Removendo a borda direita da última coluna */
td:last-child, th:last-child {
    border-right: none; /* Remove a borda direita da última coluna */
}

/* Definindo larguras específicas para cada coluna */
th:nth-child(1), td:nth-child(1) { width: 6%; }  /* Posição Geral */
th:nth-child(2), td:nth-child(2) { width: 6%; }  /* Posição Servidor */
th:nth-child(3), td:nth-child(3) { width: 32%; }  /* Jogador */
th:nth-child(4), td:nth-child(4) { width: 5%; }   /* Level */
th:nth-child(5), td:nth-child(5) { width: 20%; }  /* Capturados */
th:nth-child(6), td:nth-child(6) { width: 12%; }  /* Encontrados */
th:nth-child(7), td:nth-child(7) { width: 12%; }  /* Registrados */
th:nth-child(8), td:nth-child(8) { width: 19%; }  /* Atividade */