/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-khn6w28zuh] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-khn6w28zuh] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.brand-drawer-title[b-khn6w28zuh] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    color: var(--mud-palette-text-primary);
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    line-height: 1;
}

/* ── Premium white/blue application header ────────────── */
.app-header[b-khn6w28zuh] {
    background: color-mix(in srgb, var(--mud-palette-surface) 96%, transparent) !important;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 4px 18px color-mix(in srgb, var(--mud-palette-primary) 8%, transparent) !important;
    color: var(--mud-palette-text-primary) !important;
    backdrop-filter: blur(14px);
    height: 72px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1300;
}

.app-header-content[b-khn6w28zuh] {
    align-items: center;
    display: flex;
    height: 100%;
    padding-inline: clamp(0.75rem, 2.5vw, 2rem);
    width: 100%;
}

.brand-link[b-khn6w28zuh] {
    align-items: center;
    color: var(--mud-palette-text-primary) !important;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.2rem;
    font-weight: 800;
    gap: 0.65rem;
    letter-spacing: -0.025em;
    line-height: 1;
}

.brand-accent[b-khn6w28zuh] {
    color: var(--mud-palette-primary);
}

.bowling-brand-mark[b-khn6w28zuh] {
    background: linear-gradient(145deg, var(--mud-palette-primary-lighten) 0%, var(--mud-palette-primary-darken) 100%);
    border-radius: 50%;
    box-shadow: 0 5px 12px rgba(30, 115, 209, 0.22);
    display: inline-block;
    flex: 0 0 auto;
    height: 34px;
    position: relative;
    width: 34px;
}

.bowling-brand-hole[b-khn6w28zuh] {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 50%;
    height: 4px;
    position: absolute;
    width: 4px;
}

.bowling-brand-hole--one[b-khn6w28zuh] { left: 12px; top: 8px; }
.bowling-brand-hole--two[b-khn6w28zuh] { left: 18px; top: 10px; }
.bowling-brand-hole--three[b-khn6w28zuh] { left: 14px; top: 15px; }

.desktop-navigation[b-khn6w28zuh] {
    align-items: stretch;
    align-self: stretch;
    gap: 0.15rem;
    margin-left: clamp(1rem, 2.5vw, 2.5rem);
}

.desktop-navigation[b-khn6w28zuh]  .desktop-nav-link {
    align-items: center;
    border-bottom: 2px solid transparent;
    color: var(--mud-palette-text-secondary);
    display: inline-flex;
    font-size: 0.84rem;
    font-weight: 600;
    padding: 2px clamp(0.45rem, 0.9vw, 0.8rem) 0;
    position: relative;
    text-decoration: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.desktop-navigation[b-khn6w28zuh]  .desktop-nav-link:hover {
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    color: var(--mud-palette-primary);
}

.desktop-navigation[b-khn6w28zuh]  .desktop-nav-link--active {
    border-bottom-color: var(--mud-palette-primary-lighten);
    color: var(--mud-palette-primary-darken);
}

.app-header[b-khn6w28zuh]  .user-name {
    background: color-mix(in srgb, var(--mud-palette-primary) 6%, var(--mud-palette-surface));
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    color: var(--mud-palette-text-secondary);
    margin-inline: 0.5rem;
    padding: 0.42rem 0.8rem;
}

.logout-form[b-khn6w28zuh] {
    display: flex;
}

.app-header[b-khn6w28zuh]  .mobile-menu-button,
.app-header[b-khn6w28zuh]  .header-action-button,
.app-header[b-khn6w28zuh]  .theme-toggle-button {
    color: var(--mud-palette-primary) !important;
    border-radius: 10px !important;
}

.app-header[b-khn6w28zuh]  .login-button,
.app-header[b-khn6w28zuh]  .admin-button {
    border-radius: 10px !important;
    text-transform: none !important;
}

.app-header[b-khn6w28zuh]  .admin-button {
    color: var(--mud-palette-primary) !important;
}

.app-header[b-khn6w28zuh]  .login-button {
    background: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-text) !important;
}

.mobile-drawer[b-khn6w28zuh] {
    border-right: 1px solid var(--mud-palette-lines-default);
}

/* ── Mobile bottom navigation ───────────────────────────── */
.mobile-bottom-nav[b-khn6w28zuh] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(60px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    background: var(--mud-palette-surface, #fff);
    border-top: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 -5px 18px color-mix(in srgb, var(--mud-palette-primary) 9%, transparent);
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    z-index: 1300;
}

.mobile-bottom-nav[b-khn6w28zuh]  .mobile-nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 44px;
    min-height: 44px;
    padding: 4px 2px 4px;
    color: var(--mud-palette-text-secondary);
    text-decoration: none;
    font-size: 0.6rem;
    gap: 2px;
    border: none;
    background: transparent;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.15s ease;
}

    .mobile-bottom-nav[b-khn6w28zuh]  .mobile-nav-item .mud-icon-root {
        font-size: 1.35rem;
    }

.mobile-bottom-nav .mobile-nav-label[b-khn6w28zuh] {
    line-height: 1;
    font-size: 0.6rem;
    letter-spacing: 0.01em;
}

.mobile-bottom-nav[b-khn6w28zuh]  .mobile-nav-item--active {
    color: var(--mud-palette-primary);
    font-weight: 600;
    background: linear-gradient(180deg, color-mix(in srgb, var(--mud-palette-primary) 10%, transparent) 0%, transparent 82%);
}

    .mobile-bottom-nav[b-khn6w28zuh]  .mobile-nav-item--active .mud-icon-root {
        color: var(--mud-palette-primary);
    }

@media (max-width: 1250px) {
    .desktop-navigation[b-khn6w28zuh] {
        margin-left: 0.75rem;
    }

    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link {
        font-size: 0.78rem;
        padding-inline: 0.45rem;
    }
}

