/* /Components/Admin/AdminIndexPage.razor.rz.scp.css */
.dash-group[b-vx42vyvalg] {
    margin-block-end: var(--space-6);
}

.dash-group h2[b-vx42vyvalg] {
    margin-block-end: var(--space-3);
}

.dash-grid[b-vx42vyvalg] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: var(--space-4);
}
/* /Components/Admin/AdminLayout.razor.rz.scp.css */
.admin-shell[b-0y1l8rvvfw] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-6);
    width: 100%;
    max-width: 72rem;
    margin-inline: auto;
    padding: var(--space-6) clamp(var(--space-4), 5vw, var(--space-8));
    min-height: calc(100vh - 4.25rem);
}

.admin-content[b-0y1l8rvvfw] {
    flex: 1;
    min-width: 0;
    padding-block: var(--space-2);
}

/* Narrow screens: stack the navigation above the content rather than hiding it — it is the
   only path between admin sections. refactor-101 H7 asked for a new "@media (max-width: 720px)"
   rule doing exactly this — this one (added by trust-safety-53, 48rem = 768px) already covers it,
   so H7 did not add a second, narrower breakpoint on top of it. */
@media (max-width: 48rem) {
    .admin-shell[b-0y1l8rvvfw] {
        flex-direction: column;
        gap: var(--space-4);
    }
}
/* /Components/Admin/AdminNavigation.razor.rz.scp.css */
.admin-nav[b-v7gmxfwnkg] {
    flex-shrink: 0;
    width: 13rem;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-4);
    border: var(--border-width-card) solid var(--color-border-strong);
    border-radius: var(--radius-card);
    background: var(--color-bg-surface);
}

.admin-nav__heading[b-v7gmxfwnkg] {
    margin: var(--space-4) 0 var(--space-1);
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.admin-nav__heading:first-of-type[b-v7gmxfwnkg] {
    margin-top: var(--space-3);
}

.admin-nav__list[b-v7gmxfwnkg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.admin-nav__link[b-v7gmxfwnkg] {
    display: block;
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-sm);
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-text-muted);
    text-decoration: none;
}

.admin-nav__link:hover[b-v7gmxfwnkg] {
    color: var(--color-text-default);
    background: var(--color-bg-subtle);
}

/* Active state carries a shape cue (inset bar) as well as color so it does not rely on color alone. */
.admin-nav__link.is-active[b-v7gmxfwnkg] {
    color: var(--color-text-default);
    background: var(--color-bg-subtle);
    box-shadow: inset 3px 0 0 0 var(--color-border-strong);
}

@media (max-width: 48rem) {
    .admin-nav[b-v7gmxfwnkg] {
        width: 100%;
    }
}
/* /Components/Admin/DashboardTile.razor.rz.scp.css */
.dash-tile[b-ndze6hfhw8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-4);
    border: var(--border-width-card) solid var(--color-border-strong);
    border-radius: var(--radius-card);
    background: var(--color-bg-surface);
    box-shadow: var(--shadow-card);
    text-decoration: none;
    color: var(--color-text-default);
}

.dash-tile:hover[b-ndze6hfhw8] {
    background: var(--color-bg-subtle);
}

.dash-tile__count[b-ndze6hfhw8] {
    font-family: var(--font-mono);
    font-size: var(--font-size-3xl);
    font-weight: 700;
    line-height: 1;
    color: var(--color-text-default);
}

.dash-tile__label[b-ndze6hfhw8] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-text-muted);
}

/* A non-zero count is something to look at — same "shape cue, not just color" principle as the
   sidebar's active-route indicator (AdminNavigation.razor.css). */
.dash-tile--attention[b-ndze6hfhw8] {
    border-color: var(--color-warning-border);
    background: var(--color-warning-bg);
}

.dash-tile--attention .dash-tile__count[b-ndze6hfhw8] {
    color: var(--color-amber-600);
}

