.vime-clans-section {
    width: min(1200px, 100%);
}

.vime-landing > p {
    margin-bottom: 12px;
}

.vime-mode-chip {
    border-color: rgba(94, 179, 255, 0.16);
    background: rgba(94, 179, 255, 0.06);
}

.vime-mode-chip:hover {
    border-color: rgba(94, 179, 255, 0.28);
    background: rgba(94, 179, 255, 0.12);
}

.tesla-clan-match-name {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.tesla-clan-match-name .top-clans-guild-avatar {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
}

.vime-server-ip-box {
    display: block;
    text-decoration: none;
}

.vime-server-address {
    margin: 0;
    text-align: center;
    color: var(--muted);
    font-size: 13px;
}

.vime-clans-section .top-clans-row:hover {
    background: rgba(94, 179, 255, 0.1);
    border-color: rgba(94, 179, 255, 0.24);
}

.vime-clans-section .top-clans-card {
    padding: 22px 22px 18px;
}

.vime-clans-section .top-clans-table {
    gap: 10px;
}

.vime-clans-section .top-clans-head,
.vime-clans-section .top-clans-row {
    grid-template-columns: 52px minmax(0, 1fr) 132px 108px;
    gap: 14px;
}

.vime-clans-section .top-clans-row {
    min-height: 54px;
    padding: 0 16px;
}

.vime-clans-section .top-clans-guild-avatar {
    width: 40px;
    height: 40px;
}

.vime-clans-section .top-clans-name-text {
    font-size: 16px;
}

.vime-clans-section .top-clans-score,
.vime-clans-section .top-clans-members {
    font-size: 15px;
}

.vime-guild-card .clan-panel-ladder {
    background: rgba(94, 179, 255, 0.08);
    border-color: rgba(94, 179, 255, 0.18);
}

.vime-guild-card .clan-ladder-row.is-current {
    background: rgba(94, 179, 255, 0.22);
    border-color: rgba(94, 179, 255, 0.42);
}

.vime-clans-refresh-btn {
    border-color: rgba(94, 179, 255, 0.32);
    background: rgba(94, 179, 255, 0.14);
    color: #f4fbff;
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}

.vime-clans-refresh-btn:hover {
    background: rgba(94, 179, 255, 0.24);
    border-color: rgba(94, 179, 255, 0.48);
    transform: rotate(-8deg) scale(1.04);
}

.rank-vime-vip { color: #00be00; border-color: rgba(0, 190, 0, 0.35); background: rgba(0, 190, 0, 0.12); }
.rank-vime-premium { color: #00dada; border-color: rgba(0, 218, 218, 0.35); background: rgba(0, 218, 218, 0.12); }
.rank-vime-holy { color: #ffba2d; border-color: rgba(255, 186, 45, 0.35); background: rgba(255, 186, 45, 0.12); }
.rank-vime-immortal { color: #e800d5; border-color: rgba(232, 0, 213, 0.35); background: rgba(232, 0, 213, 0.12); }
.rank-vime-admin,
.rank-vime-dev,
.rank-vime-organizer { color: #7fe8ff; border-color: rgba(127, 232, 255, 0.35); background: rgba(127, 232, 255, 0.12); }
.rank-vime-moder,
.rank-vime-helper,
.rank-vime-warden,
.rank-vime-chief { color: #9db0ff; border-color: rgba(157, 176, 255, 0.35); background: rgba(157, 176, 255, 0.12); }

.vime-stats-card .stat-box--general {
    background: rgba(94, 179, 255, 0.08);
    border-color: rgba(94, 179, 255, 0.2);
}

.vime-stats-card .stat-box--general strong {
    color: #dff3ff;
}

.vime-stats-card .highlight-box--main {
    border-color: rgba(94, 179, 255, 0.18);
    background: rgba(94, 179, 255, 0.08);
}

.vime-stats-card .highlight-box--main strong {
    color: #eef8ff;
}

.vime-stats-card .stat-box {
    border-color: rgba(94, 179, 255, 0.12);
}

.vime-search-switch button.is-active {
    box-shadow: 0 0 20px rgba(94, 179, 255, 0.3);
}