@media (min-width: 960px) and (max-width: 1100px) {
    .desktop-navigation[b-khn6w28zuh] {
        gap: 0;
        margin-left: 0.5rem;
    }

    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link {
        font-size: 0.74rem;
        padding-inline: 0.32rem;
        white-space: nowrap;
    }
}

@media (max-width: 959.98px) {
    .app-header[b-khn6w28zuh] {
        height: 64px;
    }

    .app-header-content[b-khn6w28zuh] {
        padding-inline: 0.5rem 0.75rem;
    }

    .brand-link[b-khn6w28zuh] {
        font-size: 1.1rem;
    }

    .bowling-brand-mark[b-khn6w28zuh] {
        height: 30px;
        width: 30px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link::after {
        background: var(--mud-palette-primary-lighten);
        bottom: -2px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        transform: scaleX(0);
        transition: transform 180ms ease;
    }

    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link--active {
        border-bottom-color: transparent;
    }

    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link--active::after,
    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link:focus-visible::after {
        transform: scaleX(1);
    }

    .mobile-bottom-nav[b-khn6w28zuh]  .mobile-nav-item .mud-icon-root {
        transition: transform 180ms ease;
    }

    .mobile-bottom-nav[b-khn6w28zuh]  .mobile-nav-item--active .mud-icon-root {
        transform: translateY(-2px);
    }

    .brand-link .bowling-brand-mark[b-khn6w28zuh] {
        transition: transform 220ms ease;
    }

    .brand-link:focus-visible .bowling-brand-mark[b-khn6w28zuh] {
        transform: rotate(-12deg);
    }
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) {
    .brand-link:hover .bowling-brand-mark[b-khn6w28zuh] {
        transform: rotate(-12deg);
    }

    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link:hover::after {
        transform: scaleX(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .desktop-navigation[b-khn6w28zuh]  .desktop-nav-link,
    .mobile-bottom-nav[b-khn6w28zuh]  .mobile-nav-item {
        transition: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-040uj0m3j0],
.components-reconnect-repeated-attempt-visible[b-040uj0m3j0],
.components-reconnect-failed-visible[b-040uj0m3j0],
.components-pause-visible[b-040uj0m3j0],
.components-resume-failed-visible[b-040uj0m3j0],
.components-rejoining-animation[b-040uj0m3j0] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-retrying[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-failed[b-040uj0m3j0],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-040uj0m3j0] {
    display: block;
}


#components-reconnect-modal[b-040uj0m3j0] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-040uj0m3j0 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-040uj0m3j0 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-040uj0m3j0 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-040uj0m3j0]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-040uj0m3j0 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-040uj0m3j0 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-040uj0m3j0 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-040uj0m3j0 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-040uj0m3j0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-040uj0m3j0] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-040uj0m3j0] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-040uj0m3j0] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-040uj0m3j0] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-040uj0m3j0] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-040uj0m3j0] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-040uj0m3j0 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-040uj0m3j0] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-040uj0m3j0 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/LeagueOverview.razor.rz.scp.css */
.official-league-page[b-kof385drfd] { min-width: 0; }
.league-tabs[b-kof385drfd] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; margin-bottom: 1.2rem; padding-bottom: .6rem; border-bottom: 1px solid var(--mud-palette-lines-default); }
.league-tabs a[b-kof385drfd] { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: .5rem .35rem; border-radius: 9px; color: var(--mud-palette-text-secondary); font-size: .75rem; font-weight: 600; text-align: center; text-decoration: none; }
.league-tabs a.is-active[b-kof385drfd] { color: var(--mud-palette-primary-text); background: var(--mud-palette-primary); }
.league-subtitle[b-kof385drfd] { color: var(--mud-palette-text-secondary); font-size: .85rem; margin-top: .25rem; }
.league-sync-time[b-kof385drfd] { color: var(--mud-palette-text-secondary); font-size: .65rem; margin: 0 0 1rem; }
.league-source-note[b-kof385drfd] { color: var(--mud-palette-text-secondary); font-size: .7rem; margin-top: 1.5rem; }
.league-tabs a:focus-visible[b-kof385drfd] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }
@media (min-width: 600px) { .league-tabs[b-kof385drfd] { max-width: 600px; } }
@media (max-width: 374px) { .league-tabs[b-kof385drfd] { gap: .2rem; } .league-tabs a[b-kof385drfd] { font-size: .7rem; padding: .5rem .25rem; } }
/* /Components/Pages/Monthly.razor.rz.scp.css */
.monthly-heading[b-7y7oevp7ji]  .monthly-page-title {
    align-items: center;
    display: inline-flex;
    flex: 1 1 auto;
    margin: 0;
    white-space: nowrap;
}

.monthly-filter-grid[b-7y7oevp7ji] {
    align-items: center;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(140px, 180px) minmax(180px, 260px) minmax(272px, 1fr);
}

.monthly-filter-control[b-7y7oevp7ji] {
    min-width: 0;
}

.monthly-filter-control[b-7y7oevp7ji]  .mud-input-control {
    width: 100%;
}

.monthly-filter-actions[b-7y7oevp7ji] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.monthly-filter-actions[b-7y7oevp7ji]  .mud-button {
    min-height: 44px;
    min-width: 132px;
}

.monthly-heading[b-7y7oevp7ji] {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.monthly-club-average[b-7y7oevp7ji] {
    align-items: center;
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, transparent);
    border-radius: var(--mud-default-borderradius);
    display: flex;
    gap: 0.75rem;
    min-height: 56px;
    padding: 0.5rem 1rem;
    flex: 0 0 auto;
    min-width: 240px;
    width: auto;
}

.monthly-club-average-label[b-7y7oevp7ji],
.monthly-club-average-value[b-7y7oevp7ji] {
    display: block;
}

.monthly-club-average-result[b-7y7oevp7ji] {
    align-items: baseline;
    display: flex;
    gap: 0.5rem;
}

.monthly-club-average-label[b-7y7oevp7ji] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
    line-height: 1.2;
}

.monthly-club-average-value[b-7y7oevp7ji] {
    color: var(--mud-palette-text-primary);
    font-size: 1.15rem;
    line-height: 1.35;
}

.monthly-club-average-delta[b-7y7oevp7ji] {
    font-size: 0.8rem;
    font-weight: 700;
}

.monthly-club-average-delta-positive[b-7y7oevp7ji] {
    color: var(--mud-palette-success);
}

.monthly-club-average-delta-negative[b-7y7oevp7ji] {
    color: var(--mud-palette-error);
}

.monthly-club-average-delta-neutral[b-7y7oevp7ji] {
    color: var(--mud-palette-text-secondary);
}

.monthly-table-scroll[b-7y7oevp7ji] {
    max-height: calc(100vh - 5rem);
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.monthly-comparison-table[b-7y7oevp7ji] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: max-content;
    width: 100%;
}

.monthly-comparison-table th[b-7y7oevp7ji],
.monthly-comparison-table td[b-7y7oevp7ji] {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    min-width: 7rem;
    padding: 0.55rem 0.5rem;
    text-align: center;
    white-space: nowrap;
}

.monthly-comparison-table thead th[b-7y7oevp7ji] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface));
    color: var(--mud-palette-primary);
    border-bottom-color: color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-lines-default));
    font-weight: 700;
    position: sticky;
    top: 0;
    z-index: 4;
}