.dash-tile--attention .dash-tile__label[b-ndze6hfhw8] {
    color: var(--color-amber-600);
}
/* /Components/Admin/Imports/StoreDiscoveries.razor.rz.scp.css */
.filter-grid[b-jvm3sgbyf5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: 1rem;
    margin-bottom: 0.75rem;
}
/* /Components/Admin/Safety/AdminAccountsPage.razor.rz.scp.css */
.admin-accounts__pager[b-7iivshgb46] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border-default);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}
/* /Components/Admin/Safety/AdminSystemHealthPage.razor.rz.scp.css */
.health-grid[b-mv7knskqf5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
}

.health-grid > .card[b-mv7knskqf5] {
    flex: 1 1 260px;
}
/* /Components/Events/EventOccurrencePage.razor.rz.scp.css */
.event-detail[b-b4idh55l29] {
    margin-inline: calc(-1 * clamp(var(--space-4), 5vw, var(--space-8)));
}

.event-detail__header[b-b4idh55l29] {
    padding: var(--space-5) clamp(var(--space-4), 5vw, var(--space-8)) var(--space-8);
    background: var(--color-neutral-900);
    color: var(--color-neutral-0);
}

.event-detail__back[b-b4idh55l29] {
    color: var(--color-muted-on-dark-2);
    font-size: var(--font-size-sm);
}

.event-detail__back:hover[b-b4idh55l29] {
    color: var(--color-neutral-0);
}

.event-detail__header h1[b-b4idh55l29] {
    color: var(--color-neutral-0);
    font-size: clamp(2rem, 6vw, 3.25rem);
    margin: var(--space-3) 0 0;
}

.event-detail__facts[b-b4idh55l29] {
    display: grid;
    gap: var(--space-4);
    margin: var(--space-5) 0 0;
}

.event-detail__facts dt[b-b4idh55l29] {
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-brand);
}

.event-detail__facts dd[b-b4idh55l29] {
    margin: var(--space-1) 0 0;
    font-size: var(--font-size-md);
}

.event-detail__body[b-b4idh55l29] {
    padding: var(--space-6) clamp(var(--space-4), 5vw, var(--space-8));
    display: grid;
    gap: var(--space-6);
}

.event-detail__description[b-b4idh55l29] {
    font-size: var(--font-size-lg);
    line-height: 1.6;
    max-width: 48em;
}

.event-detail__rows[b-b4idh55l29] {
    display: grid;
    gap: var(--space-2);
}

.event-detail__row[b-b4idh55l29] {
    display: flex;
    justify-content: space-between;
    padding: var(--space-3) var(--space-4);
    border: var(--border-width-card) solid var(--color-border-strong);
    border-radius: var(--radius-input);
    background: var(--color-bg-surface);
}

.event-detail__row span[b-b4idh55l29] { color: var(--color-text-muted); }
.event-detail__row strong[b-b4idh55l29] { font-weight: 500; }

.event-detail__rsvp h2[b-b4idh55l29] {
    font-size: var(--font-size-sm);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    margin-bottom: var(--space-3);
}

@media (min-width: 48rem) {
    .event-detail__facts[b-b4idh55l29] {
        grid-auto-flow: column;
        justify-content: start;
        gap: var(--space-10);
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
main[b-p4m5xm4w9c] {
    padding-block: 2rem;
}

#blazor-error-ui[b-p4m5xm4w9c] {
    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-p4m5xm4w9c] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    /* Override global button styles for this inline dismiss */
    min-height: 2rem;
    min-width: 2rem;
    padding: 0.25rem;
    background: transparent;
    color: inherit;
    border: none;
    font-size: 1rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0n9n66z7tv],
.components-reconnect-repeated-attempt-visible[b-0n9n66z7tv],
.components-reconnect-failed-visible[b-0n9n66z7tv],
.components-pause-visible[b-0n9n66z7tv],
.components-resume-failed-visible[b-0n9n66z7tv],
.components-rejoining-animation[b-0n9n66z7tv] {
    display: none;
}

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


