.ranking-container {
    width: 100%;
    background: #2b1f1f;
    border: 1px solid #4a3535;
    padding: 15px;
}

.ranking-title {
    color: #d6a54a;
    font-size: 32px;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.ranking-table {
    width: 100%;
    border-collapse: collapse;
    background: rgba(0,0,0,0.75);
}

.ranking-table thead {
    background: #1a1414;
}

.ranking-table th {
    color: #d6a54a;
    padding: 12px;
    border: 1px solid #3a2a2a;
    font-size: 18px;
    text-transform: uppercase;
}

.ranking-table td {
    color: #f1e6d2;
    padding: 10px;
    border: 1px solid #2d1f1f;
    text-align: center;
}

.ranking-table tr:hover {
    background: rgba(214,165,74,0.08);
}

.rank-number {
    color: #ff3c3c;
    font-weight: bold;
    font-size: 20px;
}

.pagination {
    margin-top: 25px;
    text-align: center;
}

.pagination a {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: #c89b3c;
    color: #000;
    text-decoration: none;
    margin: 3px;
    border-radius: 4px;
    font-weight: bold;
    transition: 0.3s;
}

.pagination a:hover {
    background: #e0b24d;
}

.pagination .active {
    background: #8a6424;
    color: white;
}

.red {
    color: #ff4d4d;
    font-weight: bold;
}

.yellow {
    color: #ffd700;
    font-weight: bold;
}

.blue {
    color: #4da6ff;
    font-weight: bold;
}