.monthly-comparison-table tbody th[b-7y7oevp7ji] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-weight: 600;
    text-align: left;
}

.monthly-comparison-table .monthly-game-header th[b-7y7oevp7ji] {
    background: color-mix(in srgb, var(--mud-palette-primary) 16%, var(--mud-palette-surface));
    border-bottom-color: color-mix(in srgb, var(--mud-palette-primary) 45%, var(--mud-palette-lines-default));
    color: var(--mud-palette-primary);
    font-weight: 700;
    position: sticky;
    text-align: center;
    top: 0;
    z-index: 6;
}

.monthly-comparison-table th:first-child[b-7y7oevp7ji] {
    left: 0;
    min-width: 7.75rem;
    position: sticky;
    z-index: 2;
}

.monthly-comparison-table thead th:first-child[b-7y7oevp7ji] {
    z-index: 5;
}

.monthly-comparison-table .monthly-game-header th:first-child[b-7y7oevp7ji] {
    z-index: 7;
}

.monthly-comparison-table tbody tr:hover td[b-7y7oevp7ji] {
    background: var(--mud-palette-action-default-hover);
}

.monthly-comparison-table tbody tr:hover th[b-7y7oevp7ji] {
    background: var(--mud-palette-background-gray);
}

.monthly-average-row td[b-7y7oevp7ji] {
    font-weight: 700;
}

.monthly-game-row-first th[b-7y7oevp7ji],
.monthly-game-row-first td[b-7y7oevp7ji] {
    border-top: 2px solid var(--mud-palette-primary);
}

.monthly-game-header-row[b-7y7oevp7ji] {
    display: none;
}

.monthly-comparison-table tbody .monthly-game-header-row th[b-7y7oevp7ji] {
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-primary);
    font-weight: 700;
    text-align: center;
}

.monthly-comparison-table tbody .monthly-game-header-row th:first-child[b-7y7oevp7ji] {
    text-align: left;
}

.monthly-high-score[b-7y7oevp7ji] {
    color: var(--mud-palette-success);
    font-weight: 800;    
}

.monthly-small-sample[b-7y7oevp7ji] {
    color: var(--mud-palette-warning-darken);
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    margin-top: 0.15rem;
}

@media (max-width: 799.98px) {
    .monthly-filter-grid[b-7y7oevp7ji] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .monthly-filter-actions[b-7y7oevp7ji]  .mud-button {
        min-height: 44px;
        min-width: 44px;
        padding: 0;
        width: 44px;
    }

    .monthly-filter-actions[b-7y7oevp7ji]  .mud-button-icon-start,
    .monthly-filter-actions[b-7y7oevp7ji]  .mud-button-icon-end {
        margin-inline: 0;
    }

    .monthly-nav-label[b-7y7oevp7ji] {
        display: none;
    }
}

@media (max-width: 599.98px) {
    .monthly-heading[b-7y7oevp7ji] {
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
    }

    .monthly-heading[b-7y7oevp7ji]  .monthly-page-title {
        font-size: 1.5rem;
        min-width: 0;
        white-space: nowrap;
    }

    .monthly-heading .monthly-club-average[b-7y7oevp7ji] {
        background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
        border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, transparent);
        flex: 0 0 auto;
        gap: 0.45rem;
        min-height: 52px;
        min-width: 136px;
        padding: 0.35rem 0.55rem;
        width: auto;
    }

    .monthly-heading[b-7y7oevp7ji]  .monthly-club-average > .mud-icon-root {
        display: inline-flex;
        font-size: 1.25rem;
    }

    .monthly-heading .monthly-club-average > div[b-7y7oevp7ji] {
        display: block;
    }

    .monthly-heading .monthly-club-average-label[b-7y7oevp7ji] {
        display: block;
    }

    .monthly-heading .monthly-club-average-label[b-7y7oevp7ji] {
        font-size: 0.68rem;
        white-space: nowrap;
    }

    .monthly-heading .monthly-club-average-value[b-7y7oevp7ji] {
        font-size: 1rem;
    }

    .monthly-heading .monthly-club-average-result[b-7y7oevp7ji] {
        display: flex;
        gap: 0.25rem;
    }

    .monthly-heading .monthly-club-average-delta[b-7y7oevp7ji] {
        font-size: 0.7rem;
    }

    .monthly-filter-grid[b-7y7oevp7ji] {
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    }

    .monthly-filter-shell[b-7y7oevp7ji]  .mud-paper {
        padding: 0.5rem !important;
    }

    .monthly-filter-actions[b-7y7oevp7ji] {
        gap: 0.35rem;
    }

    .monthly-comparison-table th[b-7y7oevp7ji],
    .monthly-comparison-table td[b-7y7oevp7ji] {
        min-width: 5.5rem;
        padding: 0.5rem 0.25rem;
    }

    .monthly-comparison-table th:first-child[b-7y7oevp7ji] {
        min-width: 6.5rem;
    }

    .monthly-game-header-row[b-7y7oevp7ji] {
        display: table-row;
    }
}