#components-reconnect-modal[b-0n9n66z7tv] {
    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-0n9n66z7tv 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-0n9n66z7tv {
    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/Events/EventsBrowsePage.razor.rz.scp.css */
.events-feed[b-8yd0wul4yh] {
    display: grid;
    gap: var(--space-4);
}

.event-card[b-8yd0wul4yh] {
    display: block;
    text-decoration: none;
    color: var(--color-text-default);
}

.event-card:hover[b-8yd0wul4yh] {
    background: var(--color-bg-subtle);
}

.event-card__meta[b-8yd0wul4yh] {
    display: flex;
    justify-content: space-between;
    font-family: var(--font-mono);
    font-size: var(--font-size-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-text-muted);
}

.event-card__distance[b-8yd0wul4yh] {
    color: var(--color-link);
}

.event-card h3[b-8yd0wul4yh] {
    margin: var(--space-2) 0 var(--space-1);
}

.event-card__venue[b-8yd0wul4yh] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.event-card__formats[b-8yd0wul4yh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    margin-top: var(--space-2);
}
/* /Components/Pages/LandingPage.razor.rz.scp.css */
.landing[b-jz57x6pfi1] {
    margin-inline: calc(-1 * clamp(var(--space-4), 5vw, var(--space-8)));
}

/* ── Hero ──────────────────────────────────────────────────────────────── */

.landing-hero[b-jz57x6pfi1] {
    display: grid;
    gap: var(--space-8);
    padding: var(--space-8) clamp(var(--space-4), 5vw, var(--space-8)) var(--space-12);
    background: var(--color-bg-page);
    background-image: radial-gradient(var(--color-sand-300) 1px, transparent 1.2px);
    background-size: 24px 24px;
}

.landing-hero__badge[b-jz57x6pfi1] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    border: var(--border-width-card) solid var(--color-border-strong);
    border-radius: var(--radius-full);
    padding: var(--space-2) var(--space-3) var(--space-2) var(--space-2);
    background: var(--color-bg-surface);
}

.landing-hero__dot[b-jz57x6pfi1] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-green-500);
}

.landing-hero__title[b-jz57x6pfi1] {
    font-size: clamp(2.75rem, 8vw, 5.5rem);
    line-height: 0.95;
    letter-spacing: -0.04em;
    margin: var(--space-5) 0 0;
}

.landing-hero__subtitle[b-jz57x6pfi1] {
    font-size: var(--font-size-lg);
    line-height: 1.5;
    color: var(--color-text-muted);
    max-width: 34em;
    margin: var(--space-5) 0 0;
}

.landing-hero__actions[b-jz57x6pfi1] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-6);
}

