/* Leaderboard — dark backdrop (matches store) */
html:has(body.leaderboard-body),
body.leaderboard-body.matrix-site {
    background: #030508 !important;
    background-color: #030508 !important;
}

.leaderboard-body .bg-container {
    opacity: 0 !important;
}

.leaderboard-body .bg-image,
.leaderboard-body .bg-overlay,
.leaderboard-body .diagonal-lines {
    display: none !important;
}

.leaderboard-hero-panel {
    background: rgba(6, 8, 12, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.leaderboard-hero-panel::before {
    display: none !important;
}

.leaderboard-server-card {
    background: rgba(10, 12, 16, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.leaderboard-controls .select-control,
.leaderboard-controls .search-control,
.leaderboard-controls .refresh-button,
.hypes-table-shell {
    background: rgba(8, 10, 14, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.hypes-table th {
    background: rgba(12, 14, 18, 0.98) !important;
}

.hypes-table tbody tr,
.hypes-table tbody tr:nth-child(even) {
    background: rgba(6, 8, 12, 0.92) !important;
}

.hypes-table tbody tr:hover {
    background: rgba(14, 16, 20, 0.96) !important;
}