/* /Components/Dialogs/WinnerDialog.razor.rz.scp.css */
.winner-dialog-root[b-bndi02x16r] {
    position: relative;
    overflow: hidden;
}

.winner-fireworks[b-bndi02x16r] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.fw[b-bndi02x16r] {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    opacity: 0;
    animation: fw-burst-b-bndi02x16r 900ms ease-out infinite;
}

.fw-1[b-bndi02x16r] { left: 15%; top: 20%; background: var(--mud-palette-primary); animation-delay: 0ms; }
.fw-2[b-bndi02x16r] { left: 70%; top: 18%; background: var(--mud-palette-secondary); animation-delay: 120ms; }
.fw-3[b-bndi02x16r] { left: 40%; top: 35%; background: var(--mud-palette-success); animation-delay: 240ms; }
.fw-4[b-bndi02x16r] { left: 85%; top: 45%; background: var(--mud-palette-warning); animation-delay: 360ms; }
.fw-5[b-bndi02x16r] { left: 25%; top: 55%; background: var(--mud-palette-info); animation-delay: 480ms; }
.fw-6[b-bndi02x16r] { left: 60%; top: 60%; background: var(--mud-palette-error); animation-delay: 600ms; }
.fw-7[b-bndi02x16r] { left: 10%; top: 70%; background: var(--mud-palette-tertiary); animation-delay: 720ms; }
.fw-8[b-bndi02x16r] { left: 78%; top: 75%; background: var(--mud-palette-primary); animation-delay: 840ms; }
.fw-9[b-bndi02x16r] { left: 50%; top: 80%; background: var(--mud-palette-secondary); animation-delay: 960ms; }
.fw-10[b-bndi02x16r] { left: 35%; top: 15%; background: var(--mud-palette-success); animation-delay: 1080ms; }

@keyframes fw-burst-b-bndi02x16r {
    0% {
        transform: scale(0.2);
        opacity: 0;
        filter: blur(0px);
    }
    10% {
        opacity: 1;
    }
    60% {
        transform: scale(6);
        opacity: 0.25;
        filter: blur(0.4px);
    }
    100% {
        transform: scale(8);
        opacity: 0;
        filter: blur(0.8px);
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
MudAppBar a[b-91v38gsnfi] {
    text-decoration: none;
}

[b-91v38gsnfi] .mud-appbar .mud-toolbar {
    padding-right: 0.5rem !important;
}

.topbar-mobile[b-91v38gsnfi] {
    display: none;
}

.topbar-desktop[b-91v38gsnfi] {
    display: flex;
}

.topbar-mobile-club[b-91v38gsnfi] {
    opacity: 0.8;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-mobile-drawer[b-91v38gsnfi]  .mud-button-root {
    justify-content: flex-start;
    text-transform: none;
}

/* ── Responsive top bar ── */

/* Icon caption labels under buttons */
[b-91v38gsnfi] .topbar-icon-caption {
    opacity: 0.8;
    margin-top: 2px;
}

/* Active club name in topbar */
[b-91v38gsnfi] .topbar-club-long {
    font-size: 1.25rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-91v38gsnfi] .topbar-club-short {
    display: none;
}

/* Small screens (phones) */
@media (max-width: 1024px) {
    .topbar-desktop[b-91v38gsnfi] {
        display: none !important;
    }
    .topbar-mobile[b-91v38gsnfi] {
        display: flex !important;
    }
    [b-91v38gsnfi] .topbar-title-text {
        font-size: 0.9rem !important;
    }
    [b-91v38gsnfi] .topbar-version {
        display: none;
    }
    [b-91v38gsnfi] .topbar-btn {
        min-width: 32px !important;
        padding: 2px 2px !important;
    }
    [b-91v38gsnfi] .topbar-btn .mud-icon-root {
        font-size: 1.15rem !important;
    }
    [b-91v38gsnfi] .topbar-club-long {
        display: none;
    }
    [b-91v38gsnfi] .topbar-club-short {
        display: inline;
        font-size: 0.85rem;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}
/* /Components/Layout/NoClubLayout.razor.rz.scp.css */
MudAppBar a[b-tfwi3jr5ge] {
    text-decoration: none;
}

[b-tfwi3jr5ge] .mud-appbar .mud-toolbar {
    padding-right: 0.5rem !important;
}
/* /Components/Pages/RankingStatistics.razor.rz.scp.css */
.ranking-filter-select[b-ogi1k1d5b2] {
    width: 66.6667%;
    min-width: 14rem;
}

@media (max-width: 959px) {
    .ranking-filter-select[b-ogi1k1d5b2] {
        width: 100%;
        min-width: 0;
    }
}