.landing-hero__trust[b-jz57x6pfi1] {
    list-style: none;
    display: grid;
    gap: var(--space-3);
    max-width: 34em;
    margin: var(--space-8) 0 0;
    padding-top: var(--space-5);
    border-top: 1px solid var(--color-sand-300);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

/* Every direct child of a flex container becomes its own flex item — including each side of an
   inline element like <strong>. Each <li> must therefore have exactly two element children: the
   mark and one wrapper span holding the whole sentence (any <strong> nested inside that span stays
   part of one flex item instead of splitting the sentence into extra columns). Both children keep
   their own anonymous-flex-item block box, so the second line of a wrapped sentence still starts
   under the sentence's own first line rather than under the mark — the hanging indent this gap/
   align-items combination is here for. */
.landing-hero__trust li[b-jz57x6pfi1] {
    display: flex;
    gap: var(--space-2);
    align-items: flex-start;
}

.landing-hero__trust-mark[b-jz57x6pfi1] {
    color: var(--color-green-500);
    font-weight: 600;
}

.landing-hero__art[b-jz57x6pfi1] {
    display: none;
    border-radius: var(--radius-lg);
    border: var(--border-width-card) solid var(--color-border-strong);
    background: var(--color-neutral-900);
    background-image: radial-gradient(rgb(217 146 43 / 35%) 1.5px, transparent 1.6px);
    background-size: 22px 22px;
    min-height: 22rem;
}

/* ── Explain (numbered two-column) ────────────────────────────────────── */

.landing-explain[b-jz57x6pfi1] {
    display: grid;
    gap: var(--space-8);
    padding: var(--space-8) clamp(var(--space-4), 5vw, var(--space-8));
    background: var(--color-bg-surface);
    border-block: var(--border-width-card) solid var(--color-border-strong);
}

.landing-explain__col h2[b-jz57x6pfi1] {
    font-size: clamp(var(--font-size-2xl), 4vw, 2.5rem);
    margin: var(--space-3) 0 var(--space-3);
}

.landing-explain__col p[b-jz57x6pfi1] {
    color: var(--color-text-muted);
    max-width: 32em;
}

/* ── Steps ─────────────────────────────────────────────────────────────── */

.landing-steps[b-jz57x6pfi1] {
    padding: var(--space-12) clamp(var(--space-4), 5vw, var(--space-8));
}

.landing-steps__heading[b-jz57x6pfi1] {
    font-size: var(--font-size-sm);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    margin-bottom: var(--space-6);
}

.landing-steps__grid[b-jz57x6pfi1] {
    display: grid;
    gap: var(--space-5);
}

.landing-step__number[b-jz57x6pfi1] {
    font-family: var(--font-display);
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1;
    color: var(--color-brand);
}

.landing-step h3[b-jz57x6pfi1] { margin: var(--space-2) 0 var(--space-2); }
.landing-step p[b-jz57x6pfi1] { margin: 0; color: var(--color-text-muted); }

.landing-step--dark[b-jz57x6pfi1] {
    background: var(--color-neutral-900);
    color: var(--color-neutral-0);
}

.landing-step--dark p[b-jz57x6pfi1] { color: var(--color-muted-on-dark-1); }

/* ── Store CTA ─────────────────────────────────────────────────────────── */

.landing-stores[b-jz57x6pfi1] {
    display: grid;
    gap: var(--space-6);
    align-items: center;
    padding: var(--space-10) clamp(var(--space-4), 5vw, var(--space-8));
    background: var(--color-neutral-900);
    color: var(--color-neutral-0);
    border-top: var(--border-width-card) solid var(--color-border-strong);
}

.landing-stores__eyebrow[b-jz57x6pfi1] { color: var(--color-brand); }
.landing-stores__copy h2[b-jz57x6pfi1] { margin: var(--space-3) 0 var(--space-3); }
.landing-stores__copy p[b-jz57x6pfi1] { color: var(--color-muted-on-dark-1); max-width: 40em; margin: 0; }
.landing-stores a.btn[b-jz57x6pfi1] { justify-self: start; }

/* ── Footer ────────────────────────────────────────────────────────────── */

.landing-footer[b-jz57x6pfi1] {
    padding: var(--space-6) clamp(var(--space-4), 5vw, var(--space-8));
    background: var(--color-neutral-900);
    color: var(--color-muted-on-dark-2);
    font-size: var(--font-size-sm);
    border-top: 1px solid var(--color-sand-300);
}

/* ── Desktop ───────────────────────────────────────────────────────────── */

@media (min-width: 64rem) {
    .landing-hero[b-jz57x6pfi1] {
        grid-template-columns: 1.05fr 0.95fr;
        align-items: center;
        padding-block: var(--space-12);
    }

    .landing-hero__art[b-jz57x6pfi1] { display: block; }

    .landing-explain[b-jz57x6pfi1] {
        grid-template-columns: 1fr 1fr;
    }

    .landing-explain__col:first-child[b-jz57x6pfi1] {
        padding-right: var(--space-8);
        border-right: 1px solid var(--color-sand-300);
    }

    .landing-steps__grid[b-jz57x6pfi1] {
        grid-template-columns: repeat(3, 1fr);
    }

    .landing-stores[b-jz57x6pfi1] {
        grid-template-columns: 1.4fr auto;
    }
}
/* /Components/Pages/Notifications/NotificationsPage.razor.rz.scp.css */
.notification-row[b-tgvkkdso5d] {
    align-items: flex-start;
}
/* /Components/Pages/Players/PlayerProfilePage.razor.rz.scp.css */
.profile-page[b-1jjn8ujz2f] {
    max-width: 36rem;
}

.profile-page__banner[b-1jjn8ujz2f] {
    height: 6rem;
    margin: 0 0 -2.75rem;
    border-radius: var(--radius-card) var(--radius-card) 0 0;
    background: var(--color-neutral-900);
    background-image: radial-gradient(rgb(217 146 43 / 32%) 1.6px, transparent 1.7px);
    background-size: 22px 22px;
}

.profile-page__avatar[b-1jjn8ujz2f] {
    display: grid;
    place-items: center;
    width: 5.5rem;
    height: 5.5rem;
    margin-left: var(--space-2);
    border-radius: 50%;
    border: 4px solid var(--color-bg-page);
    background: var(--color-avatar-purple);
    color: var(--color-neutral-0);
    font-family: var(--font-display);
    font-size: var(--font-size-2xl);
    font-weight: 700;
}

.profile-page h1[b-1jjn8ujz2f] {
    margin: var(--space-4) 0 0;
}

.profile-page__handle[b-1jjn8ujz2f] {
    margin: var(--space-2) 0 0;
    color: var(--color-text-muted);
}

.profile-page__bio[b-1jjn8ujz2f] {
    margin: var(--space-5) 0 0;
    font-size: var(--font-size-lg);
    line-height: 1.5;
}

.profile-page__stores[b-1jjn8ujz2f] {
    margin: var(--space-4) 0 0;
    color: var(--color-text-muted);
}

.profile-page .button-row[b-1jjn8ujz2f] {
    margin-top: var(--space-6);
}
/* /Components/Pages/Players/PlayersDiscoveryPage.razor.rz.scp.css */
.discovery-feed[b-2fsdig8luj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
    gap: var(--space-4);
}

.player-card .locality[b-2fsdig8luj],
.player-card .distance[b-2fsdig8luj] {
    margin: 0 0 var(--space-1);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}

.player-card .reasons[b-2fsdig8luj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
    list-style: none;
    margin: var(--space-3) 0;
    padding: 0;
}

.player-card .status-msg[b-2fsdig8luj] {
    display: block;
    margin-top: var(--space-2);
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}
/* /Components/Profiles/LocationPickerComponent.razor.rz.scp.css */
.map-container[b-g30p9i411j] {
    height: 350px;
    width: 100%;
    margin-bottom: 1rem;
}
/* /Components/Shared/MapPointPicker.razor.rz.scp.css */
.map-point-picker__coords[b-e1svk10peu] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.map-point-picker__coords .form-field[b-e1svk10peu] {
    flex: 1 1 8rem;
}

.map-point-picker__map[b-e1svk10peu] {
    height: 320px;
    width: 100%;
    margin-top: 0.5rem;
    border-radius: 0.375rem;
}

.map-point-picker__error[b-e1svk10peu] {
    color: var(--color-danger, #b91c1c);
    font-size: 0.875rem;
    margin: 0.25rem 0 0;
}
/* /Components/Shared/NotificationRow.razor.rz.scp.css */
.notification-row__body[b-pvfwg0k8dc] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    min-width: 0;
}

.notification-row__unread-dot[b-pvfwg0k8dc] {
    flex: none;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.4rem;
    border-radius: 50%;
    background: var(--color-brand);
    visibility: hidden;
}

.notification-row--unread .notification-row__unread-dot[b-pvfwg0k8dc] {
    visibility: visible;
}

.notification-row--unread .notification-row__title[b-pvfwg0k8dc] {
    font-weight: 700;
}

.notification-row__text[b-pvfwg0k8dc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.notification-row__title[b-pvfwg0k8dc] {
    color: var(--color-text-default);
    text-decoration: none;
}

a.notification-row__title:hover[b-pvfwg0k8dc] {
    color: var(--color-link-hover);
    text-decoration: underline;
}

.notification-row__summary[b-pvfwg0k8dc] {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    overflow-wrap: break-word;
}

.notification-row__time[b-pvfwg0k8dc] {
    color: var(--color-text-muted);
    font-size: var(--font-size-xs);
}
/* /Components/Stores/PublicStorePage.razor.rz.scp.css */
.upcoming-events-list[b-j6j70x0y6w] {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* /Components/Stores/PublicStoresPage.razor.rz.scp.css */
.list[b-s4ohrvg6b9] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.public-stores__pager[b-s4ohrvg6b9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border-default);
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
}
/* /Components/Stores/StoreCalendarPage.razor.rz.scp.css */
.calendar-back-link[b-5b2q4yqigw] {
    display: inline-block;
    margin-bottom: var(--space-2);
    color: var(--color-link);
    text-decoration: none;
}

.calendar-back-link:hover[b-5b2q4yqigw] {
    color: var(--color-link-hover);
    text-decoration: underline;
}

.calendar-toolbar[b-5b2q4yqigw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.calendar-range-label[b-5b2q4yqigw] {
    font-weight: 700;
    min-width: 10rem;
    text-align: center;
}

.calendar-subscribe[b-5b2q4yqigw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    margin-bottom: var(--space-4);
    font-size: var(--font-size-sm);
    color: var(--color-text-muted);
}

.calendar-weekday-header[b-5b2q4yqigw] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--space-2);
    margin-bottom: var(--space-1);
    font-size: var(--font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
    text-align: center;
}

.calendar-grid[b-5b2q4yqigw] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: var(--space-2);
}

.calendar-day[b-5b2q4yqigw] {
    min-height: 6rem;
    padding: var(--space-2);
    border: var(--border-width-card) solid var(--color-border-default);
    border-radius: var(--radius-md);
    background: var(--color-bg-surface);
    overflow: hidden;
}

.calendar-day--dimmed[b-5b2q4yqigw] {
    background: var(--color-bg-subtle);
    color: var(--color-text-muted);
}

.calendar-day__number[b-5b2q4yqigw] {
    font-weight: 700;
    font-size: var(--font-size-sm);
}

.calendar-day__events[b-5b2q4yqigw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-top: var(--space-1);
}

.calendar-day__event[b-5b2q4yqigw] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-xs);
    color: var(--color-link);
    text-decoration: none;
}

