body {
    /* background: linear-gradient(135deg, #e9e9e9 0%, #999999 100%); */
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    min-height: 100vh;
}

.stat-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.stat-icon {
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.card {
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.navbar {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0.05);
}

.rank-badge {
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 4px;
}

.rank-1 { background: gold; color: #333; }
.rank-2 { background: silver; color: #333; }
.rank-3 { background: #cd7f32; color: white; }

.team-t {
    background: linear-gradient(135deg, #ff6b6b, #ee5a6f);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

.team-ct {
    background: linear-gradient(135deg, #4dabf7, #339af0);
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

.team-spec {
    background: #868e96;
    color: white;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.rotating {
    animation: rotate 1s linear infinite;
}

th.sort-asc::after { content: " ▲"; }
th.sort-desc::after { content: " ▼"; }

/* make first column of top10 tables uniform */
.table.top10 {
    table-layout: fixed;
}
.table.top10 th:first-child,
.table.top10 td:first-child {
    width: 56px;
    max-width: 56px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table.top10 td:second-child {
    width: 150px;
    max-width: 150px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}