@media (max-width: 379.98px) {
    .monthly-heading[b-7y7oevp7ji] {
        align-items: flex-start;
    }

    .monthly-heading[b-7y7oevp7ji]  .monthly-page-title {
        font-size: 1.25rem;
    }

    .monthly-heading .monthly-club-average[b-7y7oevp7ji] {
        gap: 0.35rem;
        min-width: 128px;
        padding-inline: 0.4rem;
    }

    .monthly-filter-grid[b-7y7oevp7ji] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .monthly-filter-actions[b-7y7oevp7ji] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 339.98px) {
    .monthly-heading[b-7y7oevp7ji] {
        flex-wrap: wrap;
    }

    .monthly-heading .monthly-club-average[b-7y7oevp7ji] {
        margin-left: auto;
    }
}
/* /Components/Pages/Shared/ComparisonResults.razor.rz.scp.css */
.comparison-value[b-ocza2dfitq] {
    min-width: 7rem;
    max-width: 20rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

.record-line > span[b-ocza2dfitq] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.record-line > strong[b-ocza2dfitq] {
    max-width: 65%;
    text-align: right;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Shared/LeagueOverallResults.razor.rz.scp.css */
.overall-results-list[b-q28yligzee] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.overall-player[b-q28yligzee] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
}

.overall-player + .overall-player[b-q28yligzee] {
    border-top: 1px solid var(--mud-palette-lines-default);
}

.overall-player-name[b-q28yligzee] {
    overflow-wrap: anywhere;
}

.overall-player-totals[b-q28yligzee] {
    display: grid;
    grid-template-columns: repeat(2, minmax(110px, auto));
    gap: 24px;
    margin: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.overall-player-totals dt[b-q28yligzee] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
}

.overall-player-totals dd[b-q28yligzee] {
    margin: 0;
    font-weight: 600;
    color: var(--mud-palette-primary);
}

@media (max-width: 599.98px) {
    .overall-player-totals[b-q28yligzee] {
        grid-template-columns: auto;
        gap: 6px;
    }
}
/* /Components/Pages/Shared/LeagueRoundResults.razor.rz.scp.css */
.round-results[b-cwp1vdjocd] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.round-results-list[b-cwp1vdjocd],
.round-scores[b-cwp1vdjocd] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.round-player[b-cwp1vdjocd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
    padding: 12px 0;
}

.round-player + .round-player[b-cwp1vdjocd] {
    border-top: 1px solid var(--mud-palette-lines-default);
}

.round-player-name[b-cwp1vdjocd] {
    overflow-wrap: anywhere;
}

.round-scores[b-cwp1vdjocd] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.round-score[b-cwp1vdjocd] {
    padding: 2px 6px;
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
}

.round-player-totals[b-cwp1vdjocd] {
    margin: 0;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.round-player-totals > div + div[b-cwp1vdjocd] {
    margin-top: 6px;
}

.round-player-totals dt[b-cwp1vdjocd] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.75rem;
}

.round-player-totals dd[b-cwp1vdjocd] {
    margin: 0;
    font-weight: 600;
    color: var(--mud-palette-primary);
}
/* /Components/Pages/Shared/OfficialLeagueMatchCard.razor.rz.scp.css */
.official-match-card[b-ektlxw5ojy] {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 1rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    min-width: 0;
}

.match-meta[b-ektlxw5ojy] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .5rem; font-size: .8rem; }
.match-venue[b-ektlxw5ojy] { color: var(--mud-palette-text-secondary); font-size: .8rem; margin-top: .4rem; overflow-wrap: anywhere; }
.match-status[b-ektlxw5ojy] { padding: .2rem .55rem; border-radius: 6px; background: var(--mud-palette-action-default-hover); font-size: .75rem; font-weight: 600; }
.match-status.is-completed[b-ektlxw5ojy] { background: var(--mud-palette-success-hover); color: var(--mud-palette-text-primary); }
.match-status.is-completed[b-ektlxw5ojy]::before { content: ""; display: inline-block; width: .4rem; height: .4rem; margin-right: .35rem; border-radius: 50%; background: var(--mud-palette-success); vertical-align: middle; }
.match-status.is-live[b-ektlxw5ojy] { background: var(--mud-palette-info-hover); color: var(--mud-palette-info); }
.match-status.is-changed[b-ektlxw5ojy] { background: var(--mud-palette-warning-hover); color: var(--mud-palette-text-primary); }
.match-scoreboard[b-ektlxw5ojy] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(2.5rem, auto); align-items: center; gap: .65rem .8rem; margin: .8rem 0 .3rem; }
.score-column-label[b-ektlxw5ojy] { color: var(--mud-palette-text-secondary); font-size: .65rem; text-align: center; }
.match-pin-total[b-ektlxw5ojy] { font-size: .9rem; font-weight: 500; text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; }
.match-team[b-ektlxw5ojy] { font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; min-width: 0; }
.match-points[b-ektlxw5ojy] { text-align: center; font-size: 1.3rem; font-variant-numeric: tabular-nums; border-radius: 6px; padding: .1rem .4rem; background: var(--mud-palette-action-default-hover); }
.match-pins[b-ektlxw5ojy] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .3rem .75rem; border-top: 1px solid var(--mud-palette-lines-default); padding-top: .75rem; font-size: .8rem; color: var(--mud-palette-text-secondary); }
.match-pins strong[b-ektlxw5ojy] { color: var(--mud-palette-text-primary); font-variant-numeric: tabular-nums; }
.match-detail-link[b-ektlxw5ojy] { display: flex; align-items: center; justify-content: space-between; min-height: 48px; margin-top: .35rem; color: var(--mud-palette-text-primary); font-size: .85rem; text-decoration: underline; text-underline-offset: .2rem; }
.match-detail-link[b-ektlxw5ojy]::after { content: ""; position: absolute; inset: 0; border-radius: 12px; }
.official-match-card:has(.match-detail-link):hover[b-ektlxw5ojy] { border-color: var(--mud-palette-primary); }
.match-detail-link:focus-visible[b-ektlxw5ojy] { outline: none; }
.match-detail-link:focus-visible[b-ektlxw5ojy]::after { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }
.official-match-card.is-compact[b-ektlxw5ojy] { --league-accent: color-mix(in srgb, var(--mud-palette-text-primary) 45%, #0584aa); --league-soft: color-mix(in srgb, var(--mud-palette-surface) 94%, #087da2); height: auto; border: 0; border-top: 1px solid var(--mud-palette-lines-default); border-radius: 0; padding: 1rem; }
.compact-meta[b-ektlxw5ojy] { display: flex; justify-content: space-between; gap: .75rem; font-size: .6rem; color: var(--mud-palette-text-secondary); }
.compact-meta > span[b-ektlxw5ojy] { min-width: 0; overflow-wrap: anywhere; }
.compact-meta > span:last-child[b-ektlxw5ojy] { text-align: right; }
.compact-scoreboard[b-ektlxw5ojy] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: .6rem; margin-top: .8rem; }
.compact-team[b-ektlxw5ojy] { display: flex; align-items: center; gap: .5rem; color: var(--league-accent); font-size: .85rem; min-width: 0; overflow-wrap: anywhere; }
.compact-team.is-away[b-ektlxw5ojy] { justify-content: flex-end; text-align: right; }
.compact-mark[b-ektlxw5ojy] { flex: 0 0 28px; height: 28px; border-radius: 7px; display: flex; align-items: center; justify-content: center; background: var(--league-soft); color: var(--league-accent); font-size: .5rem; font-weight: 700; }
.compact-result[b-ektlxw5ojy] { display: flex; flex-direction: column; align-items: center; gap: .25rem; color: var(--league-accent); white-space: nowrap; }
.compact-result strong[b-ektlxw5ojy] { font-size: 1.15rem; line-height: 1.2; font-variant-numeric: tabular-nums; }
.compact-result small[b-ektlxw5ojy] { font-size: .6rem; color: var(--mud-palette-text-secondary); }
.is-compact .match-detail-link[b-ektlxw5ojy] { display: block; position: absolute; inset: 0; min-height: 0; margin: 0; font-size: 0; }
.is-compact .match-detail-link[b-ektlxw5ojy]::after { border-radius: 0; }
.is-compact:has(.match-detail-link):hover[b-ektlxw5ojy] { background: var(--mud-palette-primary-hover); }
@media (max-width: 374px) {
    .official-match-card.is-compact[b-ektlxw5ojy] { padding: .85rem .6rem; }
    .compact-scoreboard[b-ektlxw5ojy] { gap: .35rem; }
    .compact-team[b-ektlxw5ojy] { gap: .3rem; font-size: .75rem; }
    .compact-mark[b-ektlxw5ojy] { flex-basis: 22px; height: 25px; }
    .compact-result strong[b-ektlxw5ojy] { font-size: 1rem; }
}

@media (max-width: 374px) {
    .official-match-card[b-ektlxw5ojy] { padding: .85rem; }
    .match-meta[b-ektlxw5ojy] { align-items: flex-start; }
}
/* /Components/Pages/Shared/OfficialLeagueOverviewContent.razor.rz.scp.css */
.league-panel[b-no6qmeo9rw] { --league-accent: color-mix(in srgb, var(--mud-palette-text-primary) 45%, #0584aa); --league-soft: color-mix(in srgb, var(--mud-palette-surface) 94%, #087da2); min-width: 0; overflow: hidden; border: 1px solid var(--mud-palette-lines-default); border-radius: 14px; background: var(--mud-palette-surface); margin-bottom: 1.25rem; }
.panel-heading[b-no6qmeo9rw] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: 1.1rem; }
.panel-heading h2[b-no6qmeo9rw] { margin: 0; font-size: 1.45rem; line-height: 1.25; font-weight: 400; color: var(--mud-palette-text-primary); }
.round-badge[b-no6qmeo9rw] { flex-shrink: 0; border-radius: 5px; padding: .45rem .5rem; background: var(--league-soft); color: var(--league-accent); font-size: .65rem; font-weight: 600; }
.standings-table[b-no6qmeo9rw] { width: 100%; table-layout: fixed; border-collapse: collapse; color: var(--mud-palette-text-primary); font-size: .9rem; font-variant-numeric: tabular-nums; }
.standings-table th[b-no6qmeo9rw] { padding: .8rem .25rem; color: var(--mud-palette-text-secondary); background: color-mix(in srgb, var(--mud-palette-surface) 96%, #087da2); font-size: .65rem; font-weight: 600; text-align: center; }
.standings-table th.team-column[b-no6qmeo9rw] { width: 48%; padding-left: 1rem; text-align: left; }
.standings-table th.points-column[b-no6qmeo9rw] { width: 12%; }
.standings-table th.standings-extra[b-no6qmeo9rw] { width: 17%; }
.standings-table abbr[b-no6qmeo9rw] { text-decoration: none; }
.standings-table td[b-no6qmeo9rw] { box-sizing: border-box; height: 54px; padding: .55rem .25rem; border-top: 1px solid var(--mud-palette-lines-default); text-align: center; }
.standings-table td:first-child[b-no6qmeo9rw] { padding-left: 1rem; text-align: left; }
.standing-team[b-no6qmeo9rw] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.standing-rank[b-no6qmeo9rw] { flex: 0 0 22px; color: var(--mud-palette-text-secondary); font-size: .7rem; }
.team-mark[b-no6qmeo9rw] { display: flex; align-items: center; justify-content: center; flex: 0 0 28px; height: 28px; border-radius: 8px; font-size: .55rem; font-weight: 700; color: var(--league-accent); background: var(--league-soft); }
.standing-name[b-no6qmeo9rw] { color: var(--league-accent); overflow-wrap: anywhere; line-height: 1.35; }
.standing-points[b-no6qmeo9rw] { color: var(--league-accent); font-weight: 700; }
.is-leading[b-no6qmeo9rw] { background: var(--league-soft); }
.is-leading .team-mark[b-no6qmeo9rw] { background: color-mix(in srgb, var(--mud-palette-surface) 90%, #087da2); }
.round-note[b-no6qmeo9rw] { margin: 0; padding: 0 1rem .65rem; font-size: .75rem; color: var(--mud-palette-text-secondary); }
.results-list[b-no6qmeo9rw] { display: grid; min-width: 0; }
@media (max-width: 599px) {
    .standings-extra[b-no6qmeo9rw] { display: none; }
    .standings-table th.team-column[b-no6qmeo9rw] { width: 56%; }
    .standings-table th.points-column[b-no6qmeo9rw] { width: 16%; }
    .standings-table th[b-no6qmeo9rw], .standings-table td[b-no6qmeo9rw] { padding-left: .15rem; padding-right: .15rem; }
    .standings-table td[b-no6qmeo9rw] { font-size: .85rem; }
    .standing-team[b-no6qmeo9rw] { gap: .4rem; }
    .standing-name[b-no6qmeo9rw] { font-size: .85rem; }
}
@media (max-width: 374px) {
    .panel-heading[b-no6qmeo9rw] { padding: .9rem .75rem; }
    .panel-heading h2[b-no6qmeo9rw] { font-size: 1.25rem; }
    .standings-table td:first-child[b-no6qmeo9rw], .standings-table th.team-column[b-no6qmeo9rw] { padding-left: .6rem; }
    .standing-rank[b-no6qmeo9rw] { flex-basis: 14px; }
    .team-mark[b-no6qmeo9rw] { flex-basis: 24px; height: 26px; }
    .standing-name[b-no6qmeo9rw] { font-size: .75rem; }
    .standings-table td[b-no6qmeo9rw] { font-size: .78rem; }
}
/* /Components/Pages/Shared/OfficialLeagueSchedule.razor.rz.scp.css */
.round-toolbar[b-xhqrf4fm0u] { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; gap: .75rem; align-items: end; max-width: 480px; margin: .5rem auto 1.5rem; }
.round-select[b-xhqrf4fm0u] { min-width: 0; }
.round-select label[b-xhqrf4fm0u] { display: block; margin: 0 0 .35rem .15rem; color: var(--mud-palette-text-secondary); font-size: .8rem; }
.round-select select[b-xhqrf4fm0u] { display: block; width: 100%; min-height: 48px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; padding: .6rem .75rem; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); font: inherit; font-size: 1rem; cursor: pointer; }
.round-step[b-xhqrf4fm0u] { display: flex; justify-content: center; align-items: center; min-height: 48px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); color: var(--mud-palette-primary); cursor: pointer; }
.round-step:disabled[b-xhqrf4fm0u] { opacity: .4; cursor: default; }
.round-step:focus-visible[b-xhqrf4fm0u], .round-select select:focus-visible[b-xhqrf4fm0u], summary:focus-visible[b-xhqrf4fm0u] { outline: 3px solid var(--mud-palette-primary); outline-offset: 3px; }
.round-heading[b-xhqrf4fm0u] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.round-heading h2[b-xhqrf4fm0u] { font-size: 1.15rem; font-weight: 600; }
.round-heading > span[b-xhqrf4fm0u] { color: var(--mud-palette-text-secondary); font-size: .85rem; }
.match-grid[b-xhqrf4fm0u] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .85rem; }
.full-schedule[b-xhqrf4fm0u] { margin-top: 1.5rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); }
summary[b-xhqrf4fm0u] { min-height: 56px; padding: 1rem; cursor: pointer; font-weight: 600; overflow-wrap: anywhere; }
.full-schedule > summary > span[b-xhqrf4fm0u] { display: block; margin: .4rem 0 0 1rem; color: var(--mud-palette-text-secondary); font-size: .8rem; font-weight: 400; }
.round-list[b-xhqrf4fm0u] { padding: 0 .75rem .75rem; }
.schedule-round[b-xhqrf4fm0u] { border-top: 1px solid var(--mud-palette-lines-default); }
.schedule-round > summary[b-xhqrf4fm0u] { padding: 1rem .25rem; }
.round-progress[b-xhqrf4fm0u] { display: inline-block; margin-left: .75rem; color: var(--mud-palette-text-secondary); font-weight: 400; font-size: .8rem; }
.schedule-round > .match-grid[b-xhqrf4fm0u] { margin-bottom: 1rem; }
@media (min-width: 768px) { .match-grid[b-xhqrf4fm0u] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } }
@media (max-width: 374px) { .round-toolbar[b-xhqrf4fm0u] { gap: .5rem; } .round-progress[b-xhqrf4fm0u] { display: block; margin: .3rem 0 0 1rem; } }
/* /Components/Pages/Shared/OfficialLeagueTeams.razor.rz.scp.css */
.teams-heading[b-8lvugkgcgz] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin: .5rem 0 1rem; }
.teams-heading h2[b-8lvugkgcgz] { font-size: 1.15rem; font-weight: 600; }
.teams-heading h2 span[b-8lvugkgcgz] { display: inline-block; margin-left: .4rem; padding: .15rem .5rem; border-radius: 6px; background: var(--mud-palette-action-default-hover); font-size: .85rem; }
.standing-context[b-8lvugkgcgz] { color: var(--mud-palette-text-secondary); font-size: .8rem; }
.team-grid[b-8lvugkgcgz] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.team-card[b-8lvugkgcgz] { box-sizing: border-box; display: flex; flex-direction: column; min-width: 0; padding: 1rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; color: var(--mud-palette-text-primary); background: var(--mud-palette-surface); }
.team-header[b-8lvugkgcgz] { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.team-avatar[b-8lvugkgcgz] { display: flex; flex: 0 0 44px; align-items: center; justify-content: center; height: 44px; border-radius: 12px; background: var(--mud-palette-primary-hover); color: var(--mud-palette-text-primary); font-weight: 700; }
.team-identity[b-8lvugkgcgz] { flex: 1; min-width: 0; }
.team-identity h3[b-8lvugkgcgz] { margin: 0; font-size: 1rem; line-height: 1.4; font-weight: 600; overflow-wrap: anywhere; }
.team-city[b-8lvugkgcgz] { display: block; color: var(--mud-palette-text-secondary); font-size: .8rem; margin-top: .2rem; overflow-wrap: anywhere; }
.team-position[b-8lvugkgcgz] { color: var(--mud-palette-text-secondary); font-size: .85rem; flex-shrink: 0; }
.team-totals[b-8lvugkgcgz] { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.4fr); gap: .5rem; margin: 1.2rem 0 1rem; }
.team-totals > div[b-8lvugkgcgz] { min-width: 0; display: flex; flex-direction: column; gap: .3rem; }
.team-totals strong[b-8lvugkgcgz] { font-size: 1.1rem; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.team-totals span[b-8lvugkgcgz], .team-record dt[b-8lvugkgcgz] { font-size: .75rem; color: var(--mud-palette-text-secondary); }
.team-record[b-8lvugkgcgz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; padding-top: .9rem; border-top: 1px solid var(--mud-palette-lines-default); margin: 0 0 .5rem; }
.team-record > div[b-8lvugkgcgz] { display: flex; flex-direction: column; gap: .25rem; }
.team-record dd[b-8lvugkgcgz] { margin: 0; font-size: .95rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.team-no-standing[b-8lvugkgcgz] { color: var(--mud-palette-text-secondary); font-size: .9rem; padding: 1rem 0; }
@media (min-width: 600px) { .team-grid[b-8lvugkgcgz] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .team-grid[b-8lvugkgcgz] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 374px) { .team-card[b-8lvugkgcgz] { padding: .85rem; } .team-header[b-8lvugkgcgz] { gap: .6rem; } }
/* /Components/Pages/Shared/OfficialMatchReportContent.razor.rz.scp.css */
.report-heading[b-5ggla01e21] { margin: .75rem 0 1.25rem; }
.report-heading h1[b-5ggla01e21] { font-size: 1.4rem; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.report-heading p[b-5ggla01e21], .report-note[b-5ggla01e21] { color: var(--mud-palette-text-secondary); font-size: .8rem; margin-top: .5rem; }
.report-metadata[b-5ggla01e21] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 1.25rem 0; }
.report-metadata dt[b-5ggla01e21] { font-size: .75rem; color: var(--mud-palette-text-secondary); }
.report-metadata dd[b-5ggla01e21] { margin: .25rem 0 0; font-size: .85rem; overflow-wrap: anywhere; }
.report-block[b-5ggla01e21] { box-sizing: border-box; padding: 1rem; margin-top: 1rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; background: var(--mud-palette-surface); }
.report-block h2[b-5ggla01e21], .report-lineups h2[b-5ggla01e21] { font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; }
.report-block h2[b-5ggla01e21] { font-size: .95rem; font-weight: 500; margin-bottom: .75rem; }
.player-table[b-5ggla01e21] { width: 100%; table-layout: fixed; border-collapse: collapse; color: var(--mud-palette-text-primary); font-size: .9rem; }
.player-column[b-5ggla01e21] { width: 32%; }
.score-column[b-5ggla01e21] { width: 25%; }
.ib-column[b-5ggla01e21] { width: 11%; }
.player-table th[b-5ggla01e21] { font-weight: 700; text-align: left; padding: .5rem .25rem; border-bottom: 1px solid var(--mud-palette-lines-default); }
.player-table td[b-5ggla01e21] { padding: .5rem .25rem; border-bottom: 1px solid var(--mud-palette-lines-default); overflow-wrap: anywhere; line-height: 1.4; }
.player-table th:first-child[b-5ggla01e21], .player-table td:first-child[b-5ggla01e21] { padding-left: 0; }
.player-table th:last-child[b-5ggla01e21], .player-table td:last-child[b-5ggla01e21] { padding-right: 0; }
.player-table .player-score[b-5ggla01e21] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.player-table abbr[b-5ggla01e21] { text-decoration: none; }
.block-summary[b-5ggla01e21] { margin: .9rem 0 0; color: var(--mud-palette-text-secondary); font-size: .8rem; line-height: 1.6; }
.block-summary strong[b-5ggla01e21] { color: var(--mud-palette-text-primary); font-weight: 600; }
.report-lineups[b-5ggla01e21] { padding: 1rem; border: 1px solid var(--mud-palette-lines-default); border-radius: 12px; margin: 1.5rem 0; background: var(--mud-palette-surface); }
.lineup-grid[b-5ggla01e21] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.lineup-grid h3[b-5ggla01e21] { font-size: .95rem; font-weight: 600; overflow-wrap: anywhere; }
.lineup-grid ul[b-5ggla01e21] { padding-left: 1.25rem; margin: .6rem 0; font-size: .85rem; line-height: 1.7; overflow-wrap: anywhere; }
.lineup-grid p[b-5ggla01e21] { color: var(--mud-palette-text-secondary); font-size: .8rem; overflow-wrap: anywhere; }
@media (max-width: 599px) {
    .report-metadata[b-5ggla01e21] { grid-template-columns: minmax(0, 1fr); gap: .75rem; }
    .report-metadata > div[b-5ggla01e21] { display: grid; grid-template-columns: 75px minmax(0, 1fr); gap: .5rem; }
    .report-metadata dd[b-5ggla01e21] { margin: 0; }
    .lineup-grid[b-5ggla01e21] { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
}
@media (max-width: 374px) { .report-block[b-5ggla01e21] { padding: .8rem; } .player-table[b-5ggla01e21] { font-size: .78rem; } .player-table th[b-5ggla01e21], .player-table td[b-5ggla01e21] { padding: .45rem .15rem; } .block-summary[b-5ggla01e21] { font-size: .72rem; } }
/* /Components/Pages/Shared/ScoreComparisonChart.razor.rz.scp.css */
.score-chart-responsive[b-uxdjrnm13o] {
    container: score-chart / inline-size;
    min-width: 0;
    max-width: 100%;
}

.score-chart-responsive[b-uxdjrnm13o]  .mud-chart {
    min-width: 0;
    width: 100%;
}

.score-chart-responsive[b-uxdjrnm13o]  svg {
    max-width: 100%;
}

.score-chart-responsive[b-uxdjrnm13o]  .mud-chart-legend {
    min-width: 0;
    flex-wrap: wrap;
}

@container score-chart (max-width: 480px) {
    /* Compensate for the SVG scaling down, within the existing label boxes. */
    .score-chart-responsive[b-uxdjrnm13o]  [data-score-label] text {
        font-size: 18px !important;
    }
}
/* /Components/Pages/Shared/StatisticsResults.razor.rz.scp.css */
.scores-200-plus[b-wk4ierrmgo] {
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: normal;
}

@media (max-width: 599.98px) {
    .scores-200-plus[b-wk4ierrmgo] {
        max-width: 100%;
        text-align: left !important;
    }
}
/* /Components/Pages/Shared/TrainingHistoryCard.razor.rz.scp.css */
.history-card[b-a5yy71dwi6] {
    container-type: inline-size;
}

.history-heading[b-a5yy71dwi6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.history-heading-with-group[b-a5yy71dwi6] {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.history-date[b-a5yy71dwi6] {
    font-size: 0.875rem;
    font-weight: 700;
}

.history-group[b-a5yy71dwi6] {
    justify-self: center;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 1rem;
    padding: 0.1rem 0.4rem;
    color: var(--mud-palette-primary);
    font-size: 0.75rem;
    font-weight: 400;
}

.history-average[b-a5yy71dwi6] {
    padding: 0.2rem 0.5rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, transparent);
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    color: var(--mud-palette-primary);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.history-summary-row[b-a5yy71dwi6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    align-items: center;
    gap: 0.25rem;
}

.history-summary[b-a5yy71dwi6] {
    display: flex;
    justify-content: space-between;
    gap: 0.25rem;
    color: var(--mud-palette-primary);
    font-size: clamp(0.6875rem, 3.7cqi, 0.875rem);
    font-weight: 400;
    line-height: 1.43;
}

.history-summary > span[b-a5yy71dwi6] {
    white-space: nowrap;
}

.history-summary-row[b-a5yy71dwi6]  .history-open-button {
    width: 28px;
    height: 28px;
    padding: 2px;
}

@container (max-width: 340px) {
    .history-heading-with-group[b-a5yy71dwi6] {
        gap: 0.25rem;
    }

    .history-group[b-a5yy71dwi6] {
        font-size: 0.6875rem;
        padding-inline: 0.25rem;
    }
}
/* /Components/Pages/Training/Training.razor.rz.scp.css */
.active-session-summary[b-otfycwokl0] {
    container-type: inline-size;
}

.active-session-summary[b-otfycwokl0]  .training-summary {
    flex-wrap: nowrap;
    justify-content: space-between;
    font-size: clamp(0.6875rem, 3.7cqi, 0.875rem);
    gap: 0.25rem;
}

.session-heading[b-otfycwokl0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.session-date[b-otfycwokl0] {
    font-weight: 700;
}

.session-average[b-otfycwokl0] {
    flex-shrink: 0;
    padding: 0.2rem 0.5rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 24%, transparent);
    border-radius: var(--mud-default-borderradius);
    background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent);
    color: var(--mud-palette-primary);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.session-summary-row[b-otfycwokl0] {
    container-type: inline-size;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    align-items: center;
    gap: 0.25rem;
}

.session-summary-row[b-otfycwokl0]  .training-summary {
    justify-content: space-between;
    font-size: clamp(0.75rem, 3.7cqi, 0.875rem);
    gap: 0.25rem;
    margin-top: 0 !important;
}

.session-summary-row[b-otfycwokl0]  .session-open-button {
    width: 28px;
    height: 28px;
    padding: 2px;
}

.training-start-controls[b-otfycwokl0] {
    align-items: stretch;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(160px, auto);
}

.training-start-date[b-otfycwokl0],
.training-start-action[b-otfycwokl0] {
    min-width: 0;
}

.training-start-action[b-otfycwokl0] {
    align-items: flex-end;
    display: flex;
}

.training-start-date[b-otfycwokl0]  .mud-input-control,
.training-start-action[b-otfycwokl0]  .mud-button {
    width: 100%;
}

.training-start-action[b-otfycwokl0]  .mud-button {
    height: 56px;
    min-height: 56px;
    transform: translateY(-4px);
    white-space: nowrap;
}

@media (max-width: 599.98px) {
    .training-start-controls[b-otfycwokl0] {
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr) 140px;
    }

    .training-start-action[b-otfycwokl0]  .mud-button {
        font-size: 0.8rem;
        min-width: 0;
        padding-inline: 0.6rem;
    }
}

@media (max-width: 359.98px) {
    .training-start-controls[b-otfycwokl0] {
        grid-template-columns: minmax(0, 1fr) 128px;
    }

    .training-start-action[b-otfycwokl0]  .mud-button {
        font-size: 0.74rem;
        padding-inline: 0.35rem;
    }
}
/* /Components/Pages/Training/TrainingSummary.razor.rz.scp.css */
.training-summary[b-5kot5518yz] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    color: var(--mud-palette-primary);
    font-weight: 400;
}

.training-summary > span[b-5kot5518yz] {
    white-space: nowrap;
}

.training-summary strong[b-5kot5518yz] {
    font-weight: 700;
}