.calendar-day__event:hover[b-5b2q4yqigw] {
    text-decoration: underline;
}

.calendar-day__more[b-5b2q4yqigw] {
    background: none;
    border: none;
    padding: 0;
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
    cursor: pointer;
    text-align: left;
}

.calendar-day__more:hover[b-5b2q4yqigw] {
    color: var(--color-link);
}

@media (max-width: 640px) {
    .calendar-weekday-header[b-5b2q4yqigw],
    .calendar-grid[b-5b2q4yqigw] {
        grid-template-columns: repeat(7, minmax(2.5rem, 1fr));
    }

    .calendar-day[b-5b2q4yqigw] {
        min-height: 4rem;
        padding: var(--space-1);
    }
}
/* /Components/Stores/VenueMap.razor.rz.scp.css */
.venue-map-wrapper[b-e4tv160ayx] {
    margin-bottom: var(--space-4);
}

.venue-map[b-e4tv160ayx] {
    height: 350px;
    width: 100%;
    max-width: 100%;
    border-radius: var(--radius-md);
    border: var(--border-width-card) solid var(--color-border-default);
}

.venue-map-attribution[b-e4tv160ayx] {
    margin-top: var(--space-1);
    margin-bottom: 0;
    font-size: var(--font-size-xs);
}

@media (max-width: 640px) {
    .venue-map[b-e4tv160ayx] {
        height: 260px;
    }
}