/* /Components/ConnectFourBoardPreview.razor.rz.scp.css */
.c4-miniBoard[b-g5b53hlznf] {
    display: grid;
    grid-template-columns: repeat(var(--c4-columns), 1fr);
    gap: clamp(2px, .55vw, 5px);
    width: 100%;
    padding: clamp(5px, 1.1vw, 9px);
    border: 2px solid #066c9d;
    border-radius: 6px;
    background: #087eb7;
}

.c4-miniBoard__cell[b-g5b53hlznf] {
    aspect-ratio: 1;
    border-radius: 50%;
    background: #f7f4e9;
    box-shadow: inset 0 1px 2px rgba(0, 29, 43, .32);
}

.c4-miniBoard__token--1[b-g5b53hlznf] { background: #df463c; }
.c4-miniBoard__token--2[b-g5b53hlznf] { background: #f2c542; }
.c4-miniBoard__token--3[b-g5b53hlznf] { background: #6b4ab9; }
/* /Components/GameHighlightsSliderWidget.razor.rz.scp.css */
.game-highlights-slider--primary[b-0krqz45msz]  .highlight-card {
    border-color: rgba(var(--highlight-accent), 0.26);
    box-shadow:
        0 0 0 1px rgba(var(--highlight-accent), 0.16),
        0 12px 30px rgba(var(--bgm-navy-rgb), 0.13);
}

.game-highlights-slider--primary[b-0krqz45msz]  .highlight-card::before {
    height: 7px;
    background: linear-gradient(
        90deg,
        rgba(var(--highlight-accent), 0.92),
        rgba(var(--highlight-accent), 0.56),
        rgba(var(--highlight-accent), 0.16)
    );
}

.game-highlights-slider--primary[b-0krqz45msz]  .highlight-card__kicker {
    border-color: rgba(var(--highlight-accent), 0.38);
    background: rgba(var(--highlight-accent), 0.14);
    font-weight: 700;
}

.game-highlights-slider--secondary[b-0krqz45msz]  .highlight-card {
    border-color: rgba(var(--highlight-accent), 0.18);
    box-shadow: 0 8px 24px rgba(var(--bgm-navy-rgb), 0.08);
}
/* /Components/GameNights/GameNightCalendarStrip.razor.rz.scp.css */
.bgm-gameNightStrip[b-b0qs3dslbl] {
    --bgm-gameNightStrip-tileSize: 6.5rem;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: var(--bgm-gameNightStrip-tileSize);
    gap: .65rem;
    margin-top: .65rem;
    overflow-x: auto;
    padding: .15rem .1rem .65rem;
    scrollbar-width: thin;
}

.bgm-gameNightStrip__day[b-b0qs3dslbl] {
    position: relative;
    display: grid;
    box-sizing: border-box;
    block-size: var(--bgm-gameNightStrip-tileSize);
    inline-size: var(--bgm-gameNightStrip-tileSize);
    aspect-ratio: 1;
    place-items: center;
    align-content: center;
    gap: .15rem;
    padding: .65rem .45rem;
    border: 1px solid color-mix(in srgb, var(--bgm-rd-ink, #17222b) 28%, var(--bgm-rd-rule, #e3e1dc));
    border-radius: 0;
    background: var(--bgm-rd-paper, #fffef9);
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    cursor: pointer;
}

.bgm-gameNightStrip__day:not(:disabled):hover[b-b0qs3dslbl] { border-color: var(--bgm-rd-green, #164f35); background: #fffef9; }
.bgm-gameNightStrip__day:focus-visible[b-b0qs3dslbl] { outline: 3px solid var(--bgm-rd-gold, #d9b13b); outline-offset: 3px; }
.bgm-gameNightStrip__day.is-regular.is-selected:not(.is-inactive)[b-b0qs3dslbl] { border-color: var(--bgm-rd-green, #164f35); background: var(--bgm-rd-green, #164f35); color: #fffef9; }
.bgm-gameNightStrip__day.is-oneOff[b-b0qs3dslbl] { border-color: var(--bgm-rd-burgundy, #7a1f24); background: color-mix(in srgb, var(--bgm-rd-gold, #d9b13b) 18%, #fffef9); box-shadow: inset 0 0 0 2px var(--bgm-rd-burgundy, #7a1f24); }
.bgm-gameNightStrip__day.is-oneOff.is-selected[b-b0qs3dslbl] { background: var(--bgm-rd-burgundy, #7a1f24); color: #fffef9; }
.bgm-gameNightStrip__day.is-futureOpen[b-b0qs3dslbl] {
    border-color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 30%, var(--bgm-rd-rule, #e3e1dc));
    border-style: dashed;
    background: var(--bgm-rd-paper, #fffef9);
    color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 72%, var(--bgm-rd-paper, #fffef9));
}
.bgm-gameNightStrip__day.is-futureOpen:hover[b-b0qs3dslbl] { border-color: var(--bgm-rd-green, #164f35); background: color-mix(in srgb, var(--bgm-rd-gold, #d9b13b) 10%, var(--bgm-rd-paper, #fffef9)); }
.bgm-gameNightStrip__day.is-futureOpen.is-selected[b-b0qs3dslbl] {
    border-color: var(--bgm-rd-ink, #17222b);
    background: var(--bgm-rd-rule, #e3e1dc);
    color: var(--bgm-rd-ink, #17222b);
    box-shadow: inset 0 0 0 2px var(--bgm-rd-paper, #fffef9);
}
.bgm-gameNightStrip__day.is-pastEmpty[b-b0qs3dslbl] {
    border-color: var(--bgm-rd-rule, #e3e1dc);
    border-style: solid;
    background: transparent;
    cursor: default;
    color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 35%, var(--bgm-rd-paper, #fffef9));
}

.bgm-gameNightStrip__day > span[b-b0qs3dslbl],
.bgm-gameNightStrip__day > em[b-b0qs3dslbl] { font-size: .8rem; font-weight: 850; }
.bgm-gameNightStrip__day > strong[b-b0qs3dslbl] { font-size: 1.35rem; line-height: 1; }
.bgm-gameNightStrip__day > em[b-b0qs3dslbl] { color: var(--bgm-rd-burgundy, #7a1f24); font-style: normal; }
.bgm-gameNightStrip__day.is-oneOff.is-selected > em[b-b0qs3dslbl] { color: #fffef9; }

.bgm-gameNightStrip__toolbar[b-b0qs3dslbl] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1rem;
    padding-right: clamp(12rem, 27vw, 22rem);
}

.bgm-gameNightStrip__earlier[b-b0qs3dslbl],
.bgm-gameNightStrip__oneOffAction[b-b0qs3dslbl] {
    display: inline-flex;
    min-height: 2.85rem;
    align-items: center;
    gap: .45rem;
    padding: .65rem 1rem;
    border: 1px solid color-mix(in srgb, var(--bgm-rd-ink, #17222b) 28%, transparent);
    border-radius: 10px;
    background: transparent;
    color: var(--bgm-rd-green, #164f35);
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
    cursor: pointer;
}

.bgm-gameNightStrip__earlier:hover[b-b0qs3dslbl] { border-color: var(--bgm-rd-green, #164f35); }
.bgm-gameNightStrip__earlier:focus-visible[b-b0qs3dslbl],
.bgm-gameNightStrip__oneOffAction:focus-visible[b-b0qs3dslbl] { outline: 3px solid var(--bgm-rd-gold, #d9b13b); outline-offset: 3px; }
.bgm-gameNightStrip__earlier:disabled[b-b0qs3dslbl] { cursor: wait; opacity: .62; }

.bgm-gameNightStrip__oneOffAction[b-b0qs3dslbl] {
    border-color: var(--bgm-rd-gold, #d9b13b);
    background: color-mix(in srgb, var(--bgm-rd-gold, #d9b13b) 12%, var(--bgm-rd-paper, #fffef9));
    color: var(--bgm-rd-green, #164f35);
    text-decoration: none;
}

.bgm-gameNightStrip__oneOffAction:hover[b-b0qs3dslbl] {
    border-color: var(--bgm-rd-green, #164f35);
    background: var(--bgm-rd-paper, #fffef9);
    color: var(--bgm-rd-green, #164f35);
}

@media (max-width: 680px) {
    .bgm-gameNightStrip[b-b0qs3dslbl] { --bgm-gameNightStrip-tileSize: 6rem; margin-inline: -.25rem; }
    .bgm-gameNightStrip__toolbar[b-b0qs3dslbl] { align-items: stretch; padding-right: 0; }
    .bgm-gameNightStrip__earlier[b-b0qs3dslbl],
    .bgm-gameNightStrip__oneOffAction[b-b0qs3dslbl] { flex: 1 1 10rem; justify-content: center; }
}
/* /Components/GameNights/GameNightManagementActions.razor.rz.scp.css */
.bgm-gameNightManagement[b-ymhwf4y5pi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1.25rem 0;
    border-block: 1px solid var(--bgm-rd-rule, #e3e1dc);
}

.bgm-gameNightManagement h3[b-ymhwf4y5pi] { margin: 0; font-size: 1.35rem; font-weight: 900; }
.bgm-gameNightManagement p[b-ymhwf4y5pi] { max-width: 70ch; margin: .45rem 0 0; }
.bgm-gameNightManagement--inactive[b-ymhwf4y5pi] { display: block; padding-block: 1rem; }
.bgm-gameNightManagement--inactive .bgm-gameNightManagement__inactiveCopy[b-ymhwf4y5pi] { margin: 0; color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 68%, var(--bgm-rd-paper, #fffef9)); }
.bgm-gameNightManagement button[b-ymhwf4y5pi] {
    min-height: 2.85rem;
    padding: .65rem 1rem;
    border: 1px solid var(--bgm-rd-gold, #d9b13b);
    border-radius: 10px;
    background: var(--bgm-rd-gold, #d9b13b);
    color: var(--bgm-rd-navy, #071017);
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
    cursor: pointer;
}
.bgm-gameNightManagement button:hover[b-ymhwf4y5pi] { border-color: var(--bgm-rd-gold-hover, #b08e3f); background: var(--bgm-rd-gold-hover, #b08e3f); }
.bgm-gameNightManagement button:focus-visible[b-ymhwf4y5pi] { outline: 3px solid var(--bgm-rd-gold, #d9b13b); outline-offset: 3px; }
.bgm-gameNightManagement button:disabled[b-ymhwf4y5pi] { cursor: wait; opacity: .62; }
.bgm-gameNightManagement__status[b-ymhwf4y5pi] { grid-column: 1 / -1; font-weight: 850; }

@media (max-width: 680px) {
    .bgm-gameNightManagement[b-ymhwf4y5pi] { grid-template-columns: 1fr; }
    .bgm-gameNightManagement button[b-ymhwf4y5pi] { width: 100%; }
}
/* /Components/GameNights/GameNightOverview.razor.rz.scp.css */
.bgm-gameNightOverview__header[b-8azs1s884n] {
    display: grid;
    max-width: calc(100% - clamp(12rem, 27vw, 22rem));
    gap: .75rem;
}

.bgm-gameNightOverview__titleGroup h2[b-8azs1s884n] {
    margin: 0;
    color: var(--bgm-rd-green, #164f35);
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: var(--bgm-dashboard-title-size, var(--bgm-rd-heading-size));
    font-weight: 950;
    letter-spacing: -.03em;
    line-height: .95;
    text-wrap: balance;
}
.bgm-gameNightOverview__titleGroup p[b-8azs1s884n] {
    margin: .45rem 0 0;
    color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 76%, transparent);
    font-size: .8rem;
    font-weight: 800;
}
.bgm-gameNightOverview__actions[b-8azs1s884n] { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.bgm-gameNightOverview__kind[b-8azs1s884n] { padding: .45rem .8rem; border-radius: 999px; font-size: .8rem; font-weight: 850; white-space: nowrap; }
.bgm-gameNightOverview__kind[b-8azs1s884n] { background: color-mix(in srgb, var(--bgm-rd-gold, #d9b13b) 20%, #fffef9); color: var(--bgm-rd-burgundy, #7a1f24); }
.bgm-gameNightOverview__details[b-8azs1s884n] {
    color: var(--bgm-rd-green, #164f35);
    font-size: .8rem;
    font-weight: 850;
    text-underline-offset: 3px;
}
.bgm-gameNightOverview__details:hover[b-8azs1s884n] { color: var(--bgm-rd-burgundy, #7a1f24); }
.bgm-gameNightOverview__details:focus-visible[b-8azs1s884n] { outline: 3px solid var(--bgm-rd-gold, #d9b13b); outline-offset: 3px; }

@media (max-width: 680px) {
    .bgm-gameNightOverview__header[b-8azs1s884n] { max-width: 100%; }
}
/* /Components/GameSuggestionDialog.razor.rz.scp.css */
.bgm-gameSuggest__backdrop[b-5jugtnzoqq] {
    align-items: center;
    background: rgba(7, 16, 23, 0.72);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 1200;
}

.bgm-gameSuggest[b-5jugtnzoqq] {
    animation: bgm-gameSuggest-enter-b-5jugtnzoqq 220ms cubic-bezier(0.16, 1, 0.3, 1);
    background: var(--bgm-cream, #f7f5ef);
    border-radius: 16px;
    box-shadow: 0 28px 70px rgba(7, 16, 23, 0.32);
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr);
    max-height: min(860px, calc(100vh - 36px));
    max-width: 880px;
    outline: 0;
    overflow: hidden;
    width: 100%;
}

.bgm-gameSuggest:focus-visible[b-5jugtnzoqq] {
    box-shadow: 0 28px 70px rgba(7, 16, 23, 0.32), 0 0 0 3px var(--bgm-rd-blue, #0087c8);
}

.bgm-gameSuggest__header[b-5jugtnzoqq] {
    align-items: flex-start;
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: clamp(22px, 4vw, 34px);
}

.bgm-gameSuggest__header h2[b-5jugtnzoqq] {
    color: #fff;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 0.96;
    margin: 0 0 10px;
}

.bgm-gameSuggest__header p[b-5jugtnzoqq] {
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    margin: 0;
    max-width: 58ch;
}

.bgm-gameSuggest__close[b-5jugtnzoqq] {
    align-items: center;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    display: flex;
    flex: 0 0 44px;
    font-size: 1.8rem;
    height: 44px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 4px;
    transition: background 160ms ease, color 160ms ease;
}

.bgm-gameSuggest__close:hover[b-5jugtnzoqq] {
    background: #fff;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-gameSuggest__close:focus-visible[b-5jugtnzoqq],
.bgm-gameSuggest__filters select:focus-visible[b-5jugtnzoqq],
.bgm-gameSuggest__pick button:focus-visible[b-5jugtnzoqq],
.bgm-gameSuggest__state button:focus-visible[b-5jugtnzoqq] {
    outline: 3px solid var(--bgm-rd-blue, #0087c8);
    outline-offset: 3px;
}

.bgm-gameSuggest__filters[b-5jugtnzoqq] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 22px clamp(20px, 4vw, 34px) 14px;
}

.bgm-gameSuggest__filters label[b-5jugtnzoqq] {
    display: grid;
    gap: 7px;
}

.bgm-gameSuggest__filters label > span[b-5jugtnzoqq] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bgm-gameSuggest__filters select[b-5jugtnzoqq] {
    appearance: none;
    background: #fff;
    border: 1px solid rgba(23, 34, 43, 0.22);
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    font-weight: 800;
    min-height: 48px;
    padding: 0 38px 0 13px;
}

.bgm-gameSuggest__formula[b-5jugtnzoqq] {
    border-bottom: 1px solid rgba(23, 34, 43, 0.1);
    color: rgba(23, 34, 43, 0.7);
    font-size: 0.84rem;
    line-height: 1.5;
    margin: 0;
    padding: 0 clamp(20px, 4vw, 34px) 18px;
}

.bgm-gameSuggest__formula strong[b-5jugtnzoqq] {
    color: var(--bgm-rd-blue, #0075ad);
}

.bgm-gameSuggest__results[b-5jugtnzoqq] {
    min-height: 190px;
    overflow-y: auto;
    padding: 0 clamp(20px, 4vw, 34px) 28px;
}

.bgm-gameSuggest__resultIntro[b-5jugtnzoqq] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 18px 0 10px;
}

.bgm-gameSuggest__resultIntro strong[b-5jugtnzoqq] {
    font-size: 1rem;
    font-weight: 950;
}

.bgm-gameSuggest__resultIntro span[b-5jugtnzoqq] {
    color: rgba(23, 34, 43, 0.58);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgm-gameSuggest__list[b-5jugtnzoqq] {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bgm-gameSuggest__item[b-5jugtnzoqq] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(23, 34, 43, 0.12);
    display: grid;
    gap: 12px;
    grid-template-columns: 32px 58px minmax(0, 1fr) auto;
    min-height: 82px;
    padding: 10px 12px;
}

.bgm-gameSuggest__rank[b-5jugtnzoqq] {
    align-items: center;
    background: var(--bgm-rd-ink, #17222b);
    color: #fff;
    display: flex;
    font-size: 0.82rem;
    font-weight: 950;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.bgm-gameSuggest__item img[b-5jugtnzoqq],
.bgm-gameSuggest__artFallback[b-5jugtnzoqq] {
    align-items: center;
    background: #f0eee5;
    display: flex;
    height: 58px;
    justify-content: center;
    object-fit: contain;
    width: 58px;
}

.bgm-gameSuggest__artFallback[b-5jugtnzoqq] {
    color: var(--bgm-rd-blue, #0075ad);
}

.bgm-gameSuggest__game[b-5jugtnzoqq] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.bgm-gameSuggest__game > strong[b-5jugtnzoqq] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.15;
}

.bgm-gameSuggest__game > span[b-5jugtnzoqq] {
    color: rgba(23, 34, 43, 0.64);
    font-size: 0.8rem;
    font-weight: 700;
}

.bgm-gameSuggest__signals[b-5jugtnzoqq] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 12px;
    margin-top: 4px;
}

.bgm-gameSuggest__signals span[b-5jugtnzoqq] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.72rem;
    font-weight: 900;
}

.bgm-gameSuggest__pick[b-5jugtnzoqq] {
    align-items: flex-end;
    display: grid;
    gap: 6px;
    justify-items: end;
}

.bgm-gameSuggest__pick > span[b-5jugtnzoqq] {
    color: rgba(23, 34, 43, 0.58);
    font-size: 0.68rem;
    font-weight: 800;
}

.bgm-gameSuggest__pick button[b-5jugtnzoqq],
.bgm-gameSuggest__state button[b-5jugtnzoqq] {
    background: var(--bgm-rd-green, #164f35);
    border: 1px solid var(--bgm-rd-green, #164f35);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    min-height: 40px;
    padding: 0 15px;
    text-transform: uppercase;
    transition: background 160ms ease, border-color 160ms ease;
}

.bgm-gameSuggest__pick button:hover[b-5jugtnzoqq],
.bgm-gameSuggest__state button:hover[b-5jugtnzoqq] {
    background: var(--bgm-rd-ink, #17222b);
    border-color: var(--bgm-rd-ink, #17222b);
}

.bgm-gameSuggest__state[b-5jugtnzoqq] {
    align-items: center;
    color: rgba(23, 34, 43, 0.66);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    min-height: 190px;
    padding: 28px;
    text-align: center;
}

.bgm-gameSuggest__state strong[b-5jugtnzoqq],
.bgm-gameSuggest__state span[b-5jugtnzoqq] {
    flex-basis: 100%;
}

.bgm-gameSuggest__state strong[b-5jugtnzoqq] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 1.2rem;
}

.bgm-gameSuggest__state--error strong[b-5jugtnzoqq] {
    color: var(--bgm-error, #9b2c2c);
}

@keyframes bgm-gameSuggest-enter-b-5jugtnzoqq {
    from {
        opacity: 0.5;
        transform: translateY(16px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 640px) {
    .bgm-gameSuggest__backdrop[b-5jugtnzoqq] {
        align-items: flex-end;
        padding: 0;
    }

    .bgm-gameSuggest[b-5jugtnzoqq] {
        border-radius: 16px 16px 0 0;
        max-height: calc(100vh - 12px);
    }

    .bgm-gameSuggest__header[b-5jugtnzoqq] {
        padding: 22px 18px;
    }

    .bgm-gameSuggest__header p[b-5jugtnzoqq] {
        font-size: 0.9rem;
    }

    .bgm-gameSuggest__filters[b-5jugtnzoqq] {
        grid-template-columns: 1fr;
        padding: 18px 16px 12px;
    }

    .bgm-gameSuggest__formula[b-5jugtnzoqq] {
        padding: 0 16px 15px;
    }

    .bgm-gameSuggest__results[b-5jugtnzoqq] {
        padding: 0 16px 22px;
    }

    .bgm-gameSuggest__item[b-5jugtnzoqq] {
        align-items: start;
        gap: 9px;
        grid-template-columns: 28px 48px minmax(0, 1fr);
        padding: 10px;
    }

    .bgm-gameSuggest__rank[b-5jugtnzoqq] {
        height: 28px;
        width: 28px;
    }

    .bgm-gameSuggest__item img[b-5jugtnzoqq],
    .bgm-gameSuggest__artFallback[b-5jugtnzoqq] {
        height: 48px;
        width: 48px;
    }

    .bgm-gameSuggest__pick[b-5jugtnzoqq] {
        align-items: center;
        display: flex;
        grid-column: 2 / -1;
        justify-content: space-between;
        justify-items: stretch;
        width: 100%;
    }

    .bgm-gameSuggest__pick button[b-5jugtnzoqq] {
        min-width: 112px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bgm-gameSuggest[b-5jugtnzoqq] {
        animation: none;
    }
}
/* /Components/HorseRacingWidget.razor.rz.scp.css */
/* ── Horse Racing Widget ─────────────────────────────────────────────── */

.hr-widget[b-9obniw4dgx] {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 16px;
    padding: 18px 20px 14px;
    cursor: pointer;
    text-align: left;
    background: linear-gradient(135deg,
        #1a0a0a 0%,
        #2d1010 40%,
        #3a1515 70%,
        #2a1208 100%);
    box-shadow:
        0 4px 20px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.18s ease;
}

.hr-widget:hover[b-9obniw4dgx],
.hr-widget:focus-visible[b-9obniw4dgx] {
    transform: translateY(-3px) scale(1.01);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.45),
        0 0 0 2px rgba(var(--bgm-gold-rgb, 191, 161, 74), 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    outline: none;
}

.hr-widget:active[b-9obniw4dgx] {
    transform: translateY(0) scale(0.99);
}

/* ── Animated track lanes (background) ─────────────────────────────── */
.hr-widget__track[b-9obniw4dgx] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    z-index: 0;
    opacity: 0.09;
}

.hr-widget__lane[b-9obniw4dgx] {
    flex: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.hr-widget__lane:last-child[b-9obniw4dgx] {
    border-bottom: none;
}

/* ── Header ─────────────────────────────────────────────────────────── */
.hr-widget__header[b-9obniw4dgx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.hr-widget__icon[b-9obniw4dgx] {
    font-size: 1.2rem;
    line-height: 1;
}

.hr-widget__label[b-9obniw4dgx] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    flex: 1;
}

.hr-widget__season-badge[b-9obniw4dgx] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(var(--bgm-gold-rgb, 191, 161, 74), 0.9);
    background: rgba(var(--bgm-gold-rgb, 191, 161, 74), 0.12);
    border: 1px solid rgba(var(--bgm-gold-rgb, 191, 161, 74), 0.25);
    padding: 2px 8px;
    border-radius: 999px;
}

/* ── State container ────────────────────────────────────────────────── */
.hr-widget__state[b-9obniw4dgx] {
    position: relative;
    z-index: 1;
}

/* ── State label (e.g. "Betting Open") ─────────────────────────────── */
.hr-widget__state-label[b-9obniw4dgx] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 10px;
}

.hr-widget__state-label--live[b-9obniw4dgx] {
    color: #ff6b6b;
}

/* ── Pulse dot ──────────────────────────────────────────────────────── */
.hr-widget__pulse[b-9obniw4dgx] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6);
    animation: hrPulse-b-9obniw4dgx 1.4s ease-out infinite;
    flex-shrink: 0;
}

.hr-widget__pulse--red[b-9obniw4dgx] {
    background: #ff6b6b;
    box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.6);
    animation: hrPulseRed-b-9obniw4dgx 1s ease-out infinite;
}

@keyframes hrPulse-b-9obniw4dgx {
    0% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6); }
    70% { box-shadow: 0 0 0 8px rgba(74, 222, 128, 0); }
    100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0); }
}

@keyframes hrPulseRed-b-9obniw4dgx {
    0% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 107, 107, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 107, 107, 0); }
}

/* ── Horse list ─────────────────────────────────────────────────────── */
.hr-widget__horses[b-9obniw4dgx] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.hr-widget__horse[b-9obniw4dgx] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    padding: 3px 8px 3px 4px;
}

.hr-widget__horses--racing .hr-widget__horse[b-9obniw4dgx] {
    animation: horseGallop-b-9obniw4dgx 0.6s ease-in-out infinite alternate;
}

.hr-widget__horses--racing .hr-widget__horse:nth-child(2)[b-9obniw4dgx] { animation-delay: 0.1s; }
.hr-widget__horses--racing .hr-widget__horse:nth-child(3)[b-9obniw4dgx] { animation-delay: 0.2s; }
.hr-widget__horses--racing .hr-widget__horse:nth-child(4)[b-9obniw4dgx] { animation-delay: 0.3s; }
.hr-widget__horses--racing .hr-widget__horse:nth-child(5)[b-9obniw4dgx] { animation-delay: 0.4s; }
.hr-widget__horses--racing .hr-widget__horse:nth-child(6)[b-9obniw4dgx] { animation-delay: 0.5s; }

@keyframes horseGallop-b-9obniw4dgx {
    from { transform: translateX(0); }
    to   { transform: translateX(4px); }
}

.hr-widget__jersey[b-9obniw4dgx] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.hr-widget__jersey--winner[b-9obniw4dgx] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 0 0 2px rgba(255, 215, 0, 0.5);
}

.hr-widget__jersey--gallop[b-9obniw4dgx] {
    animation: jerseyBounce-b-9obniw4dgx 0.4s ease-in-out infinite alternate;
}

@keyframes jerseyBounce-b-9obniw4dgx {
    from { transform: translateY(0); }
    to   { transform: translateY(-2px); }
}

.hr-widget__horse-name[b-9obniw4dgx] {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
}

/* ── Betting Open specific ──────────────────────────────────────────── */
.hr-widget__next-race[b-9obniw4dgx] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.55);
    margin-bottom: 6px;
}

.hr-widget__pot[b-9obniw4dgx] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(var(--bgm-gold-rgb, 191, 161, 74), 0.95);
}

/* ── Racing specific ────────────────────────────────────────────────── */
.hr-widget__cta[b-9obniw4dgx] {
    font-size: 0.75rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 6px;
    letter-spacing: 0.04em;
}

/* ── Finished specific ──────────────────────────────────────────────── */
.hr-widget__winner-row[b-9obniw4dgx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.hr-widget__trophy[b-9obniw4dgx] {
    font-size: 1.3rem;
    line-height: 1;
}

.hr-widget__winner-name[b-9obniw4dgx] {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

.hr-widget__owner[b-9obniw4dgx] {
    font-size: 0.73rem;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.hr-widget__bonus[b-9obniw4dgx] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #ffd700;
    background: rgba(255, 215, 0, 0.12);
    border: 1px solid rgba(255, 215, 0, 0.25);
    border-radius: 999px;
    padding: 1px 7px;
}

.hr-widget__payout[b-9obniw4dgx] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 8px;
    margin-top: 2px;
    display: inline-block;
}

.hr-widget__payout--win[b-9obniw4dgx] {
    color: #4ade80;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.2);
}

.hr-widget__payout--loss[b-9obniw4dgx] {
    color: #fca5a5;
    background: rgba(252, 165, 165, 0.1);
    border: 1px solid rgba(252, 165, 165, 0.2);
}

.hr-widget__payout--even[b-9obniw4dgx] {
    color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.hr-widget__no-bets[b-9obniw4dgx] {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.4);
    margin-top: 4px;
}

/* ── History (past season) ──────────────────────────────────────────── */
.hr-widget__history-label[b-9obniw4dgx] {
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 8px;
}

/* ── Idle state ─────────────────────────────────────────────────────── */
.hr-widget__idle-text[b-9obniw4dgx] {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 4px;
}

/* ── Footer ─────────────────────────────────────────────────────────── */
.hr-widget__footer[b-9obniw4dgx] {
    position: relative;
    z-index: 1;
    margin-top: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    text-align: right;
}

/* ── Finishing order (positions 2–6 in Finished / history states) ───── */
.hr-widget__finish-order[b-9obniw4dgx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 4px 0 6px;
}

.hr-widget__finish-row[b-9obniw4dgx] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.68rem;
    color: rgba(255, 255, 255, 0.65);
}

.hr-widget__finish-num[b-9obniw4dgx] {
    width: 1.2em;
    text-align: right;
    flex-shrink: 0;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.45);
}

.hr-widget__finish-name[b-9obniw4dgx] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Podium rows (top 3, fill width) ────────────────────────────────── */
.hr-widget__section-label[b-9obniw4dgx] {
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
    margin-bottom: 5px;
}

.hr-widget__podium[b-9obniw4dgx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
}

.hr-widget__podium-row[b-9obniw4dgx] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    background: rgba(255, 255, 255, 0.05);
    border-left: 3px solid var(--pc, #888888);
    border-radius: 6px;
    padding: 6px 10px;
    box-sizing: border-box;
}

.hr-widget__podium-medal[b-9obniw4dgx] {
    font-size: 1rem;
    line-height: 1;
    flex-shrink: 0;
}

.hr-widget__podium-info[b-9obniw4dgx] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.hr-widget__podium-horse[b-9obniw4dgx] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hr-widget__podium-owner[b-9obniw4dgx] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Bettor chip (winning bettor + coins) ───────────────────────────── */
.hr-widget__bettor-row[b-9obniw4dgx] {
    margin-top: 4px;
}

.hr-widget__bettor-chip[b-9obniw4dgx] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #4ade80;
    background: rgba(74, 222, 128, 0.1);
    border: 1px solid rgba(74, 222, 128, 0.2);
    border-radius: 999px;
    padding: 3px 10px;
    display: inline-block;
}

.hr-widget__bettor-chip--owner[b-9obniw4dgx] {
    color: #ffd700;
    background: rgba(255, 215, 0, 0.1);
    border-color: rgba(255, 215, 0, 0.25);
}

/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-tmsmz5eqfb] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.page:not(.page--home)[b-tmsmz5eqfb] {
    --bgm-header-height: 64px;
}

main[b-tmsmz5eqfb] {
    flex: 1;
    width: 100%;
    padding-top: var(--bgm-header-height, 64px);
}

.content[b-tmsmz5eqfb] {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.page--home main[b-tmsmz5eqfb] {
    padding-top: var(--bgm-header-height, 64px);
}

.content--home[b-tmsmz5eqfb] {
    max-width: none;
    margin: 0;
    padding: 0 !important;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}

.content--blog[b-tmsmz5eqfb] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.content--legal[b-tmsmz5eqfb] {
    max-width: none;
}

.page--admin[b-tmsmz5eqfb] {
    background: var(--bgm-rd-paper, var(--bgm-cream));
    color: var(--bgm-rd-ink, var(--bgm-text-primary));
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.page--admin main[b-tmsmz5eqfb] {
    padding-top: var(--bgm-header-height, 64px);
}

.content--admin[b-tmsmz5eqfb] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: clamp(1rem, 2.4vw, 1.5rem) clamp(1rem, 3vw, 2.25rem) 3rem !important;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.page--horse-racing main[b-tmsmz5eqfb] {
    padding-top: var(--bgm-header-height, 64px);
}

.content--horse-racing[b-tmsmz5eqfb] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page--member[b-tmsmz5eqfb] {
    background: var(--bgm-rd-paper, var(--bgm-cream));
    color: var(--bgm-rd-ink, var(--bgm-text-primary));
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.page--member main[b-tmsmz5eqfb] {
    padding-top: var(--bgm-header-height, 64px);
}

.content--member[b-tmsmz5eqfb] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page--sleek[b-tmsmz5eqfb] {
    background: var(--bgm-rd-paper, var(--bgm-cream));
    color: var(--bgm-rd-ink, var(--bgm-text-primary));
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.page--sleek main[b-tmsmz5eqfb] {
    padding-top: var(--bgm-header-height, 64px);
}

.content--sleek[b-tmsmz5eqfb] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 clamp(1rem, 3vw, 2.25rem) 3rem !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page--sleek[b-tmsmz5eqfb]  .home-section {
    min-height: 0;
    padding: 0;
}

.page--sleek[b-tmsmz5eqfb]  .home-section__inner {
    width: min(1440px, 100%);
    max-width: min(1440px, 100%);
    padding: 0;
}

.page--sleek[b-tmsmz5eqfb]  .container,
.page--sleek[b-tmsmz5eqfb]  .container-sm,
.page--sleek[b-tmsmz5eqfb]  .container-md,
.page--sleek[b-tmsmz5eqfb]  .container-lg,
.page--sleek[b-tmsmz5eqfb]  .container-xl,
.page--sleek[b-tmsmz5eqfb]  .container-xxl,
.page--sleek[b-tmsmz5eqfb]  [style*="max-width: 900px"] {
    width: min(1440px, 100%) !important;
    max-width: min(1440px, 100%) !important;
}

.page--sleek[b-tmsmz5eqfb]  .container,
.page--sleek[b-tmsmz5eqfb]  .container-sm,
.page--sleek[b-tmsmz5eqfb]  .container-md,
.page--sleek[b-tmsmz5eqfb]  .container-lg,
.page--sleek[b-tmsmz5eqfb]  .container-xl,
.page--sleek[b-tmsmz5eqfb]  .container-xxl {
    padding-left: 0;
    padding-right: 0;
}

.page--sleek[b-tmsmz5eqfb]  .container.py-4,
.page--sleek[b-tmsmz5eqfb]  .container-fluid.py-4,
.page--sleek[b-tmsmz5eqfb]  .py-4,
.page--sleek[b-tmsmz5eqfb]  .pt-4 {
    padding-top: 0 !important;
}

.page--sleek[b-tmsmz5eqfb]  h1,
.page--sleek[b-tmsmz5eqfb]  h2,
.page--sleek[b-tmsmz5eqfb]  h3,
.page--sleek[b-tmsmz5eqfb]  h4,
.page--sleek[b-tmsmz5eqfb]  h5,
.page--sleek[b-tmsmz5eqfb]  h6 {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    color: var(--bgm-rd-ink, var(--bgm-text-heading));
    letter-spacing: 0;
    text-shadow: none;
}

.page--sleek[b-tmsmz5eqfb]  h1 {
    font-size: clamp(2rem, 4.8vw, 4.5rem);
    font-weight: 950;
    line-height: 0.95;
    margin-top: 0;
}

.page--sleek[b-tmsmz5eqfb]  .card,
.page--sleek[b-tmsmz5eqfb]  .list-group,
.page--sleek[b-tmsmz5eqfb]  .list-group-item,
.page--sleek[b-tmsmz5eqfb]  .table-responsive,
.page--sleek[b-tmsmz5eqfb]  .alert,
.page--sleek[b-tmsmz5eqfb]  .bgm-betCard,
.page--sleek[b-tmsmz5eqfb]  .bgm-betsSummary,
.page--sleek[b-tmsmz5eqfb]  .bgm-leaderboardTable {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page--sleek[b-tmsmz5eqfb]  .card,
.page--sleek[b-tmsmz5eqfb]  .list-group,
.page--sleek[b-tmsmz5eqfb]  .table-responsive,
.page--sleek[b-tmsmz5eqfb]  .bgm-betCard,
.page--sleek[b-tmsmz5eqfb]  .bgm-betsSummary,
.page--sleek[b-tmsmz5eqfb]  .bgm-leaderboardTable {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12) !important;
    background: rgba(255, 255, 255, 0.78) !important;
}

.page--sleek[b-tmsmz5eqfb]  .btn,
.page--sleek[b-tmsmz5eqfb]  .badge,
.page--sleek[b-tmsmz5eqfb]  .form-control,
.page--sleek[b-tmsmz5eqfb]  .form-select,
.page--sleek[b-tmsmz5eqfb]  .bgm-leaderboardToggle,
.page--sleek[b-tmsmz5eqfb]  .bgm-leaderboardToggle__btn,
.page--sleek[b-tmsmz5eqfb]  .bgm-rankPill,
.page--sleek[b-tmsmz5eqfb]  .bgm-memberBadge,
.page--sleek[b-tmsmz5eqfb]  .bgm-guestBadge,
.page--sleek[b-tmsmz5eqfb]  .bgm-betCard__status {
    border-radius: 0 !important;
}

@media (max-width: 640px) {
    .content--sleek[b-tmsmz5eqfb] {
        padding: 0 0 2rem !important;
    }

    .page--sleek[b-tmsmz5eqfb]  .home-section__inner,
    .page--sleek[b-tmsmz5eqfb]  .container,
    .page--sleek[b-tmsmz5eqfb]  .container-sm,
    .page--sleek[b-tmsmz5eqfb]  .container-md,
    .page--sleek[b-tmsmz5eqfb]  .container-lg,
    .page--sleek[b-tmsmz5eqfb]  .container-xl,
    .page--sleek[b-tmsmz5eqfb]  .container-xxl,
    .page--sleek[b-tmsmz5eqfb]  [style*="max-width: 900px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    .page--sleek[b-tmsmz5eqfb]  h1,
    .page--sleek[b-tmsmz5eqfb]  .mb-1,
    .page--sleek[b-tmsmz5eqfb]  .mb-4,
    .page--sleek[b-tmsmz5eqfb]  p.text-muted {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .page--sleek[b-tmsmz5eqfb]  .card,
    .page--sleek[b-tmsmz5eqfb]  .list-group,
    .page--sleek[b-tmsmz5eqfb]  .table-responsive,
    .page--sleek[b-tmsmz5eqfb]  .bgm-betCard,
    .page--sleek[b-tmsmz5eqfb]  .bgm-betsSummary,
    .page--sleek[b-tmsmz5eqfb]  .bgm-leaderboardTable {
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

.page--admin[b-tmsmz5eqfb]  h1,
.page--admin[b-tmsmz5eqfb]  h2,
.page--admin[b-tmsmz5eqfb]  h3,
.page--admin[b-tmsmz5eqfb]  h4,
.page--admin[b-tmsmz5eqfb]  h5,
.page--admin[b-tmsmz5eqfb]  h6 {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    color: var(--bgm-rd-ink, var(--bgm-text-heading));
    text-shadow: none;
}

.page--admin[b-tmsmz5eqfb]  .container,
.page--admin[b-tmsmz5eqfb]  .container-sm,
.page--admin[b-tmsmz5eqfb]  .container-md,
.page--admin[b-tmsmz5eqfb]  .container-lg,
.page--admin[b-tmsmz5eqfb]  .container-xl,
.page--admin[b-tmsmz5eqfb]  .container-xxl {
    width: min(1440px, 100%) !important;
    max-width: min(1440px, 100%) !important;
    padding-left: 0;
    padding-right: 0;
}

.page--admin[b-tmsmz5eqfb]  [style*="max-width"] {
    max-width: min(1440px, 100%) !important;
}

.page--admin[b-tmsmz5eqfb]  .container.py-4,
.page--admin[b-tmsmz5eqfb]  .container-fluid.py-4,
.page--admin[b-tmsmz5eqfb]  .container.pt-4,
.page--admin[b-tmsmz5eqfb]  .container-fluid.pt-4 {
    padding-top: 0 !important;
}

.page--admin[b-tmsmz5eqfb]  .card {
    border-radius: 8px;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10) !important;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 12px 28px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.055) !important;
}

.page--admin[b-tmsmz5eqfb]  .card.border-0 {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10) !important;
}

.page--admin[b-tmsmz5eqfb]  .card-body {
    padding: clamp(0.95rem, 1.8vw, 1.35rem);
}

.page--admin[b-tmsmz5eqfb]  .table-responsive {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    background: #fff;
}

.page--admin[b-tmsmz5eqfb]  .table {
    margin-bottom: 0;
}

.page--admin[b-tmsmz5eqfb]  .table thead th {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.06);
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.72);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.page--admin[b-tmsmz5eqfb]  .form-control,
.page--admin[b-tmsmz5eqfb]  .form-select {
    border-color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.16);
    border-radius: 8px;
}

.page--admin[b-tmsmz5eqfb]  .form-control:focus,
.page--admin[b-tmsmz5eqfb]  .form-select:focus {
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.62);
    box-shadow: 0 0 0 0.2rem rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.14);
}

.page--admin[b-tmsmz5eqfb]  .btn {
    border-radius: 8px;
    font-weight: 800;
}

.page--admin[b-tmsmz5eqfb]  .btn-primary {
    background: var(--bgm-rd-blue, var(--bs-primary));
    border-color: var(--bgm-rd-blue, var(--bs-primary));
}

.page--admin[b-tmsmz5eqfb]  .btn-success {
    background: var(--bgm-rd-green, var(--bs-success));
    border-color: var(--bgm-rd-green, var(--bs-success));
}

.page--admin[b-tmsmz5eqfb]  .alert {
    border-radius: 8px;
}

.page--admin[b-tmsmz5eqfb]  h1 {
    font-size: clamp(2rem, 4.8vw, 4.5rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 0.95;
    margin-top: 0;
}

@media (max-width: 640px) {
    .content--admin[b-tmsmz5eqfb] {
        padding: 1rem 0 2rem !important;
    }

    .page--admin[b-tmsmz5eqfb]  .container,
    .page--admin[b-tmsmz5eqfb]  .container-sm,
    .page--admin[b-tmsmz5eqfb]  .container-md,
    .page--admin[b-tmsmz5eqfb]  .container-lg,
    .page--admin[b-tmsmz5eqfb]  .container-xl,
    .page--admin[b-tmsmz5eqfb]  .container-xxl {
        width: 100% !important;
        max-width: 100% !important;
    }

    .page--admin[b-tmsmz5eqfb]  h1 {
        font-size: clamp(1.9rem, 11vw, 3rem);
    }

    .page--admin[b-tmsmz5eqfb]  .card {
        border-left: 0 !important;
        border-right: 0 !important;
        border-radius: 0;
    }

    .page--admin[b-tmsmz5eqfb]  .card-body,
    .page--admin[b-tmsmz5eqfb]  .card-body.p-4,
    .page--admin[b-tmsmz5eqfb]  .card-body.p-3 {
        padding: 0.85rem !important;
    }

    .page--admin[b-tmsmz5eqfb]  .table-responsive {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .page--admin[b-tmsmz5eqfb]  .mb-4 {
        margin-bottom: 1rem !important;
    }

    .page--admin[b-tmsmz5eqfb]  .mb-5 {
        margin-bottom: 1.25rem !important;
    }
}

/* Site Footer */
.site-footer[b-tmsmz5eqfb] {
    position: relative;
    overflow: hidden;
    background: var(--bgm-footer-bg);
    border-top: 4px solid var(--bgm-gold);
    padding: 1.5rem clamp(1.25rem, 4vw, 3rem) 1rem;
    margin-top: auto;
}

.content--shop[b-tmsmz5eqfb] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.site-footer[b-tmsmz5eqfb]::before {
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: rgba(var(--bgm-cream-rgb), 0.22);
    content: "";
}

.site-footer__content[b-tmsmz5eqfb] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: space-between;
    align-items: center;
    column-gap: 2rem;
    row-gap: 1.25rem;
}

.site-footer__brand[b-tmsmz5eqfb] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    width: fit-content;
    color: var(--bgm-cream);
    text-decoration: none;
}

.site-footer__logo[b-tmsmz5eqfb] {
    width: 4.75rem;
    height: 4.75rem;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.22));
}

.site-footer__brand-copy[b-tmsmz5eqfb] {
    display: grid;
    gap: 0.22rem;
}

.site-footer__title[b-tmsmz5eqfb] {
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.site-footer__tagline[b-tmsmz5eqfb] {
    color: rgba(var(--bgm-cream-rgb), 0.72);
    font-size: 0.82rem;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.site-footer__copyright[b-tmsmz5eqfb] {
    color: rgba(var(--bgm-cream-rgb), 0.7);
    font-size: 0.8rem;
}

.site-footer__links[b-tmsmz5eqfb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem 1.1rem;
    align-items: center;
}

.site-footer__links a[b-tmsmz5eqfb] {
    color: rgba(var(--bgm-cream-rgb), 0.82);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.15s ease;
}

.site-footer__links a:hover[b-tmsmz5eqfb] {
    color: var(--bgm-gold-light);
}

.site-footer__donate[b-tmsmz5eqfb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(var(--bgm-gold-rgb), 0.55);
    background: var(--bgm-gold);
    color: var(--bgm-navy) !important;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.site-footer__donate:hover[b-tmsmz5eqfb] {
    background: var(--bgm-gold-hover);
    color: var(--bgm-navy);
    border-color: var(--bgm-gold-light);
    text-decoration: none;
}

.site-footer__donate:focus-visible[b-tmsmz5eqfb] {
    outline: 2px solid rgba(var(--bgm-gold-rgb), 0.6);
    outline-offset: 2px;
}

.site-footer__cookie-btn[b-tmsmz5eqfb] {
    background: none;
    border: none;
    color: rgba(var(--bgm-cream-rgb), 0.7);
    font-size: 0.8rem;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.site-footer__cookie-btn:hover[b-tmsmz5eqfb] {
    color: var(--bgm-gold-light);
}

.site-footer__meta[b-tmsmz5eqfb] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(var(--bgm-cream-rgb), 0.14);
}

@media (max-width: 576px) {
    .site-footer__content[b-tmsmz5eqfb] {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .site-footer__links[b-tmsmz5eqfb] {
        justify-content: center;
    }

    .site-footer__meta[b-tmsmz5eqfb] {
        justify-content: center;
        flex-wrap: wrap;
    }
}

#blazor-error-ui[b-tmsmz5eqfb] {
    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-tmsmz5eqfb] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
:root[b-z83i044knh] {
    --bgm-header-height: 64px;
    --bgm-header-height-desktop: clamp(84px, 7.2vw, 112px);
    --bgm-menu-area-size: 52px;
    --bgm-modal-bottom-spacing: 12px;
    /* --bgm-menu-bg is defined in brand-colors.css */
}

.bgm-header[b-z83i044knh] {
    position: fixed;
    inset: 0 0 auto 0;
    height: var(--bgm-header-height);
    z-index: 1200;
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    background: rgba(251, 248, 238, 0.86);
    border-bottom: 1px solid rgba(23, 34, 43, 0.06);
    box-shadow: 0 10px 30px rgba(23, 34, 43, 0.04);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    transition: height 180ms ease, transform 180ms ease, opacity 180ms ease, box-shadow 180ms ease, background 180ms ease;
    will-change: transform, opacity, box-shadow, background;
    width: 100%;
    max-width: 100vw;
    overflow: visible;
}

.page--home .bgm-header[b-z83i044knh] {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

html.bgm-homeNavVisible .page--home .bgm-header[b-z83i044knh] {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.bgm-header__inner[b-z83i044knh] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    padding-right: 2.5vw;
    gap: 0;
    max-width: 100%;
    overflow: visible;
}

.bgm-header__homeAnchors[b-z83i044knh] {
    display: none;
}

/* Menu area - tappable square on left for mobile */
.bgm-menuArea[b-z83i044knh] {
    display: flex;
    width: var(--bgm-header-height);
    min-width: var(--bgm-header-height);
    height: var(--bgm-header-height);
    min-height: var(--bgm-header-height);
    align-items: center;
    justify-content: center;
    margin-left: 0;
    margin-bottom: -1px;
    background: var(--bgm-rd-blue, var(--bgm-menu-bg));
    border: 0;
    border-radius: 0;
    cursor: pointer;
    transition: width 180ms ease, min-width 180ms ease, height 180ms ease, min-height 180ms ease, background 0.15s ease;
}

.bgm-menuArea:hover[b-z83i044knh] {
    background: color-mix(in srgb, var(--bgm-rd-blue, var(--bgm-menu-bg)) 88%, white);
}

.bgm-menuArea .bgm-menuButton[b-z83i044knh] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: inherit;
    pointer-events: none; /* Let the parent handle clicks */
}

/* Brand link for desktop */
.bgm-header__brand[b-z83i044knh] {
    display: none;
    align-items: center;
    text-decoration: none;
    height: 100%;
    padding: 0 1.5rem;
    transition: background 0.15s ease;
}

.bgm-header__brandText[b-z83i044knh] {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    color: var(--bgm-rd-blue, #0087c8);
    font-weight: 900;
    letter-spacing: 0.28em;
    font-size: clamp(1.15rem, 2vw, 1.75rem);
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-header__brandLogo[b-z83i044knh] {
    display: block;
    width: min(460px, 42vw);
    max-height: calc(var(--bgm-header-height) - 18px);
    object-fit: contain;
    transition: max-height 180ms ease, width 180ms ease;
}

/* Mobile centered title */
.bgm-header__center[b-z83i044knh] {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.bgm-header__title[b-z83i044knh] {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    font-size: 1.1rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    color: var(--bgm-forest);
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    height: 100%;
    line-height: 1;
}

.bgm-header__titleLogo[b-z83i044knh] {
    display: block;
    width: min(260px, 52vw);
    max-width: 100%;
    max-height: 52px;
    object-fit: contain;
}

.bgm-header__right[b-z83i044knh] {
    display: flex;
    align-items: stretch;
    gap: 0;
    flex-shrink: 0;
    margin-left: auto;
}

.bgm-header__loggedOutActions[b-z83i044knh] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.bgm-header__cta[b-z83i044knh] {
    align-items: center;
    border: 0;
    color: #fff;
    display: inline-flex;
    font-size: clamp(0.68rem, 1.05vw, 0.82rem);
    font-weight: 950;
    justify-content: center;
    letter-spacing: 0.08em;
    line-height: 1;
    min-height: 38px;
    padding: 0 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
    white-space: nowrap;
}

.bgm-header__cta:hover[b-z83i044knh],
.bgm-header__cta:focus-visible[b-z83i044knh] {
    color: #fff;
    box-shadow: 0 10px 22px rgba(23, 34, 43, 0.18);
    outline: none;
    transform: translateY(-1px);
}

.bgm-header__cta--account[b-z83i044knh] {
    background: #d66f1f;
}

.bgm-header__cta--account:hover[b-z83i044knh],
.bgm-header__cta--account:focus-visible[b-z83i044knh] {
    background: #b95713;
}

.bgm-header__cta--about[b-z83i044knh] {
    background: var(--bgm-rd-blue, #0087c8);
}

.bgm-header__cta--about:hover[b-z83i044knh],
.bgm-header__cta--about:focus-visible[b-z83i044knh] {
    background: #006fa4;
}

.bgm-header__accountTrigger[b-z83i044knh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 6px 10px;
    text-decoration: none;
    color: inherit;
    border: 0;
    background: transparent;
    border-radius: 18px;
    cursor: pointer;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.bgm-header__accountTrigger:hover[b-z83i044knh],
.bgm-header__accountTrigger[aria-expanded="true"][b-z83i044knh] {
    background: #fff3c4;
    box-shadow: 0 8px 18px rgba(var(--bgm-gold-rgb), 0.22);
}

.bgm-header__accountTrigger:focus-visible[b-z83i044knh] {
    outline: 2px solid rgba(var(--bgm-gold-rgb), 0.55);
    outline-offset: -2px;
}

.bgm-header__userAvatar[b-z83i044knh] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    background: #cbd6e6;
    color: rgba(var(--bgm-forest-rgb), 0.9);
    border: 1px solid rgba(var(--bgm-forest-rgb), 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1;
}

.bgm-header__userAvatar img[b-z83i044knh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Desktop action links container */
.bgm-header__desktopActions[b-z83i044knh] {
    display: none;
    align-items: stretch;
    gap: 0;
}

.bgm-header__actionLink[b-z83i044knh] {
    text-decoration: none;
    color: rgba(var(--bgm-forest-rgb), 0.85);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 0 14px;
    border-radius: 0;
    transition: background 0.15s ease, color 0.15s ease;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    height: 100%;
    display: flex;
    align-items: center;
}

.bgm-header__actionLink:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.12);
    color: var(--bgm-forest);
}

.bgm-header__actionLink--admin[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.15);
    color: var(--bgm-leather);
}

.bgm-header__actionLink--admin:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.25);
}

.bgm-header__actionLink--site-contributions[b-z83i044knh] {
    color: #bf5700;
    font-weight: 700;
}

.bgm-header__actionLink--site-contributions:hover[b-z83i044knh] {
    background: rgba(191, 87, 0, 0.1);
    color: #9e4700;
}

.bgm-header__actionLink--signup[b-z83i044knh] {
    background: #d66f1f;
    color: #fff;
}

.bgm-header__actionLink--signup:hover[b-z83i044knh] {
    background: #b95713;
    color: #fff;
}

.bgm-header__actionLink--about[b-z83i044knh] {
    background: var(--bgm-rd-blue, #0087c8);
    color: #fff;
}

.bgm-header__actionLink--about:hover[b-z83i044knh] {
    background: #006fa4;
    color: #fff;
}

.bgm-header__actionLink--scroll[b-z83i044knh] {
    opacity: 0.8;
}

.bgm-header__actionLink--scroll:hover[b-z83i044knh] {
    opacity: 1;
}

/* Dropdown container */
.bgm-header__dropdown[b-z83i044knh] {
    position: relative;
    display: flex;
    align-items: stretch;
}

.bgm-header__dropdownToggle[b-z83i044knh] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bgm-header__dropdownChevron[b-z83i044knh] {
    display: inline-block;
    transition: transform 0.2s ease;
    margin-top: 2px;
}

.bgm-header__dropdownChevron.is-open[b-z83i044knh] {
    transform: rotate(180deg);
}

.bgm-header__dropdownMenu[b-z83i044knh] {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    background: rgba(var(--bgm-cream-rgb), 0.98);
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.1);
    box-shadow: 0 4px 12px rgba(var(--bgm-navy-rgb), 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
    z-index: 1300;
    pointer-events: none;
}

.bgm-header__dropdownMenu.is-open[b-z83i044knh] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.bgm-header__dropdownItem[b-z83i044knh] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    text-decoration: none;
    color: rgba(var(--bgm-forest-rgb), 0.85);
    font-weight: 600;
    font-size: 0.9rem;
    transition: background 0.15s ease, color 0.15s ease;
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.05);
}

.bgm-header__dropdownItem:last-child[b-z83i044knh] {
    border-bottom: none;
}

.bgm-header__dropdownItem:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.12);
    color: var(--bgm-forest);
}

.bgm-header__groupLink[b-z83i044knh] {
    min-width: 10rem;
    max-width: 16rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 0.05rem;
    padding: 0 14px;
    border-left: 1px solid rgba(var(--bgm-forest-rgb), 0.1);
    border-right: 1px solid rgba(var(--bgm-forest-rgb), 0.1);
    color: rgba(var(--bgm-forest-rgb), 0.92);
    text-decoration: none;
}

.bgm-header__groupLink span[b-z83i044knh] {
    color: var(--bgm-rd-blue, #008dcc);
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.bgm-header__groupLink strong[b-z83i044knh] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
    line-height: 1.1;
}

.bgm-header__groupLink:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.1);
}

.bgm-header__dropdownGroup[b-z83i044knh] {
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.05);
}

.bgm-header__dropdownItemButton[b-z83i044knh] {
    width: 100%;
    justify-content: space-between;
    border: 0;
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.05);
    background: transparent;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.bgm-header__dropdownItemButton > span[b-z83i044knh] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.bgm-header__dropdownChildren[b-z83i044knh] {
    display: none;
}

.bgm-header__dropdownChildren.is-open[b-z83i044knh] {
    display: block;
}

.bgm-header__dropdownItem--child[b-z83i044knh] {
    padding-left: 28px;
    font-size: 0.85rem;
    font-weight: 500;
    opacity: 0.9;
    background: rgba(var(--bgm-forest-rgb), 0.02);
}

.bgm-header__dropdownItem--child:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.1);
    opacity: 1;
}

.bgm-coins[b-z83i044knh] {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    color: var(--bgm-forest);
    font-weight: 900;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.bgm-menuIcon[b-z83i044knh] {
    color: var(--bgm-forest);
}

.bgm-coinsButton[b-z83i044knh] {
    border: 0;
    background: transparent;
    padding: 10px 16px;
    border-radius: 18px;
    cursor: pointer;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.bgm-coinsButton:hover[b-z83i044knh] {
    background: #fff3c4;
    box-shadow: 0 8px 18px rgba(var(--bgm-gold-rgb), 0.22);
}

.bgm-coinsButton:focus-visible[b-z83i044knh] {
    outline: 2px solid rgba(var(--bgm-gold-rgb), 0.55);
    outline-offset: -2px;
}

.bgm-coins__icon[b-z83i044knh] {
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-brand[b-z83i044knh] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    /* Make the brand link fill the header height so its hit area matches visual */
    height: 100%;
}

.bgm-brand__logo[b-z83i044knh] {
    width: 40px;
    height: 40px;
    display: block;
    /* vertically center inside the full-height link */
    margin: auto 0;
}

.bgm-brand__text[b-z83i044knh] {
    color: rgba(var(--bgm-forest-rgb), 0.95);
    font-weight: 700;
    letter-spacing: 2.0px;
    font-size: 1.2rem;
}

.bgm-menuButton[b-z83i044knh] {
    /* Fill the header height so the button's hitbox matches visual placement */
    min-width: 48px;
    height: 100%;
    border: 0;
    background: transparent;
    border-radius: 0;
    padding: 0 8px; /* horizontal padding while using the full header height */
    color: rgba(var(--bgm-forest-rgb), 0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 80; /* keep button above other UI for reliable taps */
    touch-action: manipulation;
}

.bgm-menuButton:hover[b-z83i044knh] {
    background: transparent;
}

.bgm-menuButton:focus-visible[b-z83i044knh] {
    outline: 2px solid rgba(var(--bgm-gold-rgb), 0.55);
    outline-offset: 4px;
}

.bgm-menuIcon[b-z83i044knh] {
    width: 32px;
    height: 32px;
}

.bgm-backdrop[b-z83i044knh] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    background: rgba(0,0,0,0.55);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
}

.bgm-backdrop.is-open[b-z83i044knh] {
    opacity: 1;
    pointer-events: auto;
}

.bgm-betsBackdrop[b-z83i044knh] {
    position: fixed;
    inset: 0;
    z-index: 1150;
    background: rgba(0,0,0,0.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
}

.bgm-betsBackdrop.is-open[b-z83i044knh] {
    opacity: 1;
    pointer-events: auto;
}

.bgm-header__notificationCount[b-z83i044knh] {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 1px;
    display: grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
    border: 2px solid #fffdf4;
    border-radius: 999px;
    background: #c83d35;
    color: #fff;
    font-size: .7rem;
    font-weight: 950;
    line-height: 1;
}

/* Shared redesigned quick-action surface for the coins and profile menus. */
.bgm-headerQuickMenu[b-z83i044knh] {
    position: fixed;
    top: calc(var(--bgm-header-height) + 12px);
    right: clamp(12px, 2.5vw, 36px);
    z-index: 1250;
    width: min(440px, calc(100vw - 24px));
    max-height: calc(100vh - var(--bgm-header-height) - 28px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-12px) scale(0.98);
    transition: opacity 180ms ease, transform 180ms ease;
    background: var(--bgm-rd-paper, #fbf8ee);
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.14);
    border-radius: 10px;
    box-shadow: 0 20px 52px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.22);
}

.bgm-headerQuickMenu.is-open[b-z83i044knh] {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0) scale(1);
}

.bgm-headerQuickMenu__header[b-z83i044knh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.35rem 1rem;
    background: var(--bgm-rd-green, #164f35);
    color: #fffdf4;
}

.bgm-headerQuickMenu__eyebrow[b-z83i044knh] {
    color: var(--bgm-rd-gold, #d9b13b);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bgm-headerQuickMenu__title[b-z83i044knh] {
    margin-top: 0.2rem;
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(1.55rem, 4vw, 2.1rem);
    font-weight: 950;
    line-height: 1;
}

.bgm-headerQuickMenu__close[b-z83i044knh],
.bgm-betsModal__close[b-z83i044knh] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 253, 244, 0.36);
    border-radius: 6px;
    background: transparent;
    color: #fffdf4;
    cursor: pointer;
    font-size: 1.35rem;
    line-height: 1;
}

.bgm-headerQuickMenu__close:hover[b-z83i044knh],
.bgm-headerQuickMenu__close:focus-visible[b-z83i044knh],
.bgm-betsModal__close:hover[b-z83i044knh],
.bgm-betsModal__close:focus-visible[b-z83i044knh] {
    border-color: #fff4c9;
    background: #fff4c9;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-headerQuickMenu__body[b-z83i044knh] {
    padding: 1.15rem 1.35rem 1.35rem;
    overflow-y: auto;
}

.bgm-headerQuickMenu__intro[b-z83i044knh] {
    margin: 0 0 1rem;
    color: #506680;
    font-size: 1rem;
    line-height: 1.45;
}

.bgm-headerQuickMenu__notifications[b-z83i044knh] {
    margin: -1.15rem -1.35rem 1.15rem;
    padding: 1rem 1.35rem 1.1rem;
    border-bottom: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
    background: #eef8fc;
}

.bgm-headerQuickMenu__notificationsHeading[b-z83i044knh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: var(--bgm-rd-green, #164f35);
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bgm-headerQuickMenu__notificationsHeading strong[b-z83i044knh] {
    display: grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #c83d35;
    color: #fff;
    font-size: .76rem;
    letter-spacing: 0;
}

.bgm-headerQuickMenu__notificationEmpty[b-z83i044knh] {
    margin: .55rem 0 0;
    color: #506680;
    font-size: .9rem;
}

.bgm-headerQuickMenu__notificationList[b-z83i044knh] {
    display: grid;
    gap: .55rem;
    margin-top: .75rem;
}

.bgm-headerQuickMenu__notificationItem[b-z83i044knh] {
    position: relative;
}

.bgm-headerQuickMenu__notification[b-z83i044knh] {
    display: block;
    border: 1px solid #70bddc;
    border-radius: 4px;
    background: linear-gradient(90deg, rgba(0, 135, 200, .08), #fff 42%);
    color: var(--bgm-rd-green, #164f35);
    padding: .75rem .85rem;
    text-decoration: none;
}

.bgm-headerQuickMenu__notificationItem:has(.bgm-headerQuickMenu__notificationAcknowledge) .bgm-headerQuickMenu__notification[b-z83i044knh] {
    padding-right: 3.25rem;
}

.bgm-headerQuickMenu__notificationAcknowledge[b-z83i044knh] {
    position: absolute;
    top: .65rem;
    right: .65rem;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.24);
    border-radius: 50%;
    background: #fff;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-headerQuickMenu__notificationAcknowledge:hover[b-z83i044knh],
.bgm-headerQuickMenu__notificationAcknowledge:focus-visible[b-z83i044knh] {
    border-color: var(--bgm-rd-green, #164f35);
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
    outline: none;
}

.bgm-headerQuickMenu__notification--group-request[b-z83i044knh] { border-left-color: var(--bgm-rd-gold, #d9b13b); }
.bgm-headerQuickMenu__notification--betting-open[b-z83i044knh] {
    border-color: var(--bgm-rd-gold-hover, #b08e3f);
    background: var(--bgm-rd-paper, #fbf8ee);
}
.bgm-headerQuickMenu__notification--horse-race[b-z83i044knh] {
    border-color: var(--bgm-rd-burgundy, #7a1f24);
    background: var(--bgm-rd-paper, #fbf8ee);
}
.bgm-headerQuickMenu__notification strong[b-z83i044knh],
.bgm-headerQuickMenu__notification span[b-z83i044knh] { display: block; }
.bgm-headerQuickMenu__notification strong[b-z83i044knh] { font-size: .92rem; line-height: 1.25; }
.bgm-headerQuickMenu__notification span[b-z83i044knh] { margin-top: .18rem; color: #506680; font-size: .8rem; line-height: 1.35; }

.bgm-headerQuickMenu__notification:hover[b-z83i044knh],
.bgm-headerQuickMenu__notification:focus-visible[b-z83i044knh] {
    background: #fff4c9;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-headerQuickMenu__deviceNotifications[b-z83i044knh] {
    align-items: center;
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 0.9rem;
    padding-top: 0.85rem;
}

.bgm-headerQuickMenu__deviceNotifications > div[b-z83i044knh] {
    min-width: 0;
}

.bgm-headerQuickMenu__deviceNotificationActions[b-z83i044knh] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.4rem;
}

.bgm-headerQuickMenu__deviceNotifications strong[b-z83i044knh],
.bgm-headerQuickMenu__deviceNotifications span[b-z83i044knh] {
    display: block;
}

.bgm-headerQuickMenu__deviceNotifications strong[b-z83i044knh] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.84rem;
}

.bgm-headerQuickMenu__deviceNotifications span[b-z83i044knh] {
    color: #506680;
    font-size: 0.76rem;
    line-height: 1.35;
    margin-top: 0.12rem;
}

.bgm-headerQuickMenu__deviceNotifications button[b-z83i044knh] {
    background: #fff;
    border: 1px solid rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.28);
    border-radius: 6px;
    color: var(--bgm-rd-green, #164f35);
    flex: 0 0 auto;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 850;
    min-height: 2.2rem;
    padding: 0.35rem 0.65rem;
}

.bgm-headerQuickMenu__deviceNotifications button:hover[b-z83i044knh],
.bgm-headerQuickMenu__deviceNotifications button:focus-visible[b-z83i044knh] {
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
    outline: none;
}

.bgm-headerQuickMenu__deviceNotifications button:disabled[b-z83i044knh] {
    cursor: wait;
    opacity: 0.58;
}

.bgm-headerQuickMenu__deviceNotificationError[b-z83i044knh] {
    color: #8a241f;
    font-size: 0.78rem;
    line-height: 1.35;
    margin: 0.55rem 0 0;
}

.bgm-headerQuickMenu__deviceNotificationStatus[b-z83i044knh] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.78rem;
    line-height: 1.35;
    margin: 0.55rem 0 0;
}

.bgm-headerQuickMenu__actions[b-z83i044knh] {
    display: grid;
    gap: 0.65rem;
}

.bgm-headerQuickMenu__action[b-z83i044knh] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.14);
    border-radius: 7px;
    background: #fff;
    color: var(--bgm-rd-green, #164f35);
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.bgm-headerQuickMenu__action:hover[b-z83i044knh],
.bgm-headerQuickMenu__action:focus-visible[b-z83i044knh] {
    border-color: var(--bgm-rd-blue, #0087c8);
    background: #eaf6fb;
    color: var(--bgm-rd-green, #164f35);
    transform: translateY(-1px);
}

.bgm-headerQuickMenu__action--highlight[b-z83i044knh] {
    border-color: var(--bgm-rd-gold, #d9b13b);
    background: #fff4c9;
}

.bgm-headerQuickMenu__action--highlight:hover[b-z83i044knh],
.bgm-headerQuickMenu__action--highlight:focus-visible[b-z83i044knh] {
    border-color: var(--bgm-rd-gold, #d9b13b);
    background: var(--bgm-rd-gold, #d9b13b);
}

.bgm-headerQuickMenu__action:disabled[b-z83i044knh] {
    cursor: not-allowed;
    opacity: 0.56;
    transform: none;
}

.bgm-headerQuickMenu__logoutForm[b-z83i044knh] {
    margin: 0;
}

.bgm-headerQuickMenu__action--logout[b-z83i044knh] {
    width: 100%;
    gap: 0.55rem;
    border-color: rgba(var(--bgm-maroon-rgb, 106, 36, 48), 0.24);
    color: var(--bgm-maroon, #6a2430);
}

.bgm-headerQuickMenu__action--logout:hover[b-z83i044knh],
.bgm-headerQuickMenu__action--logout:focus-visible[b-z83i044knh] {
    border-color: var(--bgm-maroon, #6a2430);
    background: rgba(var(--bgm-maroon-rgb, 106, 36, 48), 0.08);
    color: var(--bgm-maroon, #6a2430);
}

.bgm-betsModal[b-z83i044knh] {
    position: fixed;
    top: calc(var(--bgm-header-height) + 8px);
    bottom: var(--bgm-modal-bottom-spacing);
    right: 2.5vw;
    z-index: 1250;
    width: min(360px, 94vw);
    max-height: calc(100vh - var(--bgm-header-height) - 20px);
    display: flex;
    flex-direction: column;
    transform: translateY(-8px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
    background: rgba(var(--bgm-cream-rgb), 0.96);
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.18);
    border-radius: 16px;
    padding: 14px;
    box-shadow: 0 18px 48px rgba(var(--bgm-navy-rgb), 0.18);
}

@supports (height: 100dvh) {
    .bgm-betsModal[b-z83i044knh] {
        max-height: calc(100dvh - var(--bgm-header-height) - 20px);
    }
}

.bgm-betsModal.is-open[b-z83i044knh] {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.bgm-betsModal__header[b-z83i044knh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    flex-shrink: 0;
}

.bgm-betsModal__body[b-z83i044knh] {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
}

.bgm-betsModal__actions[b-z83i044knh] {
    display: grid;
    gap: 10px;
}

.bgm-betsModal__action[b-z83i044knh] {
    width: 100%;
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.24);
    background: rgba(var(--bgm-cream-rgb), 0.92);
    color: rgba(var(--bgm-forest-rgb), 0.92);
    font-weight: 700;
    border-radius: 12px;
    padding: 12px 14px;
    text-align: center;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    text-decoration: none;
}

.bgm-betsModal__action:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.2);
    border-color: rgba(var(--bgm-leather-rgb), 0.36);
}

.bgm-betsModal__action:disabled[b-z83i044knh] {
    opacity: 0.6;
    cursor: default;
}

.bgm-betsModal__claimAction[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.28);
}

.bgm-betsModal__title[b-z83i044knh] {
    font-weight: 700;
}

.bgm-betsModal__subtitle[b-z83i044knh] {
    color: rgba(var(--bgm-forest-rgb), 0.6);
    font-size: 0.85rem;
}

.bgm-betsModal__close[b-z83i044knh] {
    border: 0;
    background: transparent;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    color: rgba(var(--bgm-forest-rgb), 0.6);
}

.bgm-betsModal__summary[b-z83i044knh] {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(var(--bgm-gold-rgb), 0.12);
    margin-bottom: 10px;
    font-size: 0.9rem;
}

.bgm-betsModal__summary--compact[b-z83i044knh] {
    margin-bottom: 0;
    align-items: center;
    gap: 10px;
}

.bgm-betsModal__section[b-z83i044knh] {
    margin-bottom: 10px;
}

.bgm-betsModal__sectionTitle[b-z83i044knh] {
    font-weight: 600;
    margin-bottom: 6px;
}

.bgm-betsModal__list[b-z83i044knh] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
    font-size: 0.85rem;
}

.bgm-betsModal__list li[b-z83i044knh] {
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border-radius: 12px;
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.12);
    background: rgba(var(--bgm-cream-rgb), 0.7);
}

.bgm-betsModal__claim[b-z83i044knh] {
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.24);
    background: rgba(var(--bgm-gold-rgb), 0.22);
    color: rgba(var(--bgm-forest-rgb), 0.92);
    font-weight: 600;
    border-radius: 10px;
    padding: 6px 10px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.bgm-betsModal__claim:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.35);
    border-color: rgba(var(--bgm-leather-rgb), 0.4);
}

.bgm-betsModal__claim:disabled[b-z83i044knh] {
    opacity: 0.6;
    cursor: default;
}

.bgm-betsModal__footer[b-z83i044knh] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(var(--bgm-leather-rgb), 0.12);
    margin-top: 6px;
    flex-shrink: 0;
}

.bgm-betsModal__link[b-z83i044knh] {
    text-decoration: none;
    font-weight: 600;
    color: rgba(var(--bgm-forest-rgb), 0.9);
    font-size: 0.9rem;
    transition: color 0.15s ease;
}

.bgm-betsModal__link:hover[b-z83i044knh] {
    color: var(--bgm-forest);
}

.bgm-popup[b-z83i044knh] {
    position: fixed;
    top: var(--bgm-header-height);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 80;
    width: 100%;
    height: calc(100% - var(--bgm-header-height));
    background: rgba(var(--bgm-cream-rgb), 0.98);
    transform: translateX(-100%);
    transition: transform 240ms cubic-bezier(.2,.9,.1,1);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    overflow-y: auto;
}

.bgm-popup.is-open[b-z83i044knh] {
    transform: translateX(0);
    pointer-events: auto;
}

.bgm-popup__nav[b-z83i044knh] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin: 0 auto;
    padding: 16px 16px 28px;
}

.bgm-popup__link[b-z83i044knh] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 54px;
    padding: 13px 16px;
    border-radius: 0;
    text-decoration: none;
    color: rgba(var(--bgm-forest-rgb), 0.92);
    border: none;
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.1);
    background: transparent;
    font-size: 1rem;
    font-weight: 700;
    transition: background 140ms ease, color 140ms ease;
}

.bgm-popup__link:hover[b-z83i044knh],
.bgm-popup__link.active[b-z83i044knh] {
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08);
    color: var(--bgm-forest);
}

.bgm-navIcon[b-z83i044knh] {
    width: 1.15rem;
    height: 1.15rem;
    color: currentColor;
}

.bgm-popup__utilityList[b-z83i044knh] {
    overflow: hidden;
    border: 1px solid rgba(var(--bgm-forest-rgb), 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 8px 24px rgba(var(--bgm-navy-rgb), 0.05);
}

.bgm-popup__menuList[b-z83i044knh] {
    margin-inline: -16px;
    border-top: 1px solid rgba(var(--bgm-forest-rgb), 0.12);
    border-bottom: 1px solid rgba(var(--bgm-forest-rgb), 0.12);
    background: rgba(255, 255, 255, 0.5);
}

.bgm-popup__menuList > :last-child[b-z83i044knh],
.bgm-popup__utilityList > :last-child[b-z83i044knh],
.bgm-popup__parent:last-child > .bgm-popup__parentRow[b-z83i044knh] {
    border-bottom: 0;
}

.bgm-popup__menuList .bgm-popup__link[b-z83i044knh] {
    padding-inline: 24px;
}

.bgm-popup__menuList .bgm-popup__link--child[b-z83i044knh] {
    padding-left: 52px;
}

.bgm-popup__parent[b-z83i044knh] {
    display: flex;
    flex-direction: column;
}

.bgm-popup__link--group[b-z83i044knh] {
    align-items: center;
    justify-content: space-between;
    margin: 0;
    min-height: 82px;
    padding: 16px 18px;
    border: 1px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.22);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 22px rgba(var(--bgm-navy-rgb), 0.08);
}

.bgm-popup__groupText[b-z83i044knh] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.bgm-popup__groupText small[b-z83i044knh] {
    color: var(--bgm-rd-blue, #008dcc);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, sans-serif);
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bgm-popup__groupText strong[b-z83i044knh] {
    color: var(--bgm-forest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bgm-popup__groupChange[b-z83i044knh] {
    flex: 0 0 auto;
    margin-left: 18px;
    padding: 8px 11px;
    border: 1px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.24);
    border-radius: 7px;
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.09);
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.bgm-popup__featuredAction[b-z83i044knh] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 70px;
    padding: 14px 16px;
    border: 1px solid var(--bgm-forest);
    border-radius: 12px;
    background: var(--bgm-forest);
    box-shadow: 0 10px 24px rgba(var(--bgm-forest-rgb), 0.18);
    color: #fffdf4;
    text-decoration: none;
    transition: background 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.bgm-popup__featuredAction:hover[b-z83i044knh],
.bgm-popup__featuredAction:focus-visible[b-z83i044knh] {
    background: var(--bgm-navy);
    color: #fffdf4;
    transform: translateY(-1px);
    box-shadow: 0 13px 28px rgba(var(--bgm-navy-rgb), 0.22);
}

.bgm-popup__featuredIcon[b-z83i044knh] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.14);
    color: var(--bgm-gold);
}

.bgm-popup__featuredCopy[b-z83i044knh] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.bgm-popup__featuredCopy strong[b-z83i044knh] {
    font-size: 1rem;
    font-weight: 900;
}

.bgm-popup__featuredCopy small[b-z83i044knh] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
}

.bgm-popup__parentRow[b-z83i044knh] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.1);
}

.bgm-popup__parentRow .bgm-popup__link[b-z83i044knh] {
    border-bottom: 0;
}

.bgm-popup__link--parent[b-z83i044knh] {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 12px;
}

.bgm-popup__toggle[b-z83i044knh] {
    display: grid;
    place-items: center;
    width: 54px;
    min-width: 54px;
    border: 0;
    border-left: 1px solid rgba(var(--bgm-leather-rgb), 0.08);
    background: transparent;
    color: rgba(var(--bgm-forest-rgb), 0.92);
    cursor: pointer;
}

.bgm-popup__toggle:hover[b-z83i044knh] {
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08);
    color: var(--bgm-forest);
}

.bgm-popup__children[b-z83i044knh] {
    display: none;
    flex-direction: column;
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.1);
    background: rgba(var(--bgm-forest-rgb), 0.035);
}

.bgm-popup__children.is-open[b-z83i044knh] {
    display: flex;
}

.bgm-popup__link--child[b-z83i044knh] {
    min-height: 48px;
    padding: 11px 16px 11px 44px;
    font-size: 0.92rem;
    font-weight: 600;
    opacity: 0.88;
}

.bgm-popup__link--child:hover[b-z83i044knh] {
    background: rgba(var(--bgm-gold-rgb), 0.08);
    opacity: 1;
}

.bgm-popup__linkButton[b-z83i044knh] {
    width: 100%;
    text-align: left;
    cursor: pointer;
    font: inherit;
    font-size: 1rem;
    font-weight: 700;
    border: none;
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.1);
}

.bgm-popup__linkButton--account[b-z83i044knh] {
    background: transparent;
    color: rgba(var(--bgm-forest-rgb), 0.92);
}

.bgm-popup__linkButton--account:hover[b-z83i044knh] {
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08);
    color: var(--bgm-forest);
}

.bgm-popup__link--utility[b-z83i044knh] {
    min-height: 50px;
    color: rgba(var(--bgm-forest-rgb), 0.78);
    font-size: 0.92rem;
    font-weight: 650;
}

@media (max-width: 480px) {
    .bgm-header__inner[b-z83i044knh] {
        gap: 0;
    }

    .bgm-header__center[b-z83i044knh] {
        padding-inline: 0.25rem;
    }

    .bgm-header .bgm-header__right[b-z83i044knh] {
        padding-right: 0.25rem;
    }

    .bgm-header__accountTrigger[b-z83i044knh] {
        min-width: 48px;
        min-height: 48px;
        padding: 3px;
        border-radius: 50%;
    }

    .bgm-coinsButton[b-z83i044knh] {
        min-height: 48px;
        padding: 6px;
        gap: 4px;
        border-radius: 14px;
    }

    .bgm-coins[b-z83i044knh] {
        font-size: 0.9rem;
    }

    .bgm-coins__label[b-z83i044knh] {
        display: none;
    }
}

/* Medium screens: show short version */
@media (min-width: 481px) and (max-width: 700px) {
    .bgm-coins__label--full[b-z83i044knh] {
        display: none;
    }
    
    .bgm-coins__label--short[b-z83i044knh] {
        display: inline;
    }
}

/* Larger screens: show full version */
@media (min-width: 701px) {
    .bgm-coins__label--full[b-z83i044knh] {
        display: inline;
    }
    
    .bgm-coins__label--short[b-z83i044knh] {
        display: none;
    }
}

/* Desktop layout: show inline nav and hide full-screen popup */
@media (min-width: 1024px) {
    .bgm-header:not(.bgm-header--home)[b-z83i044knh] {
        --bgm-header-height: 64px;
    }

    .bgm-header--home[b-z83i044knh] {
        --bgm-header-height: var(--bgm-header-height-desktop);
    }

    html.bgm-homeNavVisible .bgm-header--home[b-z83i044knh] {
        --bgm-header-height: 72px;
    }
    
    .bgm-header[b-z83i044knh] {
        height: var(--bgm-header-height);
    }
    
    .bgm-header__inner[b-z83i044knh] {
        position: relative;
        align-items: center;
        padding-left: 0;
        padding-right: clamp(14px, 1.8vw, 28px);
        gap: 16px;
        max-width: none;
        margin: 0 auto;
        overflow: visible;
    }

    .bgm-header__brand[b-z83i044knh] {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        justify-content: center;
        padding: 0;
        max-width: min(460px, 42vw);
        text-align: center;
    }
    
    .bgm-header__center[b-z83i044knh] { display: none; }
    .bgm-menuArea[b-z83i044knh] {
        display: flex;
        --bgm-menu-area-size: var(--bgm-header-height);
    }
    .bgm-menuButton[b-z83i044knh] { display: flex; }
    .bgm-popup[b-z83i044knh] {
        top: 64px;
        height: calc(100% - 64px);
    }

    .bgm-popup--home[b-z83i044knh] {
        top: var(--bgm-header-height-desktop);
        height: calc(100% - var(--bgm-header-height-desktop));
    }

    html.bgm-homeNavVisible .bgm-popup--home[b-z83i044knh] {
        top: 72px;
        height: calc(100% - 72px);
    }

    .bgm-header:not(.bgm-header--home) .bgm-header__brandLogo[b-z83i044knh] {
        width: min(300px, 34vw);
    }

    .bgm-header:not(.bgm-header--home) .bgm-header__userAvatar[b-z83i044knh] {
        width: 44px;
        height: 44px;
        border-width: 2px;
        font-size: 1rem;
    }

    .bgm-header:not(.bgm-header--home) .bgm-coinsButton[b-z83i044knh] {
        min-height: 44px;
        padding: 8px 13px;
        font-size: 1.05rem;
    }

    .bgm-header__brand[b-z83i044knh] { display: flex; }
    .bgm-header__desktopActions[b-z83i044knh] { display: none; }
    .bgm-header__right[b-z83i044knh] {
        align-items: center;
        height: 100%;
        gap: 8px;
    }

    .bgm-header__accountTrigger[b-z83i044knh] {
        padding: 8px;
        border-radius: 22px;
    }

    .bgm-header__userAvatar[b-z83i044knh] {
        width: 46px;
        height: 46px;
        border: 4px solid #fff;
        font-size: 1.35rem;
    }

    .bgm-coinsButton[b-z83i044knh] {
        min-height: clamp(48px, calc(var(--bgm-header-height) - 32px), 64px);
        padding: 10px 16px;
        border-radius: 22px;
        color: var(--bgm-rd-green, var(--bgm-forest));
        font-size: clamp(1.15rem, 1.6vw, 1.55rem);
    }

}

/* Mobile layout: center title, hide desktop nav, show burger and full-screen popup */
@media (max-width: 1023px) {
    .bgm-header[b-z83i044knh] { border-bottom: none; box-shadow: 0 2px 8px rgba(var(--bgm-navy-rgb),0.08); }
    .bgm-header__center[b-z83i044knh] { display: flex; }
    .bgm-header__brand[b-z83i044knh] { display: none; }
    .bgm-header__desktopActions[b-z83i044knh] { display: none; }
    .bgm-header__inner[b-z83i044knh] { justify-content: space-between; padding-left: 0; padding-right: 0; }
    .bgm-header__right[b-z83i044knh] { display: flex; align-items: stretch; gap: 0; padding-right: 0.5rem; flex-shrink: 0; }
    .bgm-header__loggedOutActions[b-z83i044knh] {
        align-items: center;
        gap: 6px;
    }

    .bgm-header__cta[b-z83i044knh] {
        min-height: 36px;
        padding: 0 10px;
    }

    .bgm-header__cta--about[b-z83i044knh] {
        display: none;
    }

    .bgm-betsModal[b-z83i044knh] {
        top: calc(var(--bgm-header-height) + 8px);
        bottom: var(--bgm-modal-bottom-spacing);
        width: min(360px, calc(100vw - 12px));
        right: 6px;
    }

    .bgm-headerQuickMenu[b-z83i044knh] {
        top: calc(var(--bgm-header-height) + 8px);
        right: 6px;
        width: min(440px, calc(100vw - 12px));
        max-height: calc(100dvh - var(--bgm-header-height) - 20px);
    }

    /* show tappable square on left */
    .bgm-menuArea[b-z83i044knh] {
        display: flex;
        align-items: stretch;
        --bgm-menu-area-size: var(--bgm-header-height);
        height: var(--bgm-header-height);
        min-height: var(--bgm-header-height);
        margin-bottom: -1px;
        background: var(--bgm-rd-blue, var(--bgm-menu-bg));
        flex-shrink: 0;
    }
    .bgm-menuArea .bgm-menuButton[b-z83i044knh] { height: 100%; }
    .bgm-menuIcon[b-z83i044knh] { color: var(--bgm-cream); }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-r077psqua0] {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 12000;
    width: min(420px, calc(100vw - 40px));
    color: var(--bgm-cream, #f7f5ef);
    font-family: var(--bgm-rd-font-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

#components-reconnect-modal.components-reconnect-show[b-r077psqua0],
#components-reconnect-modal.components-reconnect-retrying[b-r077psqua0],
#components-reconnect-modal.components-reconnect-failed[b-r077psqua0],
#components-reconnect-modal.components-reconnect-paused[b-r077psqua0],
#components-reconnect-modal.components-reconnect-resume-failed[b-r077psqua0] {
    display: block;
}

.components-reconnect-container[b-r077psqua0] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px 14px;
    align-items: center;
    padding: 16px 18px;
    background: var(--bgm-navy, #0e1a2b);
    border: 1px solid rgba(var(--bgm-gold-rgb, 201, 164, 76), 0.45);
    box-shadow: 0 18px 42px rgba(var(--bgm-navy-rgb, 14, 26, 43), 0.28);
}

.components-rejoining-animation[b-r077psqua0] {
    position: relative;
    width: 28px;
    height: 28px;
    grid-row: 1 / span 2;
}

.components-rejoining-animation div[b-r077psqua0] {
    position: absolute;
    inset: 0;
    border: 3px solid rgba(var(--bgm-gold-rgb, 201, 164, 76), 0.24);
    border-top-color: var(--bgm-gold, #c9a44c);
    border-radius: 50%;
    animation: reconnect-spin-b-r077psqua0 0.9s linear infinite;
}

.components-rejoining-animation div + div[b-r077psqua0] {
    inset: 7px;
    border-width: 2px;
    animation-duration: 1.25s;
    animation-direction: reverse;
}

.components-reconnect-container p[b-r077psqua0] {
    display: none;
    margin: 0;
    color: rgba(var(--bgm-cream-rgb, 247, 245, 239), 0.92);
    font-size: 0.95rem;
    line-height: 1.35;
}

#components-reconnect-modal #components-reconnect-button[b-r077psqua0],
#components-reconnect-modal #components-resume-button[b-r077psqua0] {
    display: none;
    justify-self: start;
    min-height: 40px;
    padding: 0 16px;
    color: var(--bgm-navy, #0e1a2b);
    background: var(--bgm-gold, #c9a44c);
    border: 1px solid rgba(var(--bgm-gold-rgb, 201, 164, 76), 0.55);
    border-radius: 0;
    font: inherit;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
}

#components-reconnect-modal #components-reconnect-button:hover[b-r077psqua0],
#components-reconnect-modal #components-reconnect-button:focus-visible[b-r077psqua0],
#components-reconnect-modal #components-resume-button:hover[b-r077psqua0],
#components-reconnect-modal #components-resume-button:focus-visible[b-r077psqua0] {
    background: var(--bgm-gold-hover, #b08e3f);
}

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

#components-reconnect-modal.components-reconnect-failed .components-rejoining-animation[b-r077psqua0],
#components-reconnect-modal.components-reconnect-resume-failed .components-rejoining-animation[b-r077psqua0],
#components-reconnect-modal.components-reconnect-paused .components-rejoining-animation[b-r077psqua0] {
    display: none;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-container[b-r077psqua0],
#components-reconnect-modal.components-reconnect-resume-failed .components-reconnect-container[b-r077psqua0],
#components-reconnect-modal.components-reconnect-paused .components-reconnect-container[b-r077psqua0] {
    grid-template-columns: 1fr;
}

#components-reconnect-modal.components-reconnect-failed #components-reconnect-button[b-r077psqua0],
#components-reconnect-modal.components-reconnect-paused #components-resume-button[b-r077psqua0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

@keyframes reconnect-spin-b-r077psqua0 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    #components-reconnect-modal[b-r077psqua0] {
        right: 12px;
        bottom: 12px;
        width: calc(100vw - 24px);
    }
}
/* /Components/Legal/LegalDocumentView.razor.rz.scp.css */
.legal-document[b-isom2ihzw9] {
    --legal-ink: var(--bgm-content-ink, #17222b);
    --legal-accent: var(--bgm-accent-primary, #0087c8);
    --legal-rule: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.15);
    color: var(--legal-ink);
    box-sizing: border-box;
    margin: 0 auto;
    max-width: min(1200px, 100vw);
    padding: clamp(2rem, 5vw, 4.5rem) clamp(1rem, 4vw, 3rem) 5rem;
    width: 100%;
}

.legal-document__header[b-isom2ihzw9] {
    max-width: 74ch;
    min-width: 0;
}

.legal-document__header h1[b-isom2ihzw9] {
    color: var(--legal-ink);
    font-family: var(--font-heading, var(--bgm-rd-font-display, Georgia, serif));
    font-size: clamp(3rem, 8vw, 5.8rem);
    font-weight: 950;
    letter-spacing: -0.025em;
    line-height: 0.92;
    margin: 0;
    text-wrap: balance;
}

.legal-document__summary[b-isom2ihzw9] {
    color: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.76);
    font-size: clamp(1.05rem, 2vw, 1.3rem);
    line-height: 1.55;
    margin: 1.25rem 0 0;
    max-width: 62ch;
}

.legal-document__meta[b-isom2ihzw9] {
    border-block: 1px solid var(--legal-rule);
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem clamp(1.5rem, 5vw, 3.5rem);
    margin: clamp(1.5rem, 4vw, 2.5rem) 0 0;
    padding-block: 1rem;
}

.legal-document__meta div[b-isom2ihzw9] {
    display: grid;
    gap: 0.12rem;
}

.legal-document__meta dt[b-isom2ihzw9] {
    color: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.65);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.legal-document__meta dd[b-isom2ihzw9] {
    font-weight: 750;
    margin: 0;
}

.legal-document__layout[b-isom2ihzw9] {
    align-items: start;
    display: grid;
    gap: clamp(2rem, 6vw, 5rem);
    grid-template-columns: minmax(180px, 240px) minmax(0, 780px);
    margin-top: clamp(2rem, 5vw, 4rem);
}

.legal-document__contents[b-isom2ihzw9] {
    border-top: 3px solid var(--bgm-accent-warm, #d9b13b);
    padding-top: 1rem;
    position: sticky;
    top: 1rem;
}

.legal-document__contents h2[b-isom2ihzw9] {
    font-size: 1rem;
    font-weight: 900;
    margin: 0 0 0.75rem;
}

.legal-document__contents ol[b-isom2ihzw9] {
    display: grid;
    gap: 0.3rem;
    margin: 0;
    padding-inline-start: 1.35rem;
}

.legal-document__contents li[b-isom2ihzw9] {
    color: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.54);
    padding-inline-start: 0.25rem;
}

.legal-document__contents a[b-isom2ihzw9] {
    color: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.78);
    font-size: 0.9rem;
    font-weight: 680;
    line-height: 1.35;
    text-decoration-color: transparent;
    text-underline-offset: 0.2em;
}

.legal-document__contents a:hover[b-isom2ihzw9] {
    color: var(--legal-accent);
    text-decoration-color: currentColor;
}

.legal-document__body[b-isom2ihzw9] {
    min-width: 0;
}

.legal-section[b-isom2ihzw9] {
    border-top: 1px solid var(--legal-rule);
    padding-block: clamp(2rem, 5vw, 3.5rem);
    scroll-margin-top: 1rem;
}

.legal-section:first-child[b-isom2ihzw9] {
    border-top: 0;
    padding-top: 0;
}

.legal-section h2[b-isom2ihzw9],
.legal-document__contact h2[b-isom2ihzw9] {
    color: var(--legal-ink);
    font-family: var(--font-heading, var(--bgm-rd-font-display, Georgia, serif));
    font-size: clamp(1.75rem, 4vw, 2.65rem);
    font-weight: 900;
    letter-spacing: -0.018em;
    line-height: 1.05;
    margin: 0 0 1.25rem;
    text-wrap: balance;
}

.legal-markdown[b-isom2ihzw9] {
    font-size: 1rem;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.legal-markdown[b-isom2ihzw9]  h3 {
    color: var(--legal-ink);
    font-size: clamp(1.12rem, 2vw, 1.32rem);
    font-weight: 850;
    line-height: 1.25;
    margin: 2rem 0 0.65rem;
}

.legal-markdown[b-isom2ihzw9]  p,
.legal-markdown[b-isom2ihzw9]  ul,
.legal-markdown[b-isom2ihzw9]  ol,
.legal-markdown[b-isom2ihzw9]  blockquote {
    margin-block: 0 1.15rem;
    max-width: 72ch;
}

.legal-markdown[b-isom2ihzw9]  li + li {
    margin-top: 0.42rem;
}

.legal-markdown[b-isom2ihzw9]  a {
    color: var(--bgm-accent-secondary, #164f35);
    font-weight: 700;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.18em;
}

.legal-markdown[b-isom2ihzw9]  code {
    background: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.08);
    border-radius: 4px;
    font-size: 0.88em;
    overflow-wrap: anywhere;
    padding: 0.12em 0.28em;
}

.legal-markdown[b-isom2ihzw9]  .legal-table-scroll {
    margin: 1.5rem 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
}

.legal-markdown[b-isom2ihzw9]  .legal-table-scroll:focus-visible {
    outline: 3px solid var(--bgm-focus-ring, rgba(201, 164, 76, 0.5));
    outline-offset: 3px;
}

.legal-markdown[b-isom2ihzw9]  table {
    border-collapse: collapse;
    font-size: 0.92rem;
    min-width: 620px;
    width: 100%;
}

.legal-markdown[b-isom2ihzw9]  th,
.legal-markdown[b-isom2ihzw9]  td {
    border-bottom: 1px solid var(--legal-rule);
    padding: 0.75rem 0.85rem;
    text-align: start;
    vertical-align: top;
}

.legal-markdown[b-isom2ihzw9]  th {
    background: rgba(var(--bgm-accent-secondary-rgb, 22, 79, 53), 0.09);
    font-weight: 850;
}

.legal-section--bgm-coins .legal-markdown[b-isom2ihzw9]  > p:first-child {
    background: rgba(var(--bgm-accent-warm-rgb, 217, 177, 59), 0.17);
    border: 1px solid rgba(var(--bgm-accent-warm-rgb, 217, 177, 59), 0.42);
    border-radius: 12px;
    padding: 1rem 1.1rem;
}

.legal-section__top[b-isom2ihzw9] {
    color: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.66);
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 750;
    margin-top: 0.5rem;
    text-underline-offset: 0.18em;
}

.legal-document__contact[b-isom2ihzw9] {
    background: var(--bgm-surface-deep, #071017);
    border-radius: 14px;
    color: var(--bgm-cream, #f7f5ef);
    margin-top: 1rem;
    padding: clamp(1.25rem, 4vw, 2rem);
}

.legal-document__contact h2[b-isom2ihzw9] {
    color: inherit;
    font-size: clamp(1.45rem, 3vw, 2rem);
    margin-bottom: 0.65rem;
}

.legal-document__contact p[b-isom2ihzw9] {
    color: rgba(var(--bgm-cream-rgb, 247, 245, 239), 0.78);
    margin: 0 0 0.75rem;
}

.legal-document__contactLink[b-isom2ihzw9] {
    color: var(--bgm-gold-light, #e8d9a8);
    font-size: clamp(1rem, 2.5vw, 1.2rem);
    font-weight: 800;
    overflow-wrap: anywhere;
    text-underline-offset: 0.2em;
}

.legal-document a:focus-visible[b-isom2ihzw9] {
    border-radius: 3px;
    outline: 3px solid var(--bgm-focus-ring, rgba(201, 164, 76, 0.5));
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .legal-document[b-isom2ihzw9] {
        padding-inline: max(1rem, env(safe-area-inset-left));
    }

    .legal-document__layout[b-isom2ihzw9] {
        grid-template-columns: minmax(0, 1fr);
    }

    .legal-document__contents[b-isom2ihzw9] {
        position: static;
    }

    .legal-document__contents ol[b-isom2ihzw9] {
        columns: 2;
        column-gap: 2rem;
    }

    .legal-document__contents li[b-isom2ihzw9] {
        break-inside: avoid;
        margin-bottom: 0.35rem;
    }
}

@media (max-width: 460px) {
    .legal-document__header h1[b-isom2ihzw9] {
        font-size: clamp(2.65rem, 12vw, 3.5rem);
        overflow-wrap: anywhere;
    }

    .legal-document__summary[b-isom2ihzw9] {
        overflow-wrap: anywhere;
    }

    .legal-document__contents ol[b-isom2ihzw9] {
        columns: 1;
    }

    .legal-document__meta[b-isom2ihzw9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .legal-document__meta div:last-child[b-isom2ihzw9] {
        grid-column: 1 / -1;
    }
}

@media print {
    .legal-document[b-isom2ihzw9] {
        color: #000;
        max-width: none;
        padding: 0;
    }

    .legal-document__layout[b-isom2ihzw9] {
        display: block;
    }

    .legal-document__contents[b-isom2ihzw9],
    .legal-section__top[b-isom2ihzw9] {
        display: none;
    }

    .legal-section[b-isom2ihzw9] {
        break-inside: avoid;
    }

    .legal-document__contact[b-isom2ihzw9] {
        background: none;
        border: 1px solid #000;
        color: #000;
    }
}
/* /Components/MemberAvatar.razor.rz.scp.css */
.bgm-avatarControl[b-n1zwrnvd55] {
    position: relative;
    box-sizing: content-box !important;
    display: inline-flex !important;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: var(--bgm-avatar-size) !important;
    height: var(--bgm-avatar-size) !important;
    padding: var(--bgm-avatar-ring-width) !important;
    border: 0 !important;
    border-radius: 50% !important;
    line-height: 0;
    vertical-align: middle;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bgm-avatarControl--default[b-n1zwrnvd55] {
    background: linear-gradient(145deg, #768087, #4f585e) !important;
}

.bgm-avatarControl__ringSegment[b-n1zwrnvd55] {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 50%;
    pointer-events: none;
}

.bgm-badgeRing--bronze[b-n1zwrnvd55] {
    background: linear-gradient(135deg, #f3d2b8 0%, #c9875b 25%, #a0623f 50%, #c9875b 75%, #f3d2b8 100%) !important;
}

.bgm-badgeRing--silver[b-n1zwrnvd55] {
    background: linear-gradient(135deg, #f5f7fb 0%, #ced5de 25%, #9aa4b2 50%, #ced5de 75%, #f5f7fb 100%) !important;
}

.bgm-badgeRing--gold[b-n1zwrnvd55] {
    background: linear-gradient(135deg, #fff4c7 0%, #f5d77a 25%, #e5b84a 50%, #f5d77a 75%, #fff4c7 100%) !important;
}

.bgm-badgeRing--platinum[b-n1zwrnvd55] {
    background: linear-gradient(135deg, #a8d0ff 0%, #6fa6f5 20%, #4c8ee8 40%, #6fa6f5 60%, #8bbef9 80%, #a8d0ff 100%) !important;
}

.bgm-badgeRing--poker-chip[b-n1zwrnvd55] {
    background: repeating-conic-gradient(#cc2200 0% 25%, #f5f5f5 25% 50%) 0 0 / 8px 8px !important;
}

.bgm-badgeRing--team-5[b-n1zwrnvd55] {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 25%, #00c9ff 50%, #38f9d7 75%, #43e97b 100%) !important;
}

.bgm-badgeRing--team-10[b-n1zwrnvd55] {
    background: linear-gradient(135deg, #f857a6 0%, #a855f7 25%, #6366f1 50%, #a855f7 75%, #f857a6 100%) !important;
}

.bgm-badgeRing--team-15[b-n1zwrnvd55] {
    background: conic-gradient(
        #ff6b6b 0deg 51deg,
        #ffd93d 51deg 102deg,
        #6bcb77 102deg 153deg,
        #4d96ff 153deg 204deg,
        #c77dff 204deg 255deg,
        #ff6b9d 255deg 306deg,
        #ff6b6b 306deg 360deg
    ) !important;
}

.bgm-avatarControl__link[b-n1zwrnvd55] {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: inherit;
    line-height: 0;
    text-decoration: none;
}

.bgm-avatarControl__link:focus-visible[b-n1zwrnvd55] {
    outline: 3px solid var(--bgm-group-accent, var(--bgm-rd-blue, #0087c8));
    outline-offset: calc(var(--bgm-avatar-ring-width) + 2px);
}

.bgm-avatarControl__avatar[b-n1zwrnvd55] {
    position: relative !important;
    z-index: 1;
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #e8eeeb !important;
    color: var(--bgm-rd-green, var(--bgm-forest, #164f35)) !important;
    font-size: clamp(0.65rem, calc(var(--bgm-avatar-size) * 0.34), 2rem) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-transform: uppercase;
}

.bgm-avatarControl__avatar img[b-n1zwrnvd55] {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.bgm-avatarControl__initials[b-n1zwrnvd55] {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

@media (max-width: 640px) {
    .bgm-avatarControl[b-n1zwrnvd55] {
        width: var(--bgm-avatar-mobile-size) !important;
        height: var(--bgm-avatar-mobile-size) !important;
    }
}
/* /Components/MondayWelcomeWidget.razor.rz.scp.css */
/* ── Monday Welcome Widget ─────────────────────────────────────────────── */
.bgm-mondayWelcome[b-1teso7qpto] {
    background: linear-gradient(135deg, var(--bgm-navy) 0%, #1a3050 60%, #0d2240 100%);
    color: #fff;
    border-radius: 16px;
    padding: 20px 20px 16px;
    box-shadow: 0 4px 24px rgba(var(--bgm-navy-rgb), 0.22);
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* ── THE Board Game Monday variant — richer gold treatment ─────────────── */
.bgm-mondayWelcome.bgm-mondayWelcome--tbm[b-1teso7qpto] {
    background: linear-gradient(135deg, #2a1a00 0%, #3d2800 50%, #1a1000 100%);
    box-shadow: 0 4px 28px rgba(var(--bgm-gold-rgb), 0.3);
}

.bgm-mondayWelcome.bgm-mondayWelcome--tbm[b-1teso7qpto]::before {
    background: radial-gradient(ellipse 80% 55% at 50% 0%, rgba(var(--bgm-gold-rgb), 0.35), transparent 70%);
}

.bgm-mondayWelcome.bgm-mondayWelcome--tbm .bgm-mondayWelcome__title em[b-1teso7qpto] {
    font-style: normal;
    color: var(--bgm-gold, #C9A44C);
}

.bgm-mondayWelcome.bgm-mondayWelcome--nonMonday[b-1teso7qpto] {
    background: linear-gradient(135deg, #1b2238 0%, #28244a 55%, #1a1734 100%);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.24);
}

.bgm-mondayWelcome.bgm-mondayWelcome--nonMonday[b-1teso7qpto]::before {
    background: radial-gradient(ellipse 80% 55% at 50% 0%, rgba(255, 255, 255, 0.14), transparent 70%);
}

.bgm-mondayWelcome.bgm-mondayWelcome--nonMonday .bgm-mondayWelcome__title[b-1teso7qpto] {
    font-size: 1.02rem;
    line-height: 1.35;
}

.bgm-mondayWelcome[b-1teso7qpto]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(var(--bgm-gold-rgb), 0.15), transparent 70%);
    pointer-events: none;
}

.bgm-mondayWelcome__header[b-1teso7qpto] {
    position: relative;
    text-align: center;
    margin-bottom: 14px;
}

.bgm-mondayWelcome__kicker[b-1teso7qpto] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 4px;
}

.bgm-mondayWelcome__title[b-1teso7qpto] {
    font-size: 1.2rem;
    font-weight: 900;
    color: #fff;
    margin: 0 0 4px;
    line-height: 1.2;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.bgm-mondayWelcome__date[b-1teso7qpto] {
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
}

/* ── Stats row ─────────────────────────────────────────────────────────── */
.bgm-mondayWelcome__stats[b-1teso7qpto] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 10px 8px;
    margin-bottom: 14px;
}

.bgm-mondayWelcome__stat[b-1teso7qpto] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.bgm-mondayWelcome__statValue[b-1teso7qpto] {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--bgm-gold, #C9A44C);
    line-height: 1;
}

.bgm-mondayWelcome__statLabel[b-1teso7qpto] {
    font-size: 0.66rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
}

.bgm-mondayWelcome__statDivider[b-1teso7qpto] {
    width: 1px;
    height: 36px;
    background: rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
    margin: 0 6px;
}

/* ── CTA grid ──────────────────────────────────────────────────────────── */
.bgm-mondayWelcome__actions[b-1teso7qpto] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.bgm-mondayWelcome__cta[b-1teso7qpto] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 12px;
    padding: 14px 8px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    transition: background 0.16s ease,
                transform 0.16s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.16s ease;
    -webkit-user-select: none;
    user-select: none;
    min-height: 80px;
}

.bgm-mondayWelcome__cta:hover[b-1teso7qpto],
.bgm-mondayWelcome__cta:focus-visible[b-1teso7qpto] {
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
    outline: none;
}

.bgm-mondayWelcome__cta:active[b-1teso7qpto] {
    transform: translateY(0) scale(0.98);
}

.bgm-mondayWelcome__ctaIcon[b-1teso7qpto] {
    font-size: 1.6rem;
    line-height: 1;
}

.bgm-mondayWelcome__ctaLabel[b-1teso7qpto] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.2;
}
/* /Components/OnboardingWizard.razor.rz.scp.css */
.bgm-onboardingBackdrop[b-p06654w459] {
    position: fixed;
    z-index: 10000;
    inset: 0;
    display: grid;
    place-items: center;
    overflow-y: auto;
    padding: 1rem;
    background: rgba(7, 16, 23, 0.78);
    backdrop-filter: blur(8px);
}

.bgm-onboardingDialog[b-p06654w459] {
    display: flex;
    flex-direction: column;
    width: min(760px, 100%);
    height: min(720px, calc(100vh - 2rem));
    height: min(720px, calc(100dvh - 2rem));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: #fffdf7;
    color: #17222b;
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34);
}

.bgm-onboardingHeader[b-p06654w459] {
    display: grid;
    gap: 1rem;
    padding: clamp(1.1rem, 3vw, 1.6rem);
    background: #164f35;
    color: #fff;
}

.bgm-onboardingHeader > div:first-child[b-p06654w459] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.bgm-onboardingEyebrow[b-p06654w459],
.bgm-onboardingStep[b-p06654w459] {
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.bgm-onboardingStep[b-p06654w459] {
    color: rgba(255, 255, 255, 0.7);
}

.bgm-onboardingProgress[b-p06654w459] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.45rem;
}

.bgm-onboardingProgress span[b-p06654w459] {
    height: 5px;
    background: rgba(255, 255, 255, 0.2);
}

.bgm-onboardingProgress span.is-complete[b-p06654w459] {
    background: #63c8f2;
}

.bgm-onboardingBody[b-p06654w459] {
    display: grid;
    flex: 1;
    grid-template-columns: auto minmax(0, 1fr);
    gap: clamp(1rem, 3vw, 1.8rem);
    min-height: 0;
    overflow-y: auto;
    padding: clamp(1.3rem, 4vw, 2.4rem);
}

.bgm-onboardingIcon[b-p06654w459] {
    display: grid;
    place-items: center;
    width: 74px;
    height: 74px;
    background: rgba(0, 135, 200, 0.12);
    color: #0087c8;
    font-size: 2.5rem;
}

.bgm-onboardingBody h2[b-p06654w459] {
    margin: 0;
    color: #164f35;
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, sans-serif));
    font-size: clamp(2rem, 6vw, 3.6rem);
    font-weight: 950;
    letter-spacing: -0.03em;
    line-height: 0.95;
}

.bgm-onboardingBody p[b-p06654w459] {
    margin: 1rem 0 0;
    color: rgba(23, 34, 43, 0.74);
    font-size: 1.05rem;
    font-weight: 650;
    line-height: 1.55;
}

.bgm-onboardingBody ul[b-p06654w459] {
    display: grid;
    gap: 0.65rem;
    margin: 1.25rem 0 0;
    padding-left: 1.2rem;
}

.bgm-onboardingBody li[b-p06654w459]::marker {
    color: #0087c8;
}

.bgm-onboardingSmallPrint[b-p06654w459] {
    display: block;
    margin-top: 1.25rem;
    color: rgba(23, 34, 43, 0.62);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.45;
}

.bgm-onboardingAbout[b-p06654w459] {
    display: inline-flex;
    margin-top: 1.25rem;
    color: #006fa8;
    font-weight: 900;
}

.bgm-onboardingError[b-p06654w459] {
    margin: 0 clamp(1.3rem, 4vw, 2.4rem) 1rem;
    color: #9f1f1f;
    font-weight: 800;
}

.bgm-onboardingActions[b-p06654w459] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem clamp(1.3rem, 4vw, 2.4rem);
    border-top: 1px solid rgba(23, 34, 43, 0.12);
    background: #f2f5f4;
}

.bgm-onboardingButton[b-p06654w459] {
    min-width: 110px;
    min-height: 48px;
    border: 1px solid rgba(23, 34, 43, 0.2);
    background: #fff;
    color: #164f35;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgm-onboardingButton--primary[b-p06654w459] {
    border-color: #0087c8;
    background: #0087c8;
    color: #fff;
}

.bgm-onboardingButton:disabled[b-p06654w459] {
    cursor: not-allowed;
    opacity: 0.45;
}

.bgm-onboardingButton:focus-visible[b-p06654w459],
.bgm-onboardingAbout:focus-visible[b-p06654w459] {
    outline: 3px solid #d9b13b;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .bgm-onboardingBackdrop[b-p06654w459] {
        align-items: end;
        padding: 0;
    }

    .bgm-onboardingDialog[b-p06654w459] {
        width: 100%;
        height: 94vh;
        height: 94dvh;
    }

    .bgm-onboardingBody[b-p06654w459] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .bgm-onboardingIcon[b-p06654w459] {
        width: 58px;
        height: 58px;
        font-size: 2rem;
    }

    .bgm-onboardingHeader > div:first-child[b-p06654w459] {
        display: grid;
    }
}
/* /Components/Pages/Bets.razor.rz.scp.css */
.bgm-betsPage[b-wxan7wrbb0] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-family: var(--bgm-font-body, ui-sans-serif, system-ui, sans-serif);
}

.bgm-betsPage h1[b-wxan7wrbb0],
.bgm-betsPage h2[b-wxan7wrbb0] {
    margin: 0;
    font-family: var(--bgm-font-display, var(--bgm-font-body, ui-sans-serif, system-ui, sans-serif));
}

.bgm-betsSummary[b-wxan7wrbb0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 0;
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.14);
    background: rgba(255, 255, 255, 0.65);
    max-width: 100%;
    box-sizing: border-box;
}

.bgm-betsBalance[b-wxan7wrbb0] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.bgm-betsBalance__label[b-wxan7wrbb0] {
    font-weight: 700;
    color: rgba(var(--bgm-forest-rgb), 0.75);
}

.bgm-betsBalance__value[b-wxan7wrbb0] {
    font-weight: 800;
    font-size: 1.2rem;
}

.bgm-betsSummary__note[b-wxan7wrbb0] {
    color: rgba(var(--bgm-forest-rgb), 0.6);
    font-size: 0.9rem;
    flex: 1 1 260px;
    min-width: 0;
    text-align: right;
}

.bgm-betsSection h2[b-wxan7wrbb0] {
    margin-bottom: 10px;
}

.bgm-betsList[b-wxan7wrbb0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    max-width: 100%;
    box-sizing: border-box;
}

.bgm-betCard[b-wxan7wrbb0] {
    border-radius: 0;
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.14);
    background: rgba(255, 255, 255, 0.7);
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bgm-betCard__header[b-wxan7wrbb0] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.bgm-betCard__game[b-wxan7wrbb0] {
    font-weight: 700;
}

.bgm-betCard__meta[b-wxan7wrbb0] {
    color: rgba(var(--bgm-forest-rgb), 0.6);
    font-size: 0.85rem;
}

.bgm-betCard__status[b-wxan7wrbb0] {
    padding: 4px 10px;
    border-radius: 0;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.2);
    background: rgba(var(--bgm-gold-rgb), 0.14);
    color: rgba(var(--bgm-forest-rgb), 0.8);
}

.bgm-betCard__status.is-win[b-wxan7wrbb0] {
    background: rgba(25, 135, 84, 0.16);
    color: #1f6e43;
    border-color: rgba(25, 135, 84, 0.35);
}

.bgm-betCard__status.is-loss[b-wxan7wrbb0] {
    background: rgba(220, 53, 69, 0.12);
    color: #b02a37;
    border-color: rgba(220, 53, 69, 0.3);
}

.bgm-betCard__body[b-wxan7wrbb0] {
    display: grid;
    gap: 4px;
    font-size: 0.95rem;
}

.bgm-betCard__net[b-wxan7wrbb0] {
    font-weight: 700;
}

@media (max-width: 640px) {
    .bgm-betsPage[b-wxan7wrbb0] {
        gap: 0;
    }

    .bgm-betsPage h1[b-wxan7wrbb0],
    .bgm-betsSection h2[b-wxan7wrbb0] {
        padding: 0.85rem;
        margin: 0;
    }

    .bgm-betsSummary[b-wxan7wrbb0] {
        align-items: flex-start;
        border-left: 0;
        border-right: 0;
    }

    .bgm-betsSummary__note[b-wxan7wrbb0] {
        text-align: left;
    }

    .bgm-betsList[b-wxan7wrbb0] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .bgm-betCard[b-wxan7wrbb0] {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
}
/* /Components/Pages/Blog.razor.rz.scp.css */
.blog-page[b-wa387ryjqo] {
    min-height: calc(100vh - var(--bgm-header-height, 64px));
    background-color: var(--bgm-rd-paper, #fbf8ee);
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.76)),
        url("/images/BlogBackground.png");
    background-repeat: no-repeat, repeat;
    background-size: 100% 100%, 600px 500px;
}

.blog-page__content[b-wa387ryjqo] {
    position: relative;
}

.blog-page__hero[b-wa387ryjqo] {
    align-items: start;
    column-gap: clamp(1.25rem, 3vw, 2.5rem);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

.blog-page__identity[b-wa387ryjqo] {
    align-items: center;
    display: flex;
    gap: clamp(0.5rem, 1.5vw, 1.25rem);
    min-width: 0;
}

.blog-page__hero h1[b-wa387ryjqo] {
    flex: 0 0 auto;
    margin: 0;
    color: #17222b;
    font-size: clamp(3.75rem, 8vw, 6rem);
    line-height: 0.9;
}

.blog-page__hero .btn[b-wa387ryjqo] {
    justify-self: end;
    background: rgba(251, 248, 238, 0.86);
}

.blog-page__mascotFrame[b-wa387ryjqo] {
    aspect-ratio: 1.38;
    flex: 0 1 clamp(14rem, 28vw, 20rem);
    max-width: 20rem;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.blog-page__mascot[b-wa387ryjqo] {
    height: auto;
    left: 0;
    max-width: none;
    mix-blend-mode: multiply;
    object-fit: contain;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: translate(-9%, -13%);
    user-select: none;
    width: 120%;
}

.blog-page__posts[b-wa387ryjqo] {
    justify-content: center;
}

@media (min-width: 1200px) {
    .blog-page__posts[b-wa387ryjqo] {
        width: min(100%, 1120px);
        margin-inline: auto;
    }
}

@media (max-width: 575.98px) {
    .blog-page__hero[b-wa387ryjqo] {
        gap: 0.5rem;
        grid-template-columns: minmax(0, 1fr);
        margin-bottom: 1rem;
    }

    .blog-page__identity[b-wa387ryjqo] {
        justify-content: space-between;
    }

    .blog-page__hero h1[b-wa387ryjqo] {
        font-size: clamp(3rem, 16vw, 4rem);
    }

    .blog-page__hero .btn[b-wa387ryjqo] {
        justify-self: start;
        margin: 0;
        padding-inline: 0.7rem;
    }

    .blog-page__mascotFrame[b-wa387ryjqo] {
        flex-basis: clamp(9rem, 42vw, 11rem);
        max-width: clamp(9rem, 42vw, 11rem);
    }
}
/* /Components/Pages/BlogPost.razor.rz.scp.css */
.blog-post-page[b-0jv6cs9bwd] {
    position: relative;
    min-height: calc(100vh - var(--bgm-header-height, 64px));
    isolation: isolate;
    color: #17222b;
    --bs-body-color: #17222b;
    --bs-secondary-color: #465158;
    --bs-link-color: #714719;
    --bs-link-hover-color: #44280d;
}

.blog-post-page[b-0jv6cs9bwd]::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(251, 248, 238, 0.96) 0%,
            rgba(251, 248, 238, 0.94) 52%,
            rgba(251, 248, 238, 0.70) 72%,
            rgba(251, 248, 238, 0.34) 100%
        ),
        url("/images/BlogBackground.png") repeat;
    background-size: auto, 600px 500px;
    content: "";
}

.blog-post-page__content[b-0jv6cs9bwd] {
    position: relative;
}

.bgm-newspaper[b-0jv6cs9bwd] {
    position: relative;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    background: var(--bs-body-bg);
    padding: 18px 18px 14px;
}

.bgm-newspaper[b-0jv6cs9bwd]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    border-top-right-radius: var(--bs-border-radius-lg);
    border-left: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg);
    transform: translate(1px, 1px) rotate(45deg);
}

.bgm-newspaper--reading[b-0jv6cs9bwd] {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.bgm-newspaper--reading[b-0jv6cs9bwd]::after {
    display: none;
}

.bgm-newspaper__mast[b-0jv6cs9bwd] {
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.bgm-newspaper__rule[b-0jv6cs9bwd] {
    height: 1px;
    background: var(--bs-border-color);
    margin: 8px 0 10px;
}

.bgm-newspaper__title[b-0jv6cs9bwd] {
    font-weight: 800;
    letter-spacing: 0.02em;
    font-size: 1.55rem;
    line-height: 1.1;
}

.bgm-newspaper__byline[b-0jv6cs9bwd] {
    margin-top: 6px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.bgm-newspaper__author[b-0jv6cs9bwd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.bgm-newspaper__authorAvatar[b-0jv6cs9bwd] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    position: relative;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 0.65rem;
    color: var(--bgm-forest, #2d5a27);
    background: rgba(var(--bgm-gold-rgb, 212, 175, 55), 0.18);
    border: 1px solid rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-transform: uppercase;
    flex-shrink: 0;
}

.bgm-newspaper__authorAvatar img[b-0jv6cs9bwd] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bgm-newspaper__body[b-0jv6cs9bwd] {
    margin-top: 16px;
    white-space: pre-line;
    color: var(--bs-body-color);
    line-height: 1.65;
}

.bgm-newspaper__body > *[b-0jv6cs9bwd] {
    break-inside: avoid;
}

.bgm-newspaper__dropcap[b-0jv6cs9bwd] {
    float: left;
    font-size: 3rem;
    line-height: 0.95;
    font-weight: 800;
    margin-right: 10px;
    padding-top: 2px;
}

@media (min-width: 992px) {
    .bgm-newspaper__body[b-0jv6cs9bwd] {
        column-count: 2;
        column-gap: 32px;
        column-rule: 1px solid var(--bs-border-color);
    }
}

.bgm-newspaper__footer[b-0jv6cs9bwd] {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--bs-border-color);
}

/* Mobile improvements for reading */
@media (max-width: 640px) {
    .blog-post-page[b-0jv6cs9bwd]::before {
        background:
            linear-gradient(rgba(251, 248, 238, 0.92), rgba(251, 248, 238, 0.92)),
            url("/images/BlogBackground.png") repeat;
        background-size: auto, 600px 500px;
    }

    .bgm-newspaper[b-0jv6cs9bwd] {
        padding: 16px 14px 12px;
        border-radius: var(--bs-border-radius);
    }

    .bgm-newspaper[b-0jv6cs9bwd]::after {
        width: 18px;
        height: 18px;
    }

    .bgm-newspaper__mast[b-0jv6cs9bwd] {
        font-size: 0.7rem;
        letter-spacing: 0.1em;
    }

    .bgm-newspaper__title[b-0jv6cs9bwd] {
        font-size: 1.25rem;
        line-height: 1.2;
    }

    .bgm-newspaper__body[b-0jv6cs9bwd] {
        font-size: 1rem;
        line-height: 1.7;
        margin-top: 12px;
    }

    .bgm-newspaper__dropcap[b-0jv6cs9bwd] {
        font-size: 2.2rem;
        margin-right: 8px;
    }

    .bgm-newspaper__footer[b-0jv6cs9bwd] {
        margin-top: 12px;
        padding-top: 10px;
    }

    .bgm-newspaper__footer .btn[b-0jv6cs9bwd] {
        padding: 10px 16px;
        font-size: 0.9rem;
        min-height: 44px;
        touch-action: manipulation;
    }

    .bgm-newspaper--reading[b-0jv6cs9bwd] {
        border: none;
        border-radius: 0;
        background: transparent;
        padding: 0;
    }

    .bgm-newspaper--reading[b-0jv6cs9bwd]::after {
        display: none;
    }
}

/* Extra small screens */
@media (max-width: 380px) {
    .bgm-newspaper[b-0jv6cs9bwd] {
        padding: 14px 12px 10px;
    }

    .bgm-newspaper__title[b-0jv6cs9bwd] {
        font-size: 1.1rem;
    }

    .bgm-newspaper__body[b-0jv6cs9bwd] {
        font-size: 0.95rem;
    }

    .bgm-newspaper__dropcap[b-0jv6cs9bwd] {
        font-size: 1.9rem;
    }

    .bgm-newspaper--reading[b-0jv6cs9bwd] {
        padding: 0;
    }
}

/* Markdown content styling */
.bgm-markdown[b-0jv6cs9bwd] {
    line-height: 1.6;
}

/* Comments section */
.bgm-comments__heading[b-0jv6cs9bwd] {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.bgm-comments__count[b-0jv6cs9bwd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-secondary-bg);
    color: var(--bs-secondary-color);
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    min-width: 1.4em;
    height: 1.4em;
    padding: 0 0.4em;
}

.bgm-comments__list[b-0jv6cs9bwd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bgm-comment[b-0jv6cs9bwd] {
    padding: 0.75rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background: var(--bs-body-bg);
}

.bgm-comment__meta[b-0jv6cs9bwd] {
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.bgm-comment__author[b-0jv6cs9bwd] {
    font-weight: 600;
}

.bgm-comment__date[b-0jv6cs9bwd] {
    font-size: 0.78rem;
}

.bgm-comment__body[b-0jv6cs9bwd] {
    white-space: pre-line;
    word-break: break-word;
    font-size: 0.95rem;
}

.bgm-comment__delete[b-0jv6cs9bwd] {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    text-decoration: underline;
}

.bgm-comment-form__heading[b-0jv6cs9bwd] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.bgm-comment-form__textarea[b-0jv6cs9bwd] {
    resize: vertical;
    min-height: 80px;
}

.bgm-markdown[b-0jv6cs9bwd]  p {
    margin-bottom: 1em;
}

.bgm-markdown[b-0jv6cs9bwd]  p:last-child {
    margin-bottom: 0;
}

.bgm-markdown[b-0jv6cs9bwd]  strong {
    font-weight: 700;
}

.bgm-markdown[b-0jv6cs9bwd]  em {
    font-style: italic;
}

.bgm-markdown[b-0jv6cs9bwd]  a {
    color: var(--bs-link-color);
    text-decoration: underline;
}

.bgm-markdown[b-0jv6cs9bwd]  a:hover {
    color: var(--bs-link-hover-color);
}

.bgm-markdown[b-0jv6cs9bwd]  img {
    max-width: 50%;
    max-height: 300px;
    height: auto;
    display: block;
    border-radius: var(--bs-border-radius);
    margin: 0.5em auto;
}

.bgm-markdown[b-0jv6cs9bwd]  ul,
.bgm-markdown[b-0jv6cs9bwd]  ol {
    margin-bottom: 1em;
    padding-left: 1.5em;
}

.bgm-markdown[b-0jv6cs9bwd]  li {
    margin-bottom: 0.25em;
}

.bgm-markdown[b-0jv6cs9bwd]  blockquote {
    border-left: 4px solid var(--bs-border-color);
    padding-left: 1em;
    margin: 1em 0;
    color: var(--bs-secondary-color);
    font-style: italic;
}

.bgm-markdown[b-0jv6cs9bwd]  code {
    background: var(--bs-tertiary-bg);
    padding: 0.15em 0.4em;
    border-radius: var(--bs-border-radius-sm);
    font-size: 0.9em;
}

.bgm-markdown[b-0jv6cs9bwd]  pre {
    background: var(--bs-tertiary-bg);
    padding: 1em;
    border-radius: var(--bs-border-radius);
    overflow-x: auto;
    margin: 1em 0;
}

.bgm-markdown[b-0jv6cs9bwd]  pre code {
    background: none;
    padding: 0;
}

.bgm-markdown[b-0jv6cs9bwd]  h1,
.bgm-markdown[b-0jv6cs9bwd]  h2,
.bgm-markdown[b-0jv6cs9bwd]  h3,
.bgm-markdown[b-0jv6cs9bwd]  h4,
.bgm-markdown[b-0jv6cs9bwd]  h5,
.bgm-markdown[b-0jv6cs9bwd]  h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: 700;
    line-height: 1.3;
}

.bgm-markdown[b-0jv6cs9bwd]  h1:first-child,
.bgm-markdown[b-0jv6cs9bwd]  h2:first-child,
.bgm-markdown[b-0jv6cs9bwd]  h3:first-child {
    margin-top: 0;
}

.bgm-markdown[b-0jv6cs9bwd]  hr {
    border: none;
    border-top: 1px solid var(--bs-border-color);
    margin: 1.5em 0;
}
/* /Components/Pages/GetMoreCoins.razor.rz.scp.css */
.bgm-getCoins[b-lyi86doqu7] {
    min-height: calc(100vh - var(--bgm-header-height, 64px));
    padding: clamp(24px, 4vw, 56px) clamp(10px, 3vw, 40px) clamp(48px, 7vw, 88px);
    background: var(--bgm-rd-paper, var(--bgm-surface-canvas, #fbf8ee));
    color: var(--bgm-rd-ink, var(--bgm-content-ink, #17222b));
}

.bgm-getCoins__inner[b-lyi86doqu7] {
    width: min(1180px, 100%);
    margin: 0 auto;
    display: grid;
    gap: clamp(32px, 5vw, 64px);
}

.bgm-getCoins__header[b-lyi86doqu7] {
    position: relative;
    min-height: clamp(220px, 30vw, 330px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 32px;
    overflow: hidden;
    padding: clamp(28px, 5vw, 64px);
    background: var(--bgm-rd-green, var(--bgm-accent-secondary, #164f35));
    color: #fff;
}

.bgm-getCoins__header[b-lyi86doqu7]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 85% 18%, rgba(var(--bgm-gold-rgb), 0.22), transparent 29%),
        linear-gradient(120deg, transparent 52%, rgba(255, 255, 255, 0.045) 52%);
}

.bgm-getCoins__headerCopy[b-lyi86doqu7] {
    position: relative;
    z-index: 1;
}

.bgm-getCoins__header .bgm-getCoins__title[b-lyi86doqu7] {
    max-width: 10ch;
    margin: 0;
    color: #fff;
    font-size: clamp(3.25rem, 8vw, 6rem);
    font-weight: 950;
    letter-spacing: -0.025em;
    line-height: 0.88;
    text-wrap: balance;
}

.bgm-getCoins__subtitle[b-lyi86doqu7] {
    max-width: 46ch;
    margin: clamp(18px, 2.5vw, 28px) 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: clamp(1rem, 1.8vw, 1.25rem);
    line-height: 1.5;
}

.bgm-getCoins__coinStack[b-lyi86doqu7] {
    position: relative;
    z-index: 1;
    width: clamp(150px, 18vw, 220px);
    height: clamp(130px, 17vw, 205px);
    flex: none;
}

.bgm-getCoins__coin[b-lyi86doqu7] {
    position: absolute;
    display: grid;
    place-items: center;
    width: clamp(104px, 12vw, 150px);
    aspect-ratio: 1;
    border: clamp(8px, 0.8vw, 12px) solid rgba(255, 255, 255, 0.42);
    border-radius: 50%;
    background: var(--bgm-rd-yellow, var(--bgm-accent-warm, #d9b13b));
    color: var(--bgm-rd-green, var(--bgm-accent-secondary, #164f35));
    box-shadow: 10px 14px 0 rgba(7, 16, 23, 0.18);
}

.bgm-getCoins__coin[b-lyi86doqu7]::after {
    content: "";
    position: absolute;
    inset: 9px;
    border: 2px dashed rgba(var(--bgm-forest-rgb), 0.38);
    border-radius: inherit;
}

.bgm-getCoins__coin--back[b-lyi86doqu7] {
    top: 0;
    right: 0;
    opacity: 0.42;
}

.bgm-getCoins__coin--middle[b-lyi86doqu7] {
    top: 22%;
    right: 18%;
    opacity: 0.72;
}

.bgm-getCoins__coin--front[b-lyi86doqu7] {
    right: 36%;
    bottom: 0;
}

.bgm-getCoins__coin--front[b-lyi86doqu7]  .bgm-icon {
    position: relative;
    z-index: 1;
    width: clamp(2.25rem, 4vw, 3.5rem);
    height: clamp(2.25rem, 4vw, 3.5rem);
    font-size: clamp(2.25rem, 4vw, 3.5rem);
}

.bgm-getCoins__section[b-lyi86doqu7] {
    display: grid;
    gap: 18px;
}

.bgm-getCoins__sectionHeader[b-lyi86doqu7] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.16);
}

.bgm-getCoins__sectionHeader h2[b-lyi86doqu7] {
    margin: 0;
    color: var(--bgm-rd-green, var(--bgm-accent-secondary, #164f35));
    font-size: clamp(1.65rem, 3vw, 2.35rem);
    font-weight: 950;
    letter-spacing: -0.02em;
    line-height: 1;
}

.bgm-getCoins__sectionHeader p[b-lyi86doqu7] {
    margin: 7px 0 0;
    color: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.66);
    line-height: 1.45;
}

.bgm-getCoins__count[b-lyi86doqu7] {
    flex: none;
    color: rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.54);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bgm-getCoins__actions[b-lyi86doqu7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.bgm-getCoins__actions li[b-lyi86doqu7] {
    min-width: 0;
}

.bgm-getCoins__action[b-lyi86doqu7] {
    --bgm-coin-action: var(--bgm-rd-blue, var(--bgm-accent-primary, #0087c8));
    --bgm-coin-action-rgb: var(--bgm-accent-primary-rgb, 0, 135, 200);
    min-height: 94px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 18px;
    border: 1px solid rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.13);
    background: var(--bgm-card-bg, #fffef9);
    color: var(--bgm-rd-ink, var(--bgm-content-ink, #17222b));
    text-decoration: none;
    transition:
        border-color 160ms ease,
        box-shadow 160ms ease,
        color 160ms ease,
        transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bgm-getCoins__actionIcon[b-lyi86doqu7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: rgba(var(--bgm-coin-action-rgb), 0.11);
    color: var(--bgm-coin-action);
}

.bgm-getCoins__actionLabel[b-lyi86doqu7] {
    min-width: 0;
    font-size: clamp(0.95rem, 1.5vw, 1.08rem);
    font-weight: 850;
    line-height: 1.25;
}

.bgm-getCoins__actionArrow[b-lyi86doqu7] {
    display: grid;
    place-items: center;
    color: var(--bgm-coin-action);
    transition: transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bgm-getCoins__action:hover[b-lyi86doqu7],
.bgm-getCoins__action:focus-visible[b-lyi86doqu7] {
    border-color: rgba(var(--bgm-coin-action-rgb), 0.48);
    box-shadow: 0 14px 28px rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.11);
    color: var(--bgm-coin-action);
    outline: none;
    transform: translateY(-3px);
}

.bgm-getCoins__action:focus-visible[b-lyi86doqu7] {
    box-shadow:
        0 0 0 3px rgba(var(--bgm-coin-action-rgb), 0.22),
        0 14px 28px rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.11);
}

.bgm-getCoins__action:hover .bgm-getCoins__actionArrow[b-lyi86doqu7],
.bgm-getCoins__action:focus-visible .bgm-getCoins__actionArrow[b-lyi86doqu7] {
    transform: translateX(3px);
}

.bgm-getCoins__action--green[b-lyi86doqu7] {
    --bgm-coin-action: var(--bgm-rd-green, #164f35);
    --bgm-coin-action-rgb: var(--bgm-accent-secondary-rgb, 22, 79, 53);
}

.bgm-getCoins__action--maroon[b-lyi86doqu7] {
    --bgm-coin-action: var(--bgm-maroon, #6b1e2e);
    --bgm-coin-action-rgb: var(--bgm-maroon-rgb, 107, 30, 46);
}

.bgm-getCoins__action--gold[b-lyi86doqu7] {
    --bgm-coin-action: #9a7216;
    --bgm-coin-action-rgb: 154, 114, 22;
}

.bgm-getCoins__action--leather[b-lyi86doqu7] {
    --bgm-coin-action: var(--bgm-leather, #7a5a3a);
    --bgm-coin-action-rgb: var(--bgm-leather-rgb, 122, 90, 58);
}

.bgm-getCoins__action--orange[b-lyi86doqu7] {
    --bgm-coin-action: #b95713;
    --bgm-coin-action-rgb: 185, 87, 19;
}

.bgm-getCoins__action--purple[b-lyi86doqu7] {
    --bgm-coin-action: #784681;
    --bgm-coin-action-rgb: 120, 70, 129;
}

.bgm-getCoins__memberCta[b-lyi86doqu7] {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    min-height: 96px;
    padding: 18px;
    background: var(--bgm-rd-green, var(--bgm-accent-secondary, #164f35));
    color: #fff;
    text-decoration: none;
    transition: background 160ms ease, box-shadow 160ms ease, transform 160ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bgm-getCoins__memberCta:hover[b-lyi86doqu7],
.bgm-getCoins__memberCta:focus-visible[b-lyi86doqu7] {
    background: var(--bgm-forest-hover, #163022);
    box-shadow: 0 14px 28px rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.16);
    color: #fff;
    outline: none;
    transform: translateY(-3px);
}

.bgm-getCoins__memberCta:focus-visible[b-lyi86doqu7] {
    box-shadow:
        0 0 0 3px rgba(var(--bgm-accent-primary-rgb, 0, 135, 200), 0.3),
        0 14px 28px rgba(var(--bgm-content-ink-rgb, 23, 34, 43), 0.16);
}

.bgm-getCoins__memberCtaIcon[b-lyi86doqu7] {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    background: var(--bgm-rd-yellow, var(--bgm-accent-warm, #d9b13b));
    color: var(--bgm-rd-green, var(--bgm-accent-secondary, #164f35));
}

.bgm-getCoins__memberCta strong[b-lyi86doqu7],
.bgm-getCoins__memberCta small[b-lyi86doqu7] {
    display: block;
}

.bgm-getCoins__memberCta strong[b-lyi86doqu7] {
    font-size: 1.05rem;
    font-weight: 900;
}

.bgm-getCoins__memberCta small[b-lyi86doqu7] {
    margin-top: 4px;
    color: rgba(255, 255, 255, 0.74);
    line-height: 1.4;
}

@media (max-width: 760px) {
    .bgm-getCoins__header[b-lyi86doqu7] {
        min-height: 245px;
        grid-template-columns: 1fr;
        align-items: end;
    }

    .bgm-getCoins__coinStack[b-lyi86doqu7] {
        position: absolute;
        top: -34px;
        right: -24px;
        opacity: 0.48;
    }
}

@media (max-width: 640px) {
    .bgm-getCoins[b-lyi86doqu7] {
        padding: 10px 10px 48px;
    }

    .bgm-getCoins__inner[b-lyi86doqu7] {
        gap: 38px;
    }

    .bgm-getCoins__header[b-lyi86doqu7] {
        min-height: 230px;
        padding: 24px 20px;
    }

    .bgm-getCoins__title[b-lyi86doqu7] {
        max-width: 8ch;
        font-size: clamp(3.2rem, 16vw, 4.4rem);
    }

    .bgm-getCoins__subtitle[b-lyi86doqu7] {
        max-width: 27ch;
        font-size: 0.96rem;
    }

    .bgm-getCoins__section[b-lyi86doqu7] {
        gap: 12px;
    }

    .bgm-getCoins__sectionHeader[b-lyi86doqu7] {
        align-items: start;
        padding-inline: 6px;
    }

    .bgm-getCoins__sectionHeader h2[b-lyi86doqu7] {
        font-size: 1.55rem;
    }

    .bgm-getCoins__sectionHeader p[b-lyi86doqu7] {
        font-size: 0.9rem;
    }

    .bgm-getCoins__count[b-lyi86doqu7] {
        padding-top: 4px;
    }

    .bgm-getCoins__actions[b-lyi86doqu7] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .bgm-getCoins__action[b-lyi86doqu7],
    .bgm-getCoins__memberCta[b-lyi86doqu7] {
        min-height: 82px;
        grid-template-columns: 44px minmax(0, 1fr) 20px;
        gap: 13px;
        padding: 14px;
    }

    .bgm-getCoins__actionIcon[b-lyi86doqu7],
    .bgm-getCoins__memberCtaIcon[b-lyi86doqu7] {
        width: 44px;
        height: 44px;
    }

    .bgm-getCoins__actionLabel[b-lyi86doqu7] {
        font-size: 0.94rem;
    }

    .bgm-getCoins__memberCta small[b-lyi86doqu7] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bgm-getCoins__action[b-lyi86doqu7],
    .bgm-getCoins__actionArrow[b-lyi86doqu7],
    .bgm-getCoins__memberCta[b-lyi86doqu7] {
        transition: none;
    }

    .bgm-getCoins__action:hover[b-lyi86doqu7],
    .bgm-getCoins__action:focus-visible[b-lyi86doqu7],
    .bgm-getCoins__memberCta:hover[b-lyi86doqu7],
    .bgm-getCoins__memberCta:focus-visible[b-lyi86doqu7] {
        transform: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* ===== Keyframe Animations ===== */
@keyframes shimmer-b-fuaml65gp4 {
    0% { background-position: -200% center; }
    100% { background-position: 200% center; }
}

@keyframes fadeUp-b-fuaml65gp4 {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes subtlePulse-b-fuaml65gp4 {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}


.bgm-hero__inner[b-fuaml65gp4] {
    position: relative;
    z-index: 1;
    width: min(1120px, 96vw);
    margin: 0 auto;
    text-align: center;
}

.bgm-hero__title[b-fuaml65gp4],
.bgm-hero__subtitle[b-fuaml65gp4] {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 900;
    color: #f8e6b1;
}

.bgm-hero__title[b-fuaml65gp4] {
    font-size: clamp(1.7rem, 5vw, 3rem);
}

.bgm-hero__subtitle[b-fuaml65gp4] {
    margin-top: 10px;
    font-size: clamp(1rem, 2.6vw, 1.65rem);
}

.bgm-hero__cta[b-fuaml65gp4] {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
    gap: var(--bgm-rd-card-gap, 1.25rem);
    flex-wrap: wrap;
    justify-content: center;
}

@media (prefers-contrast: more) {
    .bgm-hero__title[b-fuaml65gp4],
    .bgm-hero__subtitle[b-fuaml65gp4] {
        background: none;
        -webkit-text-fill-color: #fff4cf;
        color: #fff4cf;
        text-shadow: none;
    }
}


.bgm-hero--member[b-fuaml65gp4] {
    min-height: 0;
    display: block;
    --bgm-hero-card-height: 500px;
    --bgm-hero-card-pad: 22px;
    --bgm-hero-top-padding: calc(var(--bgm-header-height, 72px) + 8px);
    padding-top: var(--bgm-hero-top-padding);
    padding-bottom: 18px;
    margin-top: calc(-1 * var(--bgm-header-height, 72px));
    background:
    radial-gradient(900px 520px at 50% 18%, rgba(var(--bgm-gold-rgb), 0.20), transparent 60%),
    radial-gradient(900px 600px at 18% 78%, rgba(var(--bgm-forest-rgb), 0.10), transparent 65%),
    linear-gradient(180deg, rgba(var(--bgm-cream-rgb), 1) 0%, rgba(var(--bgm-cream-rgb), 0.94) 70%, rgba(var(--bgm-cream-rgb), 1) 100%);
    animation: fadeUp-b-fuaml65gp4 0.6s ease-out;
}

.bgm-hero--member--below-header[b-fuaml65gp4] {
    margin-top: 0;
}


.bgm-hero__grid[b-fuaml65gp4] {
    width: min(1240px, 94vw);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--bgm-rd-hero-grid-gap, 1.5rem);
    align-items: stretch;
}

/* New split layout: large recap on left, stacked highlights on right */
.bgm-hero__grid--split[b-fuaml65gp4] {
    grid-template-columns: 1fr;
    gap: var(--bgm-rd-hero-grid-gap, 1.5rem);
}

.bgm-hero__main[b-fuaml65gp4] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.bgm-hero__sidebar[b-fuaml65gp4] {
    display: flex;
    flex-direction: column;
    gap: var(--bgm-rd-sidebar-gap, 1rem);
    min-width: 0;
    overflow: hidden;
}

.bgm-hero__card--large[b-fuaml65gp4] {
    flex: 1;
    min-height: 420px;
}

.bgm-hero__card[b-fuaml65gp4] {
    position: relative;
    text-align: left;
    border-radius: 24px;
    padding: 5px;
    height: var(--bgm-hero-card-height);
    min-height: var(--bgm-hero-card-height);
    max-height: var(--bgm-hero-card-height);
    border: 1px solid rgba(var(--bgm-forest-rgb), 0.12);
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 24px 70px rgba(var(--bgm-navy-rgb), 0.14);
    overflow: hidden;
    --bgm-hero-accent: var(--bgm-gold-rgb);
    /* Smooth transitions for hover effects */
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.3s ease,
                border-color 0.2s ease;
    animation: fadeUp-b-fuaml65gp4 0.6s ease-out backwards;
}

@media (max-width: 767px) {
    .bgm-hero__card--recap.bgm-hero__card--large[b-fuaml65gp4] {
        max-height: none;
        height: auto;
    }
}

.bgm-hero__card:nth-child(1)[b-fuaml65gp4] {
    animation-delay: 0.1s;
}

.bgm-hero__card:nth-child(2)[b-fuaml65gp4] {
    animation-delay: 0.2s;
}

.bgm-hero__card--review[b-fuaml65gp4] {
    --bgm-hero-accent: var(--bgm-gold-rgb);
}

.bgm-hero__card--recap[b-fuaml65gp4] {
    --bgm-hero-accent: 81, 118, 108;
    overflow: hidden;
    max-height: none;
    height: auto;
    border: none;
    box-shadow: none;
}

.bgm-hero__cardInner[b-fuaml65gp4] {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: var(--bgm-hero-card-pad);
    gap: 14px;
}

.bgm-hero__cardHeader[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.bgm-hero__cardBody[b-fuaml65gp4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    text-align: center;
}

.bgm-hero__cardButton[b-fuaml65gp4] {
    width: 100%;
    display: block;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-align: inherit;
    appearance: none;
    -webkit-appearance: none;
    caret-color: transparent;
    user-select: none;
    -webkit-user-select: none;
}

.bgm-hero__cardButton:hover[b-fuaml65gp4] {
    border-color: rgba(var(--bgm-hero-accent), 0.55);
    transform: translateY(-8px) scale(1.015);
    box-shadow:
        0 0 0 3px rgba(var(--bgm-hero-accent), 0.28),
        0 32px 90px rgba(var(--bgm-navy-rgb), 0.22),
        0 12px 40px rgba(var(--bgm-hero-accent), 0.12);
}

.bgm-hero__cardButton:focus-visible[b-fuaml65gp4] {
    outline: 2px solid rgba(var(--bgm-hero-accent), 0.55);
    outline-offset: 4px;
}

.bgm-hero__kicker[b-fuaml65gp4] {
    color: rgba(var(--bgm-forest-rgb), 0.75);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(var(--bgm-hero-accent), 0.35);
    background: rgba(var(--bgm-hero-accent), 0.10);
    animation: subtlePulse-b-fuaml65gp4 3s ease-in-out infinite;
    animation-delay: 1s;
}

.bgm-hero__kicker[b-fuaml65gp4]::before,
.bgm-hero__kicker[b-fuaml65gp4]::after {
    content: "";
    width: 26px;
    height: 1px;
    background: rgba(var(--bgm-hero-accent), 0.45);
}

.bgm-hero__title[b-fuaml65gp4] {
    color: var(--bgm-forest);
    letter-spacing: 0.04em;
    text-shadow: 0 12px 40px rgba(var(--bgm-navy-rgb), 0.18);
    margin: 0 0 10px;
}

.bgm-hero__subtitle[b-fuaml65gp4] {
    color: rgba(var(--bgm-forest-rgb), 0.85);
    max-width: 60ch;
    margin: 0 auto 18px;
}

.bgm-hero__media[b-fuaml65gp4] {
    display: grid;
    place-items: center;
    margin: 0 auto 0;
}

.bgm-hero__media img[b-fuaml65gp4] {
    width: 100%;
    max-width: 460px;
    max-height: 210px;
    margin: 0 auto 18px;
    border: 1px solid rgba(var(--bgm-gold-rgb), 0.30);
    box-shadow: 0 18px 60px rgba(var(--bgm-navy-rgb), 0.22);
    background: rgba(255,255,255,0.60);
    box-sizing: border-box;
    /* 3D tilt effect setup */
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.3s ease;
    transform-style: preserve-3d;
    border-radius: 8px;
}

.bgm-hero__cardButton:hover .bgm-hero__media img[b-fuaml65gp4] {
    transform: perspective(800px) rotateX(4deg) rotateY(-3deg) scale(1.03);
    box-shadow:
        0 25px 70px rgba(var(--bgm-navy-rgb), 0.28),
        -8px 8px 20px rgba(var(--bgm-gold-rgb), 0.15);
}

.bgm-hero__card--review .bgm-hero__media[b-fuaml65gp4] {
    padding: 0 16px 16px;
}

.bgm-hero__card--recap .bgm-recapFrame[b-fuaml65gp4],
.bgm-hero__card--recap .bgm-recapCard[b-fuaml65gp4] {
    height: auto;
}

.bgm-hero__card--recap .bgm-recapCard[b-fuaml65gp4] {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.78);
}

.bgm-hero__card--recap .bgm-recapFrame--empty[b-fuaml65gp4],
.bgm-hero__card--recap .bgm-recapFrame--empty .bgm-recapCard[b-fuaml65gp4] {
    border-radius: 0;
}

.bgm-hero__card--recap .card-body[b-fuaml65gp4] {
    height: auto;
    display: flex;
    flex-direction: column;
}

.bgm-hero__card--recap .card-body > .row[b-fuaml65gp4] {
    margin-top: auto;
}

/* Tablet landscape */
@media (min-width: 768px) and (max-width: 979px) {
    .bgm-hero__grid--split[b-fuaml65gp4] {
        grid-template-columns: 1.2fr 1fr;
        gap: 18px;
    }

    .bgm-hero__card--large[b-fuaml65gp4] {
        min-height: 400px;
    }

    .bgm-hero__sidebar[b-fuaml65gp4] {
        gap: 14px;
    }
}

@media (min-width: 980px) {
    .bgm-hero--member[b-fuaml65gp4] {
        --bgm-hero-card-height: 520px;
        --bgm-hero-card-pad: 26px;
        padding-top: var(--bgm-hero-top-padding);
        padding-bottom: 26px;
    }

    .bgm-hero__grid[b-fuaml65gp4] {
        grid-template-columns: 0.95fr 1.05fr;
        gap: 22px;
    }

    /* Split layout: recap takes ~60%, highlights ~40% */
    .bgm-hero__grid--split[b-fuaml65gp4] {
        grid-template-columns: 1.4fr 1fr;
        gap: 24px;
        align-items: stretch;
    }

    .bgm-hero__main[b-fuaml65gp4] {
        display: flex;
        height: 100%;
        min-width: 0;
    }

    .bgm-hero__card--large[b-fuaml65gp4] {
        height: 100%;
        min-height: var(--bgm-hero-card-height);
    }

    .bgm-hero__sidebar[b-fuaml65gp4] {
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: space-between;
        min-width: 0;
        overflow: hidden;
    }

    .bgm-hero__media img[b-fuaml65gp4] {
        max-height: 310px;
    }
}

@media (max-width: 640px) {
    .bgm-hero--member[b-fuaml65gp4] {
        --bgm-hero-card-height: 420px;
        --bgm-hero-card-pad: 16px;
        padding-top: var(--bgm-hero-top-padding);
        padding-bottom: 14px;
    }

    .bgm-hero__brand[b-fuaml65gp4] {
        font-size: clamp(1.6rem, 7vw, 2.4rem);
        margin-bottom: 20px;
        letter-spacing: 0.08em;
        transform: translateY(-12px);
    }

    .bgm-hero__grid[b-fuaml65gp4] {
        gap: 14px;
    }

    /* Stack on mobile */
    .bgm-hero__grid--split[b-fuaml65gp4] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .bgm-hero__main[b-fuaml65gp4] {
        order: 1;
    }

    .bgm-hero__sidebar[b-fuaml65gp4] {
        order: 2;
        gap: 12px;
    }

    .bgm-hero__card--large[b-fuaml65gp4] {
        min-height: 350px;
        max-height: none;
        height: auto;
    }

    .bgm-hero__card[b-fuaml65gp4] {
        border-radius: 18px;
        box-shadow: 0 16px 48px rgba(var(--bgm-navy-rgb), 0.12);
        touch-action: manipulation;
    }

    .bgm-hero__sidebar-pair[b-fuaml65gp4] {
        gap: 8px;
    }

    .bgm-hero__cardButton:active[b-fuaml65gp4] {
        transform: scale(0.98);
    }

    .bgm-hero__kicker[b-fuaml65gp4] {
        font-size: 0.7rem;
        padding: 5px 10px;
        letter-spacing: 0.14em;
    }

    .bgm-hero__kicker[b-fuaml65gp4]::before,
    .bgm-hero__kicker[b-fuaml65gp4]::after {
        width: 16px;
    }

    .bgm-hero__title[b-fuaml65gp4] {
        font-size: 1.4rem;
        margin-bottom: 6px;
    }

    .bgm-hero__subtitle[b-fuaml65gp4] {
        font-size: 0.95rem;
        margin-bottom: 12px;
        line-height: 1.4;
    }

    .bgm-hero__media img[b-fuaml65gp4] {
        max-height: 160px;
        margin: 0 auto 10px;
        border-radius: 10px;
    }

    .bgm-hero__card--review .bgm-hero__media[b-fuaml65gp4] {
        padding: 0 12px 12px;
    }

}

/* Extra small phone screens */
@media (max-width: 380px) {
    .bgm-hero--member[b-fuaml65gp4] {
        --bgm-hero-card-height: 380px;
        --bgm-hero-card-pad: 14px;
        padding-bottom: 12px;
    }

    .bgm-hero__brand[b-fuaml65gp4] {
        font-size: 1.4rem;
        margin-bottom: 16px;
    }

    .bgm-hero__grid[b-fuaml65gp4] {
        gap: 12px;
    }

    .bgm-hero__sidebar[b-fuaml65gp4] {
        gap: 10px;
    }

    .bgm-hero__card--large[b-fuaml65gp4] {
        min-height: 300px;
        max-height: none;
        height: auto;
    }

    .bgm-hero__card[b-fuaml65gp4] {
        border-radius: 16px;
    }

    .bgm-hero__kicker[b-fuaml65gp4] {
        font-size: 0.65rem;
        padding: 4px 8px;
    }

    .bgm-hero__title[b-fuaml65gp4] {
        font-size: 1.2rem;
    }

    .bgm-hero__subtitle[b-fuaml65gp4] {
        font-size: 0.9rem;
    }

    .bgm-hero__media img[b-fuaml65gp4] {
        max-height: 130px;
    }
}

/* ── THE Board Game Monday countdown section ────────────────────────── */
.bgm-hero__sidebar-widget[b-fuaml65gp4] {
    width: 100%;
}

.bgm-hero__sidebar-pair[b-fuaml65gp4] {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.bgm-hero__sidebar-pair > .highlight-card[b-fuaml65gp4] {
    flex: 1 1 0;
    min-width: 0;
}

/* The recap card has its own internal padding from card-body;
   remove the redundant cardInner padding on mobile so the content
   area is not unnecessarily squeezed on small screens. */
@media (max-width: 979px) {
    .bgm-hero__card--recap .bgm-hero__cardInner[b-fuaml65gp4] {
        padding: 0;
    }
}

.bgm-homeRecapHero[b-fuaml65gp4] {
    position: relative;
    overflow: hidden;
    background: var(--bgm-rd-dark, #071017);
    color: #fff;
}

.bgm-homeDashboard[b-fuaml65gp4] {
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    padding: clamp(28px, 4vw, 44px) 0 clamp(42px, 6vw, 64px);
}

.bgm-homeDashboard__inner[b-fuaml65gp4] {
    width: min(var(--bgm-rd-max-width, 1280px), calc(100vw - 32px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: clamp(18px, 2.5vw, 32px);
    align-items: start;
}

.bgm-homeDashboard__primary[b-fuaml65gp4],
.bgm-homeDashboard__secondary[b-fuaml65gp4] {
    display: grid;
    gap: clamp(18px, 2vw, 28px);
    min-width: 0;
}

.bgm-dashboardPanel[b-fuaml65gp4] {
    --bgm-dashboard-title-size: clamp(1.55rem, 3.2vw, 2.5rem);
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    padding: clamp(18px, 2.4vw, 28px);
    min-width: 0;
}

.bgm-dashboardPanel--nextMonday[b-fuaml65gp4] {
    background: #f2f5f4;
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.bgm-dashboardPanel--nextMonday > :not(.bgm-dashboardPanel__art)[b-fuaml65gp4] {
    position: relative;
    z-index: 1;
}

.bgm-dashboardPanel__header[b-fuaml65gp4] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
}

.bgm-dashboardPanel__art[b-fuaml65gp4] {
    opacity: 0.32;
    pointer-events: none;
    position: absolute;
    right: clamp(-84px, -4vw, -32px);
    top: clamp(-32px, -2vw, -16px);
    width: clamp(260px, 28vw, 410px);
    z-index: 0;
}

.bgm-dashboardLabel[b-fuaml65gp4] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.bgm-dashboardPanel__title[b-fuaml65gp4] {
    color: var(--bgm-rd-green, #164f35);
    font-size: var(--bgm-dashboard-title-size);
    font-weight: 900;
    line-height: 1;
    margin: 8px 0 0;
}

.bgm-dashboardPanel__header .bgm-dashboardPanel__title[b-fuaml65gp4],
.bgm-dashboardPanel > .bgm-dashboardPanel__title[b-fuaml65gp4] {
    margin-top: 0;
}

.bgm-dashboardPanel--wishlist[b-fuaml65gp4] {
    position: relative;
}

.bgm-dashboardPanel--wishlist.is-actionable[b-fuaml65gp4] {
    cursor: pointer;
    transition: background-color 160ms ease-out, border-color 160ms ease-out;
}

.bgm-wishlistPanel__header[b-fuaml65gp4] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.bgm-wishlistPanel__header .bgm-dashboardPanel__title[b-fuaml65gp4] {
    margin-top: 0;
}

.bgm-wishlistPanel__action[b-fuaml65gp4] {
    align-items: center;
    color: var(--bgm-rd-green, #164f35);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.8rem;
    font-weight: 900;
    gap: 0.3rem;
    transition: transform 160ms ease-out;
}

.bgm-wishlistPanel__link[b-fuaml65gp4] {
    inset: 0;
    position: absolute;
    z-index: 1;
}

.bgm-dashboardPanel--wishlist.is-actionable > :not(.bgm-wishlistPanel__link)[b-fuaml65gp4] {
    pointer-events: none;
    position: relative;
    z-index: 2;
}

.bgm-wishlistPanel__link:focus-visible[b-fuaml65gp4] {
    outline: 3px solid var(--bgm-rd-gold, #d9b13b);
    outline-offset: 3px;
}

@media (hover: hover) {
    .bgm-dashboardPanel--wishlist.is-actionable:hover[b-fuaml65gp4] {
        background: #fffdf7;
        border-color: rgba(22, 79, 53, 0.48);
    }

    .bgm-dashboardPanel--wishlist.is-actionable:hover .bgm-wishlistPanel__action[b-fuaml65gp4] {
        transform: translateX(3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bgm-dashboardPanel--wishlist.is-actionable[b-fuaml65gp4],
    .bgm-wishlistPanel__action[b-fuaml65gp4] {
        transition: none;
    }
}

.bgm-dashboardPanel__subtitle[b-fuaml65gp4],
.bgm-dashboardPanel__empty[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.62);
    margin: 8px 0 0;
}

.bgm-dashboardBadge[b-fuaml65gp4] {
    border: 1px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.28);
    background: #fff;
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    padding: 7px 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-mondayStrip[b-fuaml65gp4] {
    display: flex;
    gap: 10px;
    margin-top: 22px;
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    overscroll-behavior-x: contain;
}

.bgm-mondayStrip__day[b-fuaml65gp4] {
    position: relative;
    min-width: 88px;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: rgba(255, 255, 255, 0.7);
    color: var(--bgm-rd-ink, #17222b);
    padding: 11px 10px;
    text-align: center;
    transition: border-color 0.15s ease, color 0.15s ease;
}

.bgm-mondayStrip__day:hover[b-fuaml65gp4] {
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.38);
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-mondayStrip__day:hover span[b-fuaml65gp4],
.bgm-mondayStrip__day:hover small[b-fuaml65gp4],
.bgm-mondayStrip__day:hover strong[b-fuaml65gp4] {
    color: currentColor;
}

.bgm-mondayStrip__day span[b-fuaml65gp4],
.bgm-mondayStrip__day small[b-fuaml65gp4] {
    display: block;
    color: rgba(23, 34, 43, 0.52);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bgm-mondayStrip__day strong[b-fuaml65gp4] {
    display: block;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
    margin: 4px 0;
}

.bgm-mondayStrip__day.is-next[b-fuaml65gp4] {
    background: #eaf8ff;
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.5);
}

.bgm-mondayStrip__day.is-last[b-fuaml65gp4] {
    background: #fff5cf;
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.55);
}

.bgm-mondayStrip__day.is-past[b-fuaml65gp4] {
    background: #f4f6f6;
    border-color: rgba(23, 34, 43, 0.10);
    color: rgba(23, 34, 43, 0.72);
}

.bgm-mondayStrip__day.is-past strong[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.82);
}

.bgm-mondayStrip__day.is-future[b-fuaml65gp4] {
    background: #eeeee6;
    border-color: rgba(23, 34, 43, 0.10);
}

.bgm-mondayStrip__day.is-future strong[b-fuaml65gp4],
.bgm-mondayStrip__day.is-future span[b-fuaml65gp4],
.bgm-mondayStrip__day.is-future small[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.58);
}

.bgm-mondayStrip__day.is-selected[b-fuaml65gp4] {
    border-color: var(--bgm-rd-green, #164f35);
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-mondayStrip__day.is-selected span[b-fuaml65gp4],
.bgm-mondayStrip__day.is-selected small[b-fuaml65gp4],
.bgm-mondayStrip__day.is-selected strong[b-fuaml65gp4] {
    color: #fff;
}

.bgm-mondayStrip__loadMore[b-fuaml65gp4] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 10px;
    padding: 0.55rem 0.8rem;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: rgba(255, 255, 255, 0.72);
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.78rem;
    font-weight: 850;
}

.bgm-mondayStrip__loadMore:hover[b-fuaml65gp4] {
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.45);
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-nextMondaySummary[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 16px;
}

.bgm-nextMondaySummary div[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.10);
    background: rgba(255, 255, 255, 0.72);
    padding: 10px 12px;
}

.bgm-nextMondaySummary span[b-fuaml65gp4] {
    display: block;
    color: rgba(23, 34, 43, 0.55);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bgm-nextMondaySummary strong[b-fuaml65gp4] {
    display: block;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 4px;
}

.bgm-nextMondayGrid[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.bgm-dashboardEmptyNight[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
    padding: 18px;
}

.bgm-dashboardEmptyNight h3[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    font-weight: 950;
    line-height: 1;
    margin: 6px 0 4px;
}

.bgm-dashboardEmptyNight p[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.64);
    margin: 0;
}

.bgm-dashboardEmptyNight__status[b-fuaml65gp4] {
    flex-basis: 100%;
}

.bgm-nextMondayCard[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    padding: 18px;
    display: flex;
    flex-direction: column;
    min-height: 210px;
}

.bgm-nextMondayCard--snacks[b-fuaml65gp4] {
    overflow: hidden;
    position: relative;
}

.bgm-nextMondayCard__art[b-fuaml65gp4] {
    bottom: -8px;
    opacity: 0.34;
    pointer-events: none;
    position: absolute;
    right: -76px;
    width: clamp(240px, 25vw, 340px);
}

.bgm-nextMondayCard--snacks > :not(.bgm-nextMondayCard__art)[b-fuaml65gp4] {
    position: relative;
    z-index: 1;
}

.bgm-nextMondayCard--rsvp.is-going[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-maybe[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-notGoing[b-fuaml65gp4] {
    border-color: transparent;
    color: #fff;
}

.bgm-nextMondayCard--rsvp.is-going[b-fuaml65gp4] {
    background: #2f6f4e;
}

.bgm-nextMondayCard--rsvp.is-maybe[b-fuaml65gp4] {
    background: #b8791f;
}

.bgm-nextMondayCard--rsvp.is-notGoing[b-fuaml65gp4] {
    background: #9d3f3f;
}

.bgm-nextMondayCard--rsvp.is-going .bgm-nextMondayCard__topline .bgm-icon[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-going .bgm-dashboardLabel[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-going h3[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-going p[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-maybe .bgm-nextMondayCard__topline .bgm-icon[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-maybe .bgm-dashboardLabel[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-maybe h3[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-maybe p[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-notGoing .bgm-nextMondayCard__topline .bgm-icon[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-notGoing .bgm-dashboardLabel[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-notGoing h3[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-notGoing p[b-fuaml65gp4] {
    color: #fff;
}

.bgm-nextMondayCard--rsvp.is-going .bgm-dashboardButton[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-maybe .bgm-dashboardButton[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-notGoing .bgm-dashboardButton[b-fuaml65gp4] {
    border-color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.bgm-nextMondayCard--rsvp.is-going .bgm-dashboardButton--primary[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-maybe .bgm-dashboardButton--primary[b-fuaml65gp4],
.bgm-nextMondayCard--rsvp.is-notGoing .bgm-dashboardButton--primary[b-fuaml65gp4] {
    background: #fff;
}

.bgm-nextMondayCard--rsvp.is-going .bgm-dashboardButton--primary[b-fuaml65gp4] {
    color: #2f6f4e;
}

.bgm-nextMondayCard--rsvp.is-maybe .bgm-dashboardButton--primary[b-fuaml65gp4] {
    color: #b8791f;
}

.bgm-nextMondayCard--rsvp.is-notGoing .bgm-dashboardButton--primary[b-fuaml65gp4] {
    color: #9d3f3f;
}

.bgm-rsvpDetailsPanel[b-fuaml65gp4] {
    background: rgba(255, 255, 255, 0.88);
}

.bgm-rsvpGroup[b-fuaml65gp4] {
    display: grid;
    gap: 8px;
}

.bgm-rsvpGroup + .bgm-rsvpGroup[b-fuaml65gp4] {
    border-top: 1px solid rgba(23, 34, 43, 0.1);
    padding-top: 10px;
}

.bgm-rsvpGroup__header[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bgm-rsvpGroup__header span[b-fuaml65gp4] {
    color: var(--bgm-rsvp-group-color, var(--bgm-rd-green, #164f35));
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bgm-rsvpGroup__header strong[b-fuaml65gp4] {
    display: grid;
    place-items: center;
    min-width: 28px;
    min-height: 24px;
    background: color-mix(in srgb, var(--bgm-rsvp-group-color, #164f35) 16%, #ffffff);
    color: var(--bgm-rsvp-group-color, var(--bgm-rd-green, #164f35));
    font-size: 0.78rem;
    font-weight: 950;
}

.bgm-rsvpGroup.is-going[b-fuaml65gp4] {
    --bgm-rsvp-group-color: #2f6f4e;
}

.bgm-rsvpGroup.is-maybe[b-fuaml65gp4] {
    --bgm-rsvp-group-color: #b8791f;
}

.bgm-rsvpGroup.is-notGoing[b-fuaml65gp4] {
    --bgm-rsvp-group-color: #9d3f3f;
}

.bgm-rsvpGroup.is-noResponse[b-fuaml65gp4] {
    --bgm-rsvp-group-color: #6e7881;
}

.bgm-rsvpPeople[b-fuaml65gp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.bgm-rsvpPeople span[b-fuaml65gp4],
.bgm-rsvpPeople button[b-fuaml65gp4] {
    border: 1px solid color-mix(in srgb, var(--bgm-rsvp-group-color, #164f35) 22%, #ffffff);
    background: color-mix(in srgb, var(--bgm-rsvp-group-color, #164f35) 11%, #ffffff);
    color: color-mix(in srgb, var(--bgm-rsvp-group-color, #164f35) 78%, #17222b);
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1;
    max-width: 100%;
    padding: 7px 8px;
}

.bgm-rsvpPeople button[b-fuaml65gp4] {
    cursor: pointer;
}

.bgm-nextMondayCard--tea.has-selection[b-fuaml65gp4] {
    background: var(--bgm-tea-color, var(--bgm-rd-green, #164f35));
    border-color: transparent;
    color: #fff;
}

.bgm-nextMondayCard--tea.has-selection .bgm-nextMondayCard__topline .bgm-icon[b-fuaml65gp4],
.bgm-nextMondayCard--tea.has-selection .bgm-dashboardLabel[b-fuaml65gp4],
.bgm-nextMondayCard--tea.has-selection h3[b-fuaml65gp4],
.bgm-nextMondayCard--tea.has-selection p[b-fuaml65gp4] {
    color: #fff;
}

.bgm-nextMondayCard--tea.has-selection .bgm-dashboardButton[b-fuaml65gp4] {
    border-color: rgba(255, 255, 255, 0.72);
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.bgm-nextMondayCard--tea.has-selection .bgm-dashboardButton--primary[b-fuaml65gp4] {
    background: #fff;
    color: var(--bgm-tea-color, var(--bgm-rd-green, #164f35));
}

.bgm-nextMondayCard--snacks.has-selection[b-fuaml65gp4] {
    --bgm-snack-color: #f3c982;
    background: var(--bgm-snack-color);
    border-color: transparent;
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-nextMondayCard--snacks.has-selection .bgm-nextMondayCard__art[b-fuaml65gp4] {
    opacity: 0.42;
}

.bgm-nextMondayCard--snacks.has-selection .bgm-nextMondayCard__topline .bgm-icon[b-fuaml65gp4],
.bgm-nextMondayCard--snacks.has-selection .bgm-dashboardLabel[b-fuaml65gp4],
.bgm-nextMondayCard--snacks.has-selection h3[b-fuaml65gp4],
.bgm-nextMondayCard--snacks.has-selection p[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-nextMondayCard--snacks.has-selection .bgm-dashboardButton[b-fuaml65gp4] {
    border-color: rgba(23, 34, 43, 0.32);
    background: rgba(255, 255, 255, 0.26);
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-nextMondayCard--snacks.has-selection .bgm-dashboardButton--primary[b-fuaml65gp4] {
    background: var(--bgm-rd-ink, #17222b);
    border-color: var(--bgm-rd-ink, #17222b);
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games[b-fuaml65gp4] {
    background: #2f658c;
    border-color: transparent;
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-nextMondayCard__topline .bgm-icon[b-fuaml65gp4],
.bgm-nextMondayCard--games.has-confirmed-games .bgm-dashboardLabel[b-fuaml65gp4],
.bgm-nextMondayCard--games.has-confirmed-games h3[b-fuaml65gp4],
.bgm-nextMondayCard--games.has-confirmed-games p[b-fuaml65gp4] {
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-nextMondayGames li[b-fuaml65gp4] {
    border-top-color: rgba(255, 255, 255, 0.24);
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-nextMondayGames small[b-fuaml65gp4] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-nextMondayGames small.is-winner[b-fuaml65gp4] {
    background: #d9b13b;
    color: #17222b;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-nextMondayGames small.is-played[b-fuaml65gp4] {
    background: #17694b;
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-dashboardButton[b-fuaml65gp4] {
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-dashboardButton--primary[b-fuaml65gp4] {
    background: #fff;
    border-color: #fff;
    color: #2f658c;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-dashboardButton--complete[b-fuaml65gp4] {
    background: #d9b13b;
    border-color: #d9b13b;
    color: #17222b;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-dashboardButton--complete:hover[b-fuaml65gp4],
.bgm-nextMondayCard--games.has-confirmed-games .bgm-dashboardButton--complete:focus-visible[b-fuaml65gp4] {
    background: #17222b;
    border-color: #17222b;
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-gamePlannerCard .bgm-dashboardButton[b-fuaml65gp4],
.bgm-nextMondayCard--games.has-confirmed-games .bgm-inlinePicker .bgm-dashboardButton[b-fuaml65gp4] {
    border-color: rgba(23, 34, 43, 0.18);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-gamePlannerCard .bgm-dashboardButton--primary[b-fuaml65gp4],
.bgm-nextMondayCard--games.has-confirmed-games .bgm-inlinePicker .bgm-dashboardButton--primary[b-fuaml65gp4] {
    background: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-pastResultInline .bgm-dashboardLabel[b-fuaml65gp4] {
    color: #5c6670;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-inlinePicker .bgm-dashboardButton--danger[b-fuaml65gp4] {
    background: #a83232;
    border-color: #a83232;
    color: #fff;
}

.bgm-nextMondayCard--games.has-confirmed-games .bgm-inlinePicker .bgm-dashboardButton--danger:hover[b-fuaml65gp4],
.bgm-nextMondayCard--games.has-confirmed-games .bgm-inlinePicker .bgm-dashboardButton--danger:focus-visible[b-fuaml65gp4] {
    background: #7e2424;
    border-color: #7e2424;
    color: #fff;
}

.bgm-nextMondayCard__topline[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.bgm-nextMondayCard__topline .bgm-icon[b-fuaml65gp4] {
    color: var(--bgm-rd-blue, #0087c8);
    flex: 0 0 auto;
}

.bgm-nextMondayCard h3[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 900;
    margin: 8px 0 4px;
}

.bgm-nextMondayCard p[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.62);
    margin: 0 0 14px;
}

.bgm-nextMondayCard .bgm-dashboardActions[b-fuaml65gp4] {
    margin-top: auto;
}

.bgm-pastMondayTools[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    margin-top: 16px;
    padding: 18px;
}

.bgm-pastMondayTools__header[b-fuaml65gp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.bgm-pastMondayTools__header h3[b-fuaml65gp4] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 950;
    line-height: 1;
    margin: 6px 0 0;
}

.bgm-pastMondayTools__grid[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bgm-pastMondayTool[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.1);
    background: #fbfaf5;
    display: grid;
    gap: 10px;
    padding: 14px;
}

.bgm-pastMondayTool--wide[b-fuaml65gp4] {
    grid-column: 1 / -1;
}

.bgm-pastMondayTool__textarea[b-fuaml65gp4] {
    width: 100%;
    min-width: 0;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    padding: 10px 12px;
    resize: vertical;
}

.bgm-reactionGameList[b-fuaml65gp4] {
    display: grid;
    gap: 8px;
}

.bgm-reactionGame[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(23, 34, 43, 0.1);
    background: #fff;
    padding: 10px;
}

.bgm-reactionGame strong[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    font-weight: 950;
}

.bgm-reactionPills[b-fuaml65gp4],
.bgm-reactionButtons[b-fuaml65gp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.bgm-reactionPills[b-fuaml65gp4] {
    margin-top: 6px;
}

.bgm-reactionPills span[b-fuaml65gp4] {
    background: #f7f5ee;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.9rem;
    font-weight: 900;
    padding: 4px 7px;
}

.bgm-reactionPills small[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.58);
    font-size: 0.72rem;
    margin-left: 2px;
}

.bgm-reactionButtons button[b-fuaml65gp4] {
    min-width: 38px;
    min-height: 38px;
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #fff;
    font-size: 1.1rem;
}

.bgm-pastMondayTools__status[b-fuaml65gp4] {
    border: 1px solid rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.24);
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.08);
    color: var(--bgm-rd-green, #164f35);
    font-weight: 900;
    margin-top: 12px;
    padding: 10px 12px;
}

.bgm-nextMondayGames[b-fuaml65gp4] {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: grid;
    gap: 6px;
}

.bgm-nextMondayGames li[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid rgba(23, 34, 43, 0.08);
    color: var(--bgm-rd-ink, #17222b);
    font-weight: 800;
    padding-top: 7px;
}

.bgm-nextMondayGames small[b-fuaml65gp4] {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.10);
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding: 4px 6px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-inlinePicker[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: rgba(247, 249, 248, 0.92);
    display: grid;
    gap: 10px;
    margin: 2px 0 14px;
    padding: 12px;
}

.bgm-inlinePicker__empty[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.62);
    font-weight: 700;
}

.bgm-gamesPlanner[b-fuaml65gp4] {
    max-height: 620px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    gap: 0;
    background: #fff;
}

.bgm-gamesPlanner__add[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    align-items: end;
    border-bottom: 1px solid rgba(23, 34, 43, 0.10);
    background: #fbfaf5;
    padding: 16px;
}

.bgm-gameCombobox[b-fuaml65gp4] {
    min-width: 0;
    position: relative;
}

.bgm-gameCombobox__label[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    display: block;
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.bgm-gameCombobox__control[b-fuaml65gp4] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(23, 34, 43, 0.22);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    min-height: 48px;
    padding: 0 14px;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.bgm-gameCombobox__control:focus-within[b-fuaml65gp4] {
    border-color: var(--bgm-rd-blue, #0087c8);
    box-shadow: 0 0 0 3px rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.16);
}

.bgm-gameCombobox__control .bgm-icon[b-fuaml65gp4] {
    color: var(--bgm-rd-blue, #0087c8);
    margin-right: 10px;
}

.bgm-gameCombobox__input[b-fuaml65gp4] {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    font-size: 1rem;
    font-weight: 750;
    min-height: 46px;
    min-width: 0;
    outline: 0;
    padding: 0;
    width: 100%;
}

.bgm-gameCombobox__input[b-fuaml65gp4]::placeholder {
    color: rgba(23, 34, 43, 0.52);
    font-weight: 600;
}

.bgm-gameCombobox__suggestions[b-fuaml65gp4] {
    background: #fff;
    border: 1px solid rgba(23, 34, 43, 0.18);
    box-shadow: 0 14px 30px rgba(23, 34, 43, 0.13);
    left: 0;
    margin-top: 5px;
    max-height: 292px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 20;
}

.bgm-gameCombobox__suggestion[b-fuaml65gp4] {
    align-items: center;
    background: #fff;
    border: 0;
    border-bottom: 1px solid rgba(23, 34, 43, 0.08);
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 11px;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    min-height: 54px;
    padding: 7px 11px;
    text-align: left;
    width: 100%;
}

.bgm-gameCombobox__suggestion:last-child[b-fuaml65gp4] {
    border-bottom: 0;
}

.bgm-gameCombobox__suggestion:hover[b-fuaml65gp4],
.bgm-gameCombobox__suggestion.is-active[b-fuaml65gp4] {
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08);
}

.bgm-gameCombobox__suggestion img[b-fuaml65gp4],
.bgm-gameCombobox__fallback[b-fuaml65gp4] {
    align-items: center;
    background: #f1efe7;
    display: flex;
    height: 38px;
    justify-content: center;
    object-fit: contain;
    width: 38px;
}

.bgm-gameCombobox__suggestion > span:nth-child(2)[b-fuaml65gp4] {
    font-weight: 850;
    line-height: 1.2;
}

.bgm-gameCombobox__suggestion small[b-fuaml65gp4] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.62rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgm-gameCombobox__noResults[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.68);
    font-weight: 700;
    padding: 15px;
}

.bgm-gamesPlanner__addButton[b-fuaml65gp4] {
    min-height: 48px;
    white-space: nowrap;
    width: 100%;
}

.bgm-gamesPlanner__addActions[b-fuaml65gp4] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
}

.bgm-gamesPlanner__suggestButton[b-fuaml65gp4] {
    gap: 8px;
    min-height: 48px;
    width: 100%;
}

.bgm-gamesPlanner__suggestButton .bgm-icon[b-fuaml65gp4] {
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-gamesPlanner > .bgm-inlinePicker__empty[b-fuaml65gp4] {
    padding: 12px 16px;
}

.bgm-gamesPlanner__select[b-fuaml65gp4],
.bgm-gamesPlanner__input[b-fuaml65gp4],
.bgm-gamePlannerTeamAssign select[b-fuaml65gp4] {
    min-width: 0;
    min-height: 42px;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    padding: 0 12px;
}

.bgm-gamesPlanner__color[b-fuaml65gp4] {
    width: 52px;
    height: 42px;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
    padding: 4px;
}

.bgm-gamesPlanner__list[b-fuaml65gp4] {
    display: grid;
    gap: 0;
}

.bgm-gamePlannerCard[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-gamesPlanner .bgm-gamePlannerCard[b-fuaml65gp4] {
    border-left: 0;
    border-right: 0;
}

.bgm-gamesPlanner .bgm-gamePlannerCard:first-child[b-fuaml65gp4] {
    border-top: 0;
}

.bgm-gamesPlanner .bgm-gamePlannerCard:last-child[b-fuaml65gp4] {
    border-bottom: 0;
}

.bgm-gamePlannerCard__header[b-fuaml65gp4] {
    width: 100%;
    border: 0;
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    text-align: left;
}

.bgm-gamePlannerCard__header span[b-fuaml65gp4] {
    min-width: 0;
    font-weight: 950;
    line-height: 1.1;
}

.bgm-gamePlannerCard__header small[b-fuaml65gp4] {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.10);
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding: 5px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-gamePlannerCard__body[b-fuaml65gp4] {
    border-top: 1px solid rgba(23, 34, 43, 0.10);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 0;
    padding: 0;
}

.bgm-gamePlannerPlayers[b-fuaml65gp4] {
    display: grid;
    gap: 0;
}

.bgm-gamePlannerPlayer[b-fuaml65gp4] {
    min-height: 38px;
    border: 0;
    border-bottom: 1px solid rgba(23, 34, 43, 0.10);
    background: #f7f5ee;
    color: var(--bgm-rd-ink, #17222b);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
}

.bgm-gamePlannerPlayer span[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    min-width: 0;
    font-weight: 850;
}

.bgm-pastResultInline[b-fuaml65gp4] {
    border: 0;
    border-top: 1px solid rgba(23, 34, 43, 0.12);
    background: #fbfaf5;
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 12px;
    padding: 14px 16px 16px;
}

.bgm-pastResultInline__header[b-fuaml65gp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.bgm-pastResultInline__header small[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.66);
    display: block;
    font-weight: 800;
    margin-top: 4px;
}

.bgm-pastResultInline .bgm-dashboardLabel[b-fuaml65gp4] {
    color: #5c6670;
}

.bgm-pastResultInline__header > span[b-fuaml65gp4] {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.10);
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.58rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    padding: 5px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-gamePlannerCard__header small.is-played[b-fuaml65gp4],
.bgm-pastResultCard__badge[b-fuaml65gp4] {
    background: #17694b;
    color: #fff;
}

.bgm-gamePlannerCard__header small.is-winner[b-fuaml65gp4] {
    background: #d9b13b;
    color: #17222b;
}

.bgm-pastResultInline__actions[b-fuaml65gp4] {
    border-top: 1px solid rgba(23, 34, 43, 0.10);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 10px;
}

.bgm-pastResultInline__actions .bgm-dashboardButton[b-fuaml65gp4] {
    padding-left: 8px;
    padding-right: 8px;
}

.bgm-pastResultInline__locked[b-fuaml65gp4] {
    align-self: center;
    color: rgba(23, 34, 43, 0.62);
    font-size: 0.72rem;
    font-weight: 900;
}

.bgm-gamePlannerPlayer small[b-fuaml65gp4] {
    background: var(--bgm-team-color, var(--bgm-rd-green, #164f35));
    color: #fff;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    padding: 5px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-gamePlannerTeams[b-fuaml65gp4] {
    border-top: 1px solid rgba(23, 34, 43, 0.10);
    display: grid;
    gap: 8px;
    padding-top: 10px;
}

.bgm-gamePlannerTeamAssign[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 200px);
    gap: 8px;
    align-items: center;
}

.bgm-gamePlannerTeamAssign span[b-fuaml65gp4] {
    min-width: 0;
    font-weight: 800;
}

.bgm-teaChoiceGrid[b-fuaml65gp4],
.bgm-snackChoiceGrid[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.bgm-pickerChoice[b-fuaml65gp4] {
    min-height: 48px;
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    text-align: left;
}

.bgm-pickerChoice span[b-fuaml65gp4] {
    min-width: 0;
    font-size: 0.86rem;
    font-weight: 900;
    line-height: 1.1;
}

.bgm-pickerChoice small[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.52);
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgm-teaChoice[b-fuaml65gp4] {
    align-items: center;
    background: color-mix(in srgb, var(--bgm-choice-color, #0087c8) 16%, #ffffff);
    border-color: transparent;
    display: flex;
    justify-content: space-between;
}

.bgm-teaChoice[b-fuaml65gp4]  .bgm-icon {
    color: var(--bgm-choice-color, #0087c8);
    flex: 0 0 auto;
}

.bgm-teaChoice.is-selected[b-fuaml65gp4] {
    background: color-mix(in srgb, var(--bgm-choice-color, #0087c8) 24%, #ffffff);
}

.bgm-teaOrdersPanel[b-fuaml65gp4] {
    background: rgba(255, 255, 255, 0.68);
}

.bgm-teaOrdersList[b-fuaml65gp4] {
    display: grid;
    gap: 8px;
}

.bgm-teaOrderItem[b-fuaml65gp4] {
    --bgm-order-tea-color: var(--bgm-rd-blue, #0087c8);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(23, 34, 43, 0.1);
    background: color-mix(in srgb, var(--bgm-order-tea-color) 18%, #ffffff);
    color: var(--bgm-rd-ink, #17222b);
    min-height: 42px;
    padding: 9px 10px;
}

.bgm-teaOrderItem span[b-fuaml65gp4] {
    min-width: 0;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bgm-teaOrderItem strong[b-fuaml65gp4] {
    color: color-mix(in srgb, var(--bgm-order-tea-color) 74%, #17222b);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-snackChoice.is-selected[b-fuaml65gp4] {
    border-color: var(--bgm-rd-green, #164f35);
    box-shadow: inset 0 -4px 0 var(--bgm-rd-green, #164f35);
}

.bgm-dashboardSnackReviewList[b-fuaml65gp4] {
    display: grid;
    gap: 8px;
}

.bgm-dashboardSnackReviewItem[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: rgba(255, 255, 255, 0.76);
    min-height: 52px;
    padding: 8px;
}

.bgm-dashboardSnackReviewItem__copy[b-fuaml65gp4] {
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.bgm-dashboardSnackReviewItem__copy span[b-fuaml65gp4],
.bgm-dashboardSnackReviewItem__copy strong[b-fuaml65gp4] {
    display: block;
    min-width: 0;
}

.bgm-dashboardSnackReviewItem__copy span[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.56);
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.bgm-dashboardSnackReviewItem__copy strong[b-fuaml65gp4] {
    margin-top: 4px;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.92rem;
    font-weight: 950;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.bgm-pickerTextButton[b-fuaml65gp4] {
    justify-self: start;
    border: 0;
    background: transparent;
    color: rgba(23, 34, 43, 0.68);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
    padding: 0;
    text-transform: uppercase;
}

.bgm-snackToolbar[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bgm-segmentedControl[b-fuaml65gp4] {
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #fff;
}

.bgm-segmentedControl button[b-fuaml65gp4],
.bgm-iconButton[b-fuaml65gp4],
.bgm-pickerPager button[b-fuaml65gp4] {
    border: 0;
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.09em;
    min-height: 36px;
    padding: 8px 10px;
    text-transform: uppercase;
}

.bgm-segmentedControl button + button[b-fuaml65gp4] {
    border-left: 1px solid rgba(23, 34, 43, 0.12);
}

.bgm-segmentedControl button.is-selected[b-fuaml65gp4] {
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-iconButton[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.14);
    display: inline-grid;
    place-items: center;
    width: 38px;
}

.bgm-addSnackRow[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.bgm-addSnackRow input[b-fuaml65gp4] {
    min-width: 0;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    padding: 9px 10px;
}

.bgm-pickerPager[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.bgm-pickerPager button[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.14);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.bgm-pickerPager button:disabled[b-fuaml65gp4] {
    opacity: 0.42;
}

.bgm-pickerPager > span[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.58);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.1em;
}

.bgm-dashboardActions[b-fuaml65gp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bgm-dashboardButton[b-fuaml65gp4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    padding: 10px 13px;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-dashboardButton--primary[b-fuaml65gp4] {
    background: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-dashboardButton:hover[b-fuaml65gp4],
.bgm-dashboardButton:focus-visible[b-fuaml65gp4] {
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.52);
    background: #eef8fd;
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-dashboardButton--primary:hover[b-fuaml65gp4],
.bgm-dashboardButton--primary:focus-visible[b-fuaml65gp4] {
    background: #0f3d29;
    border-color: #0f3d29;
    color: #fff;
}

.bgm-dashboardButton--complete[b-fuaml65gp4] {
    background: #d9b13b;
    border-color: #d9b13b;
    color: #17222b;
}

.bgm-dashboardButton--complete:hover[b-fuaml65gp4],
.bgm-dashboardButton--complete:focus-visible[b-fuaml65gp4] {
    background: #17222b;
    border-color: #17222b;
    color: #fff;
}

.bgm-dashboardButton--danger[b-fuaml65gp4] {
    background: #a83232;
    border-color: #a83232;
    color: #fff;
}

.bgm-dashboardButton--danger:hover[b-fuaml65gp4],
.bgm-dashboardButton--danger:focus-visible[b-fuaml65gp4] {
    background: #7e2424;
    border-color: #7e2424;
    color: #fff;
}

.bgm-actionGrid[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}

.bgm-actionTile[b-fuaml65gp4] {
    --bgm-action-accent: var(--bgm-rd-blue, #0087c8);
    --bgm-action-accent-rgb: 0, 135, 200;
    min-height: 118px;
    border: 1px solid rgba(23, 34, 43, 0.12);
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 10px;
    align-items: center;
    justify-items: start;
    position: relative;
    overflow: hidden;
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    padding: 16px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}

.bgm-actionTile:hover[b-fuaml65gp4],
.bgm-actionTile:focus-visible[b-fuaml65gp4] {
    border-color: rgba(var(--bgm-action-accent-rgb), 0.48);
    box-shadow: 0 12px 26px rgba(23, 34, 43, 0.12);
    color: var(--bgm-action-accent);
    outline: none;
}

.bgm-actionTile:focus-visible[b-fuaml65gp4] {
    box-shadow: 0 0 0 3px rgba(var(--bgm-action-accent-rgb), 0.22), 0 12px 26px rgba(23, 34, 43, 0.12);
}

.bgm-actionTile__icon[b-fuaml65gp4] {
    align-items: center;
    background: var(--bgm-action-accent);
    color: #fff;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.bgm-actionTile__label[b-fuaml65gp4] {
    align-self: end;
    max-width: 14ch;
    position: relative;
    z-index: 1;
}

.bgm-actionTile__arrow[b-fuaml65gp4] {
    align-items: center;
    color: var(--bgm-action-accent);
    display: inline-flex;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 18px;
}

.bgm-actionTile--review[b-fuaml65gp4] {
    --bgm-action-accent: var(--bgm-rd-blue, #0087c8);
    --bgm-action-accent-rgb: var(--bgm-rd-blue-rgb, 0, 135, 200);
}

.bgm-actionTile--guesser[b-fuaml65gp4] {
    --bgm-action-accent: #164f35;
    --bgm-action-accent-rgb: 22, 79, 53;
}

.bgm-actionTile--casual[b-fuaml65gp4] {
    --bgm-action-accent: #cfa13a;
    --bgm-action-accent-rgb: 207, 161, 58;
}

.bgm-actionTile--vote[b-fuaml65gp4] {
    --bgm-action-accent: #7c3f8c;
    --bgm-action-accent-rgb: 124, 63, 140;
}

.bgm-actionTile--play[b-fuaml65gp4] {
    --bgm-action-accent: var(--bgm-rd-green, #164f35);
    --bgm-action-accent-rgb: var(--bgm-rd-green-rgb, 22, 79, 53);
}

.bgm-actionTile--bets[b-fuaml65gp4] {
    --bgm-action-accent: #b8791f;
    --bgm-action-accent-rgb: 184, 121, 31;
}

.bgm-actionTile--horse[b-fuaml65gp4] {
    --bgm-action-accent: #8a4f2a;
    --bgm-action-accent-rgb: 138, 79, 42;
}

.bgm-actionTile--arcade[b-fuaml65gp4] {
    --bgm-action-accent: #2f658c;
    --bgm-action-accent-rgb: 47, 101, 140;
}

.bgm-actionTile--rsvp[b-fuaml65gp4] {
    --bgm-action-accent: #2f6f4e;
    --bgm-action-accent-rgb: 47, 111, 78;
}

.bgm-actionTile--signup[b-fuaml65gp4] {
    --bgm-action-accent: var(--bgm-rd-blue, #0087c8);
    --bgm-action-accent-rgb: var(--bgm-rd-blue-rgb, 0, 135, 200);
}

.bgm-actionTile--login[b-fuaml65gp4] {
    --bgm-action-accent: var(--bgm-rd-green, #164f35);
    --bgm-action-accent-rgb: var(--bgm-rd-green-rgb, 22, 79, 53);
}

.bgm-actionTile--about[b-fuaml65gp4] {
    --bgm-action-accent: #b8791f;
    --bgm-action-accent-rgb: 184, 121, 31;
}

.bgm-actionTile--people[b-fuaml65gp4] {
    --bgm-action-accent: #305f8e;
    --bgm-action-accent-rgb: 48, 95, 142;
}

.bgm-actionTile--features[b-fuaml65gp4] {
    --bgm-action-accent: #d66f1f;
    --bgm-action-accent-rgb: 214, 111, 31;
}

.bgm-pulseGrid[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(253px, auto));
    align-content: start;
    gap: 12px;
    margin-top: 16px;
}

.bgm-pulseControls[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bgm-pulseCountdown[b-fuaml65gp4] {
    --bgm-pulse-countdown: 360deg;
    --bgm-pulse-countdown-duration: 15s;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        conic-gradient(rgb(var(--bgm-rd-blue-rgb, 0, 135, 200)) var(--bgm-pulse-countdown), rgba(23, 34, 43, 0.12) 0),
        #fff;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.78rem;
    font-weight: 900;
    animation: bgm-pulse-countdown-sweep-b-fuaml65gp4 var(--bgm-pulse-countdown-duration) linear forwards;
}

.bgm-pulseCountdown--paused[b-fuaml65gp4] {
    animation-play-state: paused;
}

@property --bgm-pulse-countdown {
    syntax: "<angle>";
    inherits: false;
    initial-value: 360deg;
}

@keyframes bgm-pulse-countdown-sweep-b-fuaml65gp4 {
    to {
        --bgm-pulse-countdown: 0deg;
    }
}

.bgm-pulseCountdown span[b-fuaml65gp4] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
}

.bgm-pulsePlayback[b-fuaml65gp4] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(23, 34, 43, 0.18);
    background: #fff;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-pulseCard[b-fuaml65gp4] {
    --bgm-pulse-accent-rgb: var(--bgm-rd-blue-rgb, 0, 135, 200);
    --bgm-pulse-artwork: none;
    --bgm-pulse-artwork-x: 84%;
    --bgm-pulse-artwork-y: 72%;
    --bgm-pulse-artwork-size: 240px;
    position: relative;
    min-height: 214px;
    display: grid;
    grid-template-rows: 104px minmax(0, 1fr);
    gap: 12px;
    border: 1px solid rgba(var(--bgm-pulse-accent-rgb), 0.28);
    background: #fff;
    color: inherit;
    padding: 18px;
    text-align: left;
}

.bgm-pulseCard.is-clickable[b-fuaml65gp4] {
    cursor: pointer;
}

.bgm-pulseCard.is-clickable:hover[b-fuaml65gp4],
.bgm-pulseCard.is-clickable:focus-within[b-fuaml65gp4] {
    border-color: rgba(var(--bgm-pulse-accent-rgb), 0.46);
    box-shadow: 0 16px 30px rgba(23, 34, 43, 0.12);
    outline: none;
}

.bgm-pulseCard__action[b-fuaml65gp4] {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.bgm-pulseCard__action:focus-visible[b-fuaml65gp4] {
    outline: 3px solid rgb(var(--bgm-pulse-accent-rgb));
    outline-offset: -3px;
}

.bgm-pulseCard--noMedia[b-fuaml65gp4] {
    grid-template-rows: 78px minmax(0, 1fr);
    min-height: 188px;
    background: color-mix(in srgb, rgb(var(--bgm-pulse-accent-rgb)) 7%, #fff);
}

.bgm-pulseCard[b-fuaml65gp4]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--bgm-pulse-artwork);
    background-position: var(--bgm-pulse-artwork-x) var(--bgm-pulse-artwork-y);
    background-repeat: no-repeat;
    background-size: var(--bgm-pulse-artwork-size) var(--bgm-pulse-artwork-size);
    opacity: 0.22;
    pointer-events: none;
}

.bgm-pulseCard__top[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-left: 2px;
    position: relative;
    z-index: 3;
    pointer-events: none;
}

.bgm-pulseCard__icon[b-fuaml65gp4] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--bgm-pulse-accent-rgb), 0.26);
    background: rgba(var(--bgm-pulse-accent-rgb), 0.08);
    color: rgb(var(--bgm-pulse-accent-rgb));
}

.bgm-pulseCard__fallback[b-fuaml65gp4] {
    width: 96px;
    height: 76px;
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(var(--bgm-pulse-accent-rgb), 0.26);
    background: linear-gradient(135deg, rgba(var(--bgm-pulse-accent-rgb), 0.18), rgba(var(--bgm-pulse-accent-rgb), 0.035));
    color: rgb(var(--bgm-pulse-accent-rgb));
}

.bgm-pulseCard__fallback[b-fuaml65gp4]::before,
.bgm-pulseCard__fallback[b-fuaml65gp4]::after {
    content: "";
    position: absolute;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(var(--bgm-pulse-accent-rgb), 0.28);
    transform: rotate(18deg);
}

.bgm-pulseCard__fallback[b-fuaml65gp4]::before {
    right: -28px;
    top: -28px;
}

.bgm-pulseCard__fallback[b-fuaml65gp4]::after {
    bottom: -36px;
    left: -24px;
}

.bgm-pulseCard__fallback[b-fuaml65gp4]  .bgm-icon {
    position: relative;
    z-index: 1;
}

[b-fuaml65gp4] .bgm-pulseMedia--avatar {
    pointer-events: auto;
}

.bgm-pulseMedia[b-fuaml65gp4] {
    position: relative;
    box-sizing: border-box;
    flex: 0 0 104px;
    width: 104px;
    height: 104px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #f7f5ee;
    border: 1px solid rgba(var(--bgm-pulse-accent-rgb), 0.24);
}

.bgm-pulseMedia--image[b-fuaml65gp4] {
    border-radius: 0;
}

.bgm-pulseMedia__image[b-fuaml65gp4] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.bgm-pulseCard__content[b-fuaml65gp4] {
    display: grid;
    grid-template-rows: auto minmax(2.8em, auto) minmax(2.3em, auto);
    align-content: start;
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    padding: 0;
    text-align: left;
    position: relative;
    z-index: 1;
}

.bgm-pulseCard__eyebrow[b-fuaml65gp4] {
    display: flex;
    align-items: center;
    color: rgba(23, 34, 43, 0.54);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    line-height: 1.2;
    text-transform: uppercase;
}

.bgm-pulseCard__content strong[b-fuaml65gp4] {
    display: flex;
    align-items: flex-start;
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    font-weight: 900;
    line-height: 1.1;
    min-width: 0;
}

.bgm-pulseCard__content > span:last-child[b-fuaml65gp4] {
    display: flex;
    align-items: flex-start;
    color: rgba(23, 34, 43, 0.62);
    line-height: 1.35;
    overflow: hidden;
}

.bgm-wantedList[b-fuaml65gp4] {
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
}

.bgm-wantedList li[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-top: 1px solid rgba(23, 34, 43, 0.10);
    background: rgb(var(--bgm-c1-rgb, 22, 79, 53));
    color: rgb(var(--bgm-c1-contrast-rgb, 255, 255, 255));
    padding: 12px;
}

.bgm-wantedList li:first-child[b-fuaml65gp4] {
    border-top: 0;
}

.bgm-wantedList__rank[b-fuaml65gp4] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, 0.18);
    color: inherit;
    font-size: 0.78rem;
    font-weight: 900;
}

.bgm-wantedList__game[b-fuaml65gp4] {
    min-width: 0;
    color: inherit;
    font-weight: 900;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bgm-wantedList__game:hover[b-fuaml65gp4],
.bgm-wantedList__game:focus-visible[b-fuaml65gp4] {
    color: inherit;
    text-decoration: none;
    opacity: 0.78;
}

.bgm-wantedList__votes[b-fuaml65gp4] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(255, 255, 255, 0.18);
    color: inherit;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 4px 7px;
    white-space: nowrap;
}

.bgm-wantedList__votes > span[b-fuaml65gp4] {
    line-height: 1;
}

@media (max-width: 1240px) {
    .bgm-homeDashboard__inner[b-fuaml65gp4] {
        grid-template-columns: 1fr;
    }

    .bgm-homeDashboard__secondary[b-fuaml65gp4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .bgm-homeDashboard__secondary[b-fuaml65gp4] >  .bgm-horseSeason {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .bgm-homeDashboard__secondary[b-fuaml65gp4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .bgm-homeDashboard[b-fuaml65gp4] {
        padding-top: 20px;
    }

    .bgm-homeDashboard__inner[b-fuaml65gp4] {
        width: min(100vw - 20px, var(--bgm-rd-max-width, 1280px));
    }

    .bgm-dashboardPanel[b-fuaml65gp4] {
        padding: 16px;
    }

    .bgm-dashboardPanel__header[b-fuaml65gp4],
    .bgm-nextMondayGrid[b-fuaml65gp4],
    .bgm-pastMondayTools__grid[b-fuaml65gp4],
    .bgm-pulseGrid[b-fuaml65gp4] {
        grid-template-columns: 1fr;
    }

    .bgm-pulseGrid[b-fuaml65gp4] {
        grid-template-rows: repeat(2, minmax(251px, auto));
    }

    .bgm-pastMondayTools__header[b-fuaml65gp4],
    .bgm-reactionGame[b-fuaml65gp4] {
        display: grid;
    }

    .bgm-nextMondaySummary[b-fuaml65gp4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-nextMondayCard[b-fuaml65gp4] {
        min-height: 0;
    }

    .bgm-dashboardActions[b-fuaml65gp4] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bgm-dashboardButton[b-fuaml65gp4] {
        width: 100%;
    }

    .bgm-teaChoiceGrid[b-fuaml65gp4],
    .bgm-snackChoiceGrid[b-fuaml65gp4],
    .bgm-addSnackRow[b-fuaml65gp4],
    .bgm-dashboardSnackReviewItem[b-fuaml65gp4],
    .bgm-gamesPlanner__add[b-fuaml65gp4],
    .bgm-gamePlannerTeamAssign[b-fuaml65gp4] {
        grid-template-columns: 1fr;
    }

    .bgm-dashboardSnackReviewItem[b-fuaml65gp4]  .bgm-snackPraiseButton {
        width: 100%;
    }

    .bgm-gamePlannerCard__header[b-fuaml65gp4],
    .bgm-gamePlannerPlayer[b-fuaml65gp4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .bgm-snackToolbar[b-fuaml65gp4] {
        align-items: stretch;
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .bgm-dashboardPanel__header[b-fuaml65gp4] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .bgm-dashboardPanel__art[b-fuaml65gp4] {
        opacity: 0.2;
        right: -78px;
        top: -28px;
        width: 240px;
    }

    .bgm-dashboardBadge[b-fuaml65gp4] {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .bgm-actionTile[b-fuaml65gp4] {
        min-height: 88px;
        font-size: 0.66rem;
    }
}

.bgm-pastResultList[b-fuaml65gp4] {
    display: grid;
    gap: 12px;
}

.bgm-pastResultCard[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 12px;
    padding: 12px;
}

.bgm-pastResultCard__header[b-fuaml65gp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.bgm-pastResultCard__header strong[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    display: block;
    font-weight: 950;
}

.bgm-pastResultCard__header small[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.68);
    display: block;
    font-weight: 750;
    margin-top: 3px;
}

.bgm-pastResultCard__badge[b-fuaml65gp4] {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.10);
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding: 5px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-pastResultGrid[b-fuaml65gp4],
.bgm-pastResultRoutes[b-fuaml65gp4] {
    align-items: end;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.bgm-pastResultInline .bgm-pastResultGrid[b-fuaml65gp4] {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 120px);
}

.bgm-pastResultInline .bgm-pastResultRoutes[b-fuaml65gp4] {
    background: #fff;
    border: 1px solid rgba(23, 34, 43, 0.10);
    padding: 10px;
}

.bgm-pastResultRoutes[b-fuaml65gp4] {
    border-top: 1px solid rgba(23, 34, 43, 0.10);
    padding-top: 10px;
}

.bgm-pastResultField[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 6px;
    font-weight: 800;
    min-width: 0;
}

.bgm-pastResultField > span[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.76);
    display: flex;
    align-items: end;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    min-height: 18px;
    text-transform: uppercase;
}

.bgm-pastResultField input[type="checkbox"][b-fuaml65gp4] {
    width: 22px;
    height: 22px;
    accent-color: var(--bgm-rd-green, #164f35);
}

.bgm-pastResultField .bgm-gamesPlanner__select[b-fuaml65gp4],
.bgm-pastResultField .bgm-gamesPlanner__input[b-fuaml65gp4] {
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    width: 100%;
}

.bgm-pastResultField .bgm-gamesPlanner__select:disabled[b-fuaml65gp4],
.bgm-pastResultField .bgm-gamesPlanner__input:disabled[b-fuaml65gp4] {
    background: #f0eee7;
    color: rgba(23, 34, 43, 0.64);
    opacity: 1;
}

@media (max-width: 767px) {
    .bgm-pastResultGrid[b-fuaml65gp4],
    .bgm-pastResultInline .bgm-pastResultGrid[b-fuaml65gp4],
    .bgm-pastResultRoutes[b-fuaml65gp4] {
        grid-template-columns: 1fr;
    }

    .bgm-pastResultInline__actions[b-fuaml65gp4] {
        grid-template-columns: 1fr;
    }
}

.bgm-pastResultList[b-fuaml65gp4] {
    display: grid;
    gap: 12px;
}

.bgm-pastResultCard[b-fuaml65gp4] {
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 12px;
    padding: 12px;
}

.bgm-pastResultCard__header[b-fuaml65gp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.bgm-pastResultCard__header strong[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    display: block;
    font-weight: 950;
}

.bgm-pastResultCard__header small[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.68);
    display: block;
    font-weight: 750;
    margin-top: 3px;
}

.bgm-pastResultCard__badge[b-fuaml65gp4] {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.10);
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.58rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding: 5px 7px;
    text-transform: uppercase;
    white-space: nowrap;
}

.bgm-pastResultGrid[b-fuaml65gp4],
.bgm-pastResultRoutes[b-fuaml65gp4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.bgm-pastResultRoutes[b-fuaml65gp4] {
    border-top: 1px solid rgba(23, 34, 43, 0.10);
    padding-top: 10px;
}

.bgm-pastResultField[b-fuaml65gp4] {
    color: var(--bgm-rd-ink, #17222b);
    display: grid;
    gap: 5px;
    font-weight: 800;
    min-width: 0;
}

.bgm-pastResultField > span[b-fuaml65gp4] {
    color: rgba(23, 34, 43, 0.76);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bgm-pastResultField input[type="checkbox"][b-fuaml65gp4] {
    width: 22px;
    height: 22px;
    accent-color: var(--bgm-rd-green, #164f35);
}

.bgm-pastResultField .bgm-gamesPlanner__select[b-fuaml65gp4],
.bgm-pastResultField .bgm-gamesPlanner__input[b-fuaml65gp4] {
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-pastResultField .bgm-gamesPlanner__select:disabled[b-fuaml65gp4],
.bgm-pastResultField .bgm-gamesPlanner__input:disabled[b-fuaml65gp4] {
    background: #f0eee7;
    color: rgba(23, 34, 43, 0.64);
    opacity: 1;
}

@media (max-width: 767px) {
    .bgm-pastResultGrid[b-fuaml65gp4],
    .bgm-pastResultRoutes[b-fuaml65gp4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Rsvp.razor.rz.scp.css */
.bgm-rsvpPage[b-q9r32tvfxc] {
    min-height: calc(100vh - 96px);
    padding: clamp(0.75rem, 2.4vw, 2.25rem);
    background: var(--bgm-rd-paper, #f7f4ec);
}

.bgm-rsvpShell[b-q9r32tvfxc] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.bgm-rsvpHeader[b-q9r32tvfxc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: clamp(1.2rem, 3vw, 2.2rem);
}

.bgm-rsvpKicker[b-q9r32tvfxc],
.bgm-rsvpSummary__label[b-q9r32tvfxc] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}

.bgm-rsvpHeader h1[b-q9r32tvfxc] {
    margin: 0.25rem 0 0;
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(3rem, 10vw, 7rem);
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: 0;
}

.bgm-rsvpHeader p[b-q9r32tvfxc] {
    margin: 0.8rem 0 0;
    color: rgba(23, 34, 43, 0.68);
    font-size: clamp(1.05rem, 2.2vw, 1.5rem);
}

.bgm-rsvpHeaderActions[b-q9r32tvfxc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.6rem;
}

.bgm-rsvpCopyStatus[b-q9r32tvfxc] {
    flex-basis: 100%;
    color: rgba(23, 34, 43, 0.72);
    font-size: 0.86rem;
    font-weight: 700;
    text-align: right;
}

.bgm-rsvpBack[b-q9r32tvfxc],
.bgm-rsvpTeaButton[b-q9r32tvfxc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    border: 1px solid rgba(23, 34, 43, 0.18);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    padding: 0.75rem 1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-rsvpBack--primary[b-q9r32tvfxc] {
    background: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-rsvpNotice[b-q9r32tvfxc] {
    display: grid;
    gap: 0.75rem;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: rgba(255, 255, 255, 0.72);
    padding: clamp(1.2rem, 3vw, 2rem);
    color: rgba(23, 34, 43, 0.75);
    font-size: clamp(1rem, 2vw, 1.2rem);
}

.bgm-rsvpAuthActions[b-q9r32tvfxc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.bgm-rsvpResponseGrid[b-q9r32tvfxc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(0.75rem, 2vw, 1.1rem);
}

.bgm-rsvpChoice[b-q9r32tvfxc] {
    --bgm-rsvp-choice: #607077;
    aspect-ratio: 1 / 1;
    min-height: 210px;
    border: 2px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    color: var(--bgm-rsvp-choice);
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    font-size: clamp(1.45rem, 3vw, 2.4rem);
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
    transition: transform 140ms ease, background 140ms ease, border-color 140ms ease, color 140ms ease;
}

.bgm-rsvpChoice:hover[b-q9r32tvfxc],
.bgm-rsvpChoice:focus-visible[b-q9r32tvfxc] {
    border-color: var(--bgm-rsvp-choice);
    transform: translateY(-2px);
}

.bgm-rsvpChoice.is-selected[b-q9r32tvfxc] {
    background: var(--bgm-rsvp-choice);
    border-color: var(--bgm-rsvp-choice);
    color: #fff;
}

.bgm-rsvpChoice--going[b-q9r32tvfxc] {
    --bgm-rsvp-choice: #2f6f4e;
}

.bgm-rsvpChoice--maybe[b-q9r32tvfxc] {
    --bgm-rsvp-choice: #b8791f;
}

.bgm-rsvpChoice--notGoing[b-q9r32tvfxc] {
    --bgm-rsvp-choice: #9d3f3f;
}

.bgm-rsvpSummary[b-q9r32tvfxc] {
    margin-top: clamp(1rem, 2.5vw, 1.6rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    padding: clamp(1.2rem, 3vw, 2rem);
}

.bgm-rsvpSummary.is-going[b-q9r32tvfxc],
.bgm-rsvpSummary.is-maybe[b-q9r32tvfxc],
.bgm-rsvpSummary.is-notGoing[b-q9r32tvfxc] {
    color: #fff;
    border-color: transparent;
}

.bgm-rsvpSummary.is-going[b-q9r32tvfxc] {
    background: #2f6f4e;
}

.bgm-rsvpSummary.is-maybe[b-q9r32tvfxc] {
    background: #b8791f;
}

.bgm-rsvpSummary.is-notGoing[b-q9r32tvfxc] {
    background: #9d3f3f;
}

.bgm-rsvpSummary.is-going .bgm-rsvpSummary__label[b-q9r32tvfxc],
.bgm-rsvpSummary.is-maybe .bgm-rsvpSummary__label[b-q9r32tvfxc],
.bgm-rsvpSummary.is-notGoing .bgm-rsvpSummary__label[b-q9r32tvfxc],
.bgm-rsvpSummary.is-going p[b-q9r32tvfxc],
.bgm-rsvpSummary.is-maybe p[b-q9r32tvfxc],
.bgm-rsvpSummary.is-notGoing p[b-q9r32tvfxc] {
    color: rgba(255, 255, 255, 0.82);
}

.bgm-rsvpSummary strong[b-q9r32tvfxc] {
    display: block;
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1;
    margin: 0.3rem 0;
}

.bgm-rsvpSummary p[b-q9r32tvfxc] {
    margin: 0;
    color: rgba(23, 34, 43, 0.66);
}

.bgm-rsvpSummary.is-going .bgm-rsvpTeaButton[b-q9r32tvfxc] {
    border-color: rgba(255, 255, 255, 0.7);
    background: #fff;
    color: #2f6f4e;
}

.bgm-rsvpStatus[b-q9r32tvfxc] {
    margin-top: 0.85rem;
    color: rgba(23, 34, 43, 0.72);
    font-weight: 700;
}

@keyframes bgm-steam-rise-b-q9r32tvfxc {
    0% { opacity: 0; transform: translateY(0) scaleX(1); }
    40% { opacity: 0.8; transform: translateY(-3px) scaleX(1.1); }
    100% { opacity: 0; transform: translateY(-7px) scaleX(0.8); }
}

.bgm-steam[b-q9r32tvfxc] {
    animation: bgm-steam-rise-b-q9r32tvfxc 1.8s ease-out infinite;
}

.bgm-steam--delay[b-q9r32tvfxc] {
    animation-delay: 0.6s;
}

@media (max-width: 760px) {
    .bgm-rsvpPage[b-q9r32tvfxc] {
        padding: 0.5rem;
    }

    .bgm-rsvpHeader[b-q9r32tvfxc],
    .bgm-rsvpSummary[b-q9r32tvfxc] {
        align-items: stretch;
        flex-direction: column;
    }

    .bgm-rsvpHeader[b-q9r32tvfxc] {
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }

    .bgm-rsvpHeaderActions[b-q9r32tvfxc] {
        justify-content: stretch;
    }

    .bgm-rsvpHeaderActions .bgm-rsvpBack[b-q9r32tvfxc] {
        flex: 1 1 auto;
    }

    .bgm-rsvpCopyStatus[b-q9r32tvfxc] {
        text-align: left;
    }

    .bgm-rsvpResponseGrid[b-q9r32tvfxc] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .bgm-rsvpChoice[b-q9r32tvfxc] {
        aspect-ratio: auto;
        min-height: 112px;
        width: 100%;
    }

    .bgm-rsvpSummary[b-q9r32tvfxc] {
        margin-top: 0.5rem;
        padding: 1rem;
    }
}
/* /Components/Pages/TheBigMonday.razor.rz.scp.css */
/* ── Page wrapper ────────────────────────────────────────────────────── */
.tbm-page[b-r6tljjvcio] {
    min-height: 100vh;
}

/* ── Hero ────────────────────────────────────────────────────────────── */
.tbm-hero[b-r6tljjvcio] {
    background:
        radial-gradient(ellipse 120% 80% at 50% 0%, rgba(191,161,74,0.22) 0%, transparent 65%),
        linear-gradient(160deg, #1a3a14 0%, #2d5a27 45%, #3a6e30 100%);
    color: #fff;
    padding: 80px 20px 60px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.tbm-hero[b-r6tljjvcio]::before {
    content: "🎉🎲🍖🍺🎉";
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 8px;
    opacity: 0.18;
    pointer-events: none;
}

.tbm-hero__inner[b-r6tljjvcio] {
    max-width: 720px;
    margin: 0 auto;
}

.tbm-hero__kicker[b-r6tljjvcio] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 999px;
    padding: 5px 14px;
    margin-bottom: 18px;
    color: rgba(255,255,255,0.9);
}

.tbm-hero__title[b-r6tljjvcio] {
    font-size: clamp(2.4rem, 8vw, 4.5rem);
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1.05;
    margin: 0 0 12px;
    color: #fff;
    text-shadow: 0 4px 24px rgba(0,0,0,0.35);
}

.tbm-hero__date[b-r6tljjvcio] {
    font-size: 1.2rem;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
    margin: 0 0 16px;
}

.tbm-hero__desc[b-r6tljjvcio] {
    font-size: 1.05rem;
    color: rgba(255,255,255,0.78);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.6;
}

/* ── Content wrapper ────────────────────────────────────────────────── */
.tbm-content[b-r6tljjvcio] {
    padding-top: 48px;
    padding-bottom: 64px;
}

/* ── RSVP section ────────────────────────────────────────────────────── */
.tbm-rsvp[b-r6tljjvcio] {
    background: linear-gradient(135deg, #f8ffe8 0%, #eefae4 100%);
    border: 1px solid rgba(45, 90, 39, 0.15);
    border-radius: 16px;
    padding: 36px 28px;
    margin-bottom: 48px;
    text-align: center;
    box-shadow: 0 4px 24px rgba(34,49,28,0.07);
}

.tbm-rsvp__heading[b-r6tljjvcio] {
    font-size: clamp(1.6rem, 4vw, 2.6rem);
    font-weight: 800;
    color: #1e4018;
    margin: 0 0 24px;
}

.tbm-rsvp__notice[b-r6tljjvcio] {
    color: #555;
    max-width: 480px;
    margin: 0 auto;
}

.tbm-rsvp__buttons[b-r6tljjvcio] {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.tbm-rsvp__btn[b-r6tljjvcio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px 36px;
    border-radius: 14px;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.15s, box-shadow 0.15s, background 0.15s;
    background: #fff;
    color: #333;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    min-width: 140px;
}

.tbm-rsvp__btn:hover:not(:disabled)[b-r6tljjvcio] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.tbm-rsvp__btn:disabled[b-r6tljjvcio] {
    opacity: 0.6;
    cursor: not-allowed;
}

.tbm-rsvp__btn--yes.is-active[b-r6tljjvcio] {
    background: #2d7d1c;
    color: #fff;
    border-color: #2d7d1c;
}

.tbm-rsvp__btn--no.is-active[b-r6tljjvcio] {
    background: #c0392b;
    color: #fff;
    border-color: #c0392b;
}

.tbm-rsvp__btn-icon[b-r6tljjvcio] {
    font-size: 2rem;
    line-height: 1;
}

/* ── Attendees section ───────────────────────────────────────────────── */
.tbm-attendees[b-r6tljjvcio] {
    margin-bottom: 48px;
}

.tbm-attendees__heading[b-r6tljjvcio] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1e4018;
    margin: 0 0 20px;
}

.tbm-attendees__grid[b-r6tljjvcio] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
    gap: 16px;
}

.tbm-attendees__card[b-r6tljjvcio] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 8px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    text-align: center;
    transition: transform 0.15s, box-shadow 0.15s;
}

.tbm-attendees__card:hover[b-r6tljjvcio] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}

.tbm-attendees__card.is-me[b-r6tljjvcio] {
    border-color: #2d7d1c;
    background: #f0fae8;
}

.tbm-attendees__avatarLink[b-r6tljjvcio] {
    display: inline-block;
    text-decoration: none;
}

.tbm-attendees__avatarLink:focus-visible[b-r6tljjvcio] {
    outline: 2px solid rgba(45, 125, 28, 0.6);
    outline-offset: 3px;
    border-radius: 999px;
}

.tbm-attendees__avatar[b-r6tljjvcio] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2d5a27 0%, #4a8a3f 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    overflow: hidden;
    flex-shrink: 0;
}

.tbm-attendees__avatar img[b-r6tljjvcio] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tbm-attendees__name[b-r6tljjvcio] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #222;
    word-break: break-word;
}

.tbm-attendees__you[b-r6tljjvcio] {
    font-size: 0.7rem;
    color: #2d7d1c;
    font-weight: 600;
}

.tbm-attendees__count[b-r6tljjvcio] {
    margin-top: 16px;
    color: #666;
    font-size: 0.9rem;
}

/* ── Gallery section ─────────────────────────────────────────────────── */
.tbm-gallery[b-r6tljjvcio] {
    margin-bottom: 48px;
}

.tbm-gallery__heading[b-r6tljjvcio] {
    font-size: 1.8rem;
    font-weight: 700;
    color: #1e4018;
    margin: 0 0 20px;
}

.tbm-gallery__grid[b-r6tljjvcio] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
}

.tbm-gallery__item[b-r6tljjvcio] {
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    background: #f5f5f5;
    transition: transform 0.2s, box-shadow 0.2s;
}

.tbm-gallery__item:hover[b-r6tljjvcio] {
    transform: scale(1.02);
    box-shadow: 0 8px 28px rgba(0,0,0,0.16);
}

.tbm-gallery__item img[b-r6tljjvcio] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.tbm-gallery__item figcaption[b-r6tljjvcio] {
    padding: 10px 14px;
    font-size: 0.82rem;
    color: #555;
    background: #fff;
}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 576px) {
    .tbm-hero[b-r6tljjvcio] {
        padding: 60px 16px 40px;
    }

    .tbm-rsvp[b-r6tljjvcio] {
        padding: 24px 16px;
    }

    .tbm-rsvp__btn[b-r6tljjvcio] {
        padding: 16px 24px;
        min-width: 120px;
    }

    .tbm-attendees__grid[b-r6tljjvcio] {
        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
        gap: 12px;
    }

    .tbm-gallery__grid[b-r6tljjvcio] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/WhatYouCanDo.razor.rz.scp.css */
.bgm-features[b-88bw1f18gf] {
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    min-height: calc(100vh - var(--bgm-header-height, 64px));
    padding: clamp(30px, 5vw, 72px) clamp(16px, 4vw, 48px) clamp(48px, 7vw, 88px);
}

.bgm-featuresHero[b-88bw1f18gf],
.bgm-featuresGrid[b-88bw1f18gf],
.bgm-featuresJoin[b-88bw1f18gf] {
    margin-inline: auto;
    width: min(1180px, 100%);
}

.bgm-featuresHero[b-88bw1f18gf] {
    display: grid;
    gap: 16px;
    margin-bottom: clamp(24px, 4vw, 42px);
}

.bgm-dashboardLabel[b-88bw1f18gf] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.bgm-featuresHero h1[b-88bw1f18gf] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(2.6rem, 8vw, 6.4rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 0.9;
    margin: 0;
    max-width: 11ch;
}

.bgm-featuresHero p[b-88bw1f18gf],
.bgm-featuresJoin p[b-88bw1f18gf] {
    color: rgba(23, 34, 43, 0.68);
    font-size: clamp(1rem, 1.8vw, 1.25rem);
    line-height: 1.5;
    margin: 0;
    max-width: 62ch;
}

.bgm-featuresHero__actions[b-88bw1f18gf],
.bgm-featuresJoin[b-88bw1f18gf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bgm-featuresButton[b-88bw1f18gf] {
    align-items: center;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 950;
    justify-content: center;
    letter-spacing: 0.1em;
    min-height: 44px;
    padding: 12px 16px;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-featuresButton:hover[b-88bw1f18gf],
.bgm-featuresButton:focus-visible[b-88bw1f18gf] {
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.52);
    color: var(--bgm-rd-blue, #0087c8);
    outline: none;
}

.bgm-featuresButton--primary[b-88bw1f18gf] {
    background: #d66f1f;
    border-color: #d66f1f;
    color: #fff;
}

.bgm-featuresButton--primary:hover[b-88bw1f18gf],
.bgm-featuresButton--primary:focus-visible[b-88bw1f18gf] {
    background: #b95713;
    border-color: #b95713;
    color: #fff;
}

.bgm-featuresGrid[b-88bw1f18gf] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bgm-featureCard[b-88bw1f18gf] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    display: grid;
    gap: 16px;
    min-height: 230px;
    padding: 20px;
}

.bgm-featureCard__icon[b-88bw1f18gf] {
    align-items: center;
    background: var(--bgm-rd-blue, #0087c8);
    color: #fff;
    display: inline-flex;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.bgm-featureCard h2[b-88bw1f18gf] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    font-weight: 950;
    line-height: 1;
    margin: 0;
}

.bgm-featureCard p[b-88bw1f18gf] {
    color: rgba(23, 34, 43, 0.66);
    line-height: 1.45;
    margin: 9px 0 0;
}

.bgm-featuresJoin[b-88bw1f18gf] {
    align-items: center;
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
    justify-content: space-between;
    margin-top: 16px;
    padding: clamp(20px, 3vw, 30px);
}

.bgm-featuresJoin .bgm-dashboardLabel[b-88bw1f18gf],
.bgm-featuresJoin h2[b-88bw1f18gf],
.bgm-featuresJoin p[b-88bw1f18gf] {
    color: #fff;
}

.bgm-featuresJoin h2[b-88bw1f18gf] {
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 950;
    line-height: 1;
    margin: 8px 0;
}

@media (max-width: 980px) {
    .bgm-featuresGrid[b-88bw1f18gf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bgm-features[b-88bw1f18gf] {
        padding: 24px 10px 42px;
    }

    .bgm-featuresGrid[b-88bw1f18gf] {
        grid-template-columns: 1fr;
    }

    .bgm-featureCard[b-88bw1f18gf] {
        min-height: 0;
    }

    .bgm-featuresHero__actions[b-88bw1f18gf],
    .bgm-featuresJoin[b-88bw1f18gf] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .bgm-featuresButton[b-88bw1f18gf] {
        width: 100%;
    }
}
/* /Components/ProfilePhotoToast.razor.rz.scp.css */
.profile-photo-toast[b-yty5q36j5x] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9999;
    max-width: 420px;
    width: calc(100% - 2rem);
    background: var(--bs-body-bg, #fff);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.75rem;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    animation: photo-toast-slideIn-b-yty5q36j5x 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes photo-toast-slideIn-b-yty5q36j5x {
    from { transform: translateY(24px) scale(0.97); opacity: 0; }
    to   { transform: translateY(0) scale(1);       opacity: 1; }
}

.profile-photo-toast__body[b-yty5q36j5x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
}

.profile-photo-toast__icon[b-yty5q36j5x] {
    font-size: 1.75rem;
    flex-shrink: 0;
}

.profile-photo-toast__title[b-yty5q36j5x] {
    font-weight: 600;
    font-size: 0.95rem;
    line-height: 1.2;
}

.profile-photo-toast__text[b-yty5q36j5x] {
    font-size: 0.85rem;
    color: var(--bs-secondary-color, #6c757d);
    margin-top: 0.1rem;
}

.profile-photo-toast__close[b-yty5q36j5x] {
    background: none;
    border: none;
    font-size: 1.4rem;
    line-height: 1;
    color: var(--bs-secondary-color, #6c757d);
    cursor: pointer;
    padding: 0 0.25rem;
    flex-shrink: 0;
}

.profile-photo-toast__close:hover[b-yty5q36j5x] {
    color: var(--bs-body-color);
}
/* /Components/Sections/BlogSection.razor.rz.scp.css */
/* Restored local file after OneDrive placeholder conflict. */
/* /Components/Sections/CookieConsent.razor.rz.scp.css */
.cookie-consent-banner[b-zlvgf9r57s] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 11000;
    width: min(640px, calc(100vw - 48px));
    color: var(--bgm-rd-ink, var(--bgm-navy));
    font-family: var(--bgm-rd-font-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.cookie-consent-content[b-zlvgf9r57s] {
    display: grid;
    gap: 18px;
    padding: 24px;
    background: var(--bgm-ivory, #fffef9);
    border: 1px solid rgba(var(--bgm-leather-rgb, 122, 90, 58), 0.22);
    box-shadow:
        0 24px 56px rgba(var(--bgm-navy-rgb, 14, 26, 43), 0.18),
        inset 0 0 0 4px rgba(var(--bgm-gold-rgb, 201, 164, 76), 0.08);
}

.cookie-consent-title[b-zlvgf9r57s] {
    margin: 0;
    color: var(--bgm-navy, #0e1a2b);
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(1.7rem, 4vw, 2.6rem);
    font-weight: 900;
    line-height: 0.95;
    letter-spacing: 0;
}

.cookie-consent-text[b-zlvgf9r57s] {
    margin: 0;
    color: rgba(var(--bgm-navy-rgb, 14, 26, 43), 0.78);
    font-size: 1rem;
    line-height: 1.5;
}

.cookie-consent-link[b-zlvgf9r57s] {
    color: var(--bgm-leather, #7a5a3a);
    font-weight: 800;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.cookie-consent-options[b-zlvgf9r57s] {
    display: grid;
    gap: 10px;
}

.cookie-option[b-zlvgf9r57s] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: flex-start;
    padding: 14px;
    background: rgba(var(--bgm-soft-grey-rgb, 227, 225, 220), 0.28);
    border: 1px solid rgba(var(--bgm-leather-rgb, 122, 90, 58), 0.14);
}

.cookie-option--required[b-zlvgf9r57s] {
    background: rgba(var(--bgm-gold-rgb, 201, 164, 76), 0.14);
}

.cookie-option input[b-zlvgf9r57s] {
    width: 22px;
    height: 22px;
    margin: 2px 0 0;
    accent-color: var(--bgm-forest, #1f3d2b);
}

.cookie-option-text[b-zlvgf9r57s] {
    display: grid;
    gap: 3px;
}

.cookie-option-text strong[b-zlvgf9r57s] {
    color: var(--bgm-navy, #0e1a2b);
    font-size: 1rem;
    line-height: 1.2;
}

.cookie-option-text small[b-zlvgf9r57s] {
    color: rgba(var(--bgm-navy-rgb, 14, 26, 43), 0.68);
    font-size: 0.92rem;
    line-height: 1.35;
}

.cookie-consent-actions[b-zlvgf9r57s] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.cookie-consent-actions .btn[b-zlvgf9r57s] {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 0;
    font-family: var(--bgm-rd-font-sans, inherit);
    font-size: 0.9rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cookie-consent-actions .btn-primary[b-zlvgf9r57s],
.cookie-consent-actions .btn-success[b-zlvgf9r57s] {
    background: var(--bgm-forest, #1f3d2b);
    border-color: var(--bgm-forest, #1f3d2b);
    color: var(--bgm-cream, #f7f5ef);
}

.cookie-consent-actions .btn-outline-secondary[b-zlvgf9r57s] {
    color: var(--bgm-navy, #0e1a2b);
    border-color: rgba(var(--bgm-navy-rgb, 14, 26, 43), 0.22);
    background: rgba(var(--bgm-ivory-rgb, 255, 254, 249), 0.72);
}

.cookie-consent-actions .btn:hover[b-zlvgf9r57s],
.cookie-consent-actions .btn:focus-visible[b-zlvgf9r57s] {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(var(--bgm-navy-rgb, 14, 26, 43), 0.12);
}

@media (max-width: 640px) {
    .cookie-consent-banner[b-zlvgf9r57s] {
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .cookie-consent-content[b-zlvgf9r57s] {
        max-height: calc(100vh - var(--bgm-header-height, 72px));
        overflow: auto;
        padding: 18px;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
    }

    .cookie-consent-actions[b-zlvgf9r57s] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .cookie-consent-actions .btn[b-zlvgf9r57s] {
        width: 100%;
    }
}
/* /Components/Sections/GamesSection.razor.rz.scp.css */
.bgm-gamesSection[b-2pujshelnh] {
    --bgm-games-grid-min: min(280px, 100%);
    background: #f2f5f4 !important;
    justify-content: flex-start;
    min-height: 0;
    padding-block: clamp(2rem, 4vw, 3.5rem);
}

.bgm-gamesHeader[b-2pujshelnh] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--bgm-rd-card-gap, 1.25rem);
    margin-bottom: var(--bgm-rd-card-gap, 1.25rem);
}

.bgm-gamesSection .bgm-rd-section-title[b-2pujshelnh] {
    color: var(--bgm-rd-green, var(--bgm-forest));
    font-size: clamp(2.15rem, 4.5vw, 4.5rem);
    font-weight: 900;
    line-height: 0.95;
}

.bgm-gamesTitleRow[b-2pujshelnh] {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 2.5vw, 2.25rem);
    margin-bottom: 0.65rem;
    width: 100%;
}

.bgm-gamesTitleRow .bgm-rd-section-title[b-2pujshelnh] {
    margin: 0;
}

.bgm-gamesTitleArt[b-2pujshelnh] {
    width: clamp(11rem, 20vw, 16rem);
    height: auto;
    flex: 0 0 auto;
    margin-left: auto;
    object-fit: contain;
}

.bgm-gamesGuide[b-2pujshelnh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem;
}

.bgm-gamesGuide p[b-2pujshelnh] {
    color: rgba(23, 34, 43, 0.64);
    margin: 0;
}

.bgm-gamesGuide__link[b-2pujshelnh] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-gamesGuide__link:hover[b-2pujshelnh],
.bgm-gamesGuide__link:focus-visible[b-2pujshelnh] {
    color: var(--bgm-rd-blue, #0087c8);
    text-decoration: underline;
    text-underline-offset: 0.24em;
}

.bgm-gamesRankControls[b-2pujshelnh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(8.5rem, 1fr));
    align-items: stretch;
    gap: calc(var(--bgm-rd-card-gap, 1.25rem) * 0.5);
    flex: 1 1 auto;
}

.bgm-rankBtn[b-2pujshelnh] {
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(23, 34, 43, 0.18);
    border-radius: 0;
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    padding: 9px 18px;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, transform 80ms ease;
    white-space: nowrap;
    line-height: 1.2;
}

.bgm-rankBtn:focus-visible[b-2pujshelnh] {
    outline: 2px solid var(--bgm-gold);
    outline-offset: 3px;
}

.bgm-rankBtn:active[b-2pujshelnh] {
    transform: scale(0.97);
}

.bgm-gamesSection .bgm-rankBtn:hover[b-2pujshelnh] {
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.5);
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-gamesSection .bgm-rankBtn.is-active[b-2pujshelnh] {
    background: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
    color: #fff;
    font-weight: 800;
}

/* ===== By Member popup ===== */

.bgm-memberPopup[b-2pujshelnh] {
    position: relative;
    width: 100%;
}

.bgm-memberPopup > .bgm-rankBtn[b-2pujshelnh] {
    height: 100%;
}

.bgm-memberPopup__panel[b-2pujshelnh] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 10;
    min-width: 180px;
    background: var(--bgm-ivory);
    border: 1px solid rgba(var(--bgm-maroon-rgb), 0.2);
    border-radius: var(--bgm-rd-card-radius, 0.5rem);
    box-shadow: 0 12px 32px rgba(var(--bgm-navy-rgb), 0.16);
    overflow: hidden;
}

.bgm-memberPopup__empty[b-2pujshelnh] {
    width: min(18rem, calc(100vw - 2rem));
    padding: 1rem;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.45;
}

.bgm-memberPopup__item[b-2pujshelnh] {
    display: block;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 10px 16px;
    text-align: left;
    font: inherit;
    font-size: 0.92rem;
    color: rgba(var(--bgm-forest-rgb), 0.9);
    cursor: pointer;
    transition: background 100ms ease;
}

.bgm-memberPopup__item:hover[b-2pujshelnh],
.bgm-memberPopup__item:focus-visible[b-2pujshelnh] {
    background: rgba(var(--bgm-maroon-rgb), 0.08);
    outline: none;
}

.bgm-memberPopup__item.is-selected[b-2pujshelnh] {
    background: rgba(var(--bgm-maroon-rgb), 0.12);
    font-weight: 600;
    color: var(--bgm-maroon);
}

/* ===== Search ===== */

.bgm-gamesSearch[b-2pujshelnh] {
    position: relative;
    width: min(320px, 90vw);
}

.bgm-gamesSearch__input[b-2pujshelnh] {
    width: 100%;
    border-radius: 0;
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.18);
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 16px;
    font: inherit;
    color: rgba(var(--bgm-forest-rgb), 0.92);
}

@media (max-width: 640px) {
    .bgm-gamesHeader[b-2pujshelnh] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .bgm-gamesRankControls[b-2pujshelnh] {
        gap: 8px;
    }

    .bgm-rankBtn[b-2pujshelnh] {
        text-align: center;
        padding: 12px 10px;
        min-height: 48px;
        touch-action: manipulation;
    }

    .bgm-memberPopup[b-2pujshelnh] {
        min-width: 0;
    }

    .bgm-memberPopup .bgm-rankBtn[b-2pujshelnh] {
        width: 100%;
    }

    .bgm-memberPopup__panel[b-2pujshelnh] {
        left: 0;
        right: 0;
        min-width: unset;
    }

    .bgm-gamesSearch[b-2pujshelnh] {
        width: 100%;
    }

    .bgm-gamesSearch__input[b-2pujshelnh] {
        padding: 12px 18px;
        font-size: 1rem;
    }

}

.bgm-gamesSearch__input:focus-visible[b-2pujshelnh] {
    outline: 2px solid rgba(var(--bgm-gold-rgb), 0.55);
    outline-offset: 3px;
}

.bgm-gamesSearch__results[b-2pujshelnh] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: 0;
    z-index: 5;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.18);
    border-radius: var(--bgm-rd-card-radius, 0.5rem);
    box-shadow: 0 18px 48px rgba(var(--bgm-navy-rgb), 0.18);
    overflow: hidden;
}

.bgm-gamesSearch__item[b-2pujshelnh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 10px 14px;
    text-align: left;
    font: inherit;
    cursor: pointer;
    color: rgba(var(--bgm-forest-rgb), 0.92);
}

.bgm-gamesSearch__item:hover[b-2pujshelnh],
.bgm-gamesSearch__item:focus-visible[b-2pujshelnh] {
    background: rgba(var(--bgm-gold-rgb), 0.14);
    outline: none;
}

.bgm-gamesSearch__name[b-2pujshelnh] {
    font-weight: 600;
}

.bgm-gamesSearch__status[b-2pujshelnh],
.bgm-gamesSearch__rating[b-2pujshelnh] {
    font-size: 0.85rem;
    color: rgba(var(--bgm-forest-rgb), 0.6);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.bgm-gamesSearch__empty[b-2pujshelnh] {
    padding: 12px 14px;
    color: rgba(var(--bgm-forest-rgb), 0.6);
    font-style: italic;
}

/* ===== Pager ===== */

.bgm-gamesPager[b-2pujshelnh] {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

.bgm-gamesPager__btn[b-2pujshelnh],
.bgm-gamesPager__page[b-2pujshelnh] {
    border: 1px solid rgba(var(--bgm-leather-rgb), 0.2);
    background: rgba(255, 255, 255, 0.65);
    border-radius: var(--bgm-rd-card-radius, 0.5rem);
    padding: 8px 12px;
    font: inherit;
    color: rgba(var(--bgm-forest-rgb), 0.9);
}

.bgm-gamesPager__page.is-active[b-2pujshelnh] {
    background: rgba(var(--bgm-gold-rgb), 0.2);
    font-weight: 700;
}

.bgm-gamesPager__btn:disabled[b-2pujshelnh] {
    opacity: 0.45;
    cursor: default;
}

.bgm-gamesPager__pages[b-2pujshelnh] {
    display: flex;
    gap: 6px;
}

/* ===== Game cards ===== */

.bgm-gameCardButton[b-2pujshelnh] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: inherit;
    cursor: pointer;
}

.bgm-gameCardButton .card[b-2pujshelnh] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.16s ease, border-color 0.18s ease;
}

.bgm-gameCardButton:hover .card[b-2pujshelnh],
.bgm-gameCardButton:focus-visible .card[b-2pujshelnh] {
    transform: translateY(-2px);
    box-shadow: none;
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.54);
}

.bgm-gameCardButton:focus-visible[b-2pujshelnh] {
    outline: 2px solid rgba(var(--bgm-gold-rgb), 0.55);
    outline-offset: 4px;
    border-radius: var(--bgm-rd-card-radius, 0.5rem);
}

.bgm-gameCardActions[b-2pujshelnh] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.bgm-gameCardAction[b-2pujshelnh] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid rgba(var(--bgm-forest-rgb), 0.22);
    border-radius: 50%;
    background: #fff;
    color: var(--bgm-forest);
    box-shadow: 0 3px 10px rgba(var(--bgm-navy-rgb), 0.08);
    cursor: pointer;
    text-decoration: none;
    transition: color 140ms ease, background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

.bgm-gameCardAction:hover[b-2pujshelnh],
.bgm-gameCardAction:focus-visible[b-2pujshelnh] {
    color: var(--bgm-navy);
    border-color: var(--bgm-gold);
    background: rgba(var(--bgm-gold-rgb), 0.18);
    box-shadow: 0 5px 14px rgba(var(--bgm-navy-rgb), 0.14);
    outline: none;
    transform: translateY(-2px);
}

.bgm-gameCardAction--vote[b-2pujshelnh] {
    border-color: rgba(var(--bgm-maroon-rgb), 0.28);
    color: var(--bgm-maroon);
}

.bgm-gameCardAction--vote.is-voted[b-2pujshelnh] {
    border-color: var(--bgm-forest);
    background: var(--bgm-forest);
    color: #fff;
}

.bgm-gameCardAction:disabled[b-2pujshelnh] {
    cursor: default;
    opacity: 1;
    transform: none;
}

.bgm-gameCardButton[role="button"][b-2pujshelnh] {
    cursor: pointer;
}

.bgm-gamesGrid .bgm-gameCardButton .card[b-2pujshelnh] {
    height: 100%;
    border-radius: 0;
    overflow: hidden;
}

.bgm-gamesGrid[b-2pujshelnh] {
    grid-template-columns: repeat(auto-fill, minmax(var(--bgm-games-grid-min), 1fr));
    grid-template-rows: repeat(2, minmax(405px, auto));
    align-content: start;
    min-height: 831px;
}

/* Rank badge */
.bgm-gameCard__imgWrap[b-2pujshelnh] {
    position: relative;
    height: clamp(11rem, 18vw, 14rem);
    overflow: hidden;
    background: var(--bgm-rd-dark, #071017);
}

.bgm-gameCard__imgWrap .card-img-top[b-2pujshelnh] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgm-gameCard__folio[b-2pujshelnh] {
    display: none;
    width: 100%;
    height: 100%;
    place-content: center;
    gap: 0.35rem;
    border: 10px solid var(--bgm-rd-dark, #071017);
    outline: 1px solid rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.72);
    outline-offset: -20px;
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-dark, #071017);
    text-align: center;
}

.bgm-gameCard__imgWrap.is-placeholder .bgm-gameCard__folio[b-2pujshelnh] {
    display: grid;
}

.bgm-gameCard__folio strong[b-2pujshelnh] {
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(3rem, 6vw, 4.5rem);
    font-weight: 900;
    letter-spacing: -0.03em;
    line-height: 0.9;
}

.bgm-gameCard__folio span[b-2pujshelnh] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.bgm-gameCard__rank[b-2pujshelnh] {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--bgm-rd-dark, #071017);
    color: var(--bgm-gold);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding: 3px 9px;
    border-radius: 0;
    pointer-events: none;
    line-height: 1.4;
}

/* Enhanced mobile game cards */
@media (max-width: 1100px) {
    .bgm-gamesRankControls[b-2pujshelnh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) and (max-width: 899px) {
    .bgm-gamesGrid[b-2pujshelnh] {
        grid-template-rows: repeat(3, minmax(356px, auto));
        min-height: 0;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .bgm-gamesGrid[b-2pujshelnh] {
        grid-template-rows: repeat(2, minmax(356px, auto));
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .bgm-gamesTitleRow[b-2pujshelnh] {
        gap: 0.75rem;
    }

    .bgm-gamesTitleArt[b-2pujshelnh] {
        width: clamp(9rem, 38vw, 12rem);
    }

    .bgm-gameCardButton[b-2pujshelnh] {
        transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .bgm-gameCardButton:active[b-2pujshelnh] {
        transform: scale(0.98);
    }

    .bgm-gameCardButton .card[b-2pujshelnh] {
        border-radius: 0;
        overflow: hidden;
        box-shadow: none;
    }

    .bgm-gameCard__imgWrap[b-2pujshelnh] {
        height: 160px;
    }

    .bgm-gameCardButton .card-img-top[b-2pujshelnh] {
        height: 100%;
    }

    .bgm-gameCardButton .card-body[b-2pujshelnh] {
        padding: 14px;
    }

    .bgm-gameCardButton .card-title[b-2pujshelnh] {
        font-size: 1.05rem;
        line-height: 1.3;
        margin-bottom: 6px;
    }

    .bgm-gameCardButton .card-text[b-2pujshelnh] {
        font-size: 0.9rem;
        line-height: 1.4;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .bgm-gameCardButton .card-footer[b-2pujshelnh] {
        padding: 10px 14px;
        font-size: 0.85rem;
    }

    .bgm-gamesGrid[b-2pujshelnh] {
        grid-template-rows: repeat(3, minmax(297px, auto));
        min-height: 931px;
    }

    .bgm-gamesPager[b-2pujshelnh] {
        gap: 8px;
    }

    .bgm-gamesPager__btn[b-2pujshelnh],
    .bgm-gamesPager__page[b-2pujshelnh] {
        padding: 12px 16px;
        min-height: 44px;
        font-size: 0.9rem;
        touch-action: manipulation;
    }
}

/* Extra small screens */
@media (max-width: 380px) {
    .bgm-gamesGuide[b-2pujshelnh] {
        align-items: flex-start;
        flex-direction: column;
    }

    .bgm-rankBtn[b-2pujshelnh] {
        padding: 10px 8px;
        font-size: 0.85rem;
    }

    .bgm-gameCard__imgWrap[b-2pujshelnh] {
        height: 140px;
    }
}
/* /Components/Sections/Highlights/HighlightCard.razor.rz.scp.css */
.highlight-card[b-nofawro272] {
    position: relative;
    border-radius: 16px;
    padding: 4px;
    border: 1px solid rgba(var(--bgm-forest-rgb), 0.12);
    background: var(--highlight-background, rgba(255, 255, 255, 0.65));
    box-shadow: 0 8px 24px rgba(var(--bgm-navy-rgb), 0.08);
    overflow: hidden;
    transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.25s ease,
                border-color 0.2s ease;
    animation: highlightFadeIn-b-nofawro272 0.5s ease-out backwards;
    /* Fill the height of the carousel slide so all cards are uniform */
    flex: 1;
    display: flex;
    flex-direction: column;
}

@keyframes highlightFadeIn-b-nofawro272 {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.highlight-card[b-nofawro272]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 6px;
    background: linear-gradient(90deg,
        rgba(var(--highlight-accent), 0.8),
        rgba(var(--highlight-accent), 0.4),
        rgba(var(--highlight-accent), 0.1));
    pointer-events: none;
}

.highlight-card--clickable[b-nofawro272] {
    cursor: pointer;
}

.highlight-card--clickable:hover[b-nofawro272] {
    border-color: rgba(var(--highlight-accent), 0.5);
    transform: translateY(-4px) scale(1.01);
    box-shadow:
        0 0 0 2px rgba(var(--highlight-accent), 0.2),
        0 16px 40px rgba(var(--bgm-navy-rgb), 0.14),
        0 6px 20px rgba(var(--highlight-accent), 0.08);
}

.highlight-card--clickable:focus-visible[b-nofawro272] {
    outline: 2px solid rgba(var(--highlight-accent), 0.5);
    outline-offset: 3px;
}

.highlight-card__header[b-nofawro272] {
    padding: 12px 14px 8px;
}

.highlight-card__kicker[b-nofawro272] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid rgba(var(--highlight-accent), 0.3);
    background: rgba(var(--highlight-accent), 0.08);
    color: var(--highlight-font-color, rgba(var(--bgm-forest-rgb), 0.75));
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.highlight-card__body[b-nofawro272] {
    padding: 0 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* Grow to fill the card and centre content vertically */
    flex: 1;
    justify-content: center;
    align-items: center;
}

.highlight-card__image[b-nofawro272] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 80px;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
}

.highlight-card__image img[b-nofawro272] {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 80px;
    object-fit: contain;
    border-radius: 8px;
}

.highlight-card__content[b-nofawro272] {
    text-align: center;
    width: 100%;
}

.highlight-card__title[b-nofawro272] {
    margin: 0;
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    font-weight: 700;
    color: var(--highlight-font-color, var(--bgm-forest));
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.highlight-card__subtitle[b-nofawro272] {
    margin: 4px 0 0;
    font-size: 0.8rem;
    color: var(--highlight-font-color, rgba(var(--bgm-forest-rgb), 0.7));
    line-height: 1.4;
}

.highlight-card__snackPraise[b-nofawro272] {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

.highlight-card__empty[b-nofawro272] {
    text-align: center;
    padding: 8px 0;
}

.highlight-card__empty p[b-nofawro272] {
    margin: 0;
    font-size: 0.85rem;
}

/* Animation delays for staggered entrance */
.highlight-card:nth-child(1)[b-nofawro272] { animation-delay: 0.1s; }
.highlight-card:nth-child(2)[b-nofawro272] { animation-delay: 0.2s; }
.highlight-card:nth-child(3)[b-nofawro272] { animation-delay: 0.3s; }
.highlight-card:nth-child(4)[b-nofawro272] { animation-delay: 0.4s; }

/* Badge ring text label shown on highlight cards for members with a ring */
.highlight-card__ring-label[b-nofawro272] {
    display: inline-block;
    margin-top: 5px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.highlight-card__ring-label--bronze[b-nofawro272] {
    color: #8c5230;
}

.highlight-card__ring-label--silver[b-nofawro272] {
    color: #4e5d6e;
}

.highlight-card__ring-label--gold[b-nofawro272] {
    color: #9a6e08;
}

.highlight-card__ring-label--platinum[b-nofawro272] {
    color: #2a69c4;
}

.highlight-card__ring-label--poker-chip[b-nofawro272] {
    color: #aa1100;
}

.highlight-card__ring-label--team-5[b-nofawro272] {
    color: #0a7a4e;
}

.highlight-card__ring-label--team-10[b-nofawro272] {
    color: #7c3aed;
}

.highlight-card__ring-label--team-15[b-nofawro272] {
    color: #be185d;
}

.highlight-card__ring-label--multi[b-nofawro272] {
    color: #6b4c9a;
}

.highlight-card__ring--poker-chip[b-nofawro272] {
    background: conic-gradient(
        #e8e8e8 0deg 30deg,
        #c00 30deg 60deg,
        #e8e8e8 60deg 90deg,
        #c00 90deg 120deg,
        #e8e8e8 120deg 150deg,
        #c00 150deg 180deg,
        #e8e8e8 180deg 210deg,
        #c00 210deg 240deg,
        #e8e8e8 240deg 270deg,
        #c00 270deg 300deg,
        #e8e8e8 300deg 330deg,
        #c00 330deg 360deg
    );
    box-shadow: 0 0 5px rgba(187, 0, 0, 0.6);
}

.highlight-card__ring-label[b-nofawro272] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(34, 49, 28, 0.6);
    margin-left: 4px;
    vertical-align: middle;
}
/* /Components/Sections/HorseRacingSeasonPanel.razor.rz.scp.css */
.bgm-horseSeason[b-9c5lbvfbzm] {
    background: #153125;
    border-color: rgba(8, 20, 15, 0.32);
    color: #fffdf4;
    container-type: inline-size;
    display: grid;
    gap: 1.15rem;
    overflow: hidden;
    padding: clamp(1.15rem, 2.4vw, 1.5rem);
    position: relative;
}

.bgm-horseSeason__silks[b-9c5lbvfbzm] {
    display: flex;
    height: 0.45rem;
    inset: 0 0 auto;
    position: absolute;
}

.bgm-horseSeason__silks span[b-9c5lbvfbzm] {
    background: var(--horse-colour);
    flex: 1 1 0;
}

.bgm-horseSeason__header[b-9c5lbvfbzm] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-top: 0.4rem;
}

.bgm-horseSeason__header h2[b-9c5lbvfbzm] {
    color: #fff8d9;
    font-family: var(--font-heading);
    font-size: clamp(1.5rem, 7cqi, 2rem);
    font-weight: 900;
    letter-spacing: -0.02em;
    line-height: 1;
    margin: 0;
}

.bgm-horseSeason__header div > span[b-9c5lbvfbzm] {
    color: rgba(255, 253, 244, 0.68);
    display: block;
    font-size: 0.8rem;
    margin-top: 0.35rem;
}

.bgm-horseSeason__header > strong[b-9c5lbvfbzm] {
    background: #fff8d9;
    color: #153125;
    flex: 0 0 auto;
    font-family: var(--font-heading);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding: 0.48rem 0.58rem;
    text-transform: uppercase;
}

.bgm-horseSeason__status[b-9c5lbvfbzm] {
    display: grid;
    gap: 0.35rem;
}

.bgm-horseSeason__statusTitle[b-9c5lbvfbzm] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
}

.bgm-horseSeason__statusTitle strong[b-9c5lbvfbzm] {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.1;
}

.bgm-horseSeason__statusDot[b-9c5lbvfbzm] {
    background: #a7b2ac;
    box-shadow: 0 0 0 0.3rem rgba(167, 178, 172, 0.15);
    flex: 0 0 auto;
    height: 0.62rem;
    width: 0.62rem;
}

.bgm-horseSeason__statusDot.is-open[b-9c5lbvfbzm] {
    background: #5ed58b;
    box-shadow: 0 0 0 0.3rem rgba(94, 213, 139, 0.17);
}

.bgm-horseSeason__statusDot.is-live[b-9c5lbvfbzm] {
    background: #f5c451;
    box-shadow: 0 0 0 0.3rem rgba(245, 196, 81, 0.18);
}

.bgm-horseSeason__statusDot.is-finished[b-9c5lbvfbzm] {
    background: #63c7f5;
    box-shadow: 0 0 0 0.3rem rgba(99, 199, 245, 0.18);
}

.bgm-horseSeason__status p[b-9c5lbvfbzm] {
    color: rgba(255, 253, 244, 0.74);
    line-height: 1.45;
    margin: 0;
}

.bgm-horseSeason__facts[b-9c5lbvfbzm] {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    display: grid;
    grid-template-columns: 1.25fr 1fr 0.7fr;
    margin: 0;
}

.bgm-horseSeason__facts div[b-9c5lbvfbzm] {
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    min-width: 0;
    padding: 0.8rem 0.7rem;
}

.bgm-horseSeason__facts div:first-child[b-9c5lbvfbzm] {
    border-left: 0;
    padding-left: 0;
}

.bgm-horseSeason__facts dt[b-9c5lbvfbzm],
.bgm-horseSeason__result span[b-9c5lbvfbzm] {
    color: rgba(255, 253, 244, 0.62);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgm-horseSeason__facts dd[b-9c5lbvfbzm] {
    color: #fff8d9;
    font-family: var(--font-heading);
    font-size: 0.92rem;
    font-weight: 900;
    line-height: 1.2;
    margin: 0.25rem 0 0;
    overflow-wrap: anywhere;
}

.bgm-horseSeason__result[b-9c5lbvfbzm] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-width: 0;
}

.bgm-horseSeason__result div[b-9c5lbvfbzm] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.bgm-horseSeason__result strong[b-9c5lbvfbzm] {
    color: #fff;
    font-family: var(--font-heading);
    font-weight: 900;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.bgm-horseSeason__result .bgm-horseSeason__punter[b-9c5lbvfbzm] {
    display: grid;
    flex: 0 1 55%;
    gap: 0.16rem;
    min-width: 0;
    text-align: right;
}

.bgm-horseSeason__punter strong[b-9c5lbvfbzm] {
    color: #fff8d9;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.bgm-horseSeason__punter small[b-9c5lbvfbzm] {
    color: rgba(255, 253, 244, 0.74);
    font-size: 0.7rem;
    font-weight: 700;
}

.bgm-horseSeason__action[b-9c5lbvfbzm] {
    align-items: center;
    background: #fff8d9;
    color: #153125;
    display: flex;
    font-family: var(--font-heading);
    font-size: 0.86rem;
    font-weight: 900;
    justify-content: space-between;
    letter-spacing: 0.08em;
    min-height: 3rem;
    padding: 0.7rem 0.9rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 150ms ease, color 150ms ease, transform 150ms ease;
}

.bgm-horseSeason__action:hover[b-9c5lbvfbzm],
.bgm-horseSeason__action:focus-visible[b-9c5lbvfbzm] {
    background: #53baf0;
    color: #071017;
    outline: 3px solid rgba(255, 248, 217, 0.6);
    outline-offset: 3px;
    transform: translateY(-1px);
}

.bgm-horseSeason__action:active[b-9c5lbvfbzm] {
    transform: translateY(0);
}

@container (max-width: 23rem) {
    .bgm-horseSeason__header[b-9c5lbvfbzm] {
        display: grid;
    }

    .bgm-horseSeason__header > strong[b-9c5lbvfbzm] {
        justify-self: start;
    }

    .bgm-horseSeason__facts[b-9c5lbvfbzm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-horseSeason__facts div:last-child[b-9c5lbvfbzm] {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        grid-column: 1 / -1;
        padding-left: 0;
    }

    .bgm-horseSeason__result[b-9c5lbvfbzm] {
        align-items: flex-start;
        display: grid;
    }

    .bgm-horseSeason__result .bgm-horseSeason__punter[b-9c5lbvfbzm] {
        justify-self: start;
        text-align: left;
    }
}
/* /Components/Sections/LastMondayRecapCard.razor.rz.scp.css */
/* Recap grid layout for newspaper-style wrapping */
.bgm-recapGrid[b-6uy8cp9h4q] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2.5rem 2.2rem;
    align-items: start;
    position: relative;
}

.bgm-recapMainText[b-6uy8cp9h4q] {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
}

.bgm-recapSidebar[b-6uy8cp9h4q] {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    z-index: 2;
}

.bgm-recapDetails[b-6uy8cp9h4q] {
    grid-column: 1 / span 2;
    grid-row: 2;
    margin-top: 1.5rem;
    display: flex;
    gap: 1.5rem;
    width: 100%;
}

.bgm-recapDetails > div[b-6uy8cp9h4q] {
    flex: 1;
    min-width: 0;
}

.bgm-recapDetails .list-group-item[b-6uy8cp9h4q] {
    background: transparent;
    border: none;
    padding: 6px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.bgm-recapDetails .list-group-item > div:first-child[b-6uy8cp9h4q] {
    flex: 1;
    min-width: 0;
}

.bgm-recapDetails .list-group-item > div:last-child[b-6uy8cp9h4q] {
    flex-shrink: 0;
}

.bgm-recapSnacks__list[b-6uy8cp9h4q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.7rem;
}

.bgm-recapSnack[b-6uy8cp9h4q] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: rgba(255, 255, 255, 0.78);
    padding: 0.8rem;
}

.bgm-recapSnack__copy[b-6uy8cp9h4q] {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.bgm-recapSnack__copy a[b-6uy8cp9h4q] {
    overflow: hidden;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.78rem;
    font-weight: 850;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
}

.bgm-recapSnack__copy strong[b-6uy8cp9h4q] {
    overflow-wrap: anywhere;
    color: var(--bgm-rd-ink, #17222b);
    line-height: 1.25;
}

@media (max-width: 900px) {
    .bgm-recapGrid[b-6uy8cp9h4q] {
        grid-template-columns: 1fr;
        gap: 1rem 0;
    }
    .bgm-recapMainText[b-6uy8cp9h4q] {
        grid-column: 1;
        grid-row: 1;
    }
    .bgm-recapSidebar[b-6uy8cp9h4q] {
        grid-column: 1;
        grid-row: 2;
    }
    .bgm-recapDetails[b-6uy8cp9h4q] {
        grid-column: 1;
        grid-row: 3;
        margin-top: 1rem;
    }
}

@media (max-width: 640px) {
    .bgm-recapCard .card-body[b-6uy8cp9h4q] {
        padding: 18px;
    }

    .bgm-mondayRecapTitle[b-6uy8cp9h4q] {
        font-size: clamp(1.2rem, 5.5vw, 1.8rem);
    }

    .bgm-recapGrid[b-6uy8cp9h4q] {
        gap: 1rem 0;
    }

    .bgm-recapAvatar[b-6uy8cp9h4q] {
        width: 38px;
        height: 38px;
        font-size: 0.7rem;
    }

    .bgm-interestingStat[b-6uy8cp9h4q] {
        padding: 10px 14px;
        font-size: 0.9rem;
    }

    .bgm-recapSummary[b-6uy8cp9h4q] {
        font-size: 0.95rem;
    }

    .bgm-recapDetails[b-6uy8cp9h4q] {
        flex-direction: column;
        gap: 1rem;
        margin-top: 0.75rem;
    }

    .bgm-recapDetails > div[b-6uy8cp9h4q] {
        width: 100%;
    }

    .bgm-gameWinnerItem[b-6uy8cp9h4q] {
        font-size: 0.95rem;
    }

    .bgm-winnerBadge[b-6uy8cp9h4q] {
        font-size: 0.8rem;
    }
}

@media (max-width: 380px) {
    .bgm-mondayRecapTitle[b-6uy8cp9h4q] {
        font-size: 1.1rem;
        letter-spacing: 0.06em;
    }

    .bgm-recapCard .card-body[b-6uy8cp9h4q] {
        padding: 14px;
    }

    .bgm-attendeeAvatars[b-6uy8cp9h4q] {
        gap: 6px;
    }

    .bgm-recapAvatar[b-6uy8cp9h4q] {
        width: 34px;
        height: 34px;
        font-size: 0.65rem;
        border-radius: 10px;
    }

    .bgm-interestingStat[b-6uy8cp9h4q] {
        padding: 8px 12px;
        font-size: 0.85rem;
    }

    .bgm-recapSummary[b-6uy8cp9h4q] {
        font-size: 0.9rem;
    }

    .bgm-gameWinnerItem[b-6uy8cp9h4q] {
        font-size: 0.9rem;
    }

    .bgm-recapDetails .fw-semibold[b-6uy8cp9h4q] {
        font-size: 0.95rem;
    }

    .bgm-recapDetails .list-group-item[b-6uy8cp9h4q] {
        font-size: 0.9rem;
    }
}
.bgm-recapFrame[b-6uy8cp9h4q] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    padding: 0;
    border-radius: 16px;
    background: transparent;
    border: none;
    box-shadow: none;
    transition: box-shadow 140ms ease;
}

.bgm-recapFrame[b-6uy8cp9h4q]::before {
    content: none;
}

.bgm-recapFrame:hover[b-6uy8cp9h4q] {
    box-shadow: none;
}

.bgm-recapCard[b-6uy8cp9h4q] {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 14px;
    background: transparent;
    position: relative;
    z-index: 1;
}

.bgm-recapFrame--empty .bgm-recapCard[b-6uy8cp9h4q] {
    border: 1px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.18);
    border-radius: 0;
    background:
        linear-gradient(135deg, rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08), rgba(255, 255, 255, 0.92) 62%),
        #fff;
}

.bgm-recapFrame--empty[b-6uy8cp9h4q] {
    border-radius: 0;
}

.bgm-recapFrame--empty .card-body[b-6uy8cp9h4q] {
    display: grid;
    align-content: center;
    gap: 0.35rem;
    min-height: 150px;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.bgm-recapFrame--empty .bgm-mondayRecapTitle[b-6uy8cp9h4q] {
    color: var(--bgm-forest);
}

.bgm-recapEmpty__kicker[b-6uy8cp9h4q] {
    color: var(--bgm-rd-blue, #0087c8);
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.bgm-recapEmpty__text[b-6uy8cp9h4q] {
    max-width: 46rem;
    color: rgba(var(--bgm-navy-rgb), 0.68);
    font-size: 1rem;
}

@media (max-width: 900px) {
    .bgm-recapFrame[b-6uy8cp9h4q] {
        height: auto;
        min-height: 100%;
    }
    
    .bgm-recapCard[b-6uy8cp9h4q] {
        height: auto;
    }
}

.bgm-mondayRecapTitle[b-6uy8cp9h4q] {
    font-size: clamp(1.4rem, 2.2vw, 2rem);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.1;
}

/* Attendee avatars - styled like People section for shop customization */
.bgm-attendeeSection[b-6uy8cp9h4q] {
    margin-bottom: 0.25rem;
}

.bgm-attendeeAvatars[b-6uy8cp9h4q] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bgm-recapAvatarLink[b-6uy8cp9h4q] {
    display: inline-block;
    text-decoration: none;
}

.bgm-recapAvatarLink:focus-visible[b-6uy8cp9h4q] {
    outline: 2px solid rgba(var(--bgm-gold-rgb), 0.75);
    outline-offset: 3px;
    border-radius: 12px;
}

.bgm-recapAvatar[b-6uy8cp9h4q] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-weight: 800;
    font-size: 0.75rem;
    color: var(--bgm-forest);
    background: rgba(var(--bgm-gold-rgb), 0.18);
    border: 2px solid rgba(var(--bgm-leather-rgb), 0.14);
    overflow: hidden;
    text-transform: uppercase;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bgm-recapAvatar img[b-6uy8cp9h4q] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bgm-recapAvatar:hover[b-6uy8cp9h4q] {
    transform: scale(1.08);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.bgm-recapAvatar--more[b-6uy8cp9h4q] {
    background: rgba(var(--bgm-leather-rgb), 0.1);
    font-size: 0.7rem;
    font-weight: 700;
}

/* Game winners list */
.bgm-gameWinnersList[b-6uy8cp9h4q] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bgm-gameWinnerItem[b-6uy8cp9h4q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 0;
    border-bottom: 1px solid rgba(var(--bgm-leather-rgb), 0.08);
}

.bgm-gameWinnerItem:last-child[b-6uy8cp9h4q] {
    border-bottom: none;
}

.bgm-winnerBadge[b-6uy8cp9h4q] {
    font-size: 0.8rem;
    color: rgba(var(--bgm-leather-rgb), 0.85);
    white-space: nowrap;
}

/* Interesting stat */
.bgm-interestingStat[b-6uy8cp9h4q] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.15), rgba(var(--bgm-gold-rgb), 0.12));
    border-radius: 10px;
    border: 1px solid rgba(255, 193, 7, 0.25);
    font-weight: 600;
    font-size: 0.9rem;
    color: rgba(var(--bgm-forest-rgb), 0.95);
    line-height: 1.4;
    overflow-wrap: break-word;
}

.bgm-recapSummary[b-6uy8cp9h4q] {
    color: rgba(var(--bgm-forest-rgb), 0.9);
    font-size: 0.95rem;
    line-height: 1.5;
    margin-top: 0.75rem;
    overflow-wrap: break-word;
}

/* Reactions in the recap — no bubble, just emoji + count inline */
.bgm-recapReactions[b-6uy8cp9h4q] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 3px;
    margin-bottom: 2px;
}

.bgm-reactionPill[b-6uy8cp9h4q] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.82rem;
    line-height: 1.6;
}

.bgm-reactionCount[b-6uy8cp9h4q] {
    font-size: 0.75rem;
    color: rgba(var(--bgm-forest-rgb), 0.6);
    font-weight: 600;
}

/* ======================== THE BOARD GAME MONDAY SPECIAL STYLING ======================== */

.bgm-recapFrame--normal .bgm-recapCard[b-6uy8cp9h4q] {
    background: var(--bgm-info);
    border: none;
    box-shadow:
        0 6px 34px rgba(var(--bgm-info-rgb), 0.35),
        0 0 0 1px rgba(255, 255, 255, 0.08);
    color: #fff;
}

.bgm-normal-hero[b-6uy8cp9h4q] {
    border-bottom-color: rgba(255, 255, 255, 0.14);
}

.bgm-normal-kicker[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.14);
}

.bgm-normal-title[b-6uy8cp9h4q] {
    font-size: clamp(1.35rem, 3vw, 1.95rem);
}

.bgm-normal-date[b-6uy8cp9h4q] {
    color: rgba(255, 255, 255, 0.72);
}

.bgm-recapFrame--normal .bgm-recapAvatar[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.bgm-recapFrame--normal .bgm-recapAvatar--more[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.22);
}

.bgm-normal-expandSection[b-6uy8cp9h4q] {
    display: flex;
    justify-content: center;
}

.bgm-normal-expandButton[b-6uy8cp9h4q] {
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-weight: 700;
    padding-inline: 0.95rem;
}

.bgm-normal-expandButton:hover:not(:disabled)[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
}

.bgm-normal-expandButton:disabled[b-6uy8cp9h4q] {
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.9);
}

.bgm-recapFrame--tbm[b-6uy8cp9h4q] {
    border-radius: 16px;
    overflow: hidden;
}

.bgm-recapFrame--tbm .bgm-recapCard[b-6uy8cp9h4q] {
    background: linear-gradient(135deg, var(--bgm-forest-hover) 0%, var(--bgm-forest) 55%, var(--bgm-forest-light) 100%);
    border: none;
    box-shadow:
        0 6px 40px rgba(var(--bgm-forest-rgb), 0.45),
        0 0 0 1px rgba(255, 255, 255, 0.06);
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Subtle celebratory diagonal texture */
.bgm-recapFrame--tbm .bgm-recapCard[b-6uy8cp9h4q]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 90% 60% at 50% 0%, rgba(var(--bgm-gold-rgb), 0.14), transparent 65%);
    pointer-events: none;
    z-index: 0;
}

.bgm-recapFrame--tbm .bgm-recapCard > *[b-6uy8cp9h4q] {
    position: relative;
    z-index: 1;
}

/* ── TBM Hero ── */
.bgm-tbm-hero[b-6uy8cp9h4q] {
    text-align: center;
    padding: 24px 20px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bgm-tbm-kicker[b-6uy8cp9h4q] {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    padding: 3px 11px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px;
}

.bgm-tbm-title[b-6uy8cp9h4q] {
    font-size: clamp(1.55rem, 3.5vw, 2.4rem);
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.05;
    color: #fff;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.5);
    margin-bottom: 6px;
}

.bgm-tbm-title__accent[b-6uy8cp9h4q] {
    color: var(--bgm-gold);
    display: block;
}

.bgm-tbm-date[b-6uy8cp9h4q] {
    font-size: 0.82rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.65);
    letter-spacing: 0.04em;
}

/* ── Stats Bar ── */
.bgm-tbm-stats-bar[b-6uy8cp9h4q] {
    display: flex;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.bgm-tbm-stat[b-6uy8cp9h4q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 6px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.bgm-tbm-stat:last-child[b-6uy8cp9h4q] {
    border-right: none;
}

.bgm-tbm-stat__value[b-6uy8cp9h4q] {
    font-size: 1.9rem;
    font-weight: 900;
    line-height: 1;
    color: var(--bgm-gold);
    text-shadow: 0 2px 10px rgba(var(--bgm-gold-rgb), 0.35);
}

.bgm-tbm-stat__label[b-6uy8cp9h4q] {
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 3px;
    text-align: center;
}

/* ── Body ── */
.bgm-tbm-body[b-6uy8cp9h4q] {
    padding: 0 !important;
}

/* ── Sections ── */
.bgm-tbm-section[b-6uy8cp9h4q] {
    padding: 14px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.bgm-tbm-section:last-child[b-6uy8cp9h4q] {
    border-bottom: none;
}

.bgm-tbm-section__label[b-6uy8cp9h4q] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 10px;
}

.bgm-recapConfiguredIcon[b-6uy8cp9h4q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    line-height: 1;
    vertical-align: middle;
}

.bgm-interestingStat .bgm-recapConfiguredIcon[b-6uy8cp9h4q] {
    width: 1.35em;
    min-width: 1.35em;
    height: 1.35em;
    margin-top: 0;
    margin-right: 0;
    align-self: center;
}

/* Recap text */
.bgm-tbm-recap-text[b-6uy8cp9h4q] {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.55;
    font-style: italic;
}

/* Attendee avatar overrides for dark bg */
.bgm-recapFrame--tbm .bgm-recapAvatar[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

/* ── Game Cards ── */
.bgm-tbm-games[b-6uy8cp9h4q] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bgm-tbm-game[b-6uy8cp9h4q] {
    --bgm-recap-team-color: var(--bgm-gold);
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px 14px;
    transition: background 0.15s;
}

.bgm-tbm-game--hasCover[b-6uy8cp9h4q] {
    min-height: 108px;
    padding-left: 110px;
    position: relative;
    overflow: hidden;
}

.bgm-tbm-game__cover[b-6uy8cp9h4q] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 96px;
    background: rgba(255, 255, 255, 0.10);
}

.bgm-tbm-game__cover img[b-6uy8cp9h4q] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bgm-tbm-game:hover[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.1);
}

.bgm-tbm-game__header[b-6uy8cp9h4q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.bgm-tbm-game__name[b-6uy8cp9h4q] {
    display: inline-block;
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    min-width: 0;
    text-decoration: none;
}

.bgm-tbm-game__name:hover[b-6uy8cp9h4q],
.bgm-tbm-game__name:focus-visible[b-6uy8cp9h4q] {
    color: var(--bgm-rd-gold, #d9b13b);
    outline: none;
    text-decoration: none;
}

.bgm-tbm-game__winner[b-6uy8cp9h4q] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--bgm-recap-team-color, var(--bgm-gold));
    white-space: nowrap;
    flex-shrink: 0;
}

.bgm-gameOfNight h2 a[b-6uy8cp9h4q] {
    color: inherit;
    text-decoration: none;
}

.bgm-gameOfNight h2 a:hover[b-6uy8cp9h4q],
.bgm-gameOfNight h2 a:focus-visible[b-6uy8cp9h4q] {
    color: var(--bgm-rd-gold, #d9b13b);
    outline: none;
}

.bgm-tbm-game__no-winner[b-6uy8cp9h4q] {
    font-size: 0.78rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
    flex-shrink: 0;
}

.bgm-tbm-game__players[b-6uy8cp9h4q] {
    font-size: 0.76rem;
    color: rgba(255, 255, 255, 0.52);
    margin-top: 4px;
    line-height: 1.4;
}

.bgm-tbm-game--teams[b-6uy8cp9h4q] {
    padding-bottom: 12px;
}

.bgm-tbm-game--hasCover.bgm-tbm-game--teams[b-6uy8cp9h4q] {
    padding-bottom: 12px;
}

.bgm-tbm-game__teams[b-6uy8cp9h4q] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 7px;
    margin-top: 9px;
}

.bgm-tbm-game__team[b-6uy8cp9h4q] {
    min-width: 0;
    background: color-mix(in srgb, var(--bgm-recap-team-color) 70%, #182028);
    border: 0;
    box-shadow: none;
    padding: 9px 11px 10px;
}

.bgm-tbm-game__team--winner[b-6uy8cp9h4q] {
    background: var(--bgm-recap-team-color);
    box-shadow: none;
}

.bgm-tbm-game__teamName[b-6uy8cp9h4q] {
    color: #fff;
    font-size: 0.83rem;
    font-weight: 900;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bgm-tbm-game__teamPlayers[b-6uy8cp9h4q] {
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.35;
    margin-top: 4px;
    overflow-wrap: anywhere;
}

/* ── Interesting Facts ── */
.bgm-tbm-facts[b-6uy8cp9h4q] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.bgm-recapFrame--tbm .bgm-interestingStat[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(var(--bgm-gold-rgb), 0.3);
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.85rem;
}

/* Reaction overrides */
.bgm-recapFrame--tbm .bgm-reactionCount[b-6uy8cp9h4q] {
    color: rgba(255, 255, 255, 0.45);
}

.bgm-recapFrame--normal .bgm-interestingStat[b-6uy8cp9h4q] {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.3);
    color: #fff;
}

/* ── Betting Results ── */
.bgm-tbm-bets[b-6uy8cp9h4q] {
    display: flex;
    gap: 16px;
}

.bgm-tbm-bets__col[b-6uy8cp9h4q] {
    flex: 1;
    min-width: 0;
}

.bgm-tbm-bets__heading[b-6uy8cp9h4q] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 8px;
}

.bgm-tbm-bets__row[b-6uy8cp9h4q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    gap: 8px;
}

.bgm-tbm-bets__row:last-child[b-6uy8cp9h4q] {
    border-bottom: none;
}

.bgm-tbm-bets__gain[b-6uy8cp9h4q] {
    color: #6ee872;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
}

.bgm-tbm-bets__loss[b-6uy8cp9h4q] {
    color: #f87171;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
}

@media (max-width: 640px) {
    .bgm-tbm-title[b-6uy8cp9h4q] {
        font-size: clamp(1.3rem, 6vw, 1.8rem);
    }

    .bgm-tbm-stat__value[b-6uy8cp9h4q] {
        font-size: 1.55rem;
    }

    .bgm-tbm-bets[b-6uy8cp9h4q] {
        flex-direction: column;
        gap: 12px;
    }
}

.bgm-panettone-banner[b-6uy8cp9h4q] {
    text-align: center;
    font-weight: 900;
    font-size: 0.72rem;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    color: var(--bgm-gold);
    text-shadow: 0 1px 10px rgba(var(--bgm-gold-rgb), 0.5);
    padding: 8px 18px;
    background: rgba(var(--bgm-gold-rgb), 0.1);
    border-bottom: 1px solid rgba(var(--bgm-gold-rgb), 0.22);
}

.bgm-recapFrame--panettone .bgm-recapCard[b-6uy8cp9h4q] {
    background: linear-gradient(160deg, #FFFBF0 0%, #FDECC4 55%, #F5D78A 100%);
    border: 2px solid #C87E2B;
    box-shadow: 0 4px 32px rgba(180, 100, 20, 0.22), 0 0 0 5px rgba(212, 149, 42, 0.13);
}

.bgm-recapFrame--panettone .bgm-recapCard[b-6uy8cp9h4q]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='65'%3E%3Ctext x='8' y='30' font-size='11' font-family='Arial%2C sans-serif' font-weight='800' fill='%238B4513' transform='rotate(-20 85 25)'%3EPANETTONE MONDAY%3C/text%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 170px 65px;
    opacity: 0.065;
    pointer-events: none;
    z-index: 0;
}

.bgm-recapFrame--panettone .bgm-recapCard .card-body[b-6uy8cp9h4q] {
    position: relative;
    z-index: 1;
}

.bgm-recapFrame--panettone .bgm-mondayRecapTitle[b-6uy8cp9h4q] {
    color: #7A3B10;
    text-shadow: 0 1px 0 rgba(255, 200, 80, 0.45);
}

.bgm-recapFrame--panettone .bgm-interestingStat[b-6uy8cp9h4q] {
    background: linear-gradient(135deg, rgba(255, 220, 100, 0.28), rgba(212, 149, 42, 0.18));
    border-color: rgba(200, 126, 43, 0.35);
}

.bgm-recapFrame--panettone .bgm-gameWinnerItem[b-6uy8cp9h4q] {
    border-bottom-color: rgba(180, 100, 20, 0.14);
}

.bgm-recapMagazine[b-6uy8cp9h4q] {
    width: min(var(--bgm-rd-max-width, 1280px), calc(100vw - 32px));
    min-height: 0;
    margin: 0 auto;
    padding: clamp(18px, 2.8vw, 34px) 0 0;
    border-radius: 0;
    overflow: visible;
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.bgm-recapFrame--normal.bgm-recapMagazine .bgm-recapCard[b-6uy8cp9h4q] {
    overflow: visible;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
}

.bgm-recapMagazine .bgm-recapMagazine__top[b-6uy8cp9h4q] {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: clamp(18px, 3vw, 34px);
    align-items: center;
    text-align: left;
    padding: 0 0 clamp(18px, 2.6vw, 30px);
    border-bottom: 0;
}

.bgm-recapMagazine .bgm-normal-kicker[b-6uy8cp9h4q] {
    display: inline-flex;
    width: max-content;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 0;
    background: transparent;
    color: #48a8e8;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.22em;
    padding: 5px 9px;
    text-transform: uppercase;
}

.bgm-recapMagazine__labelRow[b-6uy8cp9h4q] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.bgm-recapGroupControl[b-6uy8cp9h4q] {
    display: inline-flex;
    align-items: stretch;
    min-width: 0;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.bgm-recapGroupControl__current[b-6uy8cp9h4q],
.bgm-recapGroupControl__change[b-6uy8cp9h4q] {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 7px 10px;
}

.bgm-recapGroupControl__current[b-6uy8cp9h4q] {
    min-width: 0;
    max-width: min(42vw, 360px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.86);
}

.bgm-recapGroupControl__change[b-6uy8cp9h4q] {
    flex: 0 0 auto;
    background: var(--bgm-rd-blue, #0087c8);
    color: #fff;
    text-decoration: none;
}

.bgm-recapGroupControl__change:hover[b-6uy8cp9h4q],
.bgm-recapGroupControl__change:focus-visible[b-6uy8cp9h4q] {
    background: #0b9cdc;
    color: #fff;
    outline: none;
}

.bgm-recapGroupControl--light[b-6uy8cp9h4q] {
    color: var(--bgm-navy);
}

.bgm-recapGroupControl--light .bgm-recapGroupControl__current[b-6uy8cp9h4q] {
    background: rgba(var(--bgm-navy-rgb), 0.08);
    color: rgba(var(--bgm-navy-rgb), 0.78);
}

.bgm-recapMagazine .bgm-normal-title[b-6uy8cp9h4q] {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    grid-column: 1;
    grid-row: 2;
    max-width: 780px;
    color: #fff;
    font-size: clamp(2.65rem, 6.2vw, 5.35rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 0.9;
    margin: 12px 0 0;
    text-shadow: none;
}

.bgm-recapMagazine .bgm-normal-date[b-6uy8cp9h4q] {
    grid-column: 1;
    grid-row: 3;
    color: rgba(255, 255, 255, 0.62);
    font-size: clamp(1rem, 1.5vw, 1.18rem);
    font-weight: 600;
    letter-spacing: 0;
    margin-top: 12px;
}

.bgm-attendeeAvatars--hero[b-6uy8cp9h4q] {
    grid-column: 1;
    grid-row: 4;
    margin-top: 18px;
}

.bgm-recapMagazine .bgm-recapAvatar[b-6uy8cp9h4q] {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    border-color: rgba(255, 255, 255, 0.36);
    background: #dde7de;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-gameOfNight[b-6uy8cp9h4q] {
    grid-column: 2;
    grid-row: 1 / 5;
    align-self: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
    padding: clamp(16px, 1.8vw, 22px);
}

.bgm-gameOfNight--hasCover[b-6uy8cp9h4q] {
    display: grid;
    grid-template-columns: minmax(88px, 0.34fr) minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

.bgm-gameOfNight__cover[b-6uy8cp9h4q] {
    grid-row: 1 / span 4;
    align-self: stretch;
    min-height: 160px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.10);
}

.bgm-gameOfNight__cover img[b-6uy8cp9h4q] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.bgm-gameOfNight__label[b-6uy8cp9h4q] {
    color: rgba(255, 255, 255, 0.42);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.bgm-gameOfNight h2[b-6uy8cp9h4q] {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    color: #fff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 900;
    line-height: 1;
    margin: 10px 0 0;
}

.bgm-gameOfNight p[b-6uy8cp9h4q] {
    color: rgba(255, 255, 255, 0.66);
    line-height: 1.45;
    margin: 10px 0 0;
}

.bgm-gameOfNight__winner[b-6uy8cp9h4q] {
    color: var(--bgm-rd-gold, #d9b13b);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    margin-top: 12px;
    text-transform: uppercase;
}

.bgm-gameOfNight--hasCover .bgm-gameOfNight__label[b-6uy8cp9h4q],
.bgm-gameOfNight--hasCover h2[b-6uy8cp9h4q],
.bgm-gameOfNight--hasCover p[b-6uy8cp9h4q],
.bgm-gameOfNight--hasCover .bgm-gameOfNight__winner[b-6uy8cp9h4q] {
    grid-column: 2;
}

.bgm-recapMagazine .bgm-tbm-stats-bar[b-6uy8cp9h4q] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.bgm-recapMagazine .bgm-tbm-stat[b-6uy8cp9h4q] {
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    padding: 14px 8px;
}

.bgm-recapMagazine .bgm-tbm-stat__value[b-6uy8cp9h4q] {
    color: #48a8e8;
    font-size: clamp(1.85rem, 3.2vw, 2.45rem);
    text-shadow: none;
}

.bgm-recapMagazine .bgm-tbm-stat__label[b-6uy8cp9h4q] {
    color: rgba(255, 255, 255, 0.50);
    font-weight: 900;
    letter-spacing: 0.18em;
}

.bgm-recapMagazine .bgm-tbm-body[b-6uy8cp9h4q] {
    background: var(--bgm-rd-dark, #071017);
}

.bgm-recapMagazine .bgm-tbm-body > .bgm-tbm-section:has(.bgm-attendeeAvatars)[b-6uy8cp9h4q] {
    display: none;
}

.bgm-recapMagazine .bgm-normal-expandSection[b-6uy8cp9h4q] {
    justify-content: flex-end;
    padding: 18px 0;
    border-bottom: 0;
}

.bgm-recapMagazine .bgm-normal-expandButton[b-6uy8cp9h4q] {
    border-radius: 0;
    border: 0;
    background: var(--bgm-rd-blue, #0087c8);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    padding: 13px 18px;
    text-transform: uppercase;
}

.bgm-recapMagazine .bgm-normal-expandButton:hover:not(:disabled)[b-6uy8cp9h4q] {
    background: #0b9cdc;
}

.bgm-recapMagazine .bgm-recapMagazine__surface > .bgm-tbm-stats-bar + .bgm-panettone-banner[b-6uy8cp9h4q],
.bgm-recapMagazine .bgm-panettone-banner[b-6uy8cp9h4q] {
    border-bottom-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.22);
    background: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.10);
}

.bgm-recapMagazine .bgm-tbm-section[b-6uy8cp9h4q] {
    padding: 14px 18px;
}

@media (min-width: 1024px) {
    .bgm-recapMagazine .bgm-recapMagazine__surface[b-6uy8cp9h4q] {
        display: grid;
        grid-template-rows: auto auto minmax(0, 1fr);
    }
}

.bgm-recapMagazine .bgm-tbm-section__label[b-6uy8cp9h4q] {
    color: #48a8e8;
    font-weight: 900;
}

.bgm-recapMagazine .bgm-tbm-game[b-6uy8cp9h4q],
.bgm-recapMagazine .bgm-interestingStat[b-6uy8cp9h4q] {
    border-radius: 0;
}

@media (max-width: 820px) {
    .bgm-recapMagazine[b-6uy8cp9h4q] {
        width: min(100vw - 20px, var(--bgm-rd-max-width, 1280px));
        padding-top: 26px;
    }

    .bgm-recapMagazine .bgm-recapMagazine__top[b-6uy8cp9h4q] {
        grid-template-columns: 1fr;
        gap: 22px;
        padding-bottom: 24px;
    }

    .bgm-recapMagazine__labelRow[b-6uy8cp9h4q] {
        flex-wrap: wrap;
    }

    .bgm-recapGroupControl[b-6uy8cp9h4q] {
        max-width: 100%;
    }

    .bgm-recapGroupControl__current[b-6uy8cp9h4q] {
        max-width: min(100%, calc(100vw - 116px));
    }

    .bgm-recapMagazine .bgm-normal-title[b-6uy8cp9h4q] {
        font-size: clamp(2.55rem, 14vw, 4.2rem);
    }

    .bgm-gameOfNight[b-6uy8cp9h4q] {
        grid-column: 1;
        grid-row: auto;
        align-self: stretch;
    }

    .bgm-gameOfNight--hasCover[b-6uy8cp9h4q] {
        grid-template-columns: minmax(86px, 128px) minmax(0, 1fr);
    }

    .bgm-gameOfNight__cover[b-6uy8cp9h4q] {
        min-height: 140px;
    }

    .bgm-recapMagazine .bgm-tbm-stats-bar[b-6uy8cp9h4q] {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 420px) {
    .bgm-recapMagazine .bgm-tbm-stat[b-6uy8cp9h4q] {
        padding: 15px 5px;
    }

    .bgm-recapMagazine .bgm-tbm-stat__value[b-6uy8cp9h4q] {
        font-size: 1.85rem;
    }

    .bgm-recapMagazine .bgm-tbm-stat__label[b-6uy8cp9h4q] {
        font-size: 0.54rem;
    }
}

.bgm-recapReactionPicker[b-6uy8cp9h4q] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.bgm-recapReactionPicker__button[b-6uy8cp9h4q] {
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    min-width: 36px;
    min-height: 34px;
    padding: 4px 8px;
    font-size: 1.05rem;
    line-height: 1;
    transition: background-color 120ms ease, transform 120ms ease;
}

.bgm-recapReactionPicker__button:hover:not(:disabled)[b-6uy8cp9h4q],
.bgm-recapReactionPicker__button:focus-visible[b-6uy8cp9h4q] {
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.22);
    transform: translateY(-1px);
}

.bgm-recapReactionPicker__button:disabled[b-6uy8cp9h4q] {
    opacity: 0.55;
}

.bgm-recapReactionPicker__status[b-6uy8cp9h4q] {
    margin-top: 5px;
    color: inherit;
    font-size: 0.75rem;
    opacity: 0.8;
}
/* /Components/Sections/LastMondayRecapSkeleton.razor.rz.scp.css */
.bgm-recapLoading[b-jt3ed7n7r8] {
    min-height: clamp(520px, 62vh, 720px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 6vw, 72px);
    overflow: hidden;
    background: linear-gradient(135deg, #071827, #164f35);
    color: #fffaf0;
}

.bgm-recapLoading__group[b-jt3ed7n7r8] {
    color: #63c8f2;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.bgm-recapLoading__group[b-jt3ed7n7r8] {
    margin-bottom: auto;
}

.bgm-recapLoading__title[b-jt3ed7n7r8] {
    max-width: 11ch;
    margin: 12px 0 clamp(44px, 8vw, 86px);
    font-family: var(--bgm-rd-font-display, ui-sans-serif, system-ui, sans-serif);
    font-size: clamp(2.8rem, 8vw, 7rem);
    font-weight: 950;
    line-height: 0.86;
}

.bgm-recapLoading__lines[b-jt3ed7n7r8] {
    display: grid;
    gap: clamp(14px, 2vw, 22px);
}

.bgm-recapLoading__lines span[b-jt3ed7n7r8] {
    width: 100%;
    height: clamp(14px, 1.8vw, 22px);
    display: block;
    background: linear-gradient(90deg, rgba(255,255,255,.10) 10%, rgba(255,255,255,.36) 35%, rgba(255,255,255,.10) 60%);
    background-size: 220% 100%;
    animation: bgm-recap-shimmer-b-jt3ed7n7r8 1.45s ease-in-out infinite;
}

.bgm-recapLoading__lines span:nth-child(2)[b-jt3ed7n7r8] { width: 76%; animation-delay: 100ms; }
.bgm-recapLoading__lines span:nth-child(3)[b-jt3ed7n7r8] { width: 52%; animation-delay: 200ms; }

@keyframes bgm-recap-shimmer-b-jt3ed7n7r8 {
    from { background-position: 120% 0; }
    to { background-position: -120% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .bgm-recapLoading__lines span[b-jt3ed7n7r8] { animation: none; }
}
/* /Components/Sections/PeopleSection.razor.rz.scp.css */
.bgm-peopleSection[b-zaxmrz51kf] {
    min-height: 0;
    justify-content: flex-start;
    padding: clamp(30px, 4vw, 50px) 0 clamp(38px, 5vw, 64px);
    background: var(--bgm-rd-paper, var(--bgm-cream));
}

.bgm-peopleSection .home-section__inner[b-zaxmrz51kf] {
    width: min(var(--bgm-rd-max-width, 1280px), calc(100vw - 32px));
}

.bgm-peopleHeader[b-zaxmrz51kf] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.bgm-peopleHeader h2[b-zaxmrz51kf] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(2.4rem, 6vw, 5rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 0.9;
    margin: 0;
}

.bgm-peopleHeader p[b-zaxmrz51kf] {
    color: rgba(23, 34, 43, 0.64);
    font-size: clamp(0.98rem, 1.4vw, 1.08rem);
    margin: 10px 0 0;
}

.bgm-peopleHeader__link[b-zaxmrz51kf] {
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    min-height: 40px;
    padding: 10px 13px;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-peopleHeader__link:hover[b-zaxmrz51kf],
.bgm-peopleHeader__link:focus-visible[b-zaxmrz51kf] {
    border-color: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.52);
    background: #eef8fd;
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-peopleGrid[b-zaxmrz51kf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.bgm-peopleCard[b-zaxmrz51kf] {
    --bgm-card-accent: var(--bgm-rd-blue, #0087c8);
    position: relative;
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--bgm-card-accent) 72%, #ffffff);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--bgm-card-accent) 88%, #071017), color-mix(in srgb, var(--bgm-card-accent) 54%, #071017)),
        var(--bgm-rd-green, #164f35);
    color: #fffdf4;
    padding: 18px;
    overflow: hidden;
}

.bgm-peopleCard[b-zaxmrz51kf]::before {
    content: none;
}

.bgm-peopleCard--link[b-zaxmrz51kf] {
    display: grid;
    text-decoration: none;
    transition: border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.bgm-peopleCard--link:hover[b-zaxmrz51kf] {
    border-color: color-mix(in srgb, var(--bgm-card-accent) 88%, #ffffff);
    color: #fffdf4;
    transform: translateY(-2px);
}

.bgm-peopleCard--link:focus-visible[b-zaxmrz51kf] {
    border-color: color-mix(in srgb, var(--bgm-card-accent) 62%, rgba(23, 34, 43, 0.12));
    outline: 3px solid color-mix(in srgb, var(--bgm-card-accent) 46%, #ffffff);
    outline-offset: 3px;
}

.bgm-peopleCard__top[b-zaxmrz51kf] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.bgm-peopleCard__avatar[b-zaxmrz51kf] {
    width: 64px;
    height: 64px;
    display: grid;
    place-items: center;
    font-weight: 900;
    color: var(--bgm-rd-green, #164f35);
    background: #e7eff8;
    border: 4px solid rgba(255, 255, 255, 0.82);
    border-radius: 8px;
    overflow: hidden;
}

.bgm-peopleCard__avatar img[b-zaxmrz51kf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.bgm-peopleCard__who[b-zaxmrz51kf] {
    min-width: 0;
}

.bgm-peopleCard__name[b-zaxmrz51kf] {
    color: inherit;
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 950;
    line-height: 0.95;
    margin-top: 0;
}

.bgm-peopleCard__tagline[b-zaxmrz51kf] {
    color: rgba(255, 253, 244, 0.82);
    font-size: 0.92rem;
    font-weight: 500;
    letter-spacing: 0;
    margin-top: 8px;
    text-transform: none;
}

.bgm-peopleCard__summary[b-zaxmrz51kf] {
    align-self: end;
    color: rgba(255, 253, 244, 0.78);
    line-height: 1.4;
    margin: 18px 0 0;
    position: relative;
    z-index: 1;
}

.bgm-peopleCard__summary strong[b-zaxmrz51kf] {
    color: #fffdf4;
    font-weight: 950;
}

.bgm-peopleCard__snackScore[b-zaxmrz51kf] {
    width: fit-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 14px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.14);
    color: #fffdf4;
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1;
    padding: 7px 8px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.bgm-peopleCard__snackScore span[b-zaxmrz51kf] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bgm-peopleCard__snackScore strong[b-zaxmrz51kf] {
    display: grid;
    place-items: center;
    min-width: 28px;
    min-height: 24px;
    background: #fff4c9;
    color: var(--bgm-rd-green, #164f35);
}

@media (max-width: 980px) {
    .bgm-peopleGrid[b-zaxmrz51kf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bgm-peopleSection[b-zaxmrz51kf] {
        padding: 24px 0 34px;
    }

    .bgm-peopleSection .home-section__inner[b-zaxmrz51kf] {
        width: min(100vw - 20px, var(--bgm-rd-max-width, 1280px));
    }

    .bgm-peopleHeader[b-zaxmrz51kf] {
        display: grid;
        gap: 12px;
        margin-bottom: 14px;
    }

    .bgm-peopleHeader h1[b-zaxmrz51kf] {
        font-size: clamp(2.2rem, 16vw, 3.4rem);
    }

    .bgm-peopleHeader__link[b-zaxmrz51kf] {
        justify-self: start;
    }

    .bgm-peopleGrid[b-zaxmrz51kf] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .bgm-peopleCard[b-zaxmrz51kf] {
        padding: 15px;
        touch-action: manipulation;
    }

    .bgm-peopleCard--link:active[b-zaxmrz51kf] {
        transform: scale(0.98);
    }

    .bgm-peopleCard__top[b-zaxmrz51kf] {
        gap: 10px;
    }

    .bgm-peopleCard__avatar[b-zaxmrz51kf] {
        width: 58px;
        height: 58px;
        font-size: 1.1rem;
    }

    .bgm-peopleCard__name[b-zaxmrz51kf] {
        font-size: 1.45rem;
    }

    .bgm-peopleCard__tagline[b-zaxmrz51kf] {
        font-size: 0.86rem;
        line-height: 1.3;
    }

    .bgm-peopleCard__summary[b-zaxmrz51kf] {
        font-size: 0.9rem;
        line-height: 1.5;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 480px) {
    .bgm-peopleCard__summary[b-zaxmrz51kf] {
        display: none;
    }

    .bgm-peopleCard__snackScore[b-zaxmrz51kf] {
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
    }

    .bgm-peopleCard__tagline[b-zaxmrz51kf] {
        display: -webkit-box;
        font-size: 0.82rem;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media (max-width: 380px) {
    .bgm-peopleCard[b-zaxmrz51kf] {
        padding: 12px;
    }

    .bgm-peopleCard__avatar[b-zaxmrz51kf] {
        width: 52px;
        height: 52px;
    }

    .bgm-peopleCard__name[b-zaxmrz51kf] {
        font-size: 1.25rem;
    }
}
/* /Components/Sections/WinsRankingSection.razor.rz.scp.css */
.bgm-winsRankingSection[b-4qo0l8a0w2] {
    min-height: 0 !important;
    background: var(--bgm-rd-paper, #fbf8ee);
    padding: clamp(42px, 6vw, 74px) 0;
}

.bgm-winsRankingSection .home-section__inner[b-4qo0l8a0w2] {
    width: min(var(--bgm-rd-max-width, 1280px), calc(100vw - 32px));
}

.bgm-winsRanking[b-4qo0l8a0w2] {
    display: flex;
    flex-direction: column;
    gap: clamp(18px, 2vw, 24px);
    color: var(--bgm-rd-ink, #17222b);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
    isolation: isolate;
    position: relative;
}

.bgm-winsRanking > :not(.bgm-winsRanking__header)[b-4qo0l8a0w2] {
    position: relative;
    z-index: 1;
}

.bgm-winsRanking__header[b-4qo0l8a0w2] {
    display: grid;
    justify-items: center;
    position: relative;
    text-align: center;
}

.bgm-winsRanking__art[b-4qo0l8a0w2] {
    opacity: 0.58;
    pointer-events: none;
    position: absolute;
    right: clamp(-54px, -1vw, -10px);
    top: 38%;
    transform: translateY(-50%);
    width: clamp(240px, 27vw, 360px);
    z-index: -1;
}

.bgm-winsRanking__art--spoon[b-4qo0l8a0w2] {
    left: clamp(-54px, -1vw, -10px);
    right: auto;
}

.bgm-winsRanking__header > :not(.bgm-winsRanking__art)[b-4qo0l8a0w2] {
    position: relative;
    z-index: 1;
}

.bgm-winsRanking__spotlightEyebrow[b-4qo0l8a0w2],
.bgm-winsRanking__metaLabel[b-4qo0l8a0w2] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.28em;
    line-height: 1.2;
    text-transform: uppercase;
}

.bgm-winsRanking__title[b-4qo0l8a0w2] {
    margin: 0;
    color: var(--bgm-rd-green, #164f35);
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    font-size: clamp(3.4rem, 7vw, 6rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 0.92;
}

.bgm-winsRanking__intro[b-4qo0l8a0w2] {
    margin: 18px 0 0;
    color: #506680;
    font-size: clamp(1rem, 1.5vw, 1.28rem);
    line-height: 1.4;
}

.bgm-winsRanking__tiers[b-4qo0l8a0w2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(10px, 1.4vw, 16px);
    width: min(780px, 100%);
    margin: 2px auto 0;
}

.bgm-winsRanking__tiers--2[b-4qo0l8a0w2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bgm-winsRanking__tierBtn[b-4qo0l8a0w2] {
    min-height: 56px;
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: rgba(255, 255, 255, 0.74);
    color: var(--bgm-rd-ink, #17222b);
    cursor: pointer;
    font: inherit;
    font-size: clamp(0.84rem, 1.2vw, 1rem);
    font-weight: 900;
    letter-spacing: 0.18em;
    padding: 14px 16px;
    text-transform: uppercase;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.bgm-winsRanking__tierBtn:hover[b-4qo0l8a0w2] {
    border-color: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.35);
    background: #fff;
}

.bgm-winsRanking__tierBtn.is-active[b-4qo0l8a0w2] {
    border-color: var(--bgm-rd-green, #164f35);
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-winsRanking__tierBtn:focus-visible[b-4qo0l8a0w2],
.bgm-winsRanking__name:focus-visible[b-4qo0l8a0w2] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.36);
    outline-offset: 3px;
}

.bgm-winsRanking__definition[b-4qo0l8a0w2] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 6px;
    border: 1px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.22);
    background: #eaf6fb;
    padding: clamp(16px, 2.3vw, 26px);
}

.bgm-winsRanking__definitionIcon[b-4qo0l8a0w2] {
    display: grid;
    width: 28px;
    min-width: 28px;
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-winsRanking__definitionIcon svg[b-4qo0l8a0w2],
.bgm-winsRanking__medal svg[b-4qo0l8a0w2] {
    width: 100%;
    height: auto;
}

.bgm-winsRanking__definition p[b-4qo0l8a0w2] {
    margin: 0;
    color: var(--bgm-rd-ink, #17222b);
    font-size: clamp(0.98rem, 1.4vw, 1.18rem);
    line-height: 1.55;
}

.bgm-winsRanking__definition strong[b-4qo0l8a0w2] {
    color: var(--bgm-rd-green, #164f35);
    font-weight: 900;
}

.bgm-winsRanking__rankBy[b-4qo0l8a0w2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: -4px;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.9rem;
    font-weight: 900;
}

.bgm-winsRanking__rankBy--standalone[b-4qo0l8a0w2] {
    align-self: center;
    justify-content: center;
    width: min(32rem, 100%);
}

.bgm-winsRanking__rankBy select[b-4qo0l8a0w2] {
    min-height: 44px;
    border: 1px solid rgba(23, 34, 43, 0.18);
    background: rgba(255, 255, 255, 0.82);
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    font-weight: 800;
    padding: 0 38px 0 14px;
}

.bgm-winsRanking__rankBy select:focus-visible[b-4qo0l8a0w2] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.36);
    outline-offset: 3px;
}

.bgm-winsRanking__loading[b-4qo0l8a0w2],
.bgm-winsRanking__empty[b-4qo0l8a0w2] {
    min-height: 528px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(23, 34, 43, 0.10);
    background: rgba(255, 255, 255, 0.70);
    color: #506680;
    padding: 30px;
    text-align: center;
}

.bgm-winsRanking__content[b-4qo0l8a0w2] {
    display: grid;
    grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr);
    gap: clamp(18px, 2vw, 24px);
    min-height: 528px;
    margin-top: 4px;
}

.bgm-winsRanking__spotlight[b-4qo0l8a0w2],
.bgm-winsRanking__list[b-4qo0l8a0w2] {
    border: 1px solid rgba(23, 34, 43, 0.10);
    background: rgba(255, 255, 255, 0.68);
    box-shadow: 0 10px 24px rgba(23, 34, 43, 0.06);
}

.bgm-winsRanking__spotlight[b-4qo0l8a0w2] {
    min-height: 420px;
    padding: clamp(22px, 3vw, 32px);
}

.bgm-winsRanking__spotlightHero[b-4qo0l8a0w2] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    margin-top: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(23, 34, 43, 0.10);
}

.bgm-winsRanking__spotlightCopy[b-4qo0l8a0w2] {
    min-width: 0;
}

.bgm-winsRanking__spotlightCopy h3[b-4qo0l8a0w2] {
    margin: 0;
    color: var(--bgm-rd-green, #164f35);
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
}

.bgm-winsRanking__spotlightCopy p[b-4qo0l8a0w2] {
    margin: 8px 0 0;
    color: #506680;
    font-size: clamp(1rem, 1.4vw, 1.14rem);
    line-height: 1.5;
}

.bgm-winsRanking__medal[b-4qo0l8a0w2] {
    display: grid;
    width: 42px;
    color: var(--bgm-rd-gold, #d9b13b);
}

.bgm-winsRanking__spotlightMeta[b-4qo0l8a0w2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.bgm-winsRanking__metaBlock[b-4qo0l8a0w2] {
    min-width: 0;
    padding: 22px 22px 0 0;
}

.bgm-winsRanking__metaBlock + .bgm-winsRanking__metaBlock[b-4qo0l8a0w2] {
    border-left: 1px solid rgba(23, 34, 43, 0.10);
    padding-left: 22px;
    padding-right: 0;
}

.bgm-winsRanking__metaValue[b-4qo0l8a0w2] {
    margin-top: 14px;
    color: var(--bgm-rd-ink, #17222b);
    font-size: clamp(1.05rem, 1.5vw, 1.22rem);
    font-weight: 900;
    line-height: 1.45;
}

.bgm-winsRanking__metaSub[b-4qo0l8a0w2] {
    margin-top: 6px;
    color: #6c7f98;
    font-size: 0.86rem;
}

.bgm-winsRanking__list[b-4qo0l8a0w2] {
    overflow: hidden;
}

.bgm-winsRanking__row[b-4qo0l8a0w2] {
    display: grid;
    grid-template-columns: 36px 56px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 88px;
    padding: 18px;
    border-bottom: 1px solid rgba(23, 34, 43, 0.08);
}

.bgm-winsRanking__row:last-child[b-4qo0l8a0w2] {
    border-bottom: 0;
}

.bgm-winsRanking__rank[b-4qo0l8a0w2] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
    text-align: center;
}

.bgm-winsRanking__info[b-4qo0l8a0w2] {
    min-width: 0;
}

.bgm-winsRanking__name[b-4qo0l8a0w2] {
    display: block;
    overflow: hidden;
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(1.1rem, 1.8vw, 1.55rem);
    font-weight: 900;
    line-height: 1.15;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bgm-winsRanking__name:hover[b-4qo0l8a0w2] {
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-winsRanking__detail[b-4qo0l8a0w2] {
    overflow: hidden;
    margin-top: 4px;
    color: #6c7f98;
    font-size: clamp(0.86rem, 1.2vw, 1rem);
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bgm-winsRanking__stat[b-4qo0l8a0w2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: var(--bgm-rd-green, #164f35);
    min-width: 64px;
}

.bgm-winsRanking__statValue[b-4qo0l8a0w2] {
    font-size: clamp(2rem, 3.6vw, 2.7rem);
    font-weight: 900;
    line-height: 0.95;
}

.bgm-winsRanking__statLabel[b-4qo0l8a0w2] {
    margin-top: 4px;
    color: #6c7f98;
    font-size: 0.82rem;
    line-height: 1;
}

@media (max-width: 900px) {
    .bgm-winsRanking__content[b-4qo0l8a0w2] {
        grid-template-columns: 1fr;
        min-height: 682px;
    }

    .bgm-winsRanking__spotlight[b-4qo0l8a0w2] {
        min-height: 0;
    }

    .bgm-winsRanking__list[b-4qo0l8a0w2] {
        min-height: 264px;
    }

    .bgm-winsRanking__loading[b-4qo0l8a0w2],
    .bgm-winsRanking__empty[b-4qo0l8a0w2] {
        min-height: 682px;
    }
}

@media (max-width: 640px) {
    .bgm-winsRankingSection[b-4qo0l8a0w2] {
        padding: 34px 0;
    }

    .bgm-winsRankingSection .home-section__inner[b-4qo0l8a0w2] {
        width: min(100vw - 20px, var(--bgm-rd-max-width, 1280px));
    }

    .bgm-winsRanking__header[b-4qo0l8a0w2] {
        justify-items: start;
        text-align: left;
    }

    .bgm-winsRanking__art[b-4qo0l8a0w2] { opacity: 0.24; right: -86px; top: 30%; width: 230px; }

    .bgm-winsRanking__art--spoon[b-4qo0l8a0w2] { display: none; }

    .bgm-winsRanking__title[b-4qo0l8a0w2] {
        font-size: clamp(2.5rem, 14vw, 4rem);
    }

    .bgm-winsRanking__tiers[b-4qo0l8a0w2] {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .bgm-winsRanking__tierBtn[b-4qo0l8a0w2] {
        min-height: 48px;
    }

    .bgm-winsRanking__rankBy[b-4qo0l8a0w2] {
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
    }

    .bgm-winsRanking__rankBy select[b-4qo0l8a0w2] {
        width: 100%;
    }

    .bgm-winsRanking__definition[b-4qo0l8a0w2] {
        align-items: flex-start;
        gap: 12px;
    }

    .bgm-winsRanking__spotlightHero[b-4qo0l8a0w2] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .bgm-winsRanking__medal[b-4qo0l8a0w2] {
        display: none;
    }

    .bgm-winsRanking__spotlightMeta[b-4qo0l8a0w2] {
        grid-template-columns: 1fr;
    }

    .bgm-winsRanking__metaBlock[b-4qo0l8a0w2],
    .bgm-winsRanking__metaBlock + .bgm-winsRanking__metaBlock[b-4qo0l8a0w2] {
        border-left: 0;
        padding: 18px 0 0;
    }

    .bgm-winsRanking__row[b-4qo0l8a0w2] {
        grid-template-columns: 26px 44px minmax(0, 1fr) auto;
        gap: 10px;
        min-height: 76px;
        padding: 14px 12px;
    }

    .bgm-winsRanking__rank[b-4qo0l8a0w2] {
        font-size: 1.1rem;
    }

    .bgm-winsRanking__info[b-4qo0l8a0w2] {
        margin-left: 6px;
    }

    .bgm-winsRanking__detail[b-4qo0l8a0w2] {
        white-space: normal;
    }

    .bgm-winsRanking__stat[b-4qo0l8a0w2] {
        min-width: 42px;
    }

    .bgm-winsRanking__statValue[b-4qo0l8a0w2] {
        font-size: 1.55rem;
    }
}
/* /Components/Shared/AdminBackLink.razor.rz.scp.css */
.bgm-adminBack[b-i94kqglces] {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.bgm-adminBack__link[b-i94kqglces] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 44px;
    padding: 0.6rem 0.85rem;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.22);
    border-radius: 10px;
    background: rgba(255, 254, 249, 0.82);
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.82rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
}

.bgm-adminBack__link:hover[b-i94kqglces] {
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.72);
    background: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.16);
    color: var(--bgm-rd-green, #164f35);
}

.bgm-adminBack__link:focus-visible[b-i94kqglces] {
    outline: 3px solid rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.55);
    outline-offset: 3px;
}
/* /Components/Shared/ArcadeScopeSwitch.razor.rz.scp.css */
.bgm-arcadeScope[b-h4wu1sexqx] {
    display: inline-grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    gap: 3px;
    max-width: 100%;
    padding: 3px;
    border: 1px solid color-mix(in srgb, var(--bgm-forest, #164f35) 18%, var(--bgm-paper, #fffef9));
    border-radius: 12px;
    background: color-mix(in srgb, var(--bgm-forest, #164f35) 6%, var(--bgm-paper, #fffef9));
}

.bgm-arcadeScope__option[b-h4wu1sexqx] {
    display: inline-flex;
    min-width: 0;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 0.5rem 0.7rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--bgm-forest, #164f35);
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transition: background-color 150ms ease-out, color 150ms ease-out;
}

.bgm-arcadeScope__option:hover:not(:disabled)[b-h4wu1sexqx] {
    background: color-mix(in srgb, var(--bgm-forest, #164f35) 10%, transparent);
}

.bgm-arcadeScope__option.is-selected[b-h4wu1sexqx] {
    background: var(--bgm-forest, #164f35);
    color: var(--bgm-paper, #fffef9);
}

.bgm-arcadeScope__option:focus-visible[b-h4wu1sexqx] {
    outline: 3px solid var(--bgm-gold, #d9b13b);
    outline-offset: 2px;
    position: relative;
    z-index: 1;
}

.bgm-arcadeScope__option:disabled[b-h4wu1sexqx] {
    cursor: wait;
    opacity: 0.72;
}

.bgm-arcadeScope__groupName[b-h4wu1sexqx] {
    overflow: hidden;
    max-width: min(12rem, 32vw);
    text-overflow: ellipsis;
}

.bgm-arcadeScope__check[b-h4wu1sexqx] {
    flex: 0 0 auto;
}

@media (max-width: 520px) {
    .bgm-arcadeScope[b-h4wu1sexqx] {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .bgm-arcadeScope__option[b-h4wu1sexqx] {
        min-height: 3rem;
        padding-inline: 0.55rem;
    }

    .bgm-arcadeScope__groupName[b-h4wu1sexqx] {
        max-width: 100%;
        line-height: 1.1;
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bgm-arcadeScope__option[b-h4wu1sexqx] {
        transition: none;
    }
}
/* /Components/Shared/ConfiguredIcon.razor.rz.scp.css */
.bgm-configuredArtwork[b-xlyrti3h9y] {
    display: inline-block;
    flex: 0 0 auto;
    object-fit: contain;
    vertical-align: middle;
}

.bgm-configuredArtwork--xs[b-xlyrti3h9y] {
    width: 0.85rem;
    height: 0.85rem;
}

.bgm-configuredArtwork--sm[b-xlyrti3h9y] {
    width: 1rem;
    height: 1rem;
}

.bgm-configuredArtwork--md[b-xlyrti3h9y] {
    width: 1.25rem;
    height: 1.25rem;
}

.bgm-configuredArtwork--lg[b-xlyrti3h9y] {
    width: 1.6rem;
    height: 1.6rem;
}

.bgm-configuredArtwork--xl[b-xlyrti3h9y] {
    width: 2rem;
    height: 2rem;
}
/* /Components/Shared/Icon.razor.rz.scp.css */
/* ================================================================
   Icon component — size scale
   Applies to <Icon> (Icon.razor) via the bgm-icon--* modifier classes.
   Icons inherit the current CSS color, so no color rules are needed here.
   ================================================================ */

.bgm-icon[b-a5kynaq2t9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Prevent icons from shrinking inside flex containers */
    flex-shrink: 0;
    line-height: 1;
}

.bgm-icon--artwork[b-a5kynaq2t9] {
    display: inline-block;
    object-fit: contain;
    vertical-align: middle;
}

.bgm-icon--configured-color[b-a5kynaq2t9] {
    color: var(--bgm-icon-color, currentColor);
}

.bgm-icon--configured-color.ph-duotone[b-a5kynaq2t9]::before {
    color: var(--bgm-icon-duotone-background, currentColor);
    opacity: 1;
}

.bgm-icon--configured-color.ph-duotone[b-a5kynaq2t9]::after {
    color: var(--bgm-icon-color, currentColor);
}

/* Size variants */
.bgm-icon--xs[b-a5kynaq2t9] {
    font-size: 0.75rem; /* 12 px */
    width: 0.75rem;
    height: 0.75rem;
}

.bgm-icon--sm[b-a5kynaq2t9] {
    font-size: 1rem; /* 16 px */
    width: 1rem;
    height: 1rem;
}

.bgm-icon--md[b-a5kynaq2t9] {
    font-size: 1.25rem; /* 20 px */
    width: 1.25rem;
    height: 1.25rem;
}

.bgm-icon--lg[b-a5kynaq2t9] {
    font-size: 1.5rem; /* 24 px */
    width: 1.5rem;
    height: 1.5rem;
}

.bgm-icon--xl[b-a5kynaq2t9] {
    font-size: 2rem; /* 32 px */
    width: 2rem;
    height: 2rem;
}
/* /Components/SnackPraiseButton.razor.rz.scp.css */
.bgm-snackPraiseChoices[b-qfuq2rxwsq] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.bgm-snackPraiseButton[b-qfuq2rxwsq] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.18);
    border-radius: 999px;
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 950;
    line-height: 1;
    padding: 0.45rem 0.65rem;
    touch-action: manipulation;
}

.bgm-snackPraiseButton:hover[b-qfuq2rxwsq],
.bgm-snackPraiseButton:focus-visible[b-qfuq2rxwsq] {
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.82);
    background: #fff4c9;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-snackPraiseButton:focus-visible[b-qfuq2rxwsq] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.28);
    outline-offset: 2px;
}

.bgm-snackPraiseButton.is-praised[b-qfuq2rxwsq] {
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.92);
    background: var(--bgm-rd-gold, #d9b13b);
    color: #17222b;
}

.bgm-snackPraiseButton--great.is-praised[b-qfuq2rxwsq] {
    border-color: #a45816;
    background: #a45816;
    color: #fff;
}

.bgm-snackPraiseButton strong[b-qfuq2rxwsq] {
    min-width: 1ch;
    font: inherit;
}

.bgm-snackPraiseButton:disabled[b-qfuq2rxwsq] {
    cursor: not-allowed;
    opacity: 0.52;
}
/* /Components/TheBigMondayCountdownWidget.razor.rz.scp.css */
/* ── Countdown widget ─────────────────────────────────────────────────── */
.tbm-countdown[b-cmqvobc5st] {
    display: block;
    width: 100%;
    background: linear-gradient(135deg, var(--bgm-forest-hover) 0%, var(--bgm-forest) 60%, var(--bgm-forest-light) 100%);
    color: #fff;
    border: none;
    border-radius: 16px;
    padding: 20px 24px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 4px 20px rgba(var(--bgm-forest-rgb),0.18);
    transition: transform 0.18s cubic-bezier(0.34, 1.56, 0.64, 1),
                box-shadow 0.18s ease;
    position: relative;
    overflow: hidden;
}

.tbm-countdown[b-cmqvobc5st]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(var(--bgm-gold-rgb),0.18), transparent 70%);
    pointer-events: none;
}

.tbm-countdown:hover[b-cmqvobc5st],
.tbm-countdown:focus-visible[b-cmqvobc5st] {
    transform: translateY(-3px) scale(1.01);
    box-shadow: 0 8px 32px rgba(var(--bgm-forest-rgb),0.28);
    outline: none;
}

.tbm-countdown:active[b-cmqvobc5st] {
    transform: translateY(0) scale(0.99);
}

.tbm-countdown__label[b-cmqvobc5st] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.75);
    margin-bottom: 4px;
}

.tbm-countdown__date[b-cmqvobc5st] {
    font-size: 0.88rem;
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    margin-bottom: 14px;
}

.tbm-countdown__units[b-cmqvobc5st] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-bottom: 12px;
}

.tbm-countdown__unit[b-cmqvobc5st] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 44px;
}

.tbm-countdown__value[b-cmqvobc5st] {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1;
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.tbm-countdown__name[b-cmqvobc5st] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.6);
    margin-top: 2px;
}

.tbm-countdown__sep[b-cmqvobc5st] {
    font-size: 1.4rem;
    font-weight: 900;
    color: rgba(255,255,255,0.4);
    margin-bottom: 14px; /* align with number */
}

.tbm-countdown__cta[b-cmqvobc5st] {
    font-size: 0.72rem;
    letter-spacing: 0.10em;
    color: rgba(255,255,255,0.55);
    text-transform: uppercase;
}
/* /Components/WeekdayTicker.razor.rz.scp.css */
.bgm-weekdayTicker[b-la9i266vf6] {
    display: block;
    width: 4.25ch;
    height: 1em;
    overflow: hidden;
    color: #f2c84b;
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: 2.35rem;
    font-weight: 950;
    letter-spacing: -0.03em;
    line-height: 1;
    text-align: right;
}

.bgm-weekdayTicker__track[b-la9i266vf6] {
    display: grid;
    animation: bgm-weekday-cycle-b-la9i266vf6 14s cubic-bezier(0.22, 1, 0.36, 1) infinite both;
    will-change: transform;
}

.bgm-weekdayTicker__track > span[b-la9i266vf6] {
    display: block;
    height: 1em;
    color: inherit;
    font: inherit;
    line-height: 1;
}

@keyframes bgm-weekday-cycle-b-la9i266vf6 {
    0%, 11% { transform: translateY(0); }
    14.285%, 25.285% { transform: translateY(-12.5%); }
    28.57%, 39.57% { transform: translateY(-25%); }
    42.855%, 53.855% { transform: translateY(-37.5%); }
    57.14%, 68.14% { transform: translateY(-50%); }
    71.425%, 82.425% { transform: translateY(-62.5%); }
    85.71%, 96.71% { transform: translateY(-75%); }
    100% { transform: translateY(-87.5%); }
}

@media (prefers-reduced-motion: reduce) {
    .bgm-weekdayTicker[b-la9i266vf6]::after {
        content: "ANY";
    }

    .bgm-weekdayTicker__track[b-la9i266vf6] {
        display: none;
        animation: none;
    }
}
/* /Components/WidgetCarousel.razor.rz.scp.css */
/* ── Widget Carousel ─────────────────────────────────────────────────── */

.widget-carousel[b-as6uwrem30] {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* Clips the sliding track so only the active slide is visible */
.widget-carousel__viewport[b-as6uwrem30] {
    overflow: hidden;
    width: 100%;
    border-radius: 16px;
}

/* Flex row that moves left/right via transform */
.widget-carousel__track[b-as6uwrem30] {
    display: flex;
    width: 100%;
    transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    cursor: grab;
}

.widget-carousel__track:active[b-as6uwrem30] {
    cursor: grabbing;
}

/* Each slide takes exactly the full width of the viewport and stretches to the track height */
.widget-carousel__slide[b-as6uwrem30] {
    flex: 0 0 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* ── Swipe hint ──────────────────────────────────────────────────────── */

/* Subtle chevron + "swipe" label shown above the carousel */
.widget-carousel__swipe-hint[b-as6uwrem30] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-bottom: 6px;
    pointer-events: none;
    user-select: none;
    /* Animate: nudge left then right, then settle — runs once on first render */
    animation: carouselSwipeNudge-b-as6uwrem30 1.8s ease-out 0.8s both;
}

@keyframes carouselSwipeNudge-b-as6uwrem30 {
    0%   { opacity: 0;    transform: translateX(0); }
    15%  { opacity: 0.55; transform: translateX(-5px); }
    35%  { opacity: 0.55; transform: translateX(5px); }
    55%  { opacity: 0.45; transform: translateX(0); }
    100% { opacity: 0.45; transform: translateX(0); }
}

.widget-carousel__chevron[b-as6uwrem30] {
    font-size: 1.05rem;
    font-weight: 700;
    color: rgba(var(--bgm-forest-rgb), 0.65);
    line-height: 1;
}

.widget-carousel__swipe-label[b-as6uwrem30] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(var(--bgm-forest-rgb), 0.5);
}

/* ── Dot indicators ──────────────────────────────────────────────────── */

.widget-carousel__dots[b-as6uwrem30] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 2px 0;
}

.widget-carousel__dot[b-as6uwrem30] {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    padding: 0;
    margin: 0;
    /* Default (inactive) dot: small circle */
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(var(--bgm-forest-rgb), 0.22);
    cursor: pointer;
    transition:
        background 0.25s ease,
        width 0.25s cubic-bezier(0.34, 1.56, 0.64, 1),
        border-radius 0.25s ease,
        transform 0.2s ease;
}

/* Active dot: wider pill */
.widget-carousel__dot--active[b-as6uwrem30] {
    width: 22px;
    border-radius: 4px;
    background: rgba(var(--bgm-forest-rgb), 0.65);
    transform: none;
}

.widget-carousel__dot:hover:not(.widget-carousel__dot--active)[b-as6uwrem30] {
    background: rgba(var(--bgm-forest-rgb), 0.42);
    transform: scale(1.25);
}

.widget-carousel__dot:focus-visible[b-as6uwrem30] {
    outline: 2px solid rgba(var(--bgm-forest-rgb), 0.5);
    outline-offset: 2px;
}
/* /Pages/About.razor.rz.scp.css */
.bgm-about[b-42rhvydabf] {
    background:
        radial-gradient(820px 460px at 78% 8%, rgba(var(--bgm-gold-rgb), 0.16), transparent 62%),
        radial-gradient(720px 520px at 8% 22%, rgba(var(--bgm-forest-rgb), 0.10), transparent 58%),
        rgb(var(--bgm-cream-rgb));
    margin-top: calc(-1 * var(--bgm-header-height, 72px));
    min-height: calc(100vh + var(--bgm-header-height, 72px));
    padding: var(--bgm-header-height, 72px) max(1rem, env(safe-area-inset-left)) 3rem;
}

.bgm-aboutHero[b-42rhvydabf],
.bgm-aboutStory[b-42rhvydabf],
.bgm-aboutPhotoRail[b-42rhvydabf] {
    width: min(1240px, 94vw);
    margin-left: auto;
    margin-right: auto;
}

.bgm-aboutHero[b-42rhvydabf] {
    align-items: stretch;
    display: grid;
    gap: clamp(1rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, 0.98fr);
    margin-bottom: clamp(1.25rem, 4vw, 3rem);
}

.bgm-aboutHero__copy[b-42rhvydabf] {
    align-self: center;
    padding: 0;
}

.bgm-aboutHero__logo[b-42rhvydabf] {
    display: block;
    height: auto;
    margin: 0 0 1rem;
    max-width: min(620px, 88vw);
    width: 100%;
}

.bgm-aboutHero__copy p[b-42rhvydabf] {
    color: rgba(var(--bgm-navy-rgb), 0.76);
    font-size: clamp(1.1rem, 2vw, 1.45rem);
    line-height: 1.35;
    margin: 0;
    max-width: 38rem;
}

.bgm-aboutHero__actions[b-42rhvydabf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.35rem;
}

.bgm-aboutHero__edit[b-42rhvydabf] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
}

.bgm-aboutHero__photo[b-42rhvydabf],
.bgm-aboutHero__fallback[b-42rhvydabf],
.bgm-aboutInlinePhoto[b-42rhvydabf],
.bgm-aboutCard[b-42rhvydabf] {
    border: 1px solid rgba(var(--bgm-forest-rgb), 0.13);
    border-radius: 0;
    box-shadow: 0 24px 70px rgba(var(--bgm-navy-rgb), 0.12);
    overflow: hidden;
}

.bgm-aboutHero__photo[b-42rhvydabf],
.bgm-aboutHero__fallback[b-42rhvydabf] {
    aspect-ratio: 1.04;
    margin: 0;
    min-height: 360px;
    position: relative;
}

.bgm-aboutHero__photo img[b-42rhvydabf],
.bgm-aboutInlinePhoto img[b-42rhvydabf] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.bgm-aboutHero__photo[b-42rhvydabf]::after,
.bgm-aboutInlinePhoto[b-42rhvydabf]::after {
    background: linear-gradient(180deg, transparent 54%, rgba(var(--bgm-navy-rgb), 0.60));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.bgm-aboutHero__photo figcaption[b-42rhvydabf],
.bgm-aboutInlinePhoto figcaption[b-42rhvydabf] {
    bottom: 0;
    color: #fff;
    font-weight: 850;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    z-index: 1;
}

.bgm-aboutHero__fallback[b-42rhvydabf] {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(var(--bgm-forest-rgb), 0.94), rgba(var(--bgm-navy-rgb), 0.96)),
        radial-gradient(circle at 20% 20%, rgba(var(--bgm-gold-rgb), 0.34), transparent 40%);
    color: rgba(var(--bgm-cream-rgb), 0.95);
    display: grid;
    justify-items: center;
    padding: 2rem;
}

.bgm-aboutHero__fallback span:first-child[b-42rhvydabf] {
    font-size: clamp(4rem, 11vw, 9rem);
    font-weight: 950;
    line-height: 0.8;
}

.bgm-aboutHero__fallback span:last-child[b-42rhvydabf] {
    font-size: clamp(1.4rem, 4vw, 3rem);
    font-weight: 950;
    letter-spacing: 0.08em;
}

.bgm-aboutStory[b-42rhvydabf] {
    display: grid;
    gap: clamp(1rem, 3vw, 2rem);
}

.bgm-aboutStoryRow[b-42rhvydabf] {
    align-items: stretch;
    display: grid;
    gap: clamp(1rem, 3vw, 2rem);
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.72fr);
}

.bgm-aboutStoryRow:nth-child(even)[b-42rhvydabf] {
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
}

.bgm-aboutStoryRow:nth-child(even) .bgm-aboutCard[b-42rhvydabf] {
    order: 2;
}

.bgm-aboutStoryRow--textOnly[b-42rhvydabf] {
    grid-template-columns: 1fr;
}

.bgm-aboutCard[b-42rhvydabf] {
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.76);
    display: grid;
    gap: 1rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: clamp(1.1rem, 2vw, 1.75rem);
}

.bgm-aboutCard__icon[b-42rhvydabf] {
    align-items: center;
    background: rgba(var(--bgm-gold-rgb), 0.18);
    border: 1px solid rgba(var(--bgm-gold-rgb), 0.34);
    border-radius: 0;
    color: rgb(var(--bgm-forest-rgb));
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.bgm-aboutCard h2[b-42rhvydabf] {
    color: rgb(var(--bgm-navy-rgb));
    font-size: clamp(1.65rem, 3vw, 2.7rem);
    font-weight: 950;
    line-height: 0.95;
    margin: 0 0 0.85rem;
}

.bgm-aboutCard p[b-42rhvydabf] {
    color: rgba(var(--bgm-navy-rgb), 0.80);
    font-size: clamp(1rem, 1.6vw, 1.13rem);
    line-height: 1.55;
    margin-bottom: 0.85rem;
}

.bgm-aboutInlinePhoto[b-42rhvydabf] {
    aspect-ratio: 1.18;
    margin: 0;
    min-height: 100%;
    position: relative;
}

.bgm-aboutPhotoRail[b-42rhvydabf] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(1rem, 3vw, 2rem);
}

.bgm-aboutPhotoRail .bgm-aboutInlinePhoto[b-42rhvydabf] {
    aspect-ratio: 1.45;
    min-height: 0;
}

@media (max-width: 900px) {
    .bgm-aboutHero[b-42rhvydabf],
    .bgm-aboutStoryRow[b-42rhvydabf],
    .bgm-aboutStoryRow:nth-child(even)[b-42rhvydabf],
    .bgm-aboutPhotoRail[b-42rhvydabf] {
        grid-template-columns: 1fr;
    }

    .bgm-aboutStoryRow:nth-child(even) .bgm-aboutCard[b-42rhvydabf] {
        order: 0;
    }

    .bgm-aboutInlinePhoto[b-42rhvydabf] {
        aspect-ratio: 1.45;
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .bgm-about[b-42rhvydabf] {
        padding-left: 0;
        padding-right: 0;
        padding-top: var(--bgm-header-height, 72px);
    }

    .bgm-aboutHero[b-42rhvydabf],
    .bgm-aboutStory[b-42rhvydabf],
    .bgm-aboutPhotoRail[b-42rhvydabf] {
        width: 100%;
    }

    .bgm-aboutHero__copy[b-42rhvydabf] {
        padding: 0 0.85rem;
    }

    .bgm-aboutHero__photo[b-42rhvydabf],
    .bgm-aboutHero__fallback[b-42rhvydabf],
    .bgm-aboutInlinePhoto[b-42rhvydabf],
    .bgm-aboutCard[b-42rhvydabf] {
        border-left: 0;
        border-right: 0;
        box-shadow: none;
    }

    .bgm-aboutHero__photo[b-42rhvydabf],
    .bgm-aboutHero__fallback[b-42rhvydabf] {
        aspect-ratio: 1.15;
        min-height: 0;
    }

    .bgm-aboutHero__actions .btn[b-42rhvydabf] {
        width: 100%;
    }

    .bgm-aboutCard[b-42rhvydabf] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AccountEmail.razor.rz.scp.css */
.bgm-accountMemberPagePrompt[b-tb659ngcoh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.25);
    border-radius: 8px;
    background: #eaf6fb;
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-accountMemberPagePrompt strong[b-tb659ngcoh] {
    display: block;
    color: var(--bgm-rd-green, #164f35);
    font-weight: 900;
}

.bgm-accountMemberPagePrompt div div[b-tb659ngcoh] {
    margin-top: 0.2rem;
    color: #506680;
    font-size: 0.9rem;
}

@media (max-width: 640px) {
    .bgm-accountMemberPagePrompt[b-tb659ngcoh] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Admin.razor.rz.scp.css */
.bgm-adminSurface[b-au4a5xm692] {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.bgm-adminHero[b-au4a5xm692] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.bgm-adminHero h1[b-au4a5xm692] {
    font-size: clamp(2rem, 5vw, 4.75rem);
    line-height: 0.95;
    font-weight: 900;
    letter-spacing: 0;
}

.bgm-adminHero p[b-au4a5xm692] {
    font-size: clamp(1rem, 2vw, 1.35rem);
    color: rgba(var(--bgm-rd-dark-rgb), 0.72) !important;
}

.bgm-adminReviewCheck[b-au4a5xm692] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem 1.5rem;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    padding: 1rem 1.1rem;
    border: 1px solid rgba(176, 107, 0, 0.28);
    border-radius: 12px;
    background: #fff8e8;
}

.bgm-adminReviewCheck__summary[b-au4a5xm692] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.bgm-adminReviewCheck__icon[b-au4a5xm692] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 12px;
    background: rgba(176, 107, 0, 0.12);
    color: #704b11;
}

.bgm-adminReviewCheck__copy[b-au4a5xm692] {
    min-width: 0;
}

.bgm-adminReviewCheck h2[b-au4a5xm692] {
    margin: 0 0 0.2rem;
    color: var(--bgm-rd-ink);
    font-size: clamp(1rem, 1.8vw, 1.2rem);
    font-weight: 950;
    line-height: 1.15;
}

.bgm-adminReviewCheck p[b-au4a5xm692] {
    max-width: 70ch;
    margin: 0;
    color: #66542f;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.bgm-adminReviewCheck__action[b-au4a5xm692] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.75rem;
    padding: 0.65rem 0.9rem;
    border-radius: 8px;
    background: var(--bgm-rd-green);
    color: #fff;
    font-weight: 900;
    line-height: 1.1;
    text-decoration: none;
    transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.bgm-adminReviewCheck__action:hover[b-au4a5xm692],
.bgm-adminReviewCheck__action:focus-visible[b-au4a5xm692] {
    background: var(--bgm-rd-blue);
    box-shadow: 0 10px 22px rgba(var(--bgm-rd-blue-rgb), 0.18);
    color: #fff;
    transform: translateY(-1px);
}

.bgm-adminRewardPanel[b-au4a5xm692] {
    border: 1px solid rgba(var(--bgm-rd-green-rgb), 0.18);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(var(--bgm-rd-dark-rgb), 0.07);
    padding: clamp(1rem, 2.4vw, 1.6rem);
}

.bgm-adminRewardPanel__header[b-au4a5xm692] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.bgm-adminRewardPanel__kicker[b-au4a5xm692] {
    color: var(--bgm-rd-green);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bgm-adminRewardPanel h2[b-au4a5xm692] {
    color: var(--bgm-rd-ink);
    font-size: clamp(1.5rem, 3vw, 2.35rem);
    font-weight: 950;
    line-height: 1;
    margin: 0.25rem 0 0.35rem;
}

.bgm-adminRewardPanel p[b-au4a5xm692] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.68);
    margin: 0;
}

.bgm-adminRewardPanel__claim[b-au4a5xm692] {
    min-height: 4.25rem;
    min-width: min(17rem, 100%);
    border: 0;
    border-radius: 8px;
    background: var(--bgm-rd-green);
    color: #fff;
    font-size: clamp(1rem, 1.8vw, 1.25rem);
    font-weight: 950;
    letter-spacing: 0.08em;
    padding: 1rem 1.3rem;
    text-transform: uppercase;
    transition: background 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.bgm-adminRewardPanel__claim:not(:disabled):hover[b-au4a5xm692],
.bgm-adminRewardPanel__claim:not(:disabled):focus-visible[b-au4a5xm692] {
    background: var(--bgm-rd-blue);
    box-shadow: 0 16px 28px rgba(var(--bgm-rd-blue-rgb), 0.2);
    transform: translateY(-1px);
}

.bgm-adminRewardPanel__claim:disabled[b-au4a5xm692] {
    background: rgba(var(--bgm-rd-dark-rgb), 0.14);
    color: rgba(var(--bgm-rd-dark-rgb), 0.48);
}

.bgm-adminRewardGrid[b-au4a5xm692] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

.bgm-adminRewardCard[b-au4a5xm692] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.09);
    background: rgba(var(--bgm-rd-green-rgb), 0.055);
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
}

.bgm-adminRewardCard span[b-au4a5xm692],
.bgm-adminRewardCard small[b-au4a5xm692] {
    display: block;
    color: rgba(var(--bgm-rd-dark-rgb), 0.62);
    font-size: 0.75rem;
    font-weight: 850;
}

.bgm-adminRewardCard span[b-au4a5xm692] {
    color: var(--bgm-rd-green);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.bgm-adminRewardCard strong[b-au4a5xm692] {
    color: var(--bgm-rd-ink);
    display: block;
    font-size: 1.02rem;
    font-weight: 950;
    line-height: 1.15;
    margin: 0.25rem 0;
}

.bgm-adminRewardCard b[b-au4a5xm692] {
    color: var(--bgm-rd-green);
    font-size: 1.4rem;
    line-height: 1;
}

.bgm-adminRewardPanel__empty[b-au4a5xm692] {
    border: 1px dashed rgba(var(--bgm-rd-dark-rgb), 0.18);
    border-radius: 8px;
    color: rgba(var(--bgm-rd-dark-rgb), 0.62);
    font-weight: 750;
    margin-top: 1rem;
    padding: 1rem;
}

.bgm-adminContributionGrid[b-au4a5xm692] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(0.75rem, 2vw, 1.25rem);
}

.bgm-adminCardSection[b-au4a5xm692] {
    display: grid;
    gap: 1rem;
}

.bgm-adminCardSection__header[b-au4a5xm692] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.bgm-adminCardSection__header h2[b-au4a5xm692] {
    color: var(--bgm-rd-ink);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 950;
    line-height: 1;
    margin: 0 0 0.35rem;
}

.bgm-adminCardSection__header p[b-au4a5xm692] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.68);
    margin: 0;
}

.bgm-adminAccessLegend[b-au4a5xm692] {
    display: grid;
    gap: 0.7rem;
    margin: 0 0 clamp(2rem, 4vw, 3rem);
    padding: 0.9rem 1rem;
    border-block: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.12);
}

.bgm-adminAccessLegend__heading[b-au4a5xm692] {
    display: grid;
    gap: 0.15rem;
    flex: 0 0 auto;
}

.bgm-adminAccessLegend__heading span[b-au4a5xm692] {
    color: var(--bgm-rd-ink);
    font-weight: 950;
}

.bgm-adminAccessLegend__heading small[b-au4a5xm692] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.64);
}

.bgm-adminAccessLegend__items[b-au4a5xm692] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
}

.bgm-adminAccessLegend__item[b-au4a5xm692] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: rgba(var(--bgm-rd-dark-rgb), 0.78);
    font-size: 0.82rem;
    font-weight: 850;
    white-space: nowrap;
}

.bgm-adminContributionCard[b-au4a5xm692] {
    position: relative;
    min-height: clamp(9rem, 14vw, 12.5rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.65rem;
    padding: clamp(1rem, 2.2vw, 1.75rem);
    background: rgba(255, 255, 255, 0.62);
    border: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.08);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(var(--bgm-rd-dark-rgb), 0.06);
    transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.bgm-adminContributionCard__access[b-au4a5xm692] {
    position: absolute;
    top: 0.7rem;
    right: 0.75rem;
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.1);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.82);
}

.bgm-adminContributionCard:hover[b-au4a5xm692],
.bgm-adminContributionCard:focus-visible[b-au4a5xm692] {
    background: rgba(255, 255, 255, 0.84);
    border-color: rgba(var(--bgm-rd-blue-rgb), 0.32);
    box-shadow: 0 18px 38px rgba(var(--bgm-rd-dark-rgb), 0.10);
    transform: translateY(-2px);
}

.bgm-adminContributionCard__icon[b-au4a5xm692] {
    margin-bottom: 0.15rem;
}

.bgm-adminContributionCard__title[b-au4a5xm692] {
    font-size: clamp(0.98rem, 1.6vw, 1.25rem);
    line-height: 1.1;
    font-weight: 900;
    color: var(--bgm-rd-ink);
}

.bgm-adminContributionCard__description[b-au4a5xm692] {
    max-width: 28ch;
    font-size: clamp(0.82rem, 1.25vw, 0.98rem);
    line-height: 1.35;
    color: rgba(var(--bgm-rd-dark-rgb), 0.70);
}

@media (min-width: 900px) {
    .bgm-adminContributionGrid[b-au4a5xm692] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    .bgm-adminContributionGrid[b-au4a5xm692] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bgm-adminSurface[b-au4a5xm692] {
        width: 100%;
    }

    .bgm-adminHero[b-au4a5xm692] {
        align-items: flex-start;
        margin-bottom: 0.875rem;
        padding: 0 0.75rem;
    }

    .bgm-adminHero h1[b-au4a5xm692] {
        font-size: clamp(2rem, 11vw, 3rem);
    }

    .bgm-adminReviewCheck[b-au4a5xm692] {
        grid-template-columns: 1fr;
        margin-inline: 0.75rem;
    }

    .bgm-adminReviewCheck__action[b-au4a5xm692] {
        width: 100%;
    }

    .bgm-adminContributionGrid[b-au4a5xm692] {
        gap: 0.65rem;
    }

    .bgm-adminCardSection__header[b-au4a5xm692] {
        display: grid;
        padding: 0 0.75rem;
    }

    .bgm-adminAccessLegend[b-au4a5xm692] {
        align-items: flex-start;
        display: grid;
        margin-inline: 0.75rem;
        padding-inline: 0;
    }

    .bgm-adminAccessLegend__items[b-au4a5xm692] {
        justify-content: flex-start;
    }

    .bgm-adminRewardPanel__header[b-au4a5xm692],
    .bgm-adminRewardCard[b-au4a5xm692] {
        display: grid;
    }

    .bgm-adminRewardPanel[b-au4a5xm692] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .bgm-adminRewardGrid[b-au4a5xm692] {
        grid-template-columns: 1fr;
    }

    .bgm-adminContributionGrid[b-au4a5xm692] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-adminContributionCard[b-au4a5xm692] {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        min-height: 8.25rem;
        padding: 0.85rem 0.75rem;
        box-shadow: 0 8px 18px rgba(var(--bgm-rd-dark-rgb), 0.055);
    }
}

@media (max-width: 380px) {
    .bgm-adminContributionGrid[b-au4a5xm692] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminAboutUs.razor.rz.scp.css */
.bgm-adminAbout[b-1j5z9tlb8u] {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.bgm-adminAbout__header[b-1j5z9tlb8u] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.bgm-adminAbout__header h1[b-1j5z9tlb8u] {
    font-size: clamp(2rem, 4vw, 3.4rem);
    font-weight: 950;
    line-height: 0.95;
    margin: 0 0 0.4rem;
}

.bgm-adminAbout__header p[b-1j5z9tlb8u],
.bgm-adminAbout__sectionHeader p[b-1j5z9tlb8u] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.64);
    margin: 0;
}

.bgm-adminAbout__panel[b-1j5z9tlb8u] {
    background: #fff;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.055);
    margin-bottom: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
}

.bgm-adminAbout__sectionHeader[b-1j5z9tlb8u] {
    margin-bottom: 1rem;
}

.bgm-adminAbout__sectionHeader h2[b-1j5z9tlb8u] {
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    font-weight: 950;
    line-height: 1;
    margin: 0 0 0.35rem;
}

.bgm-adminAbout__upload[b-1j5z9tlb8u] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(240px, 0.8fr) minmax(240px, 1fr);
    margin-bottom: 1rem;
}

.bgm-adminAbout__empty[b-1j5z9tlb8u] {
    background: rgba(var(--bgm-gold-rgb), 0.12);
    border: 1px dashed rgba(var(--bgm-gold-rgb), 0.45);
    border-radius: 8px;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.70);
    padding: 1rem;
}

.bgm-adminAbout__photoGrid[b-1j5z9tlb8u] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bgm-adminAbout__photoCard[b-1j5z9tlb8u] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    overflow: hidden;
}

.bgm-adminAbout__photoCard img[b-1j5z9tlb8u] {
    aspect-ratio: 1;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.bgm-adminAbout__photoFields[b-1j5z9tlb8u] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem;
}

.bgm-adminAbout__photoFields label[b-1j5z9tlb8u] {
    display: grid;
    gap: 0.3rem;
}

.bgm-adminAbout__photoFields span[b-1j5z9tlb8u] {
    font-size: 0.82rem;
    font-weight: 850;
}

.bgm-adminAbout__photoActions[b-1j5z9tlb8u],
.bgm-adminAbout__actions[b-1j5z9tlb8u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bgm-adminAbout__cardEditor[b-1j5z9tlb8u] {
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    padding: 1rem 0;
}

.bgm-adminAbout__cardEditor:first-of-type[b-1j5z9tlb8u] {
    border-top: 0;
    padding-top: 0;
}

.bgm-adminAbout__cardEditor h3[b-1j5z9tlb8u] {
    font-size: 1rem;
    font-weight: 950;
    margin: 0 0 0.75rem;
}

@media (max-width: 980px) {
    .bgm-adminAbout__photoGrid[b-1j5z9tlb8u],
    .bgm-adminAbout__upload[b-1j5z9tlb8u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .bgm-adminAbout[b-1j5z9tlb8u] {
        width: 100%;
    }

    .bgm-adminAbout__header[b-1j5z9tlb8u],
    .bgm-adminAbout__actions[b-1j5z9tlb8u] {
        padding: 0 0.75rem;
    }

    .bgm-adminAbout__header[b-1j5z9tlb8u] {
        display: grid;
    }

    .bgm-adminAbout__header .btn[b-1j5z9tlb8u],
    .bgm-adminAbout__actions .btn[b-1j5z9tlb8u] {
        width: 100%;
    }

    .bgm-adminAbout__panel[b-1j5z9tlb8u] {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        box-shadow: none;
    }

    .bgm-adminAbout__photoCard[b-1j5z9tlb8u] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminBgGameGuesser.razor.rz.scp.css */
.bgm-bgGuesserAdmin[b-5cpun37wrc] {
    width: min(1440px, 100%);
}

.bgm-bgGuesserAdmin__formPanel[b-5cpun37wrc] {
    background: #fff;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.055);
    padding: clamp(1rem, 2vw, 1.35rem);
}

.bgm-bgGuesserAdmin__formHeader[b-5cpun37wrc] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.bgm-bgGuesserAdmin__formHeader h2[b-5cpun37wrc] {
    font-size: clamp(1.35rem, 2.2vw, 2rem);
    font-weight: 950;
    line-height: 1;
    margin: 0 0 0.35rem;
}

.bgm-bgGuesserAdmin__formHeader p[b-5cpun37wrc] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.66);
    margin: 0;
}

.bgm-bgGuesserAdmin__formFooter[b-5cpun37wrc] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 1rem;
}

.bgm-bgGuesserAdmin__formActions[b-5cpun37wrc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .bgm-bgGuesserAdmin__formPanel[b-5cpun37wrc] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        box-shadow: none;
        margin-left: -0.85rem;
        margin-right: -0.85rem;
        padding: 0.85rem;
    }

    .bgm-bgGuesserAdmin__formHeader[b-5cpun37wrc],
    .bgm-bgGuesserAdmin__formFooter[b-5cpun37wrc] {
        display: grid;
    }

    .bgm-bgGuesserAdmin__formActions[b-5cpun37wrc],
    .bgm-bgGuesserAdmin__formActions .btn[b-5cpun37wrc] {
        width: 100%;
    }
}
/* /Pages/AdminDiagnostics.razor.rz.scp.css */
.bgm-diagnostics[b-20sbygruwn] {
    width: min(1180px, calc(100vw - 2rem));
    margin: 0 auto 4rem;
}

.bgm-diagnostics__hero[b-20sbygruwn],
.bgm-diagnostics__setup[b-20sbygruwn],
.bgm-diagnostics__ready[b-20sbygruwn],
.bgm-diagnostics__filters[b-20sbygruwn],
.bgm-diagnostics__summary[b-20sbygruwn],
.bgm-diagnostics__list[b-20sbygruwn],
.bgm-diagnostics__detail[b-20sbygruwn] {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(26, 58, 92, 0.12);
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.06);
}

.bgm-diagnostics__hero[b-20sbygruwn] {
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.bgm-diagnostics__hero h1[b-20sbygruwn] {
    margin: 0;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
}

.bgm-diagnostics__hero p[b-20sbygruwn] {
    margin: 0.35rem 0 0;
    color: #5f6b7a;
}

.bgm-diagnostics__setup[b-20sbygruwn],
.bgm-diagnostics__ready[b-20sbygruwn] {
    padding: 1rem;
    margin-bottom: 1rem;
}

.bgm-diagnostics__setupHeader[b-20sbygruwn] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.bgm-diagnostics__setupHeader h2[b-20sbygruwn] {
    margin: 0;
    font-size: 1.25rem;
}

.bgm-diagnostics__setupHeader p[b-20sbygruwn] {
    margin: 0.25rem 0 0;
    color: #667085;
}

.bgm-diagnostics__setupHeader > span[b-20sbygruwn] {
    flex: 0 0 auto;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    background: #fff7e6;
    color: #8a4b00;
    font-weight: 700;
    font-size: 0.82rem;
}

.bgm-diagnostics__setupGrid[b-20sbygruwn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.bgm-diagnostics__setupItem[b-20sbygruwn] {
    display: grid;
    grid-template-columns: 4.75rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.85rem;
    border: 1px solid rgba(26, 58, 92, 0.12);
    border-radius: 8px;
    background: #fff;
}

.bgm-diagnostics__setupItem h3[b-20sbygruwn] {
    margin: 0;
    font-size: 1rem;
}

.bgm-diagnostics__setupItem p[b-20sbygruwn] {
    margin: 0.25rem 0 0.45rem;
    color: #667085;
    font-size: 0.9rem;
}

.bgm-diagnostics__setupItem code[b-20sbygruwn] {
    display: block;
    white-space: normal;
    overflow-wrap: anywhere;
    color: #1a3a5c;
    background: #eef4fb;
    border-radius: 6px;
    padding: 0.35rem 0.45rem;
}

.bgm-diagnostics__setupStatus[b-20sbygruwn] {
    align-self: start;
    justify-self: start;
    padding: 0.22rem 0.45rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.bgm-diagnostics__setupItem.is-complete .bgm-diagnostics__setupStatus[b-20sbygruwn] {
    color: #027a48;
    background: #ecfdf3;
}

.bgm-diagnostics__setupItem.is-pending .bgm-diagnostics__setupStatus[b-20sbygruwn] {
    color: #b42318;
    background: #fef3f2;
}

.bgm-diagnostics__setupNotes[b-20sbygruwn],
.bgm-diagnostics__ready[b-20sbygruwn] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.85rem;
    color: #475467;
}

.bgm-diagnostics__ready[b-20sbygruwn] {
    border-left: 4px solid #12b76a;
}

.bgm-diagnostics__ready strong[b-20sbygruwn],
.bgm-diagnostics__setupNotes strong[b-20sbygruwn] {
    color: #1a3a5c;
}

.bgm-diagnostics__filters[b-20sbygruwn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.bgm-diagnostics__filters label[b-20sbygruwn] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.bgm-diagnostics__filters span[b-20sbygruwn] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #475467;
}

.bgm-diagnostics__wide[b-20sbygruwn] {
    grid-column: span 2;
}

.bgm-diagnostics__filterActions[b-20sbygruwn] {
    display: flex;
    align-items: end;
    gap: 0.5rem;
}

.bgm-diagnostics__summary[b-20sbygruwn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.bgm-diagnostics__summary article[b-20sbygruwn] {
    display: grid;
    gap: 0.25rem;
}

.bgm-diagnostics__summary strong[b-20sbygruwn] {
    color: #1a3a5c;
    font-size: 1.1rem;
}

.bgm-diagnostics__summary span[b-20sbygruwn] {
    color: #667085;
    font-size: 0.9rem;
}

.bgm-diagnostics__layout[b-20sbygruwn] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr);
    gap: 1rem;
    align-items: start;
}

.bgm-diagnostics__list[b-20sbygruwn],
.bgm-diagnostics__detail[b-20sbygruwn] {
    padding: 1rem;
    min-width: 0;
}

.bgm-diagnostics__tableWrap[b-20sbygruwn] {
    overflow-x: auto;
}

.bgm-diagnostics__tableWrap td[b-20sbygruwn],
.bgm-diagnostics__tableWrap th[b-20sbygruwn] {
    vertical-align: top;
}

.bgm-diagnostics__tableWrap td strong[b-20sbygruwn],
.bgm-diagnostics__tableWrap td small[b-20sbygruwn] {
    display: block;
}

.bgm-diagnostics__tableWrap td small[b-20sbygruwn] {
    color: #667085;
}

.bgm-diagnostics__pager[b-20sbygruwn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.bgm-diagnostics__detail[b-20sbygruwn] {
    position: sticky;
    top: 1rem;
}

.bgm-diagnostics__detailHeader[b-20sbygruwn] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 1rem;
}

.bgm-diagnostics__detailHeader h2[b-20sbygruwn] {
    font-size: 1.25rem;
    margin: 0;
}

.bgm-diagnostics__detailHeader p[b-20sbygruwn] {
    color: #667085;
    margin: 0.25rem 0 0;
}

.bgm-diagnostics__ok[b-20sbygruwn],
.bgm-diagnostics__bad[b-20sbygruwn] {
    display: inline-flex;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.bgm-diagnostics__ok[b-20sbygruwn] {
    color: #027a48;
    background: #ecfdf3;
}

.bgm-diagnostics__bad[b-20sbygruwn] {
    color: #b42318;
    background: #fef3f2;
}

.bgm-diagnostics__facts[b-20sbygruwn] {
    display: grid;
    grid-template-columns: 8rem minmax(0, 1fr);
    gap: 0.45rem 0.8rem;
    margin: 1rem 0;
}

.bgm-diagnostics__facts dt[b-20sbygruwn] {
    color: #667085;
    font-weight: 700;
}

.bgm-diagnostics__facts dd[b-20sbygruwn] {
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.bgm-diagnostics__json[b-20sbygruwn] {
    max-height: 18rem;
    overflow: auto;
    padding: 0.75rem;
    border-radius: 8px;
    background: #101828;
    color: #f9fafb;
    font-size: 0.82rem;
}

.bgm-diagnostics__miniList[b-20sbygruwn] {
    display: grid;
    gap: 0.45rem;
}

.bgm-diagnostics__miniList button[b-20sbygruwn] {
    display: grid;
    gap: 0.15rem;
    text-align: left;
    padding: 0.6rem;
    border: 1px solid rgba(26, 58, 92, 0.12);
    border-radius: 8px;
    background: #fff;
}

.bgm-diagnostics__miniList span[b-20sbygruwn] {
    color: #667085;
    font-size: 0.85rem;
}

@media (max-width: 900px) {
    .bgm-diagnostics__filters[b-20sbygruwn],
    .bgm-diagnostics__setupGrid[b-20sbygruwn],
    .bgm-diagnostics__summary[b-20sbygruwn],
    .bgm-diagnostics__layout[b-20sbygruwn] {
        grid-template-columns: 1fr;
    }

    .bgm-diagnostics__wide[b-20sbygruwn] {
        grid-column: auto;
    }

    .bgm-diagnostics__detail[b-20sbygruwn] {
        position: static;
    }
}

@media (max-width: 560px) {
    .bgm-diagnostics[b-20sbygruwn] {
        width: min(100vw - 1rem, 1180px);
        margin-top: 0;
    }

    .bgm-diagnostics__hero[b-20sbygruwn],
    .bgm-diagnostics__setup[b-20sbygruwn],
    .bgm-diagnostics__ready[b-20sbygruwn],
    .bgm-diagnostics__filters[b-20sbygruwn],
    .bgm-diagnostics__summary[b-20sbygruwn],
    .bgm-diagnostics__list[b-20sbygruwn],
    .bgm-diagnostics__detail[b-20sbygruwn] {
        padding: 0.85rem;
    }

    .bgm-diagnostics__facts[b-20sbygruwn] {
        grid-template-columns: 1fr;
    }

    .bgm-diagnostics__setupHeader[b-20sbygruwn] {
        display: grid;
    }

    .bgm-diagnostics__setupItem[b-20sbygruwn] {
        grid-template-columns: 1fr;
    }

    .bgm-diagnostics__pager[b-20sbygruwn] {
        flex-wrap: wrap;
    }
}
/* /Pages/AdminEditReview.razor.rz.scp.css */
.bgm-editReviewFlow[b-il9rky7fw0] {
    padding: 0.25rem 0 1.5rem;
}

.bgm-editReviewFlow__inner[b-il9rky7fw0] {
    max-width: 860px;
}

.bgm-editReviewFlow__header[b-il9rky7fw0] {
    margin-bottom: 1rem;
}

.bgm-editReviewFlow__kicker[b-il9rky7fw0] {
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bs-secondary-color);
    font-weight: 700;
}

.bgm-editReviewFlow__title[b-il9rky7fw0] {
    margin: 0.2rem 0 0.5rem;
    font-weight: 800;
}

.bgm-editReviewFlow__subtitle[b-il9rky7fw0] {
    margin: 0;
    color: var(--bs-secondary-color);
}

.bgm-editReviewFlow__step[b-il9rky7fw0] {
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    padding: 1rem;
    margin-top: 1rem;
    background: #fff;
}

.bgm-editReviewFlow__step--warning[b-il9rky7fw0] {
    border-color: #ffc107;
    background: #fffdf0;
}

.bgm-editReviewFlow__stepHeading[b-il9rky7fw0] {
    font-weight: 700;
    margin-bottom: 0.9rem;
}

.bgm-editReviewFlow__quickPicks[b-il9rky7fw0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.bgm-editReviewFlow__quickPick[b-il9rky7fw0] {
    text-align: left;
    border: 1px solid var(--bs-border-color);
    background: #fff;
    border-radius: 10px;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bgm-editReviewFlow__quickPick--warning[b-il9rky7fw0] {
    border-color: #ffc107;
}

.bgm-editReviewFlow__quickPick:hover[b-il9rky7fw0],
.bgm-editReviewFlow__quickPick.is-selected[b-il9rky7fw0] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.12);
}

.bgm-editReviewFlow__quickPick--warning:hover[b-il9rky7fw0],
.bgm-editReviewFlow__quickPick--warning.is-selected[b-il9rky7fw0] {
    border-color: #dc3545;
    box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.12);
}

.bgm-editReviewFlow__quickPickName[b-il9rky7fw0] {
    font-weight: 700;
}

.bgm-editReviewFlow__quickPickMeta[b-il9rky7fw0] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}

.bgm-editReviewFlow__pickerWrap[b-il9rky7fw0] {
    position: relative;
    max-width: 560px;
}

.bgm-editReviewFlow__dropdown[b-il9rky7fw0] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    max-height: 280px;
    overflow-y: auto;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.bgm-editReviewFlow__empty[b-il9rky7fw0] {
    margin-top: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    background: #fff;
}

.bgm-editReviewFlow__emptyIcon[b-il9rky7fw0] {
    font-size: 1.4rem;
}

.bgm-editReviewFlow__emptyTitle[b-il9rky7fw0] {
    margin-top: 0.35rem;
    font-weight: 700;
}

.bgm-editReviewFlow__emptyText[b-il9rky7fw0] {
    margin: 0.35rem 0 0;
    color: var(--bs-secondary-color);
}
/* /Pages/AdminGroupSettings.razor.rz.scp.css */
.bgm-groupSettings[b-jxjmy5v72c] {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.bgm-groupSettings__header[b-jxjmy5v72c] {
    margin-bottom: 1.25rem;
}

.bgm-groupSettings__header h1[b-jxjmy5v72c] {
    margin: 0 0 0.35rem;
}

.bgm-groupSettings__header p[b-jxjmy5v72c] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
    font-size: 1rem;
    margin: 0;
}

.bgm-groupSettings__panel[b-jxjmy5v72c] {
    background: #fff;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.055);
    margin-bottom: 1rem;
    padding: clamp(1rem, 2vw, 1.35rem);
}

.bgm-groupSettings__sectionHeader[b-jxjmy5v72c] {
    margin-bottom: 1rem;
}

.bgm-groupSettings__sectionHeader h2[b-jxjmy5v72c] {
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1;
    margin: 0 0 0.35rem;
}

.bgm-groupSettings__sectionHeader p[b-jxjmy5v72c] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.62);
    margin: 0;
}

.bgm-groupSettings__toggle[b-jxjmy5v72c] {
    align-items: flex-start;
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.bgm-groupSettings__toggle--first[b-jxjmy5v72c] {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

.bgm-groupSettings__reminderSchedule[b-jxjmy5v72c] {
    border: 0;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 1rem 0 0;
    max-width: 44rem;
    padding: 0;
}

.bgm-groupSettings__reminderSchedule label[b-jxjmy5v72c] {
    display: grid;
    gap: 0.4rem;
}

.bgm-groupSettings__reminderSchedule label > span[b-jxjmy5v72c] {
    font-weight: 850;
}

.bgm-groupSettings__reminderSchedule:disabled[b-jxjmy5v72c] {
    opacity: 0.55;
}

.bgm-groupSettings__reminderPreview[b-jxjmy5v72c] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.72);
    font-size: 1rem;
    margin: 0.9rem 0 0;
}

.bgm-groupSettings__reminderHealth[b-jxjmy5v72c] {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.65rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.16);
    border-radius: 12px;
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.04);
    color: var(--bgm-rd-ink, #17222b);
    font-size: .8rem;
    line-height: 1.4;
}

.bgm-groupSettings__reminderHealth strong[b-jxjmy5v72c] {
    color: var(--bgm-rd-green, #164f35);
}

.bgm-groupSettings__reminderHealth span[b-jxjmy5v72c] {
    display: block;
}

.bgm-groupSettings__accentPicker[b-jxjmy5v72c] {
    border: 0;
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    margin: 1.25rem 0 0;
    padding: 1rem 0 0;
}

.bgm-groupSettings__accentPicker p[b-jxjmy5v72c] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.62);
    margin: -0.25rem 0 0.75rem;
}

.bgm-groupSettings__accentOptions[b-jxjmy5v72c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.bgm-groupSettings__accentOption[b-jxjmy5v72c] {
    align-items: center;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.18);
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    font-weight: 750;
    gap: 0.45rem;
    padding: 0.4rem 0.75rem 0.4rem 0.55rem;
}

.bgm-groupSettings__accentOption.is-selected[b-jxjmy5v72c] {
    border-color: var(--bgm-group-accent, var(--bgm-rd-blue, #0087C8));
    box-shadow: 0 0 0 3px rgba(var(--bgm-group-accent-rgb, var(--bgm-rd-blue-rgb, 0, 135, 200)), 0.16);
}

.bgm-groupSettings__accentOption input[b-jxjmy5v72c] {
    margin: 0;
}

.bgm-groupSettings__accentSwatch[b-jxjmy5v72c] {
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.22);
    display: block;
    height: 1.2rem;
    width: 1.2rem;
}

.bgm-groupSettings__toggle strong[b-jxjmy5v72c],
.bgm-groupSettings__toggle small[b-jxjmy5v72c] {
    display: block;
}

.bgm-groupSettings__toggle small[b-jxjmy5v72c] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.62);
}

.bgm-groupSettings__rewardGrid[b-jxjmy5v72c],
.bgm-groupSettings__rsvpGrid[b-jxjmy5v72c] {
    display: grid;
    gap: 1rem;
}

.bgm-groupSettings__rewardGrid[b-jxjmy5v72c] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bgm-groupSettings__rsvpGrid[b-jxjmy5v72c] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 44rem;
}

.bgm-groupSettings__rewardGrid label[b-jxjmy5v72c],
.bgm-groupSettings__rsvpGrid label[b-jxjmy5v72c] {
    display: grid;
    gap: 0.4rem;
}

.bgm-groupSettings__rewardGrid label > span[b-jxjmy5v72c],
.bgm-groupSettings__rsvpGrid label > span[b-jxjmy5v72c] {
    font-weight: 850;
}

.bgm-groupSettings__rsvpGrid small[b-jxjmy5v72c] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.62);
}

.bgm-groupSettings__actions[b-jxjmy5v72c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.bgm-groupSettings__scheduleCurrent[b-jxjmy5v72c] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0 0 1.25rem;
    padding: 0;
    border-block: 1px solid var(--bgm-rd-rule, #e3e1dc);
}

.bgm-groupSettings__scheduleCurrent > div[b-jxjmy5v72c] { padding: .8rem; }
.bgm-groupSettings__scheduleCurrent > div + div[b-jxjmy5v72c] { border-left: 1px solid var(--bgm-rd-rule, #e3e1dc); }
.bgm-groupSettings__scheduleCurrent dt[b-jxjmy5v72c] { font-size: .8rem; font-weight: 850; }
.bgm-groupSettings__scheduleCurrent dd[b-jxjmy5v72c] { margin: .25rem 0 0; font-weight: 850; overflow-wrap: anywhere; }

.bgm-groupSettings__scheduleEditor[b-jxjmy5v72c],
.bgm-groupSettings__oneOffEditor[b-jxjmy5v72c] {
    display: grid;
    gap: 1rem;
    align-items: end;
}

.bgm-groupSettings__scheduleEditor[b-jxjmy5v72c] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bgm-groupSettings__oneOffEditor[b-jxjmy5v72c] { grid-template-columns: minmax(180px, .65fr) minmax(240px, 1fr) auto; }
.bgm-groupSettings__scheduleEditor label[b-jxjmy5v72c],
.bgm-groupSettings__oneOffEditor label[b-jxjmy5v72c],
.bgm-groupSettings__typedConfirm[b-jxjmy5v72c],
.bgm-groupSettings__cancelOneOff label[b-jxjmy5v72c] { display: grid; gap: .45rem; }
.bgm-groupSettings__scheduleEditor label > span[b-jxjmy5v72c],
.bgm-groupSettings__oneOffEditor label > span[b-jxjmy5v72c],
.bgm-groupSettings__typedConfirm > span[b-jxjmy5v72c],
.bgm-groupSettings__cancelOneOff label > span[b-jxjmy5v72c] { font-size: .8rem; font-weight: 850; }

.bgm-groupSettings__scheduleNote[b-jxjmy5v72c] { max-width: 70ch; margin: .8rem 0 1rem; color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 72%, transparent); }

.bgm-groupSettings__schedulePreview[b-jxjmy5v72c] {
    margin-top: 1rem;
    padding-block: 1.25rem;
    border-block: 2px solid var(--bgm-rd-ink, #17222b);
}

.bgm-groupSettings__schedulePreview h3[b-jxjmy5v72c] { margin: 0; font-size: 1.35rem; font-weight: 900; letter-spacing: -.025em; }
.bgm-groupSettings__schedulePreview p[b-jxjmy5v72c] { max-width: 70ch; margin: .45rem 0 0; }
.bgm-groupSettings__collisions[b-jxjmy5v72c] { margin-top: 1rem; border-top: 1px solid var(--bgm-rd-rule, #e3e1dc); }
.bgm-groupSettings__collision[b-jxjmy5v72c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .65fr);
    gap: 1rem;
    align-items: center;
    padding: .8rem 0;
    border-bottom: 1px solid var(--bgm-rd-rule, #e3e1dc);
}
.bgm-groupSettings__collision > span[b-jxjmy5v72c] { display: grid; gap: .15rem; }
.bgm-groupSettings__collision small[b-jxjmy5v72c] { color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 68%, transparent); }
.bgm-groupSettings__typedConfirm[b-jxjmy5v72c] { max-width: 34rem; margin-top: 1rem; }
.bgm-groupSettings__scheduleActions[b-jxjmy5v72c] { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1rem; }

.bgm-groupSettings__inlineStatus[b-jxjmy5v72c] { margin: 1rem 0 0; color: var(--bgm-rd-green, #164f35); font-weight: 850; }
.bgm-groupSettings__inlineStatus.is-error[b-jxjmy5v72c] { color: var(--bgm-rd-error, #9b2c2c); }

.bgm-groupSettings__history[b-jxjmy5v72c] { margin-top: 1.25rem; border-top: 1px solid var(--bgm-rd-rule, #e3e1dc); padding-top: 1rem; }
.bgm-groupSettings__history summary[b-jxjmy5v72c] { color: var(--bgm-rd-green, #164f35); font-weight: 850; cursor: pointer; }
.bgm-groupSettings__history summary:focus-visible[b-jxjmy5v72c] { outline: 3px solid var(--bgm-rd-gold, #d9b13b); outline-offset: 3px; }
.bgm-groupSettings__history ol[b-jxjmy5v72c] { margin: .8rem 0 0; padding: 0; list-style: none; }
.bgm-groupSettings__history li[b-jxjmy5v72c] { display: grid; gap: .15rem; padding: .65rem 0; border-bottom: 1px solid var(--bgm-rd-rule, #e3e1dc); }
.bgm-groupSettings__history small[b-jxjmy5v72c] { color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 68%, transparent); }

.bgm-groupSettings__allowance[b-jxjmy5v72c] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: .8rem 1rem;
    background: var(--bgm-rd-navy, #071017);
    color: #fffef9;
    font-size: .8rem;
    font-weight: 850;
}

.bgm-groupSettings__oneOffList[b-jxjmy5v72c] { margin-top: 1.25rem; border-top: 2px solid var(--bgm-rd-ink, #17222b); }
.bgm-groupSettings__oneOffRow[b-jxjmy5v72c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: .8rem 0;
    border-bottom: 1px solid var(--bgm-rd-rule, #e3e1dc);
}
.bgm-groupSettings__oneOffRow > div:first-child[b-jxjmy5v72c] { display: grid; gap: .2rem; }
.bgm-groupSettings__oneOffRow span[b-jxjmy5v72c] { color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 68%, transparent); }
.bgm-groupSettings__oneOffActions[b-jxjmy5v72c] { display: flex; gap: .45rem; }

.bgm-groupSettings__cancelOneOff[b-jxjmy5v72c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--bgm-rd-burgundy, #7a1f24);
    background: color-mix(in srgb, var(--bgm-rd-burgundy, #7a1f24) 7%, #fffef9);
}
.bgm-groupSettings__cancelOneOff > div[b-jxjmy5v72c] { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: .65rem; }

@media (max-width: 900px) {
    .bgm-groupSettings__rewardGrid[b-jxjmy5v72c],
    .bgm-groupSettings__rsvpGrid[b-jxjmy5v72c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-groupSettings__scheduleEditor[b-jxjmy5v72c],
    .bgm-groupSettings__oneOffEditor[b-jxjmy5v72c] { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .bgm-groupSettings[b-jxjmy5v72c] {
        width: 100%;
    }

    .bgm-groupSettings__header[b-jxjmy5v72c],
    .bgm-groupSettings__actions[b-jxjmy5v72c] {
        padding: 0 0.75rem;
    }

    .bgm-groupSettings__panel[b-jxjmy5v72c] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .bgm-groupSettings__rewardGrid[b-jxjmy5v72c],
    .bgm-groupSettings__rsvpGrid[b-jxjmy5v72c] {
        grid-template-columns: 1fr;
    }

    .bgm-groupSettings__reminderSchedule[b-jxjmy5v72c] {
        grid-template-columns: 1fr;
    }

    .bgm-groupSettings__scheduleCurrent[b-jxjmy5v72c],
    .bgm-groupSettings__collision[b-jxjmy5v72c],
    .bgm-groupSettings__oneOffRow[b-jxjmy5v72c],
    .bgm-groupSettings__cancelOneOff[b-jxjmy5v72c] { grid-template-columns: 1fr; }
    .bgm-groupSettings__scheduleCurrent > div + div[b-jxjmy5v72c] { border-left: 0; border-top: 1px solid var(--bgm-rd-rule, #e3e1dc); }
    .bgm-groupSettings__oneOffActions[b-jxjmy5v72c] { width: 100%; }
    .bgm-groupSettings__oneOffActions .btn[b-jxjmy5v72c] { flex: 1; }

    .bgm-groupSettings__actions .btn[b-jxjmy5v72c] {
        width: 100%;
    }
}
/* /Pages/AdminHomeWidgets.razor.rz.scp.css */
.bgm-adminPulses[b-z117uu4vxh] {
    width: min(100vw - 32px, 1280px);
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 48px;
}

.bgm-adminPulses__header[b-z117uu4vxh],
.bgm-adminPulses__sectionHeader[b-z117uu4vxh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.bgm-adminPulses__header[b-z117uu4vxh] {
    margin-bottom: 26px;
}

.bgm-adminPulses__kicker[b-z117uu4vxh] {
    margin: 0 0 6px;
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.bgm-adminPulses h1[b-z117uu4vxh],
.bgm-adminPulses h2[b-z117uu4vxh] {
    color: var(--bgm-rd-green, #164f35);
    font-weight: 900;
    line-height: 1;
}

.bgm-adminPulses h1[b-z117uu4vxh] {
    margin: 0;
    font-size: clamp(2.4rem, 5vw, 4.2rem);
}

.bgm-adminPulses h2[b-z117uu4vxh] {
    margin: 0;
    font-size: clamp(1.45rem, 2.4vw, 2rem);
}

.bgm-adminPulses p[b-z117uu4vxh] {
    margin: 10px 0 0;
    color: rgba(23, 34, 43, 0.64);
}

.bgm-adminPulses__section[b-z117uu4vxh] {
    border-top: 1px solid rgba(23, 34, 43, 0.14);
    padding: 24px 0;
}

.bgm-pulseEditorList[b-z117uu4vxh] {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}

.bgm-pulseEditorRow[b-z117uu4vxh] {
    display: grid;
    grid-template-columns: 76px minmax(180px, 1fr) minmax(88px, 112px) minmax(240px, 320px);
    align-items: start;
    gap: 12px;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    padding: 14px;
    min-width: 0;
}

.bgm-pulseEditorRow__toggle[b-z117uu4vxh] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
}

.bgm-pulseEditorRow__copy[b-z117uu4vxh] {
    min-width: 0;
}

.bgm-pulseEditorRow__copy strong[b-z117uu4vxh],
.bgm-pulseEditorRow__copy span[b-z117uu4vxh] {
    display: block;
}

.bgm-pulseEditorRow__copy strong[b-z117uu4vxh] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 1rem;
}

.bgm-pulseEditorRow__copy span[b-z117uu4vxh],
.bgm-pulseEditorRow__colour span[b-z117uu4vxh],
.bgm-pulseEditorRow__artwork > span[b-z117uu4vxh] {
    color: rgba(23, 34, 43, 0.58);
    font-size: 0.84rem;
}

.bgm-pulseEditorRow__colour[b-z117uu4vxh],
.bgm-pulseEditorRow__artwork[b-z117uu4vxh] {
    display: grid;
    gap: 6px;
    font-weight: 800;
    min-width: 0;
}

.bgm-pulseEditorRow__colour input[b-z117uu4vxh] {
    width: 100%;
    height: 42px;
    border: 1px solid rgba(23, 34, 43, 0.18);
    background: #fff;
}

.bgm-pulseArtworkPreview[b-z117uu4vxh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.bgm-pulseArtworkPreview img[b-z117uu4vxh] {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #f7f5ee;
    object-fit: contain;
}

.bgm-pulseArtworkLivePreview[b-z117uu4vxh] {
    --bgm-admin-pulse-color: var(--bgm-rd-blue, #0087c8);
    --bgm-admin-pulse-artwork: none;
    --bgm-admin-pulse-artwork-x: 84%;
    --bgm-admin-pulse-artwork-y: 72%;
    --bgm-admin-pulse-artwork-size: 170px;
    min-height: 132px;
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    overflow: hidden;
    padding: 16px;
    position: relative;
}

.bgm-pulseArtworkLivePreview[b-z117uu4vxh]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--bgm-admin-pulse-color);
}

.bgm-pulseArtworkLivePreview[b-z117uu4vxh]::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--bgm-admin-pulse-artwork);
    background-position: var(--bgm-admin-pulse-artwork-x) var(--bgm-admin-pulse-artwork-y);
    background-repeat: no-repeat;
    background-size: var(--bgm-admin-pulse-artwork-size) var(--bgm-admin-pulse-artwork-size);
    opacity: 0.16;
    pointer-events: none;
}

.bgm-pulseArtworkLivePreview div[b-z117uu4vxh] {
    display: grid;
    gap: 4px;
    position: relative;
    z-index: 1;
}

.bgm-pulseArtworkLivePreview span[b-z117uu4vxh],
.bgm-pulseArtworkLivePreview small[b-z117uu4vxh] {
    color: rgba(23, 34, 43, 0.54);
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    line-height: 1.2;
    text-transform: uppercase;
}

.bgm-pulseArtworkLivePreview strong[b-z117uu4vxh] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 1.2rem;
    font-weight: 950;
    line-height: 1.05;
}

.bgm-pulseArtworkControls[b-z117uu4vxh] {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(23, 34, 43, 0.1);
    background: #fbfaf5;
}

.bgm-pulseArtworkControls label[b-z117uu4vxh] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 54px;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.bgm-pulseArtworkControls span[b-z117uu4vxh],
.bgm-pulseArtworkControls output[b-z117uu4vxh] {
    color: rgba(23, 34, 43, 0.62);
    font-size: 0.78rem;
    font-weight: 900;
}

.bgm-pulseArtworkControls input[b-z117uu4vxh] {
    min-width: 0;
}

.bgm-pulseArtworkControls output[b-z117uu4vxh] {
    text-align: right;
}

.bgm-pulseEditorRow__artwork .form-control[b-z117uu4vxh] {
    min-width: 0;
    width: 100%;
}

@media (max-width: 980px) {
    .bgm-pulseEditorRow[b-z117uu4vxh] {
        grid-template-columns: 76px minmax(0, 1fr) minmax(96px, 132px);
    }

    .bgm-pulseEditorRow__artwork[b-z117uu4vxh] {
        grid-column: 2 / -1;
    }
}

@media (max-width: 720px) {
    .bgm-adminPulses[b-z117uu4vxh] {
        width: 100%;
        padding-top: 0;
    }

    .bgm-adminPulses__header[b-z117uu4vxh],
    .bgm-adminPulses__sectionHeader[b-z117uu4vxh] {
        display: grid;
    }

    .bgm-adminPulses__header .btn[b-z117uu4vxh],
    .bgm-adminPulses__sectionHeader .btn[b-z117uu4vxh] {
        width: 100%;
    }

    .bgm-pulseEditorRow[b-z117uu4vxh] {
        border-left: 0;
        border-right: 0;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .bgm-pulseEditorRow__colour[b-z117uu4vxh],
    .bgm-pulseEditorRow__artwork[b-z117uu4vxh] {
        grid-template-columns: 1fr auto;
        align-items: center;
    }

    .bgm-pulseEditorRow__colour input[b-z117uu4vxh] {
        width: 96px;
    }

    .bgm-pulseEditorRow__artwork .form-control[b-z117uu4vxh] {
        grid-column: 1 / -1;
    }

    .bgm-pulseArtworkControls[b-z117uu4vxh] {
        grid-column: 1 / -1;
    }

    .bgm-pulseArtworkLivePreview[b-z117uu4vxh] {
        grid-column: 1 / -1;
    }
}
/* /Pages/AdminIcons.razor.rz.scp.css */
.bgm-adminIconArtworkPreview[b-qt8vkb4ssg] {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(23, 34, 43, 0.14);
    background: #f7f5ee;
    object-fit: contain;
}
/* /Pages/AdminLegalTerms.razor.rz.scp.css */
.legal-admin[b-4oqjnoe0jw] {
    margin: 0 auto;
    max-width: 1480px;
    width: 100%;
}

.legal-admin__header[b-4oqjnoe0jw] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1.25rem;
}

.legal-admin__header h1[b-4oqjnoe0jw] {
    font-size: clamp(2.5rem, 5vw, 4.6rem);
    font-weight: 950;
    letter-spacing: -0.025em;
    line-height: 0.92;
    margin: 0 0 0.55rem;
}

.legal-admin__header p[b-4oqjnoe0jw],
.legal-admin__panelHeader p[b-4oqjnoe0jw],
.legal-admin__sectionsHeader p[b-4oqjnoe0jw],
.legal-admin__previewHeader p[b-4oqjnoe0jw] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.66);
    margin: 0;
}

.legal-admin__loading[b-4oqjnoe0jw] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
    padding: 2rem 0;
}

.legal-admin__documentTabs[b-4oqjnoe0jw] {
    display: flex;
    gap: 0.25rem;
    margin-bottom: 1rem;
}

.legal-admin__documentTab[b-4oqjnoe0jw] {
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.66);
    font-size: 1rem;
    font-weight: 850;
    padding: 0.75rem 1rem 0.65rem;
}

.legal-admin__documentTab:hover[b-4oqjnoe0jw] {
    color: var(--bgm-rd-blue, #0087c8);
}

.legal-admin__documentTab--active[b-4oqjnoe0jw] {
    border-bottom-color: var(--bgm-rd-blue, #0087c8);
    color: var(--bgm-rd-dark, #071017);
}

.legal-admin__documentTab:focus-visible[b-4oqjnoe0jw],
.legal-admin__previewButton:focus-visible[b-4oqjnoe0jw] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.3);
    outline-offset: 3px;
}

.legal-admin__switchPrompt[b-4oqjnoe0jw] {
    align-items: center;
    background: rgba(var(--bgm-gold-rgb, 201, 164, 76), 0.14);
    border: 1px solid rgba(var(--bgm-gold-rgb, 201, 164, 76), 0.44);
    border-radius: 12px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 1rem;
}

.legal-admin__switchPrompt p[b-4oqjnoe0jw] {
    margin: 0.2rem 0 0;
}

.legal-admin__switchActions[b-4oqjnoe0jw],
.legal-admin__publishActions[b-4oqjnoe0jw],
.legal-admin__sectionActions[b-4oqjnoe0jw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.legal-admin__validation[b-4oqjnoe0jw] {
    background: rgba(var(--bgm-error-rgb, 155, 44, 44), 0.08);
    border: 1px solid rgba(var(--bgm-error-rgb, 155, 44, 44), 0.32);
    border-radius: 12px;
    margin-bottom: 1rem;
    padding: 1rem 1.2rem;
}

.legal-admin__validation h2[b-4oqjnoe0jw] {
    color: var(--bgm-error, #9b2c2c);
    font-size: 1rem;
    font-weight: 900;
    margin: 0 0 0.5rem;
}

.legal-admin__validation ul[b-4oqjnoe0jw] {
    margin: 0;
    padding-inline-start: 1.25rem;
}

.legal-admin__workspace[b-4oqjnoe0jw] {
    align-items: start;
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
    grid-template-columns: minmax(540px, 1.08fr) minmax(420px, 0.92fr);
}

.legal-admin__editor[b-4oqjnoe0jw] {
    min-width: 0;
}

.legal-admin__panel[b-4oqjnoe0jw],
.legal-admin__sectionEditor[b-4oqjnoe0jw] {
    background: #fff;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.11);
    border-radius: 14px;
    box-shadow: 0 14px 30px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.055);
    padding: clamp(1rem, 2vw, 1.35rem);
}

.legal-admin__panel[b-4oqjnoe0jw] {
    margin-bottom: 1rem;
}

.legal-admin__panelHeader[b-4oqjnoe0jw],
.legal-admin__sectionsHeader[b-4oqjnoe0jw],
.legal-admin__previewHeader[b-4oqjnoe0jw],
.legal-admin__sectionHeader[b-4oqjnoe0jw],
.legal-admin__publishBar[b-4oqjnoe0jw] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.legal-admin__panelHeader[b-4oqjnoe0jw],
.legal-admin__sectionsHeader[b-4oqjnoe0jw] {
    margin-bottom: 1rem;
}

.legal-admin__panelHeader h2[b-4oqjnoe0jw],
.legal-admin__sectionsHeader h2[b-4oqjnoe0jw],
.legal-admin__previewHeader h2[b-4oqjnoe0jw] {
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 950;
    line-height: 1;
    margin: 0 0 0.35rem;
}

.legal-admin__state[b-4oqjnoe0jw] {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.10);
    border-radius: 999px;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.76rem;
    font-weight: 850;
    padding: 0.35rem 0.65rem;
    white-space: nowrap;
}

.legal-admin__fieldGrid[b-4oqjnoe0jw] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.legal-admin__field[b-4oqjnoe0jw] {
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.legal-admin__field > span[b-4oqjnoe0jw] {
    font-size: 0.86rem;
    font-weight: 850;
}

.legal-admin__field small[b-4oqjnoe0jw] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.62);
    line-height: 1.35;
}

.legal-admin__field--wide[b-4oqjnoe0jw] {
    grid-column: 1 / -1;
}

.legal-admin__sections[b-4oqjnoe0jw] {
    display: grid;
    gap: 1rem;
}

.legal-admin__sectionsHeader[b-4oqjnoe0jw] {
    margin: 1.75rem 0 0;
}

.legal-admin__sectionEditor[b-4oqjnoe0jw] {
    scroll-margin-top: 1rem;
}

.legal-admin__sectionHeader[b-4oqjnoe0jw] {
    border-bottom: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
}

.legal-admin__sectionHeader span[b-4oqjnoe0jw] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.58);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.legal-admin__sectionHeader h3[b-4oqjnoe0jw] {
    font-size: 1.1rem;
    font-weight: 900;
    margin: 0.15rem 0 0;
    overflow-wrap: anywhere;
}

.legal-admin__markdown[b-4oqjnoe0jw] {
    font-family: ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: 1rem;
    line-height: 1.55;
    min-height: 13rem;
    resize: vertical;
}

.legal-admin__removePrompt[b-4oqjnoe0jw] {
    align-items: center;
    background: rgba(var(--bgm-error-rgb, 155, 44, 44), 0.08);
    border: 1px solid rgba(var(--bgm-error-rgb, 155, 44, 44), 0.3);
    border-radius: 10px;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 0.75rem;
}

.legal-admin__removePrompt div[b-4oqjnoe0jw] {
    display: flex;
    gap: 0.5rem;
}

.legal-admin__empty[b-4oqjnoe0jw] {
    border: 1px dashed rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.25);
    border-radius: 12px;
    padding: 1.25rem;
}

.legal-admin__empty p[b-4oqjnoe0jw] {
    margin: 0.25rem 0 0;
}

.legal-admin__publishBar[b-4oqjnoe0jw] {
    background: var(--bgm-rd-dark, #071017);
    border-radius: 14px;
    bottom: 0.75rem;
    color: #fff;
    margin-top: 1rem;
    padding: 1rem;
    position: sticky;
    z-index: 4;
}

.legal-admin__publishBar > div:first-child[b-4oqjnoe0jw] {
    display: grid;
    gap: 0.15rem;
}

.legal-admin__publishBar span[b-4oqjnoe0jw] {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.82rem;
}

.legal-admin__publishBar .btn-outline-primary[b-4oqjnoe0jw] {
    background: #fff;
}

.legal-admin__preview[b-4oqjnoe0jw] {
    min-width: 0;
    position: sticky;
    top: 1rem;
}

.legal-admin__previewHeader[b-4oqjnoe0jw] {
    align-items: center;
    margin-bottom: 0.7rem;
}

.legal-admin__previewSize[b-4oqjnoe0jw] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.16);
    border-radius: 10px;
    display: inline-flex;
    padding: 0.2rem;
}

.legal-admin__previewButton[b-4oqjnoe0jw] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.64);
    font-size: 0.78rem;
    font-weight: 850;
    padding: 0.38rem 0.65rem;
}

.legal-admin__previewButton--active[b-4oqjnoe0jw] {
    background: var(--bgm-rd-dark, #071017);
    color: #fff;
}

.legal-admin__previewFrame[b-4oqjnoe0jw] {
    background: var(--bgm-surface-canvas, #fbf8ee);
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.14);
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.08);
    max-height: calc(100vh - 9rem);
    overflow: auto;
    transition: max-width 180ms ease-out;
}

.legal-admin__previewFrame--mobile[b-4oqjnoe0jw] {
    margin-inline: auto;
    max-width: 390px;
}

.legal-admin__previewFrame[b-4oqjnoe0jw]  .legal-document {
    padding: clamp(1.25rem, 4vw, 2rem);
}

.legal-admin__previewFrame[b-4oqjnoe0jw]  .legal-document__header h1 {
    font-size: clamp(2.5rem, 7vw, 4.2rem);
}

@media (max-width: 1180px) {
    .legal-admin__workspace[b-4oqjnoe0jw] {
        grid-template-columns: 1fr;
    }

    .legal-admin__preview[b-4oqjnoe0jw] {
        position: static;
    }

    .legal-admin__previewFrame[b-4oqjnoe0jw] {
        max-height: 60rem;
    }
}

@media (max-width: 640px) {
    .legal-admin[b-4oqjnoe0jw] {
        width: 100%;
    }

    .legal-admin__header[b-4oqjnoe0jw],
    .legal-admin__documentTabs[b-4oqjnoe0jw],
    .legal-admin__preview[b-4oqjnoe0jw] {
        padding-inline: 0.75rem;
    }

    .legal-admin__header[b-4oqjnoe0jw],
    .legal-admin__panelHeader[b-4oqjnoe0jw],
    .legal-admin__sectionsHeader[b-4oqjnoe0jw],
    .legal-admin__sectionHeader[b-4oqjnoe0jw],
    .legal-admin__publishBar[b-4oqjnoe0jw],
    .legal-admin__switchPrompt[b-4oqjnoe0jw],
    .legal-admin__removePrompt[b-4oqjnoe0jw] {
        display: grid;
    }

    .legal-admin__header .btn[b-4oqjnoe0jw],
    .legal-admin__sectionsHeader .btn[b-4oqjnoe0jw],
    .legal-admin__switchActions .btn[b-4oqjnoe0jw],
    .legal-admin__publishActions[b-4oqjnoe0jw],
    .legal-admin__publishActions .btn[b-4oqjnoe0jw] {
        width: 100%;
    }

    .legal-admin__fieldGrid[b-4oqjnoe0jw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .legal-admin__field--wide[b-4oqjnoe0jw] {
        grid-column: auto;
    }

    .legal-admin__panel[b-4oqjnoe0jw],
    .legal-admin__sectionEditor[b-4oqjnoe0jw],
    .legal-admin__publishBar[b-4oqjnoe0jw] {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        box-shadow: none;
    }

    .legal-admin__publishBar[b-4oqjnoe0jw] {
        bottom: 0;
    }

    .legal-admin__sectionActions .btn[b-4oqjnoe0jw] {
        flex: 1 1 auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .legal-admin__previewFrame[b-4oqjnoe0jw] {
        transition: none;
    }
}
/* /Pages/AdminReview.razor.rz.scp.css */
.bgm-adminReviewFlow[b-smo8yaxumn] {
    padding: 0 0 1.5rem;
}

.bgm-adminReviewFlow__inner[b-smo8yaxumn] {
    max-width: min(100%, 1120px);
}

.bgm-adminReviewFlow__header[b-smo8yaxumn] {
    margin-bottom: 1rem;
}

.bgm-adminReviewFlow__kicker[b-smo8yaxumn] {
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--bs-secondary-color);
    font-weight: 700;
}

.bgm-adminReviewFlow__title[b-smo8yaxumn] {
    margin: 0.2rem 0 0.5rem;
    font-weight: 800;
}

.bgm-adminReviewFlow__subtitle[b-smo8yaxumn] {
    margin: 0;
    color: var(--bs-secondary-color);
}

.bgm-adminReviewFlow__step[b-smo8yaxumn] {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1rem;
    background: #fff;
}

.bgm-adminReviewFlow__stepHeading[b-smo8yaxumn] {
    font-weight: 700;
    margin-bottom: 0.9rem;
}

.bgm-adminReviewFlow__quickPicks[b-smo8yaxumn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.6rem;
    margin-bottom: 0.9rem;
}

.bgm-adminReviewFlow__quickPick[b-smo8yaxumn] {
    text-align: left;
    border: 1px solid var(--bs-border-color);
    background: #fff;
    border-radius: 8px;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bgm-adminReviewFlow__quickPick:hover[b-smo8yaxumn],
.bgm-adminReviewFlow__quickPick.is-selected[b-smo8yaxumn] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.12);
}

.bgm-adminReviewFlow__quickPickName[b-smo8yaxumn] {
    font-weight: 700;
}

.bgm-adminReviewFlow__quickPickMeta[b-smo8yaxumn] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color);
}

.bgm-adminReviewFlow__pickerWrap[b-smo8yaxumn] {
    position: relative;
    max-width: 560px;
}

.bgm-adminReviewFlow__dropdown[b-smo8yaxumn] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    max-height: 280px;
    overflow-y: auto;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.bgm-adminReviewFlow__empty[b-smo8yaxumn] {
    margin-top: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 1rem;
    text-align: center;
    background: #fff;
}

@media (max-width: 640px) {
    .bgm-adminReviewFlow__step[b-smo8yaxumn],
    .bgm-adminReviewFlow__empty[b-smo8yaxumn] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        margin-left: -0.85rem;
        margin-right: -0.85rem;
    }

    .bgm-adminReviewFlow__quickPicks[b-smo8yaxumn] {
        grid-template-columns: 1fr;
    }
}

.bgm-adminReviewFlow__emptyIcon[b-smo8yaxumn] {
    font-size: 1.4rem;
}

.bgm-adminReviewFlow__emptyTitle[b-smo8yaxumn] {
    margin-top: 0.35rem;
    font-weight: 700;
}

.bgm-adminReviewFlow__emptyText[b-smo8yaxumn] {
    margin: 0.35rem 0 0;
    color: var(--bs-secondary-color);
}
/* /Pages/AdminRoles.razor.rz.scp.css */
.bgm-roleAdmin[b-thrkswab91] {
    width: min(1240px, 100%);
    margin: 0 auto;
}

.bgm-roleAdmin__hero[b-thrkswab91] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.bgm-roleAdmin__hero h1[b-thrkswab91] {
    color: var(--bgm-rd-ink);
    font-size: clamp(2rem, 5vw, 4.75rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 0.95;
    margin: 0;
}

.bgm-roleAdmin__hero p[b-thrkswab91] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.72);
    font-size: clamp(1rem, 2vw, 1.35rem);
    margin: 0.35rem 0 0;
}

.bgm-roleAdmin__section[b-thrkswab91] {
    background: #fff;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.09);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(var(--bgm-rd-dark-rgb), 0.055);
    margin-bottom: 1.25rem;
    padding: clamp(1rem, 2.4vw, 1.5rem);
}

.bgm-roleAdmin__sectionHeader[b-thrkswab91] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.bgm-roleAdmin__sectionHeader h2[b-thrkswab91] {
    color: var(--bgm-rd-ink);
    font-size: clamp(1.25rem, 2.4vw, 1.85rem);
    font-weight: 950;
    line-height: 1;
    margin: 0 0 0.35rem;
}

.bgm-roleAdmin__sectionHeader p[b-thrkswab91],
.bgm-roleAdmin__muted[b-thrkswab91] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.66);
    margin: 0;
}

.bgm-roleAdmin__sectionHeader span[b-thrkswab91] {
    background: rgba(var(--bgm-rd-green-rgb), 0.09);
    border-radius: 999px;
    color: var(--bgm-rd-green);
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 900;
    padding: 0.35rem 0.7rem;
}

.bgm-roleAdmin__filters[b-thrkswab91] {
    align-items: end;
    border-bottom: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.1);
    display: grid;
    gap: 0.8rem;
    grid-template-columns: minmax(13rem, 0.45fr) minmax(18rem, 1fr);
    margin: 0 0 1rem;
    padding: 0 0 1rem;
}

.bgm-roleAdmin__filters label[b-thrkswab91] {
    display: grid;
    gap: 0.4rem;
    margin: 0;
}

.bgm-roleAdmin__filters label > span[b-thrkswab91] {
    color: var(--bgm-rd-ink);
    font-size: 0.8rem;
    font-weight: 850;
}

.bgm-roleAdmin__filters .form-control[b-thrkswab91],
.bgm-roleAdmin__filters .form-select[b-thrkswab91] {
    background-color: var(--bgm-rd-paper, #fffef9);
    border-color: rgba(var(--bgm-rd-dark-rgb), 0.18);
    border-radius: 12px;
    color: var(--bgm-rd-ink);
    min-height: 3rem;
}

.bgm-roleAdmin__filters .form-control:focus[b-thrkswab91],
.bgm-roleAdmin__filters .form-select:focus[b-thrkswab91] {
    border-color: var(--bgm-rd-green);
    box-shadow: 0 0 0 3px rgba(var(--bgm-rd-gold-rgb), 0.28);
}

.bgm-roleAdmin__search[b-thrkswab91] {
    min-width: 0;
}

.bgm-roleAdmin__filters > :only-child[b-thrkswab91] {
    grid-column: 1 / -1;
}

.bgm-roleAdmin__requestList[b-thrkswab91],
.bgm-roleAdmin__userList[b-thrkswab91] {
    display: grid;
    gap: 0.75rem;
}

.bgm-roleAdmin__guide[b-thrkswab91] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.bgm-roleAdmin__guideCard[b-thrkswab91] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.09);
    border-top: 4px solid var(--bgm-rd-blue);
    padding: 1rem;
}

.bgm-roleAdmin__guideCard h3[b-thrkswab91] {
    color: var(--bgm-rd-ink);
    font-size: 1rem;
    font-weight: 950;
    margin: 0.12rem 0 0;
}

.bgm-roleAdmin__guideTitle[b-thrkswab91] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
    margin-bottom: 0.65rem;
}

.bgm-roleAdmin__guideIcon[b-thrkswab91] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 2.25rem;
    justify-content: center;
    min-height: 2.25rem;
}

.bgm-roleAdmin__guideCard p[b-thrkswab91],
.bgm-roleAdmin__guideCard li[b-thrkswab91] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.72);
    font-size: 0.84rem;
}

.bgm-roleAdmin__guideCard p[b-thrkswab91] {
    margin-bottom: 0.65rem;
}

.bgm-roleAdmin__guideCard ul[b-thrkswab91] {
    margin: 0;
    padding-left: 1.1rem;
}

.bgm-roleAdmin__guideScope[b-thrkswab91] {
    color: var(--bgm-rd-green);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgm-roleAdmin__request[b-thrkswab91],
.bgm-roleAdmin__user[b-thrkswab91] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.08);
    border-radius: 8px;
    padding: 1rem;
}

.bgm-roleAdmin__request[b-thrkswab91] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.bgm-roleAdmin__request strong[b-thrkswab91],
.bgm-roleAdmin__userIdentity strong[b-thrkswab91] {
    color: var(--bgm-rd-ink);
    display: block;
    font-weight: 950;
}

.bgm-roleAdmin__request span[b-thrkswab91],
.bgm-roleAdmin__userIdentity span[b-thrkswab91],
.bgm-roleAdmin__request small[b-thrkswab91],
.bgm-roleAdmin__userIdentity small[b-thrkswab91] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.62);
    display: block;
    font-size: 0.82rem;
}

.bgm-roleAdmin__request p[b-thrkswab91] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.72);
    margin: 0.5rem 0;
}

.bgm-roleAdmin__requestActions[b-thrkswab91] {
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
}

.bgm-roleAdmin__user[b-thrkswab91] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1.15fr) minmax(12rem, 1.15fr) auto;
}

.bgm-roleAdmin__userIdentity[b-thrkswab91] {
    min-width: 0;
}

.bgm-roleAdmin__roleGroup h3[b-thrkswab91] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.72);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    margin: 0 0 0.45rem;
    text-transform: uppercase;
}

.bgm-roleAdmin__checks[b-thrkswab91] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.bgm-roleAdmin__checks label[b-thrkswab91] {
    align-items: center;
    background: rgba(var(--bgm-rd-dark-rgb), 0.035);
    border: 1px solid rgba(var(--bgm-rd-dark-rgb), 0.08);
    border-radius: 8px;
    display: inline-flex;
    gap: 0.4rem;
    min-height: 2rem;
    padding: 0.35rem 0.55rem;
}

.bgm-roleAdmin__checks input[b-thrkswab91] {
    accent-color: var(--bgm-rd-green);
}

.bgm-roleAdmin__checks label:has(input:disabled)[b-thrkswab91] {
    opacity: 0.62;
}

.bgm-roleAdmin__checks span[b-thrkswab91] {
    color: rgba(var(--bgm-rd-dark-rgb), 0.76);
    font-size: 0.82rem;
    font-weight: 760;
}

.bgm-roleAdmin__checks .bgm-roleAdmin__roleLabel[b-thrkswab91] {
    align-items: center;
    display: inline-flex;
    gap: 0.35rem;
}

.bgm-roleAdmin__roleLabel .bgm-icon[b-thrkswab91],
.bgm-roleAdmin__guideIcon .bgm-icon[b-thrkswab91] {
    flex: 0 0 auto;
}

.bgm-roleAdmin__save[b-thrkswab91] {
    align-self: start;
}

@media (max-width: 1100px) {
    .bgm-roleAdmin__user[b-thrkswab91] {
        grid-template-columns: 1fr 1fr;
    }

    .bgm-roleAdmin__save[b-thrkswab91] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .bgm-roleAdmin[b-thrkswab91] {
        width: 100%;
    }

    .bgm-roleAdmin__hero[b-thrkswab91] {
        padding: 0 0.75rem;
    }

    .bgm-roleAdmin__sectionHeader[b-thrkswab91],
    .bgm-roleAdmin__request[b-thrkswab91] {
        display: grid;
    }

    .bgm-roleAdmin__section[b-thrkswab91] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0.85rem;
    }

    .bgm-roleAdmin__requestActions[b-thrkswab91] {
        justify-content: flex-start;
    }

    .bgm-roleAdmin__filters[b-thrkswab91] {
        grid-template-columns: 1fr;
    }

    .bgm-roleAdmin__user[b-thrkswab91] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        grid-template-columns: 1fr;
        margin-left: -0.85rem;
        margin-right: -0.85rem;
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }
}
/* /Pages/AdminShop.razor.rz.scp.css */
.bgm-caveWorkshop[b-4yjgh4ohyc] {
    color: var(--bgm-rd-dark, #071017);
}

.bgm-caveWorkshop__header[b-4yjgh4ohyc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.bgm-caveWorkshop__header h1[b-4yjgh4ohyc],
.bgm-caveWorkshop__editor h2[b-4yjgh4ohyc],
.bgm-caveWorkshop__queue h2[b-4yjgh4ohyc] {
    color: var(--bgm-rd-green, #164f35);
    font-weight: 900;
}

.bgm-caveWorkshop__header h1[b-4yjgh4ohyc] {
    margin: 0 0 0.35rem;
}

.bgm-caveWorkshop__header p[b-4yjgh4ohyc],
.bgm-caveWorkshop__queueHeader p[b-4yjgh4ohyc] {
    max-width: 70ch;
    margin: 0;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
}

.bgm-caveWorkshop__layout[b-4yjgh4ohyc] {
    display: grid;
    grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr);
    gap: 1.5rem;
    align-items: start;
}

.bgm-caveWorkshop__editor[b-4yjgh4ohyc] {
    position: sticky;
    top: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.14);
    border-radius: 14px;
    background: #fffdf7;
}

.bgm-caveWorkshop__editor h2[b-4yjgh4ohyc],
.bgm-caveWorkshop__queue h2[b-4yjgh4ohyc] {
    margin: 0 0 0.45rem;
    font-size: 1.35rem;
}

.bgm-caveWorkshop__hint[b-4yjgh4ohyc] {
    margin: 0 0 1.2rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
    font-size: 0.9rem;
}

.bgm-caveWorkshop__preview[b-4yjgh4ohyc] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.65rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.66);
    font-size: 0.85rem;
    font-weight: 700;
}

.bgm-caveWorkshop__preview img[b-4yjgh4ohyc] {
    width: 88px;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    background: #eef5f8;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.14);
}

.bgm-caveWorkshop__transient[b-4yjgh4ohyc],
.bgm-caveWorkshop__reviewNote[b-4yjgh4ohyc] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.48);
    border-radius: 10px;
    background: #fff4c9;
    color: #47370b;
    font-size: 0.88rem;
}

.bgm-caveWorkshop__queue[b-4yjgh4ohyc] {
    min-width: 0;
}

.bgm-caveWorkshop__queueHeader[b-4yjgh4ohyc] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
}

.bgm-caveWorkshop__items[b-4yjgh4ohyc] {
    display: grid;
    gap: 0.75rem;
}

.bgm-caveWorkshop__item[b-4yjgh4ohyc] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
    border-radius: 14px;
    background: #fffdf7;
}

.bgm-caveWorkshop__thumb[b-4yjgh4ohyc] {
    display: grid;
    place-items: center;
    width: 92px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #eef5f8;
    border-radius: 10px;
}

.bgm-caveWorkshop__thumb img[b-4yjgh4ohyc] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bgm-caveWorkshop__thumb span[b-4yjgh4ohyc] {
    font-size: 2rem;
}

.bgm-caveWorkshop__itemBody[b-4yjgh4ohyc] {
    min-width: 0;
}

.bgm-caveWorkshop__itemTitle[b-4yjgh4ohyc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.bgm-caveWorkshop__item h3[b-4yjgh4ohyc] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 900;
}

.bgm-caveWorkshop__itemBody > p[b-4yjgh4ohyc] {
    margin: 0.3rem 0 0.6rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
}

.bgm-caveWorkshop__meta[b-4yjgh4ohyc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.62);
    font-size: 0.8rem;
    font-weight: 700;
}

.bgm-caveWorkshop__status[b-4yjgh4ohyc] {
    flex: 0 0 auto;
    padding: 0.24rem 0.55rem;
    border-radius: 999px;
    background: #e7eff8;
    color: #24465e;
    font-size: 0.72rem;
    font-weight: 900;
}

.bgm-caveWorkshop__status.is-approved[b-4yjgh4ohyc] {
    background: #dcefe5;
    color: #164f35;
}

.bgm-caveWorkshop__status.is-pendingreview[b-4yjgh4ohyc] {
    background: #fff4c9;
    color: #5a4407;
}

.bgm-caveWorkshop__status.is-rejected[b-4yjgh4ohyc] {
    background: #f8dfda;
    color: #7a281b;
}

.bgm-caveWorkshop__actions[b-4yjgh4ohyc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
}

.bgm-caveWorkshop__review[b-4yjgh4ohyc] {
    grid-column: 2 / -1;
    display: grid;
    gap: 0.65rem;
    padding-top: 0.9rem;
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
}

.bgm-caveWorkshop__review label[b-4yjgh4ohyc] {
    font-weight: 850;
}

.bgm-caveWorkshop__review label span[b-4yjgh4ohyc] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.62);
    font-size: 0.8rem;
}

.bgm-caveWorkshop__notice[b-4yjgh4ohyc] {
    padding: 1.25rem;
    border: 1px dashed rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.24);
    border-radius: 14px;
    background: #fffdf7;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.66);
    text-align: center;
}

@media (max-width: 1080px) {
    .bgm-caveWorkshop__layout[b-4yjgh4ohyc] {
        grid-template-columns: 1fr;
    }

    .bgm-caveWorkshop__editor[b-4yjgh4ohyc] {
        position: static;
    }
}

@media (max-width: 680px) {
    .bgm-caveWorkshop__header[b-4yjgh4ohyc] {
        align-items: stretch;
        flex-direction: column;
    }

    .bgm-caveWorkshop__header .btn[b-4yjgh4ohyc] {
        width: 100%;
    }

    .bgm-caveWorkshop__item[b-4yjgh4ohyc] {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .bgm-caveWorkshop__thumb[b-4yjgh4ohyc] {
        width: 72px;
    }

    .bgm-caveWorkshop__actions[b-4yjgh4ohyc],
    .bgm-caveWorkshop__review[b-4yjgh4ohyc] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .bgm-caveWorkshop__actions .btn[b-4yjgh4ohyc] {
        min-height: 44px;
    }
}
/* /Pages/AdminStyling.razor.rz.scp.css */
.style-palette[b-vz5zt7wpq1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    padding: 0;
    border: 0;
}

.style-palette > legend[b-vz5zt7wpq1],
.style-palette > p[b-vz5zt7wpq1] {
    grid-column: 1 / -1;
}

.style-colour-field[b-vz5zt7wpq1] {
    min-width: 0;
    padding: 0.9rem;
    border: 1px solid var(--bgm-border-light, #e3e1dc);
    background: var(--bgm-card-bg, #fffef9);
}

.style-colour-field .form-label[b-vz5zt7wpq1] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-height: 2.8rem;
}

.style-font-sample[b-vz5zt7wpq1] {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.8rem;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid var(--bgm-border-light, #e3e1dc);
    background: var(--bgm-card-bg, #fffef9);
    color: var(--bgm-content-ink, #17222b);
}

.style-font-sample__name[b-vz5zt7wpq1] {
    color: var(--bgm-text-muted, #66727b);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, sans-serif);
    font-size: 0.8rem;
    font-weight: 700;
}

.style-font-sample__body[b-vz5zt7wpq1] {
    font-size: 1rem;
    line-height: 1.5;
}

.style-font-sample__display[b-vz5zt7wpq1] {
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.1;
    text-wrap: balance;
}

.style-font-sample__characters[b-vz5zt7wpq1] {
    color: var(--bgm-text-muted, #66727b);
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

@media (min-width: 720px) {
    .style-palette[b-vz5zt7wpq1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Pages/AdminVoteToPlay.razor.rz.scp.css */
.voteDesk[b-rftb6ii5bc] {
    --vote-paper: var(--bgm-ivory, #fffef9);
    --vote-canvas: var(--bgm-surface-canvas, #fbf8ee);
    --vote-ink: var(--bgm-content-ink, #17222b);
    --vote-muted: color-mix(in srgb, var(--vote-ink) 64%, var(--vote-paper));
    --vote-rule: color-mix(in srgb, var(--vote-ink) 17%, transparent);
    --vote-forest: var(--bgm-accent-secondary, #164f35);
    --vote-gold: var(--bgm-accent-warm, #d9b13b);
    --vote-navy: var(--bgm-surface-deep, #071017);
    color: var(--vote-ink);
    max-width: 1320px;
    margin: 0 auto;
    padding: clamp(1rem, 2.5vw, 2.4rem) clamp(0.9rem, 3vw, 2.5rem) 4rem;
}

.voteDesk__masthead[b-rftb6ii5bc] {
    margin-bottom: clamp(1.5rem, 3vw, 2.6rem);
}

.voteDesk__back[b-rftb6ii5bc],
.voteDesk__textAction[b-rftb6ii5bc] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--vote-forest);
    font-weight: 750;
    text-decoration: none;
}

.voteDesk__back[b-rftb6ii5bc] {
    margin-bottom: 1.2rem;
}

.voteDesk__back:hover[b-rftb6ii5bc],
.voteDesk__textAction:hover[b-rftb6ii5bc] {
    color: var(--bgm-accent-emphasis, #7a1f24);
    text-decoration: underline;
    text-underline-offset: 0.24em;
}

.voteDesk__headingRow[b-rftb6ii5bc] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 2rem;
}

.voteDesk__headingRow h1[b-rftb6ii5bc] {
    max-width: 16ch;
    margin: 0;
    color: var(--vote-navy);
    font-family: var(--font-heading, var(--bs-body-font-family));
    font-size: clamp(2.15rem, 4.5vw, 4.5rem);
    font-weight: 900;
    letter-spacing: -0.035em;
    line-height: 0.98;
    text-wrap: balance;
}

.voteDesk__headingRow p[b-rftb6ii5bc] {
    max-width: 60ch;
    margin: 0.8rem 0 0;
    color: var(--vote-muted);
    font-size: clamp(1rem, 1.5vw, 1.15rem);
}

.voteDesk__headingRow p strong[b-rftb6ii5bc] {
    color: var(--vote-ink);
}

.voteDesk__groupStamp[b-rftb6ii5bc] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
    max-width: 20rem;
    border: 1px solid var(--vote-rule);
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    background: color-mix(in srgb, var(--vote-paper) 82%, transparent);
    color: var(--vote-forest);
    font-size: 0.83rem;
    font-weight: 800;
}

.voteDesk__groupStamp span[b-rftb6ii5bc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.voteDesk__workspace[b-rftb6ii5bc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 350px);
    align-items: start;
    gap: clamp(1.2rem, 2.5vw, 2.2rem);
}

.voteDesk__library[b-rftb6ii5bc] {
    min-width: 0;
    border-top: 3px solid var(--vote-navy);
    padding-top: 1rem;
}

.voteDesk__libraryHeader[b-rftb6ii5bc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 360px);
    align-items: end;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.voteDesk__libraryHeader h2[b-rftb6ii5bc],
.voteDesk__ledgerTop h2[b-rftb6ii5bc],
.voteDesk__confirm h2[b-rftb6ii5bc],
.voteDesk__state h2[b-rftb6ii5bc] {
    margin: 0;
    color: var(--vote-navy);
    font-weight: 900;
    letter-spacing: -0.025em;
}

.voteDesk__libraryHeader h2[b-rftb6ii5bc],
.voteDesk__ledgerTop h2[b-rftb6ii5bc] {
    font-size: 1.35rem;
}

.voteDesk__libraryHeader p[b-rftb6ii5bc],
.voteDesk__ledgerTop p[b-rftb6ii5bc] {
    margin: 0.25rem 0 0;
    color: var(--vote-muted);
    font-size: 0.86rem;
}

.voteDesk__search[b-rftb6ii5bc] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 3rem;
    border: 1px solid color-mix(in srgb, var(--vote-ink) 28%, transparent);
    border-radius: 12px;
    padding: 0 0.8rem;
    background: var(--vote-paper);
    color: var(--vote-muted);
}

.voteDesk__search:focus-within[b-rftb6ii5bc] {
    border-color: var(--vote-forest);
    outline: 3px solid color-mix(in srgb, var(--vote-gold) 48%, transparent);
    outline-offset: 2px;
}

.voteDesk__search input[b-rftb6ii5bc] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    color: var(--vote-ink);
}

.voteDesk__search input[b-rftb6ii5bc]::placeholder {
    color: color-mix(in srgb, var(--vote-ink) 63%, var(--vote-paper));
}

.voteDesk__search button[b-rftb6ii5bc],
.voteDesk__ballotLines button[b-rftb6ii5bc] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    border: 0;
    padding: 0.25rem;
    background: transparent;
    color: var(--vote-muted);
}

.voteDesk__shortlist[b-rftb6ii5bc] {
    margin-bottom: 1.25rem;
    border-block: 1px solid var(--vote-rule);
    padding: 0.9rem 0;
}

.voteDesk__shortlistHeading[b-rftb6ii5bc] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    margin-bottom: 0.7rem;
    color: var(--vote-forest);
}

.voteDesk__shortlistHeading h3[b-rftb6ii5bc] {
    margin: 0;
    font-size: 0.94rem;
    font-weight: 850;
}

.voteDesk__shortlistHeading span[b-rftb6ii5bc] {
    color: var(--vote-muted);
    font-size: 0.78rem;
}

.voteDesk__shortlistGames[b-rftb6ii5bc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.voteDesk__shortlistGame[b-rftb6ii5bc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.15rem 0.45rem;
    min-height: 4.2rem;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 0.65rem 0.7rem;
    background: color-mix(in srgb, var(--vote-gold) 15%, var(--vote-paper));
    color: var(--vote-ink);
    text-align: left;
}

.voteDesk__shortlistGame > span[b-rftb6ii5bc] {
    align-self: end;
    overflow: hidden;
    font-size: 0.85rem;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.voteDesk__shortlistGame small[b-rftb6ii5bc] {
    color: var(--vote-muted);
    font-size: 0.72rem;
}

.voteDesk__shortlistGame[b-rftb6ii5bc]  .bgm-icon {
    grid-area: 1 / 2 / 3 / 3;
    align-self: center;
}

.voteDesk__shortlistGame:hover:not(:disabled)[b-rftb6ii5bc],
.voteDesk__shortlistGame.is-selected[b-rftb6ii5bc] {
    border-color: var(--vote-forest);
    background: color-mix(in srgb, var(--vote-forest) 12%, var(--vote-paper));
    color: var(--vote-forest);
}

.voteDesk__shortlistGame:disabled[b-rftb6ii5bc],
.voteDesk__selectButton:disabled[b-rftb6ii5bc] {
    cursor: not-allowed;
    opacity: 0.45;
}

.voteDesk__resultLine[b-rftb6ii5bc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.55rem;
    color: var(--vote-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.voteDesk__limitNote[b-rftb6ii5bc] {
    color: var(--bgm-accent-emphasis, #7a1f24);
}

.voteDesk__gameList[b-rftb6ii5bc] {
    border-top: 1px solid var(--vote-rule);
}

.voteDesk__game[b-rftb6ii5bc] {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.9rem;
    min-height: 92px;
    border-bottom: 1px solid var(--vote-rule);
    padding: 0.75rem 0.3rem;
    transition: background-color 160ms ease-out;
}

.voteDesk__game:hover[b-rftb6ii5bc],
.voteDesk__game.is-selected[b-rftb6ii5bc] {
    background: color-mix(in srgb, var(--vote-forest) 7%, transparent);
}

.voteDesk__cover[b-rftb6ii5bc] {
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    overflow: hidden;
    border-radius: 12px;
    background: color-mix(in srgb, var(--vote-navy) 92%, var(--vote-paper));
    color: var(--vote-gold);
}

.voteDesk__cover img[b-rftb6ii5bc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.voteDesk__gameCopy[b-rftb6ii5bc] {
    min-width: 0;
}

.voteDesk__gameCopy h3[b-rftb6ii5bc] {
    margin: 0;
    overflow: hidden;
    color: var(--vote-navy);
    font-size: 1rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.voteDesk__gameCopy > p[b-rftb6ii5bc] {
    display: -webkit-box;
    margin: 0.2rem 0 0;
    overflow: hidden;
    color: var(--vote-muted);
    font-size: 0.8rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.voteDesk__gameMeta[b-rftb6ii5bc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.38rem;
    color: var(--vote-muted);
    font-size: 0.72rem;
}

.voteDesk__gameMeta span[b-rftb6ii5bc] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.voteDesk__selectButton[b-rftb6ii5bc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 6.3rem;
    border: 1px solid color-mix(in srgb, var(--vote-forest) 60%, transparent);
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
    background: transparent;
    color: var(--vote-forest);
    font-size: 0.8rem;
    font-weight: 850;
}

.voteDesk__selectButton:hover:not(:disabled)[b-rftb6ii5bc],
.voteDesk__selectButton.is-selected[b-rftb6ii5bc] {
    background: var(--vote-forest);
    color: var(--vote-paper);
}

.voteDesk__ledger[b-rftb6ii5bc] {
    position: sticky;
    top: 1.25rem;
    border-radius: 14px;
    padding: 1.15rem 1.15rem 1rem;
    background: var(--vote-paper);
    box-shadow: 0 18px 36px -26px color-mix(in srgb, var(--vote-navy) 55%, transparent);
}

.voteDesk__ledger[b-rftb6ii5bc]::before {
    position: absolute;
    inset: 0.65rem;
    border: 1px solid color-mix(in srgb, var(--vote-ink) 14%, transparent);
    border-radius: 9px;
    content: "";
    pointer-events: none;
}

.voteDesk__ledger > *[b-rftb6ii5bc] {
    position: relative;
}

.voteDesk__ledgerTop[b-rftb6ii5bc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.75rem;
    border-bottom: 2px solid var(--vote-navy);
    padding: 0.1rem 0.2rem 0.7rem;
}

.voteDesk__voteCount[b-rftb6ii5bc] {
    align-self: start;
    border-radius: 999px;
    padding: 0.32rem 0.55rem;
    background: var(--vote-navy);
    color: var(--vote-paper);
    font-size: 0.78rem;
    font-weight: 900;
}

.voteDesk__ledgerBody[b-rftb6ii5bc] {
    min-height: 13.7rem;
    padding: 0.7rem 0.2rem 0;
}

.voteDesk__blankBallot[b-rftb6ii5bc] {
    display: grid;
    place-items: center;
    min-height: 10rem;
    padding: 1.3rem;
    color: var(--vote-muted);
    text-align: center;
}

.voteDesk__blankBallot p[b-rftb6ii5bc] {
    max-width: 22ch;
    margin: 0.55rem 0 0;
    font-size: 0.86rem;
}

.voteDesk__ballotLines[b-rftb6ii5bc] {
    display: grid;
    gap: 0;
    min-height: 10rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: ballot;
}

.voteDesk__ballotLines li[b-rftb6ii5bc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    min-height: 3.2rem;
    counter-increment: ballot;
    font-size: 0.88rem;
    font-weight: 800;
}

.voteDesk__ballotLines li[b-rftb6ii5bc]::before {
    display: grid;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border: 1px solid var(--vote-ink);
    border-radius: 50%;
    content: counter(ballot);
    font-size: 0.68rem;
}

.voteDesk__ballotLines li > span[b-rftb6ii5bc] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.voteDesk__remaining[b-rftb6ii5bc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    min-height: 2rem;
    color: var(--vote-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.voteDesk__marks[b-rftb6ii5bc] {
    display: flex;
    gap: 0.25rem;
}

.voteDesk__marks span[b-rftb6ii5bc] {
    width: 0.65rem;
    height: 0.65rem;
    border: 1px solid var(--vote-forest);
    border-radius: 50%;
}

.voteDesk__marks span.is-filled[b-rftb6ii5bc] {
    background: var(--vote-forest);
}

.voteDesk__primaryAction[b-rftb6ii5bc],
.voteDesk__secondaryAction[b-rftb6ii5bc],
.voteDesk__noResults button[b-rftb6ii5bc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 2.85rem;
    border-radius: 10px;
    padding: 0.65rem 1rem;
    font-weight: 850;
    text-decoration: none;
}

.voteDesk__primaryAction[b-rftb6ii5bc] {
    border: 1px solid var(--vote-gold);
    background: var(--vote-gold);
    color: var(--vote-navy);
    box-shadow: 0 9px 18px -13px color-mix(in srgb, var(--vote-navy) 70%, transparent);
}

.voteDesk__primaryAction:hover:not(:disabled)[b-rftb6ii5bc] {
    border-color: var(--bgm-gold-hover, #b08e3f);
    background: var(--bgm-gold-hover, #b08e3f);
    color: var(--vote-navy);
}

.voteDesk__primaryAction:disabled[b-rftb6ii5bc],
.voteDesk__secondaryAction:disabled[b-rftb6ii5bc] {
    cursor: not-allowed;
    opacity: 0.48;
}

.voteDesk__secondaryAction[b-rftb6ii5bc],
.voteDesk__noResults button[b-rftb6ii5bc] {
    border: 1px solid color-mix(in srgb, var(--vote-ink) 34%, transparent);
    background: transparent;
    color: var(--vote-ink);
}

.voteDesk__secondaryAction:hover[b-rftb6ii5bc],
.voteDesk__noResults button:hover[b-rftb6ii5bc] {
    border-color: var(--vote-forest);
    color: var(--vote-forest);
}

.voteDesk__review[b-rftb6ii5bc] {
    width: 100%;
    margin-top: 0.7rem;
}

.voteDesk__ledgerFootnote[b-rftb6ii5bc] {
    margin: 0.65rem 0 0;
    color: var(--vote-muted);
    font-size: 0.7rem;
    text-align: center;
}

.voteDesk__mobileBallot[b-rftb6ii5bc] {
    display: none;
}

.voteDesk__noResults[b-rftb6ii5bc] {
    display: grid;
    justify-items: center;
    min-height: 18rem;
    align-content: center;
    padding: 2rem;
    color: var(--vote-muted);
    text-align: center;
}

.voteDesk__noResults h3[b-rftb6ii5bc] {
    margin: 0.7rem 0 0;
    color: var(--vote-ink);
    font-size: 1.05rem;
}

.voteDesk__noResults p[b-rftb6ii5bc] {
    max-width: 43ch;
    margin: 0.35rem 0 1rem;
    font-size: 0.85rem;
}

.voteDesk__confirm[b-rftb6ii5bc] {
    max-width: 660px;
    margin: 0 auto;
}

.voteDesk__textAction[b-rftb6ii5bc] {
    border: 0;
    padding: 0;
    background: transparent;
    font-size: 0.86rem;
}

.voteDesk__confirmIntro h2[b-rftb6ii5bc] {
    margin-top: 1.5rem;
    font-size: clamp(2rem, 4vw, 3.35rem);
}

.voteDesk__confirmIntro p[b-rftb6ii5bc] {
    max-width: 55ch;
    margin: 0.55rem 0 0;
    color: var(--vote-muted);
}

.voteDesk__confirmSheet[b-rftb6ii5bc] {
    position: relative;
    margin-top: 2rem;
    border-radius: 14px;
    padding: clamp(1.2rem, 4vw, 2rem);
    background:
        linear-gradient(to bottom, transparent 39px, color-mix(in srgb, var(--vote-ink) 10%, transparent) 40px) 0 0 / 100% 40px,
        var(--vote-paper);
    box-shadow: 0 22px 40px -32px color-mix(in srgb, var(--vote-navy) 62%, transparent);
}

.voteDesk__confirmSheet ol[b-rftb6ii5bc] {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: confirm;
}

.voteDesk__confirmSheet li[b-rftb6ii5bc] {
    display: flex;
    align-items: center;
    min-height: 4rem;
    counter-increment: confirm;
    color: var(--vote-navy);
    font-size: clamp(1rem, 2vw, 1.2rem);
    font-weight: 900;
}

.voteDesk__confirmSheet li[b-rftb6ii5bc]::before {
    width: 2rem;
    content: counter(confirm) ".";
    color: var(--vote-forest);
}

.voteDesk__confirmSeal[b-rftb6ii5bc] {
    position: absolute;
    top: -1.15rem;
    right: 1.1rem;
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 3px solid var(--vote-paper);
    border-radius: 50%;
    background: var(--vote-forest);
    color: var(--vote-paper);
    box-shadow: 0 8px 16px -12px var(--vote-navy);
}

.voteDesk__confirmAfter[b-rftb6ii5bc] {
    border-top: 2px solid var(--vote-navy);
    padding-top: 0.75rem;
    color: var(--vote-muted);
    font-size: 0.8rem;
    font-weight: 750;
    text-align: right;
}

.voteDesk__confirmActions[b-rftb6ii5bc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 1rem;
}

.voteDesk__inlineError[b-rftb6ii5bc] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: 1rem;
    border: 1px solid color-mix(in srgb, var(--bgm-error, #9b2c2c) 45%, transparent);
    border-radius: 12px;
    padding: 0.8rem;
    background: color-mix(in srgb, var(--bgm-error, #9b2c2c) 8%, var(--vote-paper));
    color: var(--bgm-error, #9b2c2c);
}

.voteDesk__inlineError div[b-rftb6ii5bc] {
    display: grid;
    gap: 0.15rem;
}

.voteDesk__inlineError span[b-rftb6ii5bc] {
    color: color-mix(in srgb, var(--bgm-error, #9b2c2c) 82%, var(--vote-ink));
    font-size: 0.84rem;
}

.voteDesk__state[b-rftb6ii5bc] {
    display: grid;
    justify-items: center;
    max-width: 660px;
    min-height: 25rem;
    align-content: center;
    margin: 0 auto;
    padding: 2rem;
    color: var(--vote-forest);
    text-align: center;
}

.voteDesk__state h2[b-rftb6ii5bc] {
    margin-top: 0.8rem;
    font-size: clamp(1.8rem, 4vw, 3rem);
}

.voteDesk__state p[b-rftb6ii5bc] {
    max-width: 55ch;
    margin: 0.65rem 0 1.2rem;
    color: var(--vote-muted);
}

.voteDesk__state--error[b-rftb6ii5bc],
.voteDesk__state--notice[b-rftb6ii5bc] {
    color: var(--bgm-accent-emphasis, #7a1f24);
}

.voteDesk__successMark[b-rftb6ii5bc] {
    display: grid;
    place-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: var(--vote-forest);
    color: var(--vote-paper);
    box-shadow: 0 15px 28px -20px var(--vote-navy);
}

.voteDesk__submittedGames[b-rftb6ii5bc] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.45rem;
    margin: 0 0 1.4rem;
    padding: 0;
    list-style: none;
}

.voteDesk__submittedGames li[b-rftb6ii5bc] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border-radius: 999px;
    padding: 0.4rem 0.7rem;
    background: color-mix(in srgb, var(--vote-forest) 11%, var(--vote-paper));
    color: var(--vote-forest);
    font-size: 0.82rem;
    font-weight: 800;
}

.voteDesk__skeleton[b-rftb6ii5bc] {
    border-radius: 8px;
    background: color-mix(in srgb, var(--vote-ink) 9%, var(--vote-paper));
    animation: voteDesk-pulse-b-rftb6ii5bc 1.35s ease-in-out infinite alternate;
}

.voteDesk__skeleton--title[b-rftb6ii5bc] {
    width: 38%;
    height: 2rem;
    margin-bottom: 1rem;
}

.voteDesk__skeleton--search[b-rftb6ii5bc] {
    width: 100%;
    height: 3rem;
    margin-bottom: 1.4rem;
}

.voteDesk__skeleton--row[b-rftb6ii5bc] {
    height: 5.8rem;
    margin-bottom: 1px;
}

.voteDesk__ledger--loading[b-rftb6ii5bc] {
    min-height: 23rem;
}

.voteDesk__skeleton--ledgerTitle[b-rftb6ii5bc] {
    width: 55%;
    height: 1.7rem;
    margin-bottom: 2rem;
}

.voteDesk__skeleton--ledgerLine[b-rftb6ii5bc] {
    height: 2.3rem;
    margin-bottom: 0.9rem;
}

@keyframes voteDesk-pulse-b-rftb6ii5bc {
    to {
        background: color-mix(in srgb, var(--vote-ink) 16%, var(--vote-paper));
    }
}

.voteDesk :is(a, button, input):focus-visible[b-rftb6ii5bc] {
    outline: 3px solid var(--vote-gold);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .voteDesk[b-rftb6ii5bc] {
        padding-bottom: 7rem;
    }

    .voteDesk__workspace[b-rftb6ii5bc] {
        grid-template-columns: minmax(0, 1fr);
    }

    .voteDesk__ledger[b-rftb6ii5bc] {
        display: none;
    }

    .voteDesk__mobileBallot[b-rftb6ii5bc] {
        position: fixed;
        z-index: 1020;
        right: 0.75rem;
        bottom: calc(0.75rem + env(safe-area-inset-bottom));
        left: 0.75rem;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.65rem;
        border-radius: 14px;
        padding: 0.65rem;
        background: var(--vote-navy);
        box-shadow: 0 16px 36px -18px rgba(0, 0, 0, 0.72);
    }

    .voteDesk__mobileSummary[b-rftb6ii5bc] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        padding: 0 0.3rem;
        color: var(--vote-paper);
        font-size: 0.82rem;
    }

    .voteDesk__mobileBallot .voteDesk__primaryAction[b-rftb6ii5bc] {
        min-height: 2.55rem;
    }
}

@media (max-width: 680px) {
    .voteDesk[b-rftb6ii5bc] {
        padding-inline: 0.8rem;
    }

    .voteDesk__headingRow[b-rftb6ii5bc] {
        display: grid;
        gap: 1rem;
    }

    .voteDesk__headingRow h1[b-rftb6ii5bc] {
        max-width: 12ch;
        font-size: clamp(2.35rem, 12vw, 3.6rem);
    }

    .voteDesk__groupStamp[b-rftb6ii5bc] {
        max-width: 100%;
        justify-self: start;
    }

    .voteDesk__libraryHeader[b-rftb6ii5bc] {
        grid-template-columns: 1fr;
    }

    .voteDesk__shortlistGames[b-rftb6ii5bc] {
        display: flex;
        margin-inline: -0.8rem;
        padding-inline: 0.8rem;
        overflow-x: auto;
        scrollbar-width: none;
        scroll-snap-type: x proximity;
    }

    .voteDesk__shortlistGames[b-rftb6ii5bc]::-webkit-scrollbar {
        display: none;
    }

    .voteDesk__shortlistGame[b-rftb6ii5bc] {
        flex: 0 0 72%;
        max-width: 17rem;
        scroll-snap-align: start;
    }

    .voteDesk__resultLine[b-rftb6ii5bc] {
        display: grid;
        gap: 0.25rem;
    }

    .voteDesk__game[b-rftb6ii5bc] {
        grid-template-columns: 54px minmax(0, 1fr) 2.8rem;
        gap: 0.7rem;
        min-height: 78px;
    }

    .voteDesk__cover[b-rftb6ii5bc] {
        width: 54px;
        height: 54px;
    }

    .voteDesk__selectButton[b-rftb6ii5bc] {
        width: 2.8rem;
        min-width: 2.8rem;
        min-height: 2.8rem;
        padding: 0;
    }

    .voteDesk__selectButton span[b-rftb6ii5bc] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .voteDesk__gameCopy > p[b-rftb6ii5bc] {
        display: none;
    }

    .voteDesk__ledger[b-rftb6ii5bc] {
        padding-inline: 0.9rem;
    }

    .voteDesk__confirmActions[b-rftb6ii5bc] {
        display: grid;
    }

    .voteDesk__state[b-rftb6ii5bc] {
        min-height: 22rem;
        padding-inline: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .voteDesk__game[b-rftb6ii5bc],
    .voteDesk__skeleton[b-rftb6ii5bc] {
        transition: none;
        animation: none;
    }
}
/* /Pages/Arcade.razor.rz.scp.css */
.bgm-arcade[b-coa40qemdw] {
    --bgm-arcade-accent: var(--bgm-rd-blue, #0087c8);
    width: min(var(--bgm-rd-max-width, 1280px), calc(100vw - 32px));
    margin: 0 auto;
    padding: clamp(20px, 3.5vw, 38px) 0 clamp(42px, 6vw, 72px);
    color: var(--bgm-rd-ink, #17222b);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.bgm-arcadeHero[b-coa40qemdw] {
    border-bottom: 1px solid rgba(23, 34, 43, 0.12);
    padding-bottom: clamp(18px, 2.6vw, 30px);
}

.bgm-arcadeCard__meta[b-coa40qemdw] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    line-height: 1.1;
    text-transform: uppercase;
}

.bgm-arcadeHero h1[b-coa40qemdw] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(2.8rem, 8vw, 6rem);
    font-weight: 950;
    letter-spacing: -0.01em;
    line-height: 0.9;
    margin: 0;
}

.bgm-arcadeHero p[b-coa40qemdw] {
    color: rgba(23, 34, 43, 0.66);
    font-size: clamp(1rem, 1.9vw, 1.25rem);
    line-height: 1.45;
    margin: 14px 0 0;
    max-width: 48rem;
}

.bgm-arcadeGrid[b-coa40qemdw] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(14px, 2vw, 22px);
    margin-top: clamp(18px, 2.8vw, 34px);
}

.bgm-arcadeCard[b-coa40qemdw] {
    --bgm-arcade-accent-rgb: var(--bgm-rd-blue-rgb, 0, 135, 200);
    --bgm-arcade-card-bg: #0087c8;
    --bgm-arcade-card-bg-deep: #006da1;
    --bgm-arcade-card-ink: #fff;
    --bgm-arcade-card-muted: rgba(255, 255, 255, 0.76);
    position: relative;
    grid-column: span 3;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 18px;
    min-height: 300px;
    overflow: hidden;
    border: 1px solid rgba(var(--bgm-arcade-accent-rgb), 0.32);
    background: var(--bgm-arcade-card-bg);
    color: var(--bgm-arcade-card-ink);
    padding: clamp(18px, 2.4vw, 28px);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.bgm-arcadeGrid.has-five .bgm-arcadeCard:nth-child(-n + 3)[b-coa40qemdw] {
    grid-column: span 2;
}

.bgm-arcadeCard:hover[b-coa40qemdw] {
    border-color: rgba(var(--bgm-arcade-accent-rgb), 0.46);
    box-shadow: 0 18px 34px rgba(23, 34, 43, 0.16);
    transform: translateY(-2px);
}

.bgm-arcadeCard--jaffa[b-coa40qemdw] {
    --bgm-arcade-accent-rgb: 214, 111, 31;
    --bgm-arcade-card-bg: #d66f1f;
    --bgm-arcade-card-bg-deep: #a94f14;
}

.bgm-arcadeCard--horse[b-coa40qemdw] {
    --bgm-arcade-accent-rgb: 138, 79, 42;
    --bgm-arcade-card-bg: #8a4f2a;
    --bgm-arcade-card-bg-deep: #633618;
}

.bgm-arcadeCard--guesser[b-coa40qemdw] {
    --bgm-arcade-accent-rgb: 0, 135, 200;
    --bgm-arcade-card-bg: #0087c8;
    --bgm-arcade-card-bg-deep: #00618f;
}

.bgm-arcadeCard--slots[b-coa40qemdw] {
    --bgm-arcade-accent-rgb: 22, 79, 53;
    --bgm-arcade-card-bg: #164f35;
    --bgm-arcade-card-bg-deep: #0f3624;
}

.bgm-arcadeCard--connect-four[b-coa40qemdw] { --bgm-arcade-accent-rgb: 109, 75, 195; --bgm-arcade-card-bg: #6845ba; --bgm-arcade-card-bg-deep: #412a7e; }

.bgm-arcadeCard__header[b-coa40qemdw] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}

.bgm-arcadeCard__icon[b-coa40qemdw] {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #fff;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
    font-size: 1.8rem;
    line-height: 1;
}

.bgm-arcadeCard h2[b-coa40qemdw] {
    color: var(--bgm-arcade-card-ink);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    font-weight: 950;
    line-height: 1;
    margin: 0 0 6px;
}

.bgm-arcadeCard__meta[b-coa40qemdw] {
    color: var(--bgm-arcade-card-muted);
    letter-spacing: 0.11em;
}

.bgm-arcadeCard__status[b-coa40qemdw] {
    color: #fff;
}

.bgm-arcadeCard__body[b-coa40qemdw] {
    color: rgba(255, 255, 255, 0.84);
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    max-width: 34rem;
}

.bgm-arcadeCard__action[b-coa40qemdw] {
    align-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(255, 255, 255, 0.94);
    color: var(--bgm-arcade-card-bg-deep);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.13em;
    padding: 12px 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-arcadeCard__action:hover[b-coa40qemdw],
.bgm-arcadeCard__action:focus-visible[b-coa40qemdw] {
    background: rgba(7, 16, 23, 0.92);
    border-color: rgba(7, 16, 23, 0.92);
    color: #fff;
}

.bgm-arcadeCard__action:focus-visible[b-coa40qemdw] {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

.bgm-arcadeAlert[b-coa40qemdw] {
    border: 1px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.24);
    background: #eef8fd;
    color: var(--bgm-rd-ink, #17222b);
    font-weight: 800;
    margin-top: clamp(16px, 2vw, 22px);
    padding: 14px 16px;
}

.bgm-arcadeAlert a[b-coa40qemdw] {
    color: var(--bgm-rd-blue, #0087c8);
    font-weight: 950;
}

@media (max-width: 1000px) {
    .bgm-arcadeGrid.has-five .bgm-arcadeCard:nth-child(-n + 3)[b-coa40qemdw] {
        grid-column: span 3;
    }

    .bgm-arcadeGrid.has-five .bgm-arcadeCard:last-child[b-coa40qemdw] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .bgm-arcade[b-coa40qemdw] {
        width: 100%;
        padding-top: 16px;
    }

    .bgm-arcadeHero[b-coa40qemdw] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .bgm-arcadeGrid[b-coa40qemdw] {
        gap: 0;
    }

    .bgm-arcadeCard[b-coa40qemdw] {
        grid-column: 1 / -1;
        border-left: 0;
        border-right: 0;
        min-height: 270px;
    }

    .bgm-arcadeGrid.has-five .bgm-arcadeCard:nth-child(-n + 3)[b-coa40qemdw],
    .bgm-arcadeGrid.has-five .bgm-arcadeCard:last-child[b-coa40qemdw] {
        grid-column: 1 / -1;
    }

    .bgm-arcadeAlert[b-coa40qemdw] {
        border-left: 0;
        border-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
/* /Pages/BgGameGuesser.razor.rz.scp.css */
.bgg-page[b-6jub9xavy2] {
    width: min(1120px, calc(100vw - 32px));
    margin: 0 auto;
    padding: clamp(20px, 3.5vw, 38px) 0 clamp(42px, 6vw, 72px);
    color: var(--bgm-rd-ink, #17222b);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.bgg-hero[b-6jub9xavy2] {
    border-bottom: 1px solid rgba(23, 34, 43, 0.12);
    margin-bottom: clamp(18px, 2.8vw, 32px);
    padding-bottom: clamp(18px, 2.6vw, 30px);
}

.bgg-backLink[b-6jub9xavy2],
.bgg-hero__kicker[b-6jub9xavy2] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.bgg-backLink[b-6jub9xavy2] {
    display: inline-flex;
    margin-bottom: 18px;
    text-decoration: none;
}

.bgg-hero h1[b-6jub9xavy2] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(2.4rem, 7vw, 5.8rem);
    font-weight: 950;
    letter-spacing: -0.01em;
    line-height: 0.9;
    margin: 10px 0 0;
}

.bgg-hero p[b-6jub9xavy2] {
    color: rgba(23, 34, 43, 0.66);
    font-size: clamp(1rem, 1.8vw, 1.2rem);
    line-height: 1.45;
    margin: 14px 0 0;
    max-width: 54rem;
}

.bgg-page .card[b-6jub9xavy2],
.bgg-page .cv-clue-panel[b-6jub9xavy2],
.bgg-page .alert[b-6jub9xavy2],
.bgg-page .btn[b-6jub9xavy2],
.bgg-page .badge[b-6jub9xavy2],
.bgg-page .form-control[b-6jub9xavy2],
.bgg-page .list-group-item[b-6jub9xavy2],
.bgg-page .bgg-key[b-6jub9xavy2] {
    border-radius: 0;
}

.bgg-page .card[b-6jub9xavy2] {
    border: 1px solid rgba(23, 34, 43, 0.12) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.10), transparent 38%),
        linear-gradient(315deg, rgba(0,0,0,0.10), transparent 54%),
        linear-gradient(180deg, #0087c8, #00618f);
    box-shadow: none !important;
    color: #fff;
}

.bgg-page .bgg-puzzleCard[b-6jub9xavy2] {
    background-color: #00618f !important;
    background-image:
        linear-gradient(145deg, rgba(255, 255, 255, 0.10), transparent 38%),
        linear-gradient(315deg, rgba(0, 0, 0, 0.10), transparent 54%),
        linear-gradient(180deg, #0087c8, #00618f) !important;
}

.bgg-page .bgg-puzzleCard.is-attempted[b-6jub9xavy2] {
    background-color: #315b4a !important;
    background-image:
        linear-gradient(145deg, rgba(255, 255, 255, 0.09), transparent 38%),
        linear-gradient(315deg, rgba(0, 0, 0, 0.10), transparent 54%),
        linear-gradient(180deg, #39705a, #244b3c) !important;
    opacity: 1;
}

.bgg-page .card h5[b-6jub9xavy2],
.bgg-page .card .card-title[b-6jub9xavy2] {
    color: #fff;
    font-weight: 950;
}

.bgg-page .card .text-muted[b-6jub9xavy2],
.bgg-page .card .small[b-6jub9xavy2] {
    color: rgba(255, 255, 255, 0.76) !important;
}

.bgg-page .btn-primary[b-6jub9xavy2],
.bgg-page .btn-success[b-6jub9xavy2] {
    background: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
    color: #fff;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgg-page .btn-outline-secondary[b-6jub9xavy2],
.bgg-page .btn-outline-primary[b-6jub9xavy2] {
    background: #fff;
    border-color: rgba(23, 34, 43, 0.16);
    color: var(--bgm-rd-ink, #17222b);
    font-weight: 900;
}

.bgg-page .cv-clue-panel[b-6jub9xavy2] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
}

.bgg-page .cv-clue-panel--active[b-6jub9xavy2] {
    border-color: var(--bgm-rd-blue, #0087c8);
    box-shadow: inset 0 0 0 3px rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.12);
}

.bgg-page .cv-clue-panel--solved[b-6jub9xavy2] {
    border-color: var(--bgm-rd-green, #164f35);
    opacity: 1;
}

.bgg-page .bgg-key[b-6jub9xavy2] {
    font-family: inherit;
    font-weight: 950;
}

@media (max-width: 640px) {
    .bgg-page[b-6jub9xavy2] {
        width: 100%;
        padding-top: 16px;
    }

    .bgg-hero[b-6jub9xavy2] {
        padding-left: 14px;
        padding-right: 14px;
    }
}
/* /Pages/CasualGameLog.razor.rz.scp.css */
.container[b-nfms6bybcf] {
    padding-bottom: 2rem;
}

.card[b-nfms6bybcf],
.list-group[b-nfms6bybcf],
.list-group-item[b-nfms6bybcf],
.badge[b-nfms6bybcf] {
    border-radius: 0 !important;
}

.list-group[b-nfms6bybcf] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
}

.list-group-item[b-nfms6bybcf] {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

@media (max-width: 640px) {
    .container[b-nfms6bybcf] {
        padding-bottom: 2rem;
    }

    .list-group[b-nfms6bybcf] {
        border-left: 0;
        border-right: 0;
    }

    .list-group-item[b-nfms6bybcf] {
        padding: 0.85rem !important;
    }
}
/* /Pages/ConnectFour.razor.rz.scp.css */
.c4-page[b-g6tdwnn95t] {
    --c4-blue: #078bc9;
    --c4-ink: #112034;
    --c4-green: #16472f;
    --c4-paper: #fffdf7;
    --c4-line: #dbe4e7;
    --c4-turn: #d9b13b;
    --c4-waiting: #315f73;
    --c4-joining: #8a5a05;
    max-width: 1120px;
    margin: 0 auto;
    padding: clamp(24px, 4vw, 52px) 18px 72px;
    color: var(--c4-ink);
}

.c4-hero[b-g6tdwnn95t] {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: end;
    border-bottom: 2px solid var(--c4-ink);
    padding: 0 0 26px;
}

.c4-kicker[b-g6tdwnn95t],
.c4-eyebrow[b-g6tdwnn95t] {
    color: var(--c4-blue);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.c4-page h1[b-g6tdwnn95t] { font-size: clamp(2.5rem, 6vw, 4.5rem); line-height: .96; margin: 8px 0 12px; }
.c4-page h2[b-g6tdwnn95t] { font-size: clamp(1.55rem, 3vw, 2.4rem); margin: 0; }
.c4-hero p[b-g6tdwnn95t] { max-width: 43rem; margin: 0; color: #485865; font-size: 1.08rem; }
.c4-copyLinkButton[b-g6tdwnn95t] { margin-top: 14px; }
.c4-copyLinkStatus[b-g6tdwnn95t] { display: block; margin-top: 8px; color: #315f73; font-size: .85rem; font-weight: 700; }

.c4-heroBadge[b-g6tdwnn95t] {
    min-width: 172px;
    border: 2px solid var(--c4-blue);
    border-radius: 3px;
    background: #dff4fd;
    padding: 14px 16px;
}

.c4-heroBadge strong[b-g6tdwnn95t] { display: block; color: var(--c4-blue); font-size: 1.8rem; line-height: 1; }
.c4-heroBadge span[b-g6tdwnn95t] { display: block; margin-top: 6px; color: #344f60; font-size: .76rem; font-weight: 800; }

.c4-guestInvite[b-g6tdwnn95t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(28px, 4vw, 48px);
    align-items: center;
    margin-top: 28px;
    padding: clamp(26px, 3.5vw, 38px);
    background: var(--c4-green);
    color: #fffdf7;
}

.c4-guestInvite h2[b-g6tdwnn95t] { max-width: 12ch; color: #fffdf7; font-size: clamp(2.1rem, 4vw, 3.2rem); line-height: .96; }
.c4-guestInvite p[b-g6tdwnn95t] { max-width: 52ch; margin: 14px 0 0; color: #d9eee0; font-size: 1.05rem; line-height: 1.55; }
.c4-guestInvite__actions[b-g6tdwnn95t] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.c4-guestInvite__actions .btn[b-g6tdwnn95t] { min-height: 48px; padding: 11px 18px; font-weight: 900; }
.c4-guestInvite__primary[b-g6tdwnn95t] { color: var(--c4-green); }

.c4-guestFacts[b-g6tdwnn95t] { display: grid; gap: 0; min-width: 220px; margin: 0; padding: 0; list-style: none; }
.c4-guestFacts li[b-g6tdwnn95t] { display: flex; justify-content: space-between; gap: 18px; align-items: baseline; padding: 15px 0; border-bottom: 1px solid #4f745f; }
.c4-guestFacts li:first-child[b-g6tdwnn95t] { border-top: 1px solid #4f745f; }
.c4-guestFacts strong[b-g6tdwnn95t] { color: #ffe172; font-size: 1.1rem; }
.c4-guestFacts span[b-g6tdwnn95t] { color: #d9eee0; font-size: .82rem; font-weight: 700; }

.c4-publicGames[b-g6tdwnn95t] { margin-top: clamp(36px, 6vw, 64px); }
.c4-publicGames__heading[b-g6tdwnn95t] { display: flex; justify-content: space-between; gap: 24px; align-items: end; }
.c4-publicGames__heading h2[b-g6tdwnn95t] { margin: 0; }
.c4-publicGames__heading p[b-g6tdwnn95t] { max-width: 62ch; margin: 9px 0 0; color: #526671; }
.c4-publicGames__heading > span[b-g6tdwnn95t] { flex: 0 0 auto; color: var(--c4-green); font-size: .82rem; font-weight: 900; }
.c4-publicGames__grid[b-g6tdwnn95t] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 22px; }
.c4-publicGame[b-g6tdwnn95t] { min-width: 0; padding: 12px; border: 2px solid #cad7dc; background: #fffef9; }
.c4-publicGame__body[b-g6tdwnn95t] { padding: 14px 3px 3px; }
.c4-publicGame__status[b-g6tdwnn95t] { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.c4-publicGame__status strong[b-g6tdwnn95t] { font-size: .98rem; }
.c4-publicGame__status > span[b-g6tdwnn95t] { color: #526c78; font-size: .74rem; font-weight: 800; white-space: nowrap; }
.c4-publicGame__players[b-g6tdwnn95t] { display: flex; flex-wrap: wrap; gap: 7px 12px; margin-top: 11px; }
.c4-publicGame__player[b-g6tdwnn95t] { display: inline-flex; gap: 5px; align-items: center; color: #5a6d77; font-size: .74rem; font-weight: 750; }
.c4-publicGame__player.is-moving[b-g6tdwnn95t] { color: var(--c4-ink); font-weight: 900; }
.c4-publicGame__player > span[b-g6tdwnn95t] { width: 10px; height: 10px; border-radius: 50%; }
.c4-publicGame__player--1 > span[b-g6tdwnn95t] { background: #c93630; }
.c4-publicGame__player--2 > span[b-g6tdwnn95t] { background: #c69610; }
.c4-publicGame__player--3 > span[b-g6tdwnn95t] { background: #6845b1; }
.c4-publicGames__prompt[b-g6tdwnn95t] { margin: 18px 0 0; text-align: right; }
.c4-publicGames__prompt a[b-g6tdwnn95t] { color: var(--c4-green); font-weight: 900; }
.c4-guestEmpty[b-g6tdwnn95t] { display: flex; gap: 14px; align-items: center; margin-top: 22px; padding: 22px; background: #e9f1f4; color: #3e5967; }
.c4-guestEmpty strong[b-g6tdwnn95t] { color: var(--c4-ink); }
.c4-guestEmpty p[b-g6tdwnn95t] { margin: 3px 0 0; }

.c4-lobbyLayout[b-g6tdwnn95t] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr); gap: 20px; margin-top: 24px; }

.c4-panel[b-g6tdwnn95t],
.c4-rulesCard[b-g6tdwnn95t] {
    border: 2px solid var(--c4-line);
    border-radius: 3px;
    background: #fff;
    box-shadow: none;
}

.c4-panel[b-g6tdwnn95t] { padding: clamp(20px, 3vw, 32px); }
.c4-createCard[b-g6tdwnn95t] { border-color: var(--c4-blue); background: #e9f8ff; }
.c4-sectionHeading[b-g6tdwnn95t] { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.c4-sectionIntro[b-g6tdwnn95t] { color: #425f6e; margin: 8px 0 20px; }

.c4-costPill[b-g6tdwnn95t],
.c4-gameCount[b-g6tdwnn95t] {
    border-radius: 3px;
    background: var(--c4-green);
    color: #fff;
    font-size: .82rem;
    font-weight: 900;
    padding: 6px 10px;
    white-space: nowrap;
}

.c4-fieldset[b-g6tdwnn95t] { border: 0; border-top: 2px solid #b9dce9; margin: 18px 0 0; padding: 18px 0 0; }
.c4-fieldset legend[b-g6tdwnn95t] { float: none; width: auto; margin: 0 0 10px; padding: 0; color: #365868; font-size: .8rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.c4-scopeChoices[b-g6tdwnn95t] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.c4-scopeChoice[b-g6tdwnn95t] {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    border: 2px solid #a9cbd9;
    border-radius: 3px;
    background: #fff;
    padding: 12px;
    cursor: pointer;
}

.c4-scopeChoice.is-selected[b-g6tdwnn95t] { border-color: var(--c4-blue); background: #cfeefa; }
.c4-scopeChoice.is-disabled[b-g6tdwnn95t] { opacity: .55; cursor: not-allowed; }
.c4-scopeChoice input[b-g6tdwnn95t] { margin-top: 4px; }
.c4-scopeChoice strong[b-g6tdwnn95t],
.c4-scopeChoice small[b-g6tdwnn95t] { display: block; }
.c4-scopeChoice small[b-g6tdwnn95t] { margin-top: 2px; color: #496673; font-size: .77rem; line-height: 1.3; }
.c4-selectLabel[b-g6tdwnn95t] { display: grid; gap: 5px; margin-top: 12px; color: #365868; font-size: .82rem; font-weight: 800; }
.c4-selectLabel select[b-g6tdwnn95t] { max-width: 300px; }

.c4-columnPicker[b-g6tdwnn95t] { display: grid; grid-template-columns: repeat(var(--c4-columns), 1fr); gap: 7px; max-width: 550px; }
.c4-columnPick[b-g6tdwnn95t] { display: grid; place-items: center; gap: 1px; min-height: 64px; border: 2px solid #89b8cb; border-radius: 3px; background: #fff; color: #315f73; }
.c4-columnPick span[b-g6tdwnn95t] { font-size: 1.15rem; line-height: 1; }
.c4-columnPick strong[b-g6tdwnn95t] { font-size: .82rem; }
.c4-columnPick:hover[b-g6tdwnn95t],
.c4-columnPick.is-selected[b-g6tdwnn95t] { border-color: var(--c4-blue); background: var(--c4-blue); color: #fff; box-shadow: none; }
.c4-selectionHint[b-g6tdwnn95t] { margin: 10px 0 0; color: #3f5e6c; font-size: .9rem; }
.c4-startButton[b-g6tdwnn95t] { margin-top: 21px; min-height: 50px; padding: 0 22px; border-radius: 3px; font-weight: 900; }
.c4-finePrint[b-g6tdwnn95t] { margin: 11px 0 0; color: #526e7c; font-size: .8rem; }

.c4-rulesCard[b-g6tdwnn95t] { align-self: start; border-color: var(--c4-green); background: var(--c4-green); color: #fff; }
.c4-rulesCard .c4-eyebrow[b-g6tdwnn95t] { color: #f4d86a; }
.c4-rulesCard summary[b-g6tdwnn95t] { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 24px; cursor: pointer; list-style: none; }
.c4-rulesCard summary[b-g6tdwnn95t]::-webkit-details-marker { display: none; }
.c4-rulesCard summary > span:first-child > span[b-g6tdwnn95t],
.c4-rulesCard summary > span:first-child > strong[b-g6tdwnn95t] { display: block; }
.c4-rulesCard summary > span:first-child > strong[b-g6tdwnn95t] { margin-top: 7px; font-size: 1.55rem; }
.c4-rulesCard summary:focus-visible[b-g6tdwnn95t] { outline: 3px solid #f4d86a; outline-offset: -5px; }
.c4-rulesToggle[b-g6tdwnn95t]::before { content: "+"; display: grid; place-items: center; width: 34px; height: 34px; border: 2px solid #f4d86a; color: #f4d86a; font-size: 1.45rem; font-weight: 900; line-height: 1; }
.c4-rulesCard[open] .c4-rulesToggle[b-g6tdwnn95t]::before { content: "−"; }
.c4-rulesBody[b-g6tdwnn95t] { border-top: 1px solid #4f745f; padding: 20px 24px 24px; }
.c4-ruleSteps[b-g6tdwnn95t] { display: grid; gap: 16px; list-style: none; margin: 0; padding: 0; }
.c4-ruleSteps li[b-g6tdwnn95t] { display: grid; grid-template-columns: 27px 1fr; gap: 10px; }
.c4-ruleSteps li > span[b-g6tdwnn95t] { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 3px; background: #f4d86a; color: #163f2a; font-size: .75rem; font-weight: 900; }
.c4-ruleSteps strong[b-g6tdwnn95t],
.c4-ruleSteps small[b-g6tdwnn95t] { display: block; }
.c4-ruleSteps small[b-g6tdwnn95t] { color: #d9eee0; font-size: .8rem; line-height: 1.35; margin-top: 2px; }

.c4-message[b-g6tdwnn95t] { margin-top: 18px; border-radius: 3px; }
.c4-myGamesPanel[b-g6tdwnn95t] { margin-top: 20px; border-color: var(--c4-green); background: #f2fbf5; }
.c4-myGames[b-g6tdwnn95t] { display: grid; gap: 9px; margin-top: 18px; }

.c4-myGame[b-g6tdwnn95t] {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    border: 2px solid #9cb9c5;
    border-radius: 3px;
    background: #eef5f7;
    color: var(--c4-ink);
    padding: 10px;
    text-decoration: none;
}

.c4-myGame:hover[b-g6tdwnn95t],
.c4-myGame:focus-visible[b-g6tdwnn95t] { border-color: var(--c4-waiting); color: var(--c4-ink); }
.c4-myGame:focus-visible[b-g6tdwnn95t] { outline: 3px solid var(--c4-turn); outline-offset: 3px; }
.c4-myGame--waiting[b-g6tdwnn95t] { border-color: #8db2c1; background: #eef5f7; }
.c4-myGame--joining[b-g6tdwnn95t] { border-color: #bd8a2f; border-style: dashed; background: #fff8df; }
.c4-myGame--turn[b-g6tdwnn95t] { border: 3px solid var(--c4-ink); background: #fff1ad; padding: 9px; }
.c4-myGame__status[b-g6tdwnn95t] { align-self: stretch; display: flex; gap: 9px; align-items: center; min-height: 62px; padding: 9px 11px; background: var(--c4-waiting); color: #fff; }
.c4-myGame__status strong[b-g6tdwnn95t] { font-size: .78rem; font-weight: 950; letter-spacing: .01em; line-height: 1.18; }
.c4-myGame--joining .c4-myGame__status[b-g6tdwnn95t] { background: var(--c4-joining); }
.c4-myGame--turn .c4-myGame__status[b-g6tdwnn95t] { background: var(--c4-ink); color: #ffe57b; }
.c4-myGame__copy strong[b-g6tdwnn95t],
.c4-myGame__copy small[b-g6tdwnn95t],
.c4-myGame__copy > span[b-g6tdwnn95t] { display: block; }
.c4-myGame__copy strong[b-g6tdwnn95t] { font-size: 1.04rem; font-weight: 900; }
.c4-myGame__copy small[b-g6tdwnn95t] { margin-top: 3px; color: #344f5d; font-size: .84rem; font-weight: 750; }
.c4-myGame__copy > span[b-g6tdwnn95t] { margin-top: 5px; color: #657985; font-size: .72rem; font-weight: 700; }
.c4-myGame--turn .c4-myGame__copy strong[b-g6tdwnn95t] { font-size: 1.12rem; }
.c4-myGame--turn .c4-myGame__copy small[b-g6tdwnn95t] { color: var(--c4-ink); font-weight: 850; }
.c4-myGame__open[b-g6tdwnn95t] { display: inline-flex; gap: 7px; align-items: center; color: var(--c4-waiting); font-size: .84rem; font-weight: 900; white-space: nowrap; }
.c4-myGame--joining .c4-myGame__open[b-g6tdwnn95t] { color: #704900; }
.c4-myGame--turn .c4-myGame__open[b-g6tdwnn95t] { border: 2px solid var(--c4-ink); background: var(--c4-turn); color: var(--c4-ink); padding: 10px 12px; }

.c4-gamesPanel[b-g6tdwnn95t] { margin-top: 20px; background: #fffdf5; }
.c4-historyPanel[b-g6tdwnn95t] { margin-top: 20px; background: #fffdf5; }
.c4-gamesHeadingActions[b-g6tdwnn95t] { display: flex; gap: 10px; align-items: center; }
.c4-watchGamesButton[b-g6tdwnn95t] { display: inline-flex; gap: 7px; align-items: center; min-height: 38px; font-weight: 850; }
.c4-watchGamesButton > span[b-g6tdwnn95t] { display: inline-grid; place-items: center; min-width: 22px; min-height: 22px; border-radius: 999px; background: #dff4fd; font-size: .72rem; }
.c4-lobby[b-g6tdwnn95t] { display: grid; gap: 9px; margin-top: 18px; }
.c4-gameCard[b-g6tdwnn95t] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 13px; align-items: center; border: 2px solid #d6e0e3; border-radius: 3px; background: #fff; padding: 13px; }
.c4-gameCard--mine[b-g6tdwnn95t] { border-color: #91cce8; background: #e9f8ff; }
.c4-gameCard__icon[b-g6tdwnn95t] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #dceff5; color: #315f73; font-size: 1.4rem; }
.c4-gameCard--mine .c4-gameCard__icon[b-g6tdwnn95t] { background: var(--c4-blue); color: #fff; }
.c4-gameCard__copy strong[b-g6tdwnn95t],
.c4-gameCard__copy span[b-g6tdwnn95t] { display: block; }
.c4-gameCard__copy span[b-g6tdwnn95t] { margin-top: 2px; color: #526c78; font-size: .84rem; }
.c4-emptyState[b-g6tdwnn95t] { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 16px; border-radius: 3px; background: #e9f1f4; color: #3e5967; }
.c4-emptyState--mine[b-g6tdwnn95t] { background: #dff3e5; }
.c4-emptyState > span[b-g6tdwnn95t] { font-size: 2rem; color: #558797; }
.c4-emptyState--mine > span[b-g6tdwnn95t] { color: var(--c4-green); }
.c4-emptyState p[b-g6tdwnn95t] { margin: 2px 0 0; font-size: .88rem; }
.c4-lobbyPage select[b-g6tdwnn95t] { border: 2px solid #89b8cb; border-radius: 3px; background: #fff; padding: 8px 10px; color: var(--c4-ink); }

@media (max-width: 760px) {
    .c4-page[b-g6tdwnn95t] { width: 100%; max-width: none; margin: 0; padding: 0 0 44px; }
    .c4-hero[b-g6tdwnn95t] { align-items: flex-start; flex-direction: column; gap: 18px; padding: 28px 18px 24px; background: #dff4fd; border-bottom: 3px solid var(--c4-blue); }
    .c4-heroBadge[b-g6tdwnn95t] { min-width: 0; width: 100%; background: #fff; }
    .c4-guestInvite[b-g6tdwnn95t] { grid-template-columns: 1fr; gap: 24px; margin-top: 0; padding: 32px 18px; }
    .c4-guestInvite h2[b-g6tdwnn95t] { max-width: none; }
    .c4-guestFacts[b-g6tdwnn95t] { min-width: 0; }
    .c4-publicGames[b-g6tdwnn95t] { margin-top: 0; padding: 32px 18px 0; }
    .c4-publicGames__grid[b-g6tdwnn95t] { grid-template-columns: 1fr; }
    .c4-publicGame[b-g6tdwnn95t] { display: grid; grid-template-columns: minmax(130px, 42%) minmax(0, 1fr); gap: 12px; align-items: start; }
    .c4-publicGame__body[b-g6tdwnn95t] { padding: 3px 0; }
    .c4-lobbyLayout[b-g6tdwnn95t] { grid-template-columns: 1fr; gap: 0; margin-top: 0; }
    .c4-panel[b-g6tdwnn95t],
    .c4-rulesCard[b-g6tdwnn95t] { border-right: 0; border-left: 0; border-radius: 0; }
    .c4-panel[b-g6tdwnn95t] { padding: 24px 18px; }
    .c4-createCard[b-g6tdwnn95t] { border-top: 0; }
    .c4-rulesCard summary[b-g6tdwnn95t] { padding: 24px 18px; }
    .c4-rulesBody[b-g6tdwnn95t] { padding: 20px 18px 24px; }
    .c4-message[b-g6tdwnn95t] { margin: 0; border-right: 0; border-left: 0; border-radius: 0; }
    .c4-myGamesPanel[b-g6tdwnn95t],
    .c4-gamesPanel[b-g6tdwnn95t],
    .c4-historyPanel[b-g6tdwnn95t] { margin-top: 0; border-top: 0; }
    .c4-scopeChoices[b-g6tdwnn95t] { grid-template-columns: 1fr; }
    .c4-gameCard[b-g6tdwnn95t] { grid-template-columns: auto minmax(0, 1fr); }
    .c4-gameCard .btn[b-g6tdwnn95t] { grid-column: 2; justify-self: start; }
    .c4-myGame[b-g6tdwnn95t] { grid-template-columns: auto minmax(0, 1fr); }
    .c4-myGame__status[b-g6tdwnn95t] { min-width: 142px; }
    .c4-myGame__open[b-g6tdwnn95t] { grid-column: 2; justify-self: start; }
    .c4-gamesPanel .c4-sectionHeading[b-g6tdwnn95t] { align-items: flex-start; flex-direction: column; }
    .c4-gamesHeadingActions[b-g6tdwnn95t] { width: 100%; justify-content: space-between; }
    .c4-columnPicker[b-g6tdwnn95t] { gap: 5px; }
    .c4-columnPick[b-g6tdwnn95t] { min-height: 54px; }
}

@media (max-width: 500px) {
    .c4-myGame[b-g6tdwnn95t] { grid-template-columns: 1fr; gap: 9px; }
    .c4-myGame__status[b-g6tdwnn95t] { min-height: 52px; }
    .c4-myGame__open[b-g6tdwnn95t] { grid-column: 1; }
    .c4-watchGamesButton[b-g6tdwnn95t] { white-space: normal; }
    .c4-publicGames__heading[b-g6tdwnn95t] { align-items: flex-start; flex-direction: column; gap: 8px; }
    .c4-publicGame[b-g6tdwnn95t] { grid-template-columns: 1fr; }
    .c4-publicGames__prompt[b-g6tdwnn95t] { text-align: left; }
}
/* /Pages/ConnectFourGame.razor.rz.scp.css */
.c4-gamePage[b-hfioke5wtw] {
    --c4-blue: #078bc9;
    --c4-ink: #112034;
    --c4-green: #16472f;
    --c4-line: #dbe4e7;
    width: min(960px, 100%);
    box-sizing: border-box;
    margin-inline: auto;
    padding: 28px 18px 72px;
    color: var(--c4-ink);
}

.c4-gamePage .c4-kicker[b-hfioke5wtw] { color: var(--c4-blue); font-size: .72rem; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.c4-back[b-hfioke5wtw] { display: block; width: min(720px, 100%); box-sizing: border-box; color: #34708d; font-size: .88rem; font-weight: 800; margin: 0 auto 18px; text-decoration: none; }
.c4-back:hover[b-hfioke5wtw] { text-decoration: underline; }
.c4-gameHeader[b-hfioke5wtw] { display: flex; justify-content: space-between; gap: 22px; align-items: end; width: min(720px, 100%); box-sizing: border-box; margin: 0 auto; border-bottom: 2px solid var(--c4-ink); padding-bottom: 23px; }
.c4-gameHeader h1[b-hfioke5wtw] { font-size: clamp(2.2rem, 5vw, 3.65rem); line-height: 1; margin: 7px 0 10px; }
.c4-gameHeader p[b-hfioke5wtw] { margin: 0; color: #52646e; }
.c4-pot[b-hfioke5wtw] { min-width: 140px; border: 2px solid var(--c4-blue); border-radius: 3px; background: #dff4fd; padding: 13px 15px; }
.c4-pot span[b-hfioke5wtw],
.c4-pot strong[b-hfioke5wtw] { display: block; }
.c4-pot span[b-hfioke5wtw] { color: #365868; font-size: .72rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.c4-pot strong[b-hfioke5wtw] { color: var(--c4-blue); font-size: 1.8rem; line-height: 1; margin-top: 4px; }
.c4-pot small[b-hfioke5wtw] { font-size: .75rem; }

.c4-gameLayout[b-hfioke5wtw] { display: grid; grid-template-columns: minmax(0, 1fr); width: min(720px, 100%); margin: 24px auto 0; gap: 18px; }
.c4-gameLayout > main[b-hfioke5wtw] { width: 100%; min-width: 0; }
.c4-turnPrompt[b-hfioke5wtw] { display: flex; gap: 12px; align-items: center; border: 2px solid #cddde2; border-radius: 3px; background: #edf4f7; padding: 13px 15px; }
.c4-turnPrompt.is-your-turn[b-hfioke5wtw] { border-color: #dd5148; background: #fff0ed; }
.c4-turnPrompt > span[b-hfioke5wtw] { color: #4d8ba7; font-size: 1.65rem; line-height: 1; }
.c4-turnPrompt.is-your-turn > span[b-hfioke5wtw] { color: #d83f38; }
.c4-turnPrompt strong[b-hfioke5wtw] { display: block; }

.c4-actionCard[b-hfioke5wtw] { margin-top: 18px; border: 2px solid var(--c4-blue); border-radius: 3px; background: #dff4fd; padding: 18px; }
.c4-actionCard h2[b-hfioke5wtw] { font-size: 1.35rem; margin: 6px 0; }
.c4-actionCard p[b-hfioke5wtw] { color: #365868; font-size: .9rem; line-height: 1.4; margin: 0 0 14px; }
.c4-moveButton[b-hfioke5wtw] { border-radius: 3px; font-weight: 850; }

.c4-boardStage[b-hfioke5wtw] { margin-top: 18px; border: 2px solid var(--c4-blue); border-radius: 3px; background: #dff4fd; padding: clamp(12px, 2vw, 20px); }
.c4-dropRow[b-hfioke5wtw] { display: grid; grid-template-columns: repeat(var(--c4-columns), 1fr); gap: 6px; max-width: 560px; margin: 0 auto 9px; }
.c4-dropRow button[b-hfioke5wtw] { display: grid; place-items: center; min-height: 48px; border: 2px solid #75b6d2; border-radius: 3px; background: #fff; color: #147aa9; }
.c4-dropRow button:hover:not(:disabled)[b-hfioke5wtw] { background: #087eb7; color: #fff; }
.c4-dropRow button:disabled[b-hfioke5wtw] { opacity: .36; cursor: not-allowed; }
.c4-dropRow span[b-hfioke5wtw],
.c4-dropRow strong[b-hfioke5wtw] { display: block; line-height: 1; }
.c4-dropRow span[b-hfioke5wtw] { font-size: 1.15rem; }
.c4-dropRow strong[b-hfioke5wtw] { font-size: .75rem; margin-top: 3px; }
.c4-dropRow button.is-selected[b-hfioke5wtw] { border-color: #087eb7; background: #087eb7; color: #fff; box-shadow: none; }

.c4-board[b-hfioke5wtw] { display: grid; grid-template-columns: repeat(var(--c4-columns), minmax(34px, 74px)); gap: 6px; background: #087eb7; border: 7px solid #087eb7; border-radius: 3px; width: max-content; max-width: 100%; margin: 0 auto; box-shadow: none; }
.c4-cell[b-hfioke5wtw] { width: clamp(34px, 10.5vw, 74px); aspect-ratio: 1; border: 0; border-radius: 50%; background: #f9fbfc; box-shadow: inset 0 2px 4px #001d2b3b; }
.c4-token--1[b-hfioke5wtw] { background: #df463c; }
.c4-token--2[b-hfioke5wtw] { background: #f2c542; }
.c4-token--3[b-hfioke5wtw] { background: #6b4ab9; }
.c4-cell--selectable[b-hfioke5wtw] { outline: 4px solid #fff; outline-offset: -4px; cursor: pointer; animation: c4-pulse-b-hfioke5wtw 1.1s ease-in-out infinite alternate; }
@keyframes c4-pulse-b-hfioke5wtw { to { box-shadow: 0 0 0 4px #ffd64d, inset 0 2px 4px #001d2b3b; } }

.c4-seatPanel[b-hfioke5wtw] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; border: 2px solid var(--c4-green); border-radius: 3px; background: #f2fbf5; padding: 18px; }
.c4-seatPanel > .c4-kicker[b-hfioke5wtw],
.c4-seatPanel > h2[b-hfioke5wtw],
.c4-ruleNote[b-hfioke5wtw] { grid-column: 1 / -1; }
.c4-seatPanel h2[b-hfioke5wtw] { font-size: 1.55rem; margin: 6px 0 9px; }
.c4-seat[b-hfioke5wtw] { display: block; border-radius: 3px; padding: 10px; }
.c4-seat.is-current[b-hfioke5wtw] { background: #dff3e5; }
.c4-seatDisc[b-hfioke5wtw] { display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: #e13e38; margin-bottom: 5px; }
.c4-seat--2 .c4-seatDisc[b-hfioke5wtw] { background: #f2c542; }
.c4-seat--3 .c4-seatDisc[b-hfioke5wtw] { background: #6b4ab9; }
.c4-seat--empty > span[b-hfioke5wtw] { display: grid; place-items: center; width: 18px; height: 18px; border: 1px dashed #6a9b7d; border-radius: 50%; color: #47735a; font-size: .8rem; margin-bottom: 5px; }
.c4-seat strong[b-hfioke5wtw],
.c4-seat small[b-hfioke5wtw] { display: block; }
.c4-seat small[b-hfioke5wtw] { color: #4d6b5a; font-size: .75rem; }
.c4-ruleNote[b-hfioke5wtw] { border-top: 2px solid #bdd8c6; margin-top: 6px; padding-top: 14px; }
.c4-ruleNote strong[b-hfioke5wtw],
.c4-ruleNote span[b-hfioke5wtw] { display: block; }
.c4-ruleNote span[b-hfioke5wtw] { color: #486856; font-size: .78rem; line-height: 1.35; margin-top: 3px; }

.c4-removalCard[b-hfioke5wtw],
.c4-resultCard[b-hfioke5wtw] { margin-top: 18px; border: 2px solid #dfb53b; border-radius: 3px; background: #fff1ae; padding: 18px; }
.c4-removalCard h2[b-hfioke5wtw],
.c4-resultCard h2[b-hfioke5wtw] { font-size: 1.5rem; margin: 6px 0; }
.c4-removalCard p[b-hfioke5wtw] { color: #594a15; margin: 0 0 13px; }
.c4-resultCard p[b-hfioke5wtw] { display: flex; justify-content: space-between; border-top: 1px solid #d7b847; margin: 10px 0 0; padding-top: 10px; }
.c4-resultCard p span[b-hfioke5wtw] { color: #4e5d66; }
.c4-cancelButton[b-hfioke5wtw] { margin-top: 16px; border: 0; background: transparent; color: #9d2f2a; font-size: .82rem; text-decoration: underline; }

@media (max-width: 640px) {
    .c4-gamePage[b-hfioke5wtw] { width: 100%; padding: 0 0 44px; }
    .c4-back[b-hfioke5wtw] { width: 100%; margin: 0; padding: 18px 18px 14px; background: #dff4fd; }
    .c4-gameHeader[b-hfioke5wtw] { width: 100%; align-items: flex-start; flex-direction: column; gap: 16px; margin: 0; padding: 4px 18px 24px; background: #dff4fd; border-bottom: 3px solid var(--c4-blue); }
    .c4-pot[b-hfioke5wtw] { min-width: 0; width: 100%; background: #fff; }
    .c4-gameLayout[b-hfioke5wtw] { width: 100%; margin: 0; gap: 0; }
    .c4-turnPrompt[b-hfioke5wtw],
    .c4-actionCard[b-hfioke5wtw],
    .c4-boardStage[b-hfioke5wtw],
    .c4-seatPanel[b-hfioke5wtw],
    .c4-removalCard[b-hfioke5wtw],
    .c4-resultCard[b-hfioke5wtw] { margin-top: 0; border-right: 0; border-left: 0; border-radius: 0; }
    .c4-turnPrompt[b-hfioke5wtw],
    .c4-actionCard[b-hfioke5wtw],
    .c4-boardStage[b-hfioke5wtw],
    .c4-seatPanel[b-hfioke5wtw],
    .c4-removalCard[b-hfioke5wtw],
    .c4-resultCard[b-hfioke5wtw] { padding-right: 18px; padding-left: 18px; }
    .c4-boardStage[b-hfioke5wtw] { border-top: 0; }
    .c4-seatPanel[b-hfioke5wtw] { border-top: 0; }
}

@media (max-width: 480px) {
    .c4-board[b-hfioke5wtw] { gap: 4px; border-width: 5px; }
    .c4-dropRow[b-hfioke5wtw] { gap: 4px; }
    .c4-dropRow button[b-hfioke5wtw] { min-height: 42px; }
    .c4-seatPanel[b-hfioke5wtw] { grid-template-columns: 1fr; }
    .c4-seatPanel > .c4-kicker[b-hfioke5wtw],
    .c4-seatPanel > h2[b-hfioke5wtw],
    .c4-ruleNote[b-hfioke5wtw] { grid-column: auto; }
}
/* /Pages/ConnectFourOngoing.razor.rz.scp.css */
.c4-watchPage[b-1hqavbrtet] {
    --c4-watch-blue: #078bc9;
    --c4-watch-ink: #112034;
    --c4-watch-green: #16472f;
    max-width: 1180px;
    margin: 0 auto;
    padding: clamp(24px, 4vw, 52px) 18px 72px;
    color: var(--c4-watch-ink);
}

.c4-watchBack[b-1hqavbrtet] {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: var(--c4-watch-green);
    font-size: .88rem;
    font-weight: 850;
    text-decoration: none;
}

.c4-watchBack:hover[b-1hqavbrtet] { text-decoration: underline; }
.c4-watchBack:focus-visible[b-1hqavbrtet],
.c4-watchCard:focus-visible[b-1hqavbrtet] { outline: 3px solid #d9b13b; outline-offset: 4px; }

.c4-watchHeader[b-1hqavbrtet] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 2px solid var(--c4-watch-ink);
}

.c4-watchHeader h1[b-1hqavbrtet] {
    margin: 0;
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 900;
    line-height: .96;
    letter-spacing: -.035em;
}

.c4-watchHeader p[b-1hqavbrtet] {
    max-width: 62ch;
    margin: 12px 0 0;
    color: #485865;
    font-size: 1.04rem;
}

.c4-watchCount[b-1hqavbrtet] {
    flex: 0 0 auto;
    padding: 8px 12px;
    border-radius: 999px;
    background: var(--c4-watch-green);
    color: #fff;
    font-size: .82rem;
    font-weight: 900;
}

.c4-watchScope[b-1hqavbrtet] { margin-top: 22px; }

.c4-watchGrid[b-1hqavbrtet] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 24px;
}

.c4-watchCard[b-1hqavbrtet] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border: 2px solid #cad7dc;
    border-radius: 12px;
    background: #fffef9;
    color: var(--c4-watch-ink);
    padding: 12px;
    text-decoration: none;
    transition: transform 160ms ease-out, border-color 160ms ease-out;
}

.c4-watchCard:hover[b-1hqavbrtet] {
    border-color: var(--c4-watch-blue);
    color: var(--c4-watch-ink);
    transform: translateY(-3px);
}

.c4-watchCard__body[b-1hqavbrtet] { display: flex; flex: 1; flex-direction: column; padding: 14px 4px 4px; }
.c4-watchCard__heading[b-1hqavbrtet] { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.c4-watchCard__heading strong[b-1hqavbrtet] { font-size: 1.14rem; font-weight: 900; }
.c4-watchCard__heading > span[b-1hqavbrtet] { color: #526c78; font-size: .76rem; font-weight: 800; white-space: nowrap; }

.c4-watchPlayers[b-1hqavbrtet] { display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 12px; }
.c4-watchPlayer[b-1hqavbrtet] { display: inline-flex; gap: 5px; align-items: center; color: #506571; font-size: .76rem; font-weight: 750; }
.c4-watchPlayer.is-moving[b-1hqavbrtet] { color: var(--c4-watch-ink); font-weight: 900; }
.c4-watchPlayer__disc[b-1hqavbrtet] { width: 10px; height: 10px; border-radius: 50%; background: currentColor; }
.c4-watchPlayer--1 .c4-watchPlayer__disc[b-1hqavbrtet] { background: #c93630; }
.c4-watchPlayer--2 .c4-watchPlayer__disc[b-1hqavbrtet] { background: #c69610; }
.c4-watchPlayer--3 .c4-watchPlayer__disc[b-1hqavbrtet] { background: #6845b1; }

.c4-watchTurn[b-1hqavbrtet] {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    margin: 14px 0 0;
    padding-top: 12px;
    border-top: 1px solid #dce4e7;
    color: #45616d;
    font-size: .8rem;
    line-height: 1.35;
}

.c4-watchTurn strong[b-1hqavbrtet] { color: var(--c4-watch-ink); }
.c4-watchCard__action[b-1hqavbrtet] { display: inline-flex; gap: 7px; align-items: center; margin-top: auto; padding-top: 16px; color: var(--c4-watch-green); font-size: .84rem; font-weight: 900; }

.c4-watchEmpty[b-1hqavbrtet] {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-top: 24px;
    padding: 22px;
    border: 2px solid #d6e0e3;
    border-radius: 12px;
    background: #fffef9;
    color: #3e5967;
}

.c4-watchEmpty strong[b-1hqavbrtet] { color: var(--c4-watch-ink); }
.c4-watchEmpty p[b-1hqavbrtet] { margin: 3px 0 0; }
.c4-watchSpinner[b-1hqavbrtet] { animation: c4-watch-spin-b-1hqavbrtet .9s linear infinite; }
@keyframes c4-watch-spin-b-1hqavbrtet { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .c4-watchCard[b-1hqavbrtet] { transition: none; }
    .c4-watchCard:hover[b-1hqavbrtet] { transform: none; }
    .c4-watchSpinner[b-1hqavbrtet] { animation: none; }
}

@media (max-width: 900px) {
    .c4-watchGrid[b-1hqavbrtet] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .c4-watchPage[b-1hqavbrtet] { width: 100%; max-width: none; padding: 24px 16px 48px; }
    .c4-watchHeader[b-1hqavbrtet] { align-items: flex-start; flex-direction: column; gap: 16px; }
    .c4-watchGrid[b-1hqavbrtet] { grid-template-columns: 1fr; gap: 16px; }
    .c4-watchCard[b-1hqavbrtet] { display: grid; grid-template-columns: minmax(120px, 42%) minmax(0, 1fr); gap: 12px; align-items: start; }
    .c4-watchCard__body[b-1hqavbrtet] { min-height: 100%; padding: 2px 0; }
    .c4-watchCard__heading[b-1hqavbrtet] { align-items: flex-start; flex-direction: column; gap: 2px; }
    .c4-watchPlayers[b-1hqavbrtet] { gap: 5px 9px; margin-top: 8px; }
    .c4-watchTurn[b-1hqavbrtet] { margin-top: 10px; padding-top: 9px; }
    .c4-watchCard__action[b-1hqavbrtet] { padding-top: 12px; }
}

@media (max-width: 390px) {
    .c4-watchCard[b-1hqavbrtet] { grid-template-columns: 1fr; }
}
/* /Pages/GameNightAttendance.razor.rz.scp.css */
.bgm-attendancePage[b-t9tt8jihnq] {
    min-height: 100vh;
    padding: clamp(1.25rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem) 5rem;
    background: var(--bgm-rd-cream, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-attendancePage__inner[b-t9tt8jihnq] { width: min(100%, 980px); margin: 0 auto; }

.bgm-attendancePage__back[b-t9tt8jihnq] {
    display: inline-flex;
    gap: .45rem;
    margin-bottom: 1rem;
    color: var(--bgm-rd-green, #164f35);
    font-weight: 850;
    text-decoration: none;
}

.bgm-attendancePage__back:hover[b-t9tt8jihnq] { text-decoration: underline; }

.bgm-attendanceHeader[b-t9tt8jihnq] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
    padding: 1.3rem 0;
    border-bottom: 3px solid var(--bgm-rd-navy, #071017);
}

.bgm-attendanceHeader h1[b-t9tt8jihnq] {
    margin: 0;
    font-size: clamp(2.15rem, 4.5vw, 4.5rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.03em;
}

.bgm-attendanceHeader p[b-t9tt8jihnq] { margin: .65rem 0 0; font-weight: 750; }
.bgm-attendanceHeader > span[b-t9tt8jihnq] { font-weight: 900; text-align: right; }

.bgm-attendanceDesk[b-t9tt8jihnq] {
    margin-top: 1.25rem;
    overflow: hidden;
    border-radius: 14px;
    background: var(--bgm-rd-paper, #fffef9);
    box-shadow: 0 18px 36px -26px rgb(7 16 23 / 55%);
}

.bgm-attendanceDesk__intro[b-t9tt8jihnq] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: center;
    padding: 1.25rem;
    border-bottom: 1px solid var(--bgm-rd-rule, #e3e1dc);
}

.bgm-attendanceDesk__intro h2[b-t9tt8jihnq] { margin: 0; font-size: 1.35rem; font-weight: 900; }
.bgm-attendanceDesk__intro p[b-t9tt8jihnq] { max-width: 62ch; margin: .45rem 0 0; line-height: 1.5; }

.bgm-attendanceBulkConfirm[b-t9tt8jihnq] { display: grid; gap: .5rem; min-width: min(100%, 230px); }

.bgm-attendanceList[b-t9tt8jihnq] { padding: 0 1.25rem; }

.bgm-attendanceRow[b-t9tt8jihnq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .75rem 1rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid var(--bgm-rd-rule, #e3e1dc);
}

.bgm-attendanceRow:last-child[b-t9tt8jihnq] { border-bottom: 0; }
.bgm-attendanceRow__person[b-t9tt8jihnq] { display: grid; gap: .15rem; }
.bgm-attendanceRow__person strong[b-t9tt8jihnq] { font-size: 1rem; }
.bgm-attendanceRow__person span[b-t9tt8jihnq],
.bgm-attendanceRow__person small[b-t9tt8jihnq] { color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 70%, transparent); }

.bgm-attendanceRow__actions[b-t9tt8jihnq] { display: inline-grid; grid-template-columns: repeat(2, minmax(64px, 1fr)); gap: .35rem; }

.bgm-attendanceChoice[b-t9tt8jihnq],
.bgm-attendanceButton[b-t9tt8jihnq] {
    min-height: 2.85rem;
    border: 1px solid color-mix(in srgb, var(--bgm-rd-ink, #17222b) 28%, transparent);
    border-radius: 10px;
    background: transparent;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
    cursor: pointer;
}

.bgm-attendanceChoice.is-yes.is-selected[b-t9tt8jihnq] { border-color: var(--bgm-rd-green, #164f35); background: var(--bgm-rd-green, #164f35); color: #fffef9; }
.bgm-attendanceChoice.is-no.is-selected[b-t9tt8jihnq] { background: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 8%, #fffef9); }

.bgm-attendanceButton[b-t9tt8jihnq] { padding: .65rem 1rem; }
.bgm-attendanceButton--primary[b-t9tt8jihnq] { border-color: var(--bgm-rd-gold, #d9b13b); background: var(--bgm-rd-gold, #d9b13b); color: var(--bgm-rd-navy, #071017); }
.bgm-attendanceButton--primary:hover[b-t9tt8jihnq] { border-color: var(--bgm-rd-gold-hover, #b08e3f); background: var(--bgm-rd-gold-hover, #b08e3f); }

.bgm-attendanceChoice:focus-visible[b-t9tt8jihnq],
.bgm-attendanceButton:focus-visible[b-t9tt8jihnq] { outline: 3px solid var(--bgm-rd-gold, #d9b13b); outline-offset: 3px; }
.bgm-attendanceChoice:disabled[b-t9tt8jihnq],
.bgm-attendanceButton:disabled[b-t9tt8jihnq] { cursor: wait; opacity: .62; }

.bgm-attendanceRow__rsvp[b-t9tt8jihnq] {
    grid-column: 1 / -1;
    justify-self: start;
    color: var(--bgm-rd-green, #164f35);
    font-size: .8rem;
    font-weight: 850;
}

.bgm-attendanceDesk__empty[b-t9tt8jihnq],
.bgm-attendanceState[b-t9tt8jihnq] { padding: 1.5rem; }
.bgm-attendanceState[b-t9tt8jihnq] { margin-top: 1.25rem; border-radius: 14px; background: var(--bgm-rd-paper, #fffef9); }
.bgm-attendanceState h1[b-t9tt8jihnq],
.bgm-attendanceState h2[b-t9tt8jihnq] { margin-top: 0; }
.bgm-attendancePage__status[b-t9tt8jihnq] { margin: 1rem 0 0; font-weight: 800; }

@media (max-width: 680px) {
    .bgm-attendanceHeader[b-t9tt8jihnq],
    .bgm-attendanceDesk__intro[b-t9tt8jihnq] { display: grid; align-items: start; }
    .bgm-attendanceHeader > span[b-t9tt8jihnq] { text-align: left; }
    .bgm-attendanceRow[b-t9tt8jihnq] { grid-template-columns: 1fr; }
    .bgm-attendanceRow__actions[b-t9tt8jihnq] { width: 100%; }
}
/* /Pages/GameNightEvent.razor.rz.scp.css */
.bgm-eventPage[b-7df0qj8kfz] {
    min-height: 100vh;
    padding: clamp(1.25rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem) 5rem;
    background: var(--bgm-rd-cream, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, sans-serif);
}

.bgm-eventPage__inner[b-7df0qj8kfz] {
    width: min(100%, 960px);
    margin: 0 auto;
}

.bgm-eventPage__back[b-7df0qj8kfz] {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    margin-bottom: 1rem;
    color: var(--bgm-rd-green, #164f35);
    font-weight: 850;
    text-decoration: none;
}

.bgm-eventPage__back:hover[b-7df0qj8kfz] { text-decoration: underline; }

.bgm-eventSheet[b-7df0qj8kfz] {
    overflow: hidden;
    border-radius: 14px;
    background: var(--bgm-rd-paper, #fffef9);
    box-shadow: 0 18px 36px -26px rgb(7 16 23 / 55%);
}

.bgm-eventSheet__header[b-7df0qj8kfz] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    justify-content: space-between;
    padding: clamp(1.25rem, 4vw, 2.2rem);
    background: var(--bgm-rd-navy, #071017);
    color: var(--bgm-rd-paper, #fffef9);
}

.bgm-eventSheet__header h1[b-7df0qj8kfz] {
    max-width: 18ch;
    margin: 0;
    color: var(--bgm-rd-paper, #fffef9);
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(2.15rem, 4.5vw, 4.5rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.03em;
    text-wrap: balance;
}

.bgm-eventSheet__header p[b-7df0qj8kfz] {
    margin: .75rem 0 0;
    color: rgb(255 254 249 / 78%);
    font-weight: 750;
}

.bgm-eventState[b-7df0qj8kfz] {
    flex: 0 0 auto;
    padding: .45rem .75rem;
    border-radius: 999px;
    background: var(--bgm-rd-gold, #d9b13b);
    color: var(--bgm-rd-navy, #071017);
    font-size: .78rem;
    font-weight: 900;
}

.bgm-eventSheet.is-cancelled .bgm-eventState[b-7df0qj8kfz] {
    background: var(--bgm-rd-burgundy, #7a1f24);
    color: #fffef9;
}

.bgm-eventSheet__notice[b-7df0qj8kfz] {
    display: grid;
    gap: .25rem;
    padding: 1rem clamp(1.25rem, 4vw, 2.2rem);
    background: color-mix(in srgb, var(--bgm-rd-burgundy, #7a1f24) 10%, #fffef9);
    color: var(--bgm-rd-burgundy, #7a1f24);
}

.bgm-eventFacts[b-7df0qj8kfz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: 0 clamp(1.25rem, 4vw, 2.2rem);
}

.bgm-eventFacts > div[b-7df0qj8kfz] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--bgm-rd-rule, #e3e1dc);
}

.bgm-eventFacts > div:nth-child(odd)[b-7df0qj8kfz] { padding-right: 1rem; }

.bgm-eventFacts dt[b-7df0qj8kfz] {
    color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 68%, transparent);
    font-size: .78rem;
    font-weight: 850;
}

.bgm-eventFacts dd[b-7df0qj8kfz] {
    margin: .25rem 0 0;
    font-weight: 800;
}

.bgm-eventSection[b-7df0qj8kfz] {
    padding: 1.5rem clamp(1.25rem, 4vw, 2.2rem);
}

.bgm-eventSection + .bgm-eventSection[b-7df0qj8kfz] { padding-top: .5rem; }

.bgm-eventSection__heading[b-7df0qj8kfz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .65rem;
    border-bottom: 2px solid var(--bgm-rd-ink, #17222b);
}

.bgm-eventSection__heading h2[b-7df0qj8kfz] {
    margin: 0;
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: 1.35rem;
    font-weight: 900;
    letter-spacing: -.025em;
}

.bgm-eventSection__heading span[b-7df0qj8kfz] { font-weight: 900; }

.bgm-eventGames[b-7df0qj8kfz] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bgm-eventGames li[b-7df0qj8kfz] {
    display: grid;
    gap: .2rem;
    padding: .8rem .15rem;
    border-bottom: 1px solid var(--bgm-rd-rule, #e3e1dc);
    font-weight: 800;
}

.bgm-eventGames small[b-7df0qj8kfz] {
    color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 72%, transparent);
    font-weight: 650;
}

.bgm-eventMember[b-7df0qj8kfz] {
    display: grid;
    grid-template-columns: minmax(12rem, .8fr) minmax(0, 1.2fr);
    gap: 1.5rem;
    margin: 1.25rem clamp(1.25rem, 4vw, 2.2rem) 0;
    padding: 1.1rem;
    border-radius: 12px;
    background: color-mix(in srgb, var(--bgm-rd-green, #164f35) 8%, #fffef9);
}

.bgm-eventMember h2[b-7df0qj8kfz],
.bgm-eventMember p[b-7df0qj8kfz],
.bgm-eventMember dl[b-7df0qj8kfz] { margin: 0; }
.bgm-eventMember h2[b-7df0qj8kfz] { font-family: var(--bgm-rd-font-display, inherit); font-size: 1.35rem; font-weight: 900; }
.bgm-eventMember p[b-7df0qj8kfz] { margin-top: .35rem; max-width: 44ch; font-size: .82rem; line-height: 1.5; }
.bgm-eventMember dl[b-7df0qj8kfz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; }
.bgm-eventMember dt[b-7df0qj8kfz] { font-size: .8rem; font-weight: 850; }
.bgm-eventMember dd[b-7df0qj8kfz] { margin: .15rem 0 0; font-weight: 800; }

.bgm-eventAttendees[b-7df0qj8kfz] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .85rem 0 0;
    padding: 0;
    list-style: none;
}

.bgm-eventAttendees li[b-7df0qj8kfz] {
    padding: .35rem .65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bgm-rd-green, #164f35) 10%, #fffef9);
    font-size: .82rem;
    font-weight: 800;
}

.bgm-eventSection__empty[b-7df0qj8kfz],
.bgm-eventRecap[b-7df0qj8kfz] {
    max-width: 70ch;
    margin: .85rem 0 0;
    line-height: 1.65;
}

.bgm-eventSection__empty[b-7df0qj8kfz] { color: color-mix(in srgb, var(--bgm-rd-ink, #17222b) 72%, transparent); }

.bgm-eventActions[b-7df0qj8kfz] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    padding: 1rem clamp(1.25rem, 4vw, 2.2rem) 2rem;
}

.bgm-eventButton[b-7df0qj8kfz] {
    display: inline-flex;
    min-height: 2.85rem;
    align-items: center;
    justify-content: center;
    padding: .65rem 1rem;
    border: 1px solid color-mix(in srgb, var(--bgm-rd-ink, #17222b) 28%, transparent);
    border-radius: 10px;
    background: transparent;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    font-size: .8rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.bgm-eventButton:hover[b-7df0qj8kfz] { border-color: var(--bgm-rd-green, #164f35); color: var(--bgm-rd-green, #164f35); }
.bgm-eventButton:focus-visible[b-7df0qj8kfz] { outline: 3px solid var(--bgm-rd-gold, #d9b13b); outline-offset: 3px; }
.bgm-eventButton:disabled[b-7df0qj8kfz] { cursor: wait; opacity: .62; }

.bgm-eventButton--primary[b-7df0qj8kfz] {
    border-color: var(--bgm-rd-gold, #d9b13b);
    background: var(--bgm-rd-gold, #d9b13b);
    color: var(--bgm-rd-navy, #071017);
}

.bgm-eventButton--primary:hover[b-7df0qj8kfz] {
    border-color: var(--bgm-rd-gold-hover, #b08e3f);
    background: var(--bgm-rd-gold-hover, #b08e3f);
    color: var(--bgm-rd-navy, #071017);
}

.bgm-eventPage__loading[b-7df0qj8kfz],
.bgm-eventPage__missing[b-7df0qj8kfz] {
    padding: 2rem;
    border-radius: 14px;
    background: var(--bgm-rd-paper, #fffef9);
}

.bgm-eventPage__loading[b-7df0qj8kfz] { display: flex; gap: .65rem; align-items: center; }
.bgm-eventPage__missing h1[b-7df0qj8kfz] { margin-top: 0; font-family: var(--bgm-rd-font-display, inherit); }
.bgm-eventPage__status[b-7df0qj8kfz] { margin: 0; padding: 0 clamp(1.25rem, 4vw, 2.2rem) 1.5rem; font-weight: 750; }

@media (max-width: 620px) {
    .bgm-eventSheet__header[b-7df0qj8kfz] { display: grid; }
    .bgm-eventState[b-7df0qj8kfz] { justify-self: start; }
    .bgm-eventFacts[b-7df0qj8kfz] { grid-template-columns: 1fr; }
    .bgm-eventMember[b-7df0qj8kfz] { grid-template-columns: 1fr; }
    .bgm-eventMember dl[b-7df0qj8kfz] { grid-template-columns: 1fr; }
    .bgm-eventFacts > div:nth-child(odd)[b-7df0qj8kfz] { padding-right: 0; }
    .bgm-eventActions[b-7df0qj8kfz] { display: grid; }
    .bgm-eventButton[b-7df0qj8kfz] { width: 100%; }
}
/* /Pages/GamesInDevelopment.razor.rz.scp.css */
.container[b-pfx3evhbw1] {
    padding-bottom: 2rem;
}

.row[b-pfx3evhbw1] {
    --bs-gutter-x: 0.85rem;
    --bs-gutter-y: 0.85rem;
}

.card[b-pfx3evhbw1] {
    border-radius: 0 !important;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12) !important;
}

.card-img-top[b-pfx3evhbw1] {
    border-radius: 0 !important;
}

.badge[b-pfx3evhbw1],
.btn[b-pfx3evhbw1] {
    border-radius: 0 !important;
}

@media (max-width: 640px) {
    .container[b-pfx3evhbw1] {
        padding-bottom: 2rem;
    }

    .row[b-pfx3evhbw1] {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
    }

    .card[b-pfx3evhbw1] {
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }
}
/* /Pages/GamesToAcquire.razor.rz.scp.css */
.card[b-rjwu6vah97] {
    border-radius: 0 !important;
    border-color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
    box-shadow: none !important;
}

.card-body[b-rjwu6vah97] {
    padding: 1rem;
}

.badge[b-rjwu6vah97],
.btn[b-rjwu6vah97],
img[b-rjwu6vah97] {
    border-radius: 0 !important;
}

nav.mb-4[b-rjwu6vah97] {
    margin-bottom: 0.85rem !important;
}

@media (max-width: 640px) {
    nav.mb-4[b-rjwu6vah97],
    h1[b-rjwu6vah97],
    p.text-muted[b-rjwu6vah97],
    .alert[b-rjwu6vah97] {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .d-flex.flex-column.gap-3[b-rjwu6vah97] {
        gap: 0 !important;
    }

    .card[b-rjwu6vah97] {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .card-body[b-rjwu6vah97] {
        padding: 0.85rem;
    }
}
/* /Pages/GroupJoin.razor.rz.scp.css */
.bgm-joinGroupPage[b-clqv4ryt38] {
    display: grid;
    place-items: center;
    min-height: calc(100vh - 86px);
    padding: clamp(1rem, 5vw, 3rem);
    background:
        linear-gradient(rgba(7, 16, 23, 0.7), rgba(7, 16, 23, 0.84)),
        url("/images/BGM Horizontal w Dice@4x-transparent.png") center / min(900px, 85vw) auto no-repeat,
        #164f35;
}

.bgm-joinGroupCard[b-clqv4ryt38] {
    width: min(660px, 100%);
    padding: clamp(1.5rem, 5vw, 3rem);
    border-top: 7px solid #d9b13b;
    background: #fffdf7;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
    text-align: center;
}

.bgm-joinGroupIcon[b-clqv4ryt38] {
    display: grid;
    place-items: center;
    width: 76px;
    height: 76px;
    margin: 0 auto 1rem;
    background: rgba(0, 135, 200, 0.13);
    color: #0087c8;
    font-size: 2.5rem;
}

.bgm-joinGroupIcon.is-error[b-clqv4ryt38] {
    background: rgba(159, 31, 31, 0.1);
    color: #9f1f1f;
}

.bgm-joinGroupEyebrow[b-clqv4ryt38] {
    color: #0087c8;
    font-size: 0.76rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bgm-joinGroupCard h1[b-clqv4ryt38] {
    margin: 0.5rem 0 0;
    color: #164f35;
    font-size: clamp(2.4rem, 8vw, 4.5rem);
    font-weight: 950;
    letter-spacing: -0.04em;
    line-height: 0.92;
}

.bgm-joinGroupCard > p[b-clqv4ryt38] {
    max-width: 48ch;
    margin: 1rem auto 0;
    color: rgba(23, 34, 43, 0.7);
    font-size: 1.05rem;
    font-weight: 650;
    line-height: 1.55;
}

.bgm-joinGroupActions[b-clqv4ryt38] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.bgm-joinGroupButton[b-clqv4ryt38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 0.8rem 1.1rem;
    border: 1px solid #0087c8;
    border-radius: 0;
    background: #0087c8;
    color: #fff;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-joinGroupButton.is-secondary[b-clqv4ryt38] {
    border-color: rgba(23, 34, 43, 0.22);
    background: transparent;
    color: #164f35;
}

.bgm-joinGroupButton:disabled[b-clqv4ryt38] {
    cursor: not-allowed;
    opacity: 0.6;
}

.bgm-joinGroupStatus[b-clqv4ryt38] {
    margin-top: 1.25rem;
    padding: 0.85rem;
    background: rgba(22, 79, 53, 0.09);
    color: #164f35;
    font-weight: 800;
}

.bgm-joinGroupStatus.is-error[b-clqv4ryt38] {
    background: rgba(159, 31, 31, 0.08);
    color: #9f1f1f;
}

.bgm-joinGroupMembership[b-clqv4ryt38] {
    color: #164f35;
    font-weight: 850;
}

@media (max-width: 560px) {
    .bgm-joinGroupPage[b-clqv4ryt38] {
        align-items: end;
        padding: 0;
    }

    .bgm-joinGroupCard[b-clqv4ryt38] {
        width: 100%;
        box-shadow: none;
    }

    .bgm-joinGroupActions[b-clqv4ryt38],
    .bgm-joinGroupButton[b-clqv4ryt38] {
        width: 100%;
    }
}
/* /Pages/GroupNew.razor.rz.scp.css */
.bgm-newGroupPage[b-19bvmrd7ji] {
    width: 100%;
    min-height: calc(100vh - 86px);
    padding: clamp(1rem, 3vw, 2rem);
    background: #fbf8ee;
    color: #17222b;
}

.bgm-newGroupHero[b-19bvmrd7ji],
.bgm-newGroupForm[b-19bvmrd7ji],
.bgm-newGroupSteps[b-19bvmrd7ji],
.bgm-newGroupNotice[b-19bvmrd7ji],
.bgm-newGroupLimit[b-19bvmrd7ji],
.bgm-newGroupComplete[b-19bvmrd7ji] {
    width: min(920px, 100%);
    margin: 0 auto 1rem;
}

.bgm-newGroupHero[b-19bvmrd7ji] {
    padding: clamp(1.25rem, 4vw, 2.4rem);
    background: #164f35;
    color: #fffaf0;
}

.bgm-newGroupHero__back[b-19bvmrd7ji] {
    display: inline-flex;
    margin-bottom: 1.25rem;
    color: rgba(255, 250, 240, 0.82);
    font-weight: 900;
}

.bgm-newGroupPanel__heading > span[b-19bvmrd7ji] {
    color: #0087c8;
    font-size: .8rem;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bgm-newGroupHero h1[b-19bvmrd7ji] {
    margin: 0;
    color: #fff;
    font-size: clamp(2.15rem, 4.5vw, 4.5rem);
    font-weight: 950;
    letter-spacing: -0.04em;
    line-height: 0.9;
}

.bgm-newGroupHero p[b-19bvmrd7ji] {
    max-width: 50rem;
    margin: 1rem 0 0;
    color: rgba(255, 250, 240, 0.78);
    font-size: 1rem;
}

.bgm-newGroupSteps[b-19bvmrd7ji] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 0;
    padding: 0;
    list-style: none;
    background: #e3e1dc;
}

.bgm-newGroupSteps li[b-19bvmrd7ji] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 58px;
    padding: 0.75rem 1rem;
    border-right: 1px solid rgba(23, 34, 43, 0.1);
    color: rgba(23, 34, 43, 0.52);
    font-size: 0.78rem;
    font-weight: 950;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.bgm-newGroupSteps li.is-active[b-19bvmrd7ji] {
    background: #fff;
    color: #164f35;
}

.bgm-newGroupSteps span[b-19bvmrd7ji] {
    display: grid;
    place-items: center;
    width: 28px;
    height: 28px;
    background: rgba(23, 34, 43, 0.1);
}

.bgm-newGroupSteps li.is-active span[b-19bvmrd7ji] {
    background: #0087c8;
    color: #fff;
}

.bgm-newGroupForm[b-19bvmrd7ji],
.bgm-newGroupComplete[b-19bvmrd7ji],
.bgm-newGroupLimit[b-19bvmrd7ji] {
    padding: clamp(1rem, 3vw, 2rem);
    border: 1px solid rgba(23, 34, 43, 0.13);
    background: #fffdf7;
}

.bgm-newGroupPanel[b-19bvmrd7ji] {
    display: grid;
    gap: 1.25rem;
}

.bgm-newGroupPanel__heading[b-19bvmrd7ji] {
    padding-bottom: 1.1rem;
    border-bottom: 1px solid rgba(23, 34, 43, 0.1);
}

.bgm-newGroupPanel__heading h2[b-19bvmrd7ji],
.bgm-newGroupLimit h2[b-19bvmrd7ji],
.bgm-newGroupComplete h2[b-19bvmrd7ji] {
    margin: 0.35rem 0 0;
    color: #164f35;
    font-size: 1.35rem;
    font-weight: 950;
    letter-spacing: -0.025em;
    line-height: 1;
}

.bgm-newGroupPanel__heading p[b-19bvmrd7ji],
.bgm-newGroupLimit p[b-19bvmrd7ji],
.bgm-newGroupComplete p[b-19bvmrd7ji],
.bgm-newGroupShare p[b-19bvmrd7ji] {
    margin: 0.65rem 0 0;
    color: rgba(23, 34, 43, 0.68);
    font-weight: 600;
}

.bgm-newGroupField[b-19bvmrd7ji] {
    display: grid;
    gap: 0.45rem;
}

.bgm-newGroupField > span[b-19bvmrd7ji],
.bgm-newGroupFieldset legend[b-19bvmrd7ji],
.bgm-newGroupShare > div > span[b-19bvmrd7ji] {
    color: #164f35;
    font-weight: 950;
}

.bgm-newGroupField span small[b-19bvmrd7ji] {
    color: rgba(23, 34, 43, 0.5);
    font-weight: 700;
}

.bgm-newGroupField .form-control[b-19bvmrd7ji] {
    min-height: 3.25rem;
    border: 1px solid rgba(23, 34, 43, 0.2);
    border-radius: 12px;
}

.bgm-newGroupField > small[b-19bvmrd7ji],
.bgm-newGroupField[b-19bvmrd7ji]  .validation-message {
    color: rgba(23, 34, 43, 0.58);
}

.bgm-newGroupField[b-19bvmrd7ji]  .validation-message {
    color: #9b2c2c;
    font-weight: 800;
}

.bgm-newGroupFieldset[b-19bvmrd7ji] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.bgm-newGroupFieldset > p[b-19bvmrd7ji] {
    margin: 0.3rem 0 0.9rem;
    color: rgba(23, 34, 43, 0.62);
}

.bgm-newGroupColours[b-19bvmrd7ji] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.bgm-newGroupWeekdays[b-19bvmrd7ji] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
}

.bgm-newGroupWeekday[b-19bvmrd7ji] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0.65rem 0.4rem;
    border: 1px solid rgba(23, 34, 43, 0.2);
    background: #fbf8ee;
    color: #36504a;
    font-size: 0.78rem;
    font-weight: 850;
    text-align: center;
    cursor: pointer;
}

.bgm-newGroupWeekday:hover[b-19bvmrd7ji] {
    border-color: #0087c8;
    background: rgba(0, 135, 200, 0.06);
}

.bgm-newGroupWeekday.is-selected[b-19bvmrd7ji] {
    border-color: #0087c8;
    background: #0087c8;
    color: #fff;
}

.bgm-newGroupWeekday[b-19bvmrd7ji]  input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    clip-path: inset(50%);
}

.bgm-newGroupWeekday:focus-within[b-19bvmrd7ji] {
    z-index: 1;
    outline: 3px solid var(--bgm-rd-gold, #d9b13b);
    outline-offset: 3px;
}

.bgm-newGroupWeekday small[b-19bvmrd7ji] {
    font-size: .8rem;
    font-weight: 750;
}

.bgm-newGroupColour[b-19bvmrd7ji] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 52px;
    padding: 0.65rem;
    border: 2px solid transparent;
    background: #fbf8ee;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 850;
}

.bgm-newGroupColour.is-selected[b-19bvmrd7ji] {
    border-color: #17222b;
    background: #fff;
}

.bgm-newGroupColour[b-19bvmrd7ji]  input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    clip-path: inset(50%);
}

.bgm-newGroupColour:focus-within[b-19bvmrd7ji] {
    outline: 3px solid var(--bgm-rd-gold, #d9b13b);
    outline-offset: 3px;
}

.bgm-newGroupColour__swatch[b-19bvmrd7ji] {
    width: 26px;
    height: 26px;
    flex: 0 0 auto;
}

.bgm-newGroupOption[b-19bvmrd7ji] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.85rem;
    padding: 1rem;
    border: 1px solid rgba(23, 34, 43, 0.13);
    background: #fbf8ee;
    cursor: pointer;
}

.bgm-newGroupOption[b-19bvmrd7ji]  input {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.15rem;
}

.bgm-newGroupOption span[b-19bvmrd7ji] {
    display: grid;
    gap: 0.25rem;
}

.bgm-newGroupOption strong[b-19bvmrd7ji] {
    color: #164f35;
}

.bgm-newGroupOption small[b-19bvmrd7ji] {
    color: rgba(23, 34, 43, 0.62);
    line-height: 1.4;
}

.bgm-newGroupActions[b-19bvmrd7ji] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.bgm-newGroupButton[b-19bvmrd7ji] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 3.25rem;
    padding: 0.8rem 1.1rem;
    border: 1px solid rgba(23, 34, 43, 0.28);
    border-radius: 0;
    background: #fffdf7;
    color: #164f35;
    font-weight: 950;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-newGroupButton--primary[b-19bvmrd7ji] {
    border-color: #0087c8;
    background: #0087c8;
    color: #fff;
}

.bgm-newGroupButton:disabled[b-19bvmrd7ji] {
    cursor: not-allowed;
    opacity: 0.55;
}

.bgm-newGroupNotice[b-19bvmrd7ji] {
    padding: 1rem 1.2rem;
    border: 1px solid rgba(23, 34, 43, 0.13);
    background: #fff;
    font-weight: 800;
}

.bgm-newGroupNotice.is-error[b-19bvmrd7ji] {
    border-color: color-mix(in srgb, #9b2c2c 30%, transparent);
    color: #9b2c2c;
}

.bgm-newGroupLimit[b-19bvmrd7ji] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.2rem;
}

.bgm-newGroupLimit__icon[b-19bvmrd7ji],
.bgm-newGroupComplete__check[b-19bvmrd7ji] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    background: rgba(0, 135, 200, 0.12);
    color: #0087c8;
    font-size: 1.35rem;
}

.bgm-newGroupComplete[b-19bvmrd7ji] {
    display: grid;
    gap: 1.5rem;
}

.bgm-newGroupComplete__copy[b-19bvmrd7ji] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
}

.bgm-newGroupComplete__check[b-19bvmrd7ji] {
    background: #164f35;
    color: #fff;
}

.bgm-newGroupShare[b-19bvmrd7ji] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.25rem;
    padding: 1.2rem;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fbf8ee;
}

.bgm-newGroupShare__link[b-19bvmrd7ji] {
    overflow-wrap: anywhere;
    margin-top: 0.45rem;
    padding: 0.75rem;
    background: #fff;
}

.bgm-newGroupShare__link a[b-19bvmrd7ji] {
    color: #0087c8;
    font-weight: 800;
}

.bgm-newGroupShare__qr[b-19bvmrd7ji] {
    width: 170px;
    height: 170px;
    padding: 0.5rem;
    background: #fff;
    image-rendering: pixelated;
}

@media (max-width: 700px) {
    .bgm-newGroupPage[b-19bvmrd7ji] {
        padding: 0;
    }

    .bgm-newGroupHero[b-19bvmrd7ji],
    .bgm-newGroupForm[b-19bvmrd7ji],
    .bgm-newGroupSteps[b-19bvmrd7ji],
    .bgm-newGroupNotice[b-19bvmrd7ji],
    .bgm-newGroupLimit[b-19bvmrd7ji],
    .bgm-newGroupComplete[b-19bvmrd7ji] {
        width: 100%;
        margin-bottom: 0;
        border-left: 0;
        border-right: 0;
    }

    .bgm-newGroupSteps li[b-19bvmrd7ji] {
        justify-content: center;
        padding: 0.6rem 0.35rem;
        font-size: 0;
    }

    .bgm-newGroupSteps li span[b-19bvmrd7ji] {
        font-size: 0.8rem;
    }

    .bgm-newGroupColours[b-19bvmrd7ji] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-newGroupWeekdays[b-19bvmrd7ji] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-newGroupShare[b-19bvmrd7ji] {
        grid-template-columns: 1fr;
    }

    .bgm-newGroupShare__qr[b-19bvmrd7ji] {
        justify-self: center;
    }

    .bgm-newGroupActions[b-19bvmrd7ji],
    .bgm-newGroupButton[b-19bvmrd7ji] {
        width: 100%;
    }
}

@media (max-width: 440px) {
    .bgm-newGroupLimit[b-19bvmrd7ji],
    .bgm-newGroupComplete__copy[b-19bvmrd7ji] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Groups.razor.rz.scp.css */
.bgm-groupsPage[b-7cs80o5m7x] {
    width: 100%;
    min-height: calc(100vh - var(--bgm-header-height, 86px));
    padding: clamp(24px, 4vw, 44px) 0 clamp(42px, 6vw, 72px);
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.bgm-groupsHero[b-7cs80o5m7x],
.bgm-groupsSection[b-7cs80o5m7x],
.bgm-groupsNotice[b-7cs80o5m7x] {
    width: min(1120px, calc(100vw - 32px));
    margin: 0 auto;
}

.bgm-groupsHero[b-7cs80o5m7x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: clamp(18px, 3vw, 34px);
    min-height: 230px;
    padding: clamp(22px, 3vw, 34px);
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-groupsHero__eyebrow[b-7cs80o5m7x],
.bgm-groupCard__eyebrow[b-7cs80o5m7x] {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    line-height: 1;
    text-transform: uppercase;
}

.bgm-groupsHero h1[b-7cs80o5m7x],
.bgm-groupsSection__header h2[b-7cs80o5m7x],
.bgm-groupCard h3[b-7cs80o5m7x] {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    margin: 0;
    font-weight: 950;
    letter-spacing: 0;
}

.bgm-groupsHero h1[b-7cs80o5m7x] {
    max-width: 12ch;
    color: #fff;
    font-size: clamp(2.35rem, 5vw, 4rem);
    line-height: 0.92;
    margin-top: 12px;
}

.bgm-groupsHero p[b-7cs80o5m7x] {
    max-width: 58ch;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: clamp(0.96rem, 1.25vw, 1.08rem);
    font-weight: 650;
    line-height: 1.45;
}

.bgm-groupsHero__button[b-7cs80o5m7x],
.bgm-groupCard__link[b-7cs80o5m7x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 0;
    background: var(--bgm-rd-blue, #0087c8);
    color: #fff;
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.11em;
    padding: 12px 16px;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-groupsHero__button[b-7cs80o5m7x] {
    min-width: 150px;
}

.bgm-groupsHero__button:hover[b-7cs80o5m7x],
.bgm-groupsHero__button:focus-visible[b-7cs80o5m7x],
.bgm-groupCard__link:hover[b-7cs80o5m7x],
.bgm-groupCard__link:focus-visible[b-7cs80o5m7x] {
    background: #0b9cdc;
    color: #fff;
    outline: none;
}

.bgm-groupsSection[b-7cs80o5m7x] {
    margin-top: 22px;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
}

.bgm-groupsSection__header[b-7cs80o5m7x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid rgba(23, 34, 43, 0.10);
    background: #f2f5f4;
    padding: 18px 20px;
}

.bgm-groupsSection__header h2[b-7cs80o5m7x] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(1.35rem, 3vw, 2.25rem);
    line-height: 1;
}

.bgm-groupsSection__header > strong[b-7cs80o5m7x] {
    display: inline-grid;
    place-items: center;
    min-width: 34px;
    height: 34px;
    background: #fff;
    color: var(--bgm-rd-green, #164f35);
    font-weight: 950;
}

.bgm-groupsSection__header > div > span[b-7cs80o5m7x] {
    color: var(--bgm-rd-blue, #0087c8);
    display: block;
    font-size: 0.8rem;
    font-weight: 950;
    letter-spacing: 0.16em;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.bgm-groupsGrid[b-7cs80o5m7x] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard {
    position: relative;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 22px;
    min-height: 190px;
    padding: 20px;
    border-right: 1px solid rgba(23, 34, 43, 0.10);
    border-bottom: 1px solid rgba(23, 34, 43, 0.10);
    background: #fff;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard.is-active {
    background: linear-gradient(135deg, rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.08), #fff 58%);
    box-shadow: inset 0 0 0 3px var(--bgm-rd-green, #164f35);
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__eyebrow {
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.7rem;
    font-weight: 950;
    letter-spacing: 0.18em;
    line-height: 1;
    text-transform: uppercase;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__heading {
    align-items: flex-start;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__states {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__states span {
    background: rgba(22, 79, 53, 0.11);
    color: var(--bgm-rd-green, #164f35);
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    padding: 6px 8px;
    text-transform: uppercase;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__states .is-current {
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__states .is-pending {
    background: rgba(0, 135, 200, 0.12);
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard h3 {
    font-family: var(--bgm-rd-font-display, var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif));
    color: var(--bgm-rd-ink, #17222b);
    font-size: clamp(1.35rem, 2.2vw, 1.8rem);
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.05;
    margin-top: 8px;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard p {
    margin: 10px 0 0;
    color: rgba(23, 34, 43, 0.68);
    font-size: 0.96rem;
    font-weight: 600;
    line-height: 1.45;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__summary {
    color: rgba(23, 34, 43, 0.68);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
    font-weight: 850;
    gap: 7px 18px;
    margin-top: 16px;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__summary span + span::before {
    color: var(--bgm-rd-blue, #0087c8);
    content: "•";
    margin-right: 18px;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: start;
    min-height: 44px;
    background: #fff;
    border: 1px solid rgba(23, 34, 43, 0.16);
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.74rem;
    font-weight: 950;
    letter-spacing: 0.11em;
    padding: 12px 16px;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__link--secondary {
    background: #f2f5f4;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__default {
    background: transparent;
    border: 0;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.8rem;
    font-weight: 900;
    padding: 10px 4px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__default:disabled {
    color: rgba(23, 34, 43, 0.48);
    cursor: default;
    text-decoration: none;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__link:disabled {
    cursor: not-allowed;
    opacity: 0.64;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard.is-active .bgm-groupCard__link {
    background: var(--bgm-rd-green, #164f35) !important;
    border-color: var(--bgm-rd-green, #164f35) !important;
    color: #fff;
}

.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__link:hover,
.bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__link:focus-visible {
    background: #0b9cdc;
    border-color: #0b9cdc;
    color: #fff;
    outline: none;
}

.bgm-groupsNotice[b-7cs80o5m7x] {
    margin-top: 22px;
    border: 1px solid rgba(23, 34, 43, 0.12);
    background: #fff;
    padding: 18px 20px;
    font-weight: 800;
}

.bgm-groupsNotice.is-success[b-7cs80o5m7x] {
    border-color: rgba(22, 79, 53, 0.24);
    color: var(--bgm-rd-green, #164f35);
}

.bgm-groupsNotice.is-error[b-7cs80o5m7x] {
    border-color: rgba(180, 36, 36, 0.24);
    color: #9f1f1f;
}

.bgm-groupAbout__backdrop[b-7cs80o5m7x] {
    align-items: center;
    background: rgba(7, 16, 23, 0.72);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 1200;
}

.bgm-groupAbout[b-7cs80o5m7x] {
    animation: bgm-groupAbout-enter-b-7cs80o5m7x 180ms cubic-bezier(0.16, 1, 0.3, 1);
    background: var(--bgm-rd-paper, #fbf8ee);
    box-shadow: 0 28px 70px rgba(7, 16, 23, 0.34);
    color: var(--bgm-rd-ink, #17222b);
    max-height: calc(100vh - 36px);
    max-width: 680px;
    outline: 0;
    overflow-y: auto;
    border-radius: 14px;
    width: 100%;
}

.bgm-groupAbout:focus-visible[b-7cs80o5m7x] {
    box-shadow: 0 28px 70px rgba(7, 16, 23, 0.34), 0 0 0 3px var(--bgm-rd-blue, #0087c8);
}

.bgm-groupAbout__header[b-7cs80o5m7x] {
    align-items: flex-start;
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: clamp(22px, 4vw, 34px);
}

.bgm-groupAbout__header span[b-7cs80o5m7x] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.8rem;
    font-weight: 950;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.bgm-groupAbout__header h2[b-7cs80o5m7x] {
    color: #fff;
    font-family: var(--bgm-rd-font-display, sans-serif);
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 0.96;
    margin: 9px 0 0;
}

.bgm-groupAbout__close[b-7cs80o5m7x] {
    align-items: center;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.52);
    color: #fff;
    display: flex;
    flex: 0 0 44px;
    border-radius: 10px;
    font-size: 1.35rem;
    height: 44px;
    justify-content: center;
    line-height: 1;
    padding: 0 0 4px;
}

.bgm-groupAbout__close:hover[b-7cs80o5m7x],
.bgm-groupAbout__close:focus-visible[b-7cs80o5m7x] {
    background: #fff;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-groupAbout__body[b-7cs80o5m7x] {
    padding: clamp(22px, 4vw, 34px);
}

.bgm-groupAbout__description[b-7cs80o5m7x] {
    color: rgba(23, 34, 43, 0.72);
    font-size: 1rem;
    line-height: 1.55;
    margin: 0 0 24px;
}

.bgm-groupAbout__facts[b-7cs80o5m7x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.bgm-groupAbout__facts > div[b-7cs80o5m7x] {
    border: 1px solid rgba(23, 34, 43, 0.12);
    min-width: 0;
    padding: 17px;
}

.bgm-groupAbout__facts > div + div[b-7cs80o5m7x] {
    border-left: 0;
}

.bgm-groupAbout__facts dt[b-7cs80o5m7x] {
    color: rgba(23, 34, 43, 0.58);
    font-size: 0.8rem;
    font-weight: 950;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase;
}

.bgm-groupAbout__facts dd[b-7cs80o5m7x] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1.1;
    margin: 9px 0 0;
}

.bgm-groupAbout__footer[b-7cs80o5m7x] {
    align-items: center;
    background: var(--bgm-rd-card, #fffef9);
    border-top: 1px solid rgba(23, 34, 43, 0.1);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 20px clamp(22px, 4vw, 34px);
}

.bgm-groupAbout__action[b-7cs80o5m7x] {
    align-items: center;
    background: var(--bgm-gold, #d9b13b);
    border: 0;
    border-radius: 10px;
    color: var(--bgm-deep-navy, #071017);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 950;
    justify-content: center;
    letter-spacing: 0.1em;
    min-height: 46px;
    padding: 12px 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-groupAbout__action:hover[b-7cs80o5m7x],
.bgm-groupAbout__action:focus-visible[b-7cs80o5m7x] {
    background: var(--bgm-gold-hover, #b08e3f);
    color: var(--bgm-deep-navy, #071017);
    outline: 3px solid var(--bgm-gold, #d9b13b);
    outline-offset: 3px;
}

.bgm-groupAbout__action:disabled[b-7cs80o5m7x] {
    background: var(--bgm-soft-rule, #e3e1dc);
    color: rgba(23, 34, 43, 0.58);
    cursor: not-allowed;
}

.bgm-groupAbout__membership[b-7cs80o5m7x] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.8rem;
    font-weight: 850;
}

@keyframes bgm-groupAbout-enter-b-7cs80o5m7x {
    from { opacity: 0.55; transform: translateY(14px) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 760px) {
    .bgm-groupsPage[b-7cs80o5m7x] {
        padding-top: 16px;
    }

    .bgm-groupsHero[b-7cs80o5m7x],
    .bgm-groupsSection[b-7cs80o5m7x],
    .bgm-groupsNotice[b-7cs80o5m7x] {
        width: min(100vw - 20px, 1120px);
    }

    .bgm-groupsHero[b-7cs80o5m7x] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .bgm-groupsHero__button[b-7cs80o5m7x],
    .bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__link,
    .bgm-groupsGrid[b-7cs80o5m7x]  .bgm-groupCard__actions {
        width: 100%;
    }

    .bgm-groupAbout__backdrop[b-7cs80o5m7x] {
        align-items: flex-end;
        padding: 0;
    }

    .bgm-groupAbout[b-7cs80o5m7x] {
        max-height: calc(100vh - 12px);
    }

    .bgm-groupAbout__facts[b-7cs80o5m7x] {
        grid-template-columns: 1fr;
    }

    .bgm-groupAbout__facts > div + div[b-7cs80o5m7x] {
        border-left: 1px solid rgba(23, 34, 43, 0.12);
        border-top: 0;
    }

    .bgm-groupAbout__footer[b-7cs80o5m7x] {
        align-items: stretch;
        flex-direction: column;
    }

    .bgm-groupAbout__action[b-7cs80o5m7x] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bgm-groupAbout[b-7cs80o5m7x] { animation: none; }
}
/* /Pages/HorseRacing.razor.rz.scp.css */
.horse-live-page[b-x328m1322e] {
    --hr-ink: #142116;
    --hr-blue: #0087c8;
    --hr-green: #155637;
    --hr-paper: #fffaf0;
    margin: 0;
    max-width: none;
    padding: clamp(0.75rem, 1.8vw, 1.5rem) 0 4rem;
    width: 100%;
}

.horse-live-page > :not(.modal)[b-x328m1322e] {
    margin-left: auto;
    margin-right: auto;
    width: min(1500px, calc(100% - clamp(1.5rem, 4vw, 5rem)));
}

.horse-live-hero[b-x328m1322e],
.horse-race-stage[b-x328m1322e] {
    background: #fffdf7;
    border: 1px solid rgba(20, 33, 22, 0.12);
    box-shadow: 0 16px 42px rgba(20, 33, 22, 0.08);
}

.horse-live-hero[b-x328m1322e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: clamp(1rem, 2vw, 1.5rem);
}

.horse-live-kicker[b-x328m1322e],
.horse-race-stage__kicker[b-x328m1322e] {
    color: var(--hr-blue);
    font-family: var(--font-display, inherit);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    margin: 0 0 0.35rem;
    text-transform: uppercase;
}

.horse-live-hero h1[b-x328m1322e],
.horse-race-stage__header h2[b-x328m1322e] {
    color: var(--hr-green);
    font-family: var(--font-display, inherit);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 0.95;
    margin: 0;
}

.horse-live-hero h1[b-x328m1322e] {
    font-size: clamp(2.2rem, 5vw, 5.4rem);
}

.horse-live-hero p:last-child[b-x328m1322e] {
    color: rgba(20, 33, 22, 0.68);
    font-size: clamp(1rem, 1.8vw, 1.4rem);
    margin: 0.55rem 0 0;
}

.horse-live-actions[b-x328m1322e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.55rem;
}

.horse-live-button[b-x328m1322e],
.horse-live-wallet[b-x328m1322e] {
    align-items: center;
    border: 1px solid rgba(20, 33, 22, 0.18);
    display: inline-flex;
    font-family: var(--font-display, inherit);
    font-size: 0.78rem;
    font-weight: 900;
    gap: 0.4rem;
    justify-content: center;
    letter-spacing: 0.08em;
    min-height: 2.75rem;
    padding: 0.65rem 0.9rem;
    text-decoration: none;
    text-transform: uppercase;
}

.horse-live-button[b-x328m1322e] {
    background: #fff;
    color: var(--hr-ink);
    cursor: pointer;
}

.horse-live-button:hover[b-x328m1322e],
.horse-live-button:focus-visible[b-x328m1322e] {
    background: #fff3c4;
    color: var(--hr-green);
}

.horse-live-button--light[b-x328m1322e] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.34);
    color: #fffaf0;
}

.horse-live-button--light:hover[b-x328m1322e],
.horse-live-button--light:focus-visible[b-x328m1322e] {
    background: #fff3c4;
    color: #12221b;
}

.horse-live-button--dev[b-x328m1322e] {
    background: #13291e;
    border-color: #63d49a;
    color: #effff6;
}

.horse-live-button--dev:hover[b-x328m1322e],
.horse-live-button--dev:focus-visible[b-x328m1322e] {
    background: #63d49a;
    color: #102119;
}

.horse-live-wallet[b-x328m1322e] {
    background: #fff3c4;
    color: var(--hr-green);
}

.horse-live-copyStatus[b-x328m1322e] {
    color: rgba(20, 33, 22, 0.66);
    flex-basis: 100%;
    font-size: 0.9rem;
    text-align: right;
}

.horse-race-stage[b-x328m1322e] {
    background: #101820;
    color: #fffaf0;
    margin-bottom: 1.5rem;
}

.horse-race-stage__inner[b-x328m1322e] {
    padding: clamp(0.75rem, 1.6vw, 1.25rem);
}

.horse-race-stage__header[b-x328m1322e] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.horse-race-stage__header h2[b-x328m1322e] {
    color: #fffaf0;
    font-size: clamp(1.7rem, 3.4vw, 3.8rem);
}

.horse-race-stage__meta[b-x328m1322e] {
    align-items: stretch;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: center;
    margin-left: auto;
}

.horse-race-stage__lapTotal[b-x328m1322e],
.horse-race-stage__lapCount[b-x328m1322e] {
    align-items: center;
    border: 1px solid rgba(255, 250, 240, 0.22);
    display: inline-flex;
    font-family: var(--font-display, inherit);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    min-height: 2.75rem;
    padding: 0.65rem 0.85rem;
    text-transform: uppercase;
}

.horse-race-stage__lapTotal[b-x328m1322e] {
    background: rgba(255, 250, 240, 0.08);
    color: rgba(255, 250, 240, 0.82);
}

.horse-race-stage__lapCount[b-x328m1322e] {
    background: #fff3c4;
    border-color: #fff3c4;
    color: #155637;
}

.race-track[b-x328m1322e] {
    position: relative;
    overflow: hidden;
}

.horse-mobile-orientation-note[b-x328m1322e] {
    display: none;
}

.race-track-oval[b-x328m1322e] {
    aspect-ratio: 2.65 / 1;
    min-height: 390px;
    border: 1px solid rgba(255, 250, 240, 0.2);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 26px 26px,
        linear-gradient(0deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px) 0 0 / 26px 26px,
        repeating-linear-gradient(108deg, rgba(180, 225, 125, 0.06) 0 8px, rgba(8, 67, 42, 0.08) 8px 18px),
        radial-gradient(circle at 50% 45%, #23664d 0%, #17533c 48%, #103827 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 250, 240, 0.1), inset 0 0 70px rgba(0, 0, 0, 0.36);
}

.race-track-oval[b-x328m1322e]::before {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.22) 0 1px, transparent 1px);
    background-size: 18px 18px;
    content: "";
    inset: 0;
    opacity: 0.2;
    position: absolute;
}

.race-track-oval__ring[b-x328m1322e] {
    position: absolute;
    border-radius: 999px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.race-track-oval__ring--outer[b-x328m1322e] {
    border: clamp(7px, 0.9vw, 12px) solid #eee8d6;
    height: 84%;
    width: 96%;
    box-shadow:
        0 0 0 2px rgba(20, 33, 22, 0.24),
        inset 0 0 0 1px rgba(20, 33, 22, 0.22),
        0 10px 24px rgba(0, 0, 0, 0.22);
}

.race-track-oval__ring--inner[b-x328m1322e] {
    background:
        repeating-linear-gradient(108deg, rgba(180, 225, 125, 0.04) 0 8px, rgba(8, 67, 42, 0.08) 8px 18px),
        rgba(17, 65, 45, 0.7);
    border: clamp(7px, 0.85vw, 11px) solid #eee8d6;
    height: 50%;
    width: 70%;
    box-shadow:
        0 0 0 2px rgba(20, 33, 22, 0.28),
        inset 0 0 38px rgba(0, 0, 0, 0.18);
}

.horse-dot[b-x328m1322e] {
    color: var(--horse-colour);
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 4;
}

.horse-dot__motion[b-x328m1322e] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: calc(16.5% + (var(--horse-start-slot) * 0.55rem));
    transform: translate(-50%, -54%);
    transition:
        transform 100ms linear,
        opacity 280ms cubic-bezier(0.16, 1, 0.3, 1),
        filter 180ms ease-out;
}

.horse-race-stage.is-racing .horse-dot__motion[b-x328m1322e] {
    will-change: transform;
}

.horse-dot.is-leader[b-x328m1322e] {
    z-index: 6;
}

.horse-dot.is-leader .horse-dot__motion[b-x328m1322e] {
    filter: drop-shadow(0 0 0.55rem rgba(255, 216, 106, 0.82));
}

.horse-dot--finished .horse-dot__motion[b-x328m1322e] {
    opacity: 0.46;
}

.horse-dot.is-crossed .horse-dot__motion[b-x328m1322e],
.horse-race-stage.is-finished .horse-dot__motion[b-x328m1322e] {
    filter: blur(2px);
    opacity: 0;
}

.horse-dot[b-x328m1322e]  .bgm-icon {
    height: clamp(1.85rem, 2.7vw, 2.65rem);
    width: clamp(1.85rem, 2.7vw, 2.65rem);
    filter: drop-shadow(0 3px 0 rgba(0, 0, 0, 0.32)) drop-shadow(0 8px 12px rgba(0, 0, 0, 0.3));
    stroke-width: 2.8;
}

.horse-dot__number[b-x328m1322e] {
    align-items: center;
    background: var(--horse-colour);
    border: 2px solid rgba(255, 250, 240, 0.9);
    color: var(--horse-foreground);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 900;
    height: 1.35rem;
    justify-content: center;
    min-width: 1.35rem;
    padding: 0 0.25rem;
    position: absolute;
    right: -0.55rem;
    top: -0.35rem;
}

.finish-line[b-x328m1322e] {
    background: conic-gradient(#fff 25%, #111 0 50%, #fff 0 75%, #111 0) 0 0 / 12px 12px;
    border: 2px solid #fffaf0;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
    height: 17%;
    left: 50%;
    position: absolute;
    top: 8.5%;
    transform: translateX(-50%);
    width: clamp(18px, 1.8vw, 26px);
    z-index: 3;
}

.finish-line span[b-x328m1322e] {
    background: #101820;
    color: #fffaf0;
    font-family: var(--font-display, inherit);
    font-size: 0.62rem;
    font-weight: 900;
    left: 50%;
    letter-spacing: 0.16em;
    padding: 0.2rem 0.35rem;
    position: absolute;
    text-transform: uppercase;
    top: calc(100% + 0.25rem);
    transform: translateX(-50%);
}

.horse-race-commentary[b-x328m1322e] {
    color: #ffd86a;
    font-family: var(--font-display, "Rockwell", "Times New Roman", serif);
    font-size: clamp(1.35rem, 3.4vw, 3.2rem);
    font-weight: 900;
    letter-spacing: 0.02em;
    line-height: 1;
    min-height: 2.6rem;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.45), 0 0 10px rgba(255, 216, 106, 0.25);
    text-transform: uppercase;
}

.horse-stat-grid[b-x328m1322e] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin-top: 1rem;
}

.horse-stat-box[b-x328m1322e] {
    align-items: center;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid color-mix(in srgb, var(--horse-colour) 74%, #fff 26%);
    color: #fffaf0;
    display: flex;
    gap: 0.75rem;
    min-height: 4.6rem;
    padding: 0.75rem;
}

.horse-stat-icon[b-x328m1322e] {
    align-items: center;
    align-self: stretch;
    background: var(--horse-colour);
    color: var(--horse-foreground);
    display: inline-flex;
    justify-content: center;
    min-width: 3.5rem;
}

.horse-stat-name[b-x328m1322e] {
    font-family: var(--font-display, inherit);
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1.1;
}

.horse-stat-avg[b-x328m1322e] {
    color: rgba(255, 250, 240, 0.72);
    font-weight: 700;
    margin-top: 0.2rem;
}

.thirty-second-countdown[b-x328m1322e] {
    width: min(240px, 80%);
    margin: 0 auto;
    text-align: center;
    border-radius: 16px;
    padding: 0.75rem 0.5rem;
    font-size: clamp(2rem, 7vw, 3.4rem);
    font-weight: 900;
    line-height: 1;
    color: #fff;
    background: linear-gradient(145deg, #ff5b4d, #b71e14);
    border: 2px solid rgba(255,255,255,0.6);
    box-shadow: 0 0 22px rgba(255, 91, 77, 0.6);
}

.race-finish-chip[b-x328m1322e] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.55rem;
    border-radius: 999px;
    background: var(--horse-colour);
    border: 1px solid rgba(255,255,255,0.4);
    color: var(--horse-foreground);
    font-weight: 700;
    font-size: 0.8rem;
    min-width: 11rem;
    justify-content: center;
}

.race-finish-board[b-x328m1322e] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.4rem 0.8rem;
    padding: 0.75rem 0.25rem 0.25rem;
}

.race-finish-row[b-x328m1322e] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.race-finish-place[b-x328m1322e] {
    width: 2.2rem;
    font-weight: 800;
    color: #fef3be;
    text-shadow: 0 1px 2px rgba(0,0,0,0.55);
}

.race-finish-empty[b-x328m1322e] {
    align-items: center;
    border: 1px solid rgba(255, 250, 240, 0.14);
    border-radius: 999px;
    color: rgba(255,255,255,0.8);
    display: inline-flex;
    font-weight: 700;
    justify-content: center;
    min-width: 11rem;
    padding: 0.3rem 0.55rem;
}

.countdown-display[b-x328m1322e] {
    font-size: 2rem;
    font-weight: bold;
    font-variant-numeric: tabular-nums;
}

/* Allow scrolling when the race stage card is fullscreened */
.horse-race-stage:fullscreen[b-x328m1322e] {
    overflow-y: auto;
}

.horse-race-stage:-webkit-full-screen[b-x328m1322e] {
    overflow-y: auto;
}

/* ── Race results panel ─────────────────────────────────────────────────── */

.race-results-panel[b-x328m1322e] {
    border: 2px solid #ffc107 !important;
}

.race-results-panel__header[b-x328m1322e] {
    background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%);
    color: #212529;
    border-radius: calc(0.375rem - 2px) calc(0.375rem - 2px) 0 0;
}

.race-results-order[b-x328m1322e] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.race-results-row[b-x328m1322e] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.4rem 0.6rem;
    border-radius: 0.4rem;
}

.race-results-row--winner[b-x328m1322e] {
    background: rgba(255, 193, 7, 0.18);
}

.race-results-medal[b-x328m1322e] {
    font-size: 1.5rem;
    min-width: 2.2rem;
    text-align: center;
}

.race-results-dot[b-x328m1322e] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 2px solid rgba(0, 0, 0, 0.12);
}

.race-results-name[b-x328m1322e] {
    font-size: 1.05rem;
    font-weight: 500;
}

.race-results-row--winner .race-results-name[b-x328m1322e] {
    font-weight: 700;
    font-size: 1.15rem;
}

.race-results-owner[b-x328m1322e] {
    font-size: 0.8rem;
    color: #6c757d;
}

@media (max-width: 900px) {
    .horse-live-page[b-x328m1322e] {
        padding-top: 0;
    }

    .horse-live-page > :not(.modal)[b-x328m1322e] {
        width: 100%;
    }

    .horse-live-hero[b-x328m1322e],
    .horse-race-stage[b-x328m1322e] {
        border-left: 0;
        border-right: 0;
        box-shadow: none;
    }

    .horse-live-hero[b-x328m1322e] {
        align-items: stretch;
        flex-direction: column;
    }

    .horse-live-actions[b-x328m1322e] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: stretch;
    }

    .horse-live-button[b-x328m1322e],
    .horse-live-wallet[b-x328m1322e] {
        width: 100%;
    }

    .horse-live-wallet[b-x328m1322e],
    .horse-live-copyStatus[b-x328m1322e] {
        grid-column: 1 / -1;
        text-align: left;
    }

    .horse-race-stage__header[b-x328m1322e] {
        align-items: stretch;
        flex-direction: column;
    }

    .horse-race-stage__meta[b-x328m1322e] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-left: 0;
    }

    .horse-race-stage__lapTotal[b-x328m1322e],
    .horse-race-stage__lapCount[b-x328m1322e] {
        justify-content: center;
        width: 100%;
    }

    .horse-stat-grid[b-x328m1322e] {
        grid-template-columns: 1fr 1fr;
    }

    .race-track-oval[b-x328m1322e] {
        aspect-ratio: 1.55 / 1;
        min-height: 330px;
    }

    .race-track-oval__ring--outer[b-x328m1322e] {
        height: 82%;
        width: 94%;
    }

    .race-track-oval__ring--inner[b-x328m1322e] {
        height: 48%;
        width: 68%;
    }
}

@media (max-width: 560px) {
    .horse-live-hero[b-x328m1322e] {
        padding: 1rem;
    }

    .horse-live-actions[b-x328m1322e],
    .horse-stat-grid[b-x328m1322e] {
        grid-template-columns: 1fr;
    }

    .horse-race-stage__inner[b-x328m1322e] {
        padding: 0.75rem;
    }

    .horse-race-stage__meta[b-x328m1322e] {
        grid-template-columns: 1fr;
    }

    .race-track-oval[b-x328m1322e] {
        aspect-ratio: auto;
        height: 300px;
        min-height: 0;
        width: 100%;
    }

    .race-track-oval[b-x328m1322e]::before {
        background: none;
        border-bottom: 7px solid #eee8d6;
        border-top: 7px solid #eee8d6;
        inset: 10% 0;
        opacity: 1;
    }

    .race-track-oval__ring[b-x328m1322e] {
        display: none;
    }

    .horse-dot__motion[b-x328m1322e] {
        left: 8%;
        top: 50%;
        transform: translate(-50%, -54%) translateY(calc(var(--horse-start-slot) * 1.45rem));
    }

    .finish-line[b-x328m1322e] {
        height: 80%;
        left: auto;
        right: calc(8% - 0.55rem);
        top: 10%;
        transform: none;
        width: 1.1rem;
    }

    .finish-line span[b-x328m1322e] {
        left: auto;
        right: calc(100% + 0.45rem);
        top: 50%;
        transform: translateY(-50%);
    }

    .horse-dot[b-x328m1322e]  .bgm-icon {
        height: 1.75rem;
        width: 1.75rem;
    }

    .horse-dot__number[b-x328m1322e] {
        font-size: 0.62rem;
        height: 1.15rem;
        min-width: 1.15rem;
    }

    .race-finish-board[b-x328m1322e] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) and (orientation: portrait) {
    .horse-mobile-orientation-note[b-x328m1322e] {
        align-items: center;
        background: rgba(255, 243, 196, 0.1);
        border: 1px solid rgba(255, 243, 196, 0.32);
        color: #fff3c4;
        display: flex;
        font-size: 0.8rem;
        font-weight: 800;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
        padding: 0.65rem 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .horse-dot__motion[b-x328m1322e] {
        transition-duration: 0ms;
    }
}
/* /Pages/HorseRacingLobby.razor.rz.scp.css */
.hr-page[b-ucmpuot01o] {
    --hr-paper: #fbf8ee;
    --hr-ink: #17222b;
    --hr-green: #164f35;
    --hr-blue: #0087c8;
    --hr-blue-soft: #eaf6fb;
    --hr-gold: #d9b13b;
    --hr-burgundy: #7a1f24;
    --hr-red: #a43c42;
    --hr-muted: #68716d;
    --hr-border: rgba(0, 0, 0, 0.12);
    --hr-shadow: 0 10px 30px rgba(20, 30, 25, 0.08);
    background: var(--hr-paper);
    color: var(--hr-ink);
    margin: 0;
    max-width: none;
    padding: clamp(1.25rem, 2.2vw, 2.25rem) 0 4.5rem;
    width: 100%;
}

.hr-page h1[b-ucmpuot01o],
.hr-page h2[b-ucmpuot01o],
.hr-page h3[b-ucmpuot01o],
.hr-page p[b-ucmpuot01o] {
    margin: 0;
}

.hr-eyebrow[b-ucmpuot01o] {
    color: var(--hr-blue);
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.hr-hero[b-ucmpuot01o] {
    background:
        linear-gradient(135deg, #071017 0%, #0b1820 58%, #111d24 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--hr-shadow);
    color: #ffffff;
    display: grid;
    gap: clamp(1.75rem, 3.2vw, 3.5rem);
    grid-template-columns: minmax(0, 1.28fr) minmax(23rem, 0.55fr);
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    width: min(1500px, calc(100% - clamp(2rem, 5.6vw, 6rem)));
    overflow: hidden;
    padding: clamp(2rem, 3.2vw, 3.25rem);
    position: relative;
}

.hr-hero[b-ucmpuot01o]::after {
    content: "";
    display: none;
}

.hr-hero > *[b-ucmpuot01o] {
    position: relative;
    z-index: 1;
}

.hr-hero__main[b-ucmpuot01o] {
    isolation: isolate;
    min-width: 0;
    padding-right: clamp(2rem, 8vw, 6rem);
}

.hr-hero__art[b-ucmpuot01o] {
    bottom: -1rem;
    filter: brightness(0) saturate(100%) invert(71%) sepia(58%) saturate(952%) hue-rotate(165deg) brightness(104%) contrast(102%);
    opacity: 0.64;
    pointer-events: none;
    position: absolute;
    right: -4.5rem;
    width: clamp(20rem, 32vw, 32rem);
    z-index: 0;
}

.hr-hero__main > :not(.hr-hero__art)[b-ucmpuot01o] {
    position: relative;
    z-index: 1;
}

.hr-hero .hr-eyebrow[b-ucmpuot01o] {
    color: #48a8e8;
}

.hr-hero h1[b-ucmpuot01o] {
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: clamp(3rem, 4.2vw, 4.7rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.03;
    margin-top: 0.75rem;
    max-width: 17ch;
    text-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
    text-transform: uppercase;
}

.hr-hero__subline[b-ucmpuot01o] {
    color: rgba(255, 255, 255, 0.66);
    font-size: 1.08rem;
    margin-top: 2.25rem;
    max-width: 42rem;
}

.hr-statusRow[b-ucmpuot01o] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, max-content));
    margin-top: 1.7rem;
}

.hr-statusPill[b-ucmpuot01o],
.hr-pill[b-ucmpuot01o],
.hr-tag[b-ucmpuot01o] {
    align-items: center;
    border: 1px solid var(--hr-border);
    display: inline-flex;
    font-family: var(--font-heading);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.hr-statusPill[b-ucmpuot01o] {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.78);
    justify-content: center;
    padding: 0.62rem 0.78rem;
    width: fit-content;
}

.hr-statusPill--open[b-ucmpuot01o] {
    border-color: rgba(139, 228, 180, 0.36);
    color: #8be4b4;
}

.hr-statusPill--live[b-ucmpuot01o] {
    border-color: rgba(217, 177, 59, 0.45);
    color: #f1cf62;
}

.hr-statusPill--done[b-ucmpuot01o] {
    border-color: rgba(72, 168, 232, 0.38);
    color: #8ed0ff;
}

.hr-stableSheet[b-ucmpuot01o] {
    align-self: center;
    background: #121c23;
    border: 1px solid rgba(255, 255, 255, 0.14);
    padding: 1.35rem;
}

.hr-stableSheet h2[b-ucmpuot01o] {
    color: var(--hr-gold);
    font-family: var(--font-heading);
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 0.6rem;
}

.hr-stableSheet p[b-ucmpuot01o] {
    color: rgba(255, 255, 255, 0.62);
    margin-top: 0.35rem;
}

.hr-walletGrid[b-ucmpuot01o],
.hr-betSummary[b-ucmpuot01o],
.hr-revealSummary[b-ucmpuot01o] {
    display: grid;
    gap: 1px;
}

.hr-walletGrid[b-ucmpuot01o] {
    background: rgba(255, 255, 255, 0.12);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.25rem;
}

.hr-walletGrid div[b-ucmpuot01o] {
    background: #071017;
    padding: 0.75rem;
}

.hr-walletGrid span[b-ucmpuot01o],
.hr-activeBet span[b-ucmpuot01o],
.hr-betSummary span[b-ucmpuot01o],
.hr-revealSummary span[b-ucmpuot01o] {
    color: var(--hr-muted);
    display: block;
    font-family: var(--font-heading);
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hr-walletGrid span[b-ucmpuot01o],
.hr-activeBet span[b-ucmpuot01o] {
    color: rgba(255, 255, 255, 0.5);
}

.hr-walletGrid strong[b-ucmpuot01o],
.hr-activeBet strong[b-ucmpuot01o] {
    color: #ffffff;
    display: block;
    font-family: var(--font-heading);
    font-size: 1.1rem;
    margin-top: 0.28rem;
}

.hr-activeBet[b-ucmpuot01o] {
    background: #071017;
    border: 1px solid rgba(255, 255, 255, 0.12);
    margin-top: 0.85rem;
    padding: 0.75rem;
}

.hr-primaryAction[b-ucmpuot01o],
.hr-secondaryActions a[b-ucmpuot01o],
.hr-secondaryActions button[b-ucmpuot01o],
.hr-actionRow[b-ucmpuot01o],
.hr-betInput button[b-ucmpuot01o],
.hr-tab[b-ucmpuot01o],
.hr-modal header button[b-ucmpuot01o] {
    font-family: var(--font-heading);
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.hr-primaryAction[b-ucmpuot01o] {
    align-items: center;
    background: var(--hr-burgundy);
    color: #ffffff;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    min-height: 3.15rem;
    text-decoration: none;
}

.hr-primaryAction:hover[b-ucmpuot01o],
.hr-primaryAction:focus-visible[b-ucmpuot01o] {
    background: #5f171c;
    color: #fff2b8;
}

.hr-primaryAction.is-live[b-ucmpuot01o] {
    background: #b94a48;
}

.hr-secondaryActions[b-ucmpuot01o] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.65rem;
}

.hr-secondaryActions a[b-ucmpuot01o],
.hr-secondaryActions button[b-ucmpuot01o] {
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid var(--hr-border);
    color: var(--hr-green);
    display: block;
    font-size: 0.7rem;
    padding: 0.7rem;
    text-align: center;
    text-decoration: none;
}

.hr-testBanner[b-ucmpuot01o],
.hr-callout[b-ucmpuot01o],
.hr-empty[b-ucmpuot01o] {
    background: #fffdf6;
    border: 1px solid var(--hr-border);
    margin-bottom: 1rem;
    padding: 1rem 1.2rem;
}

.hr-testBanner[b-ucmpuot01o],
.hr-callout[b-ucmpuot01o] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.hr-empty h1[b-ucmpuot01o] {
    color: var(--hr-green);
    font-family: var(--font-heading);
    font-size: 2.6rem;
    font-weight: 900;
    margin-top: 0.45rem;
}

.hr-playGrid[b-ucmpuot01o] {
    align-items: start;
    display: grid;
    gap: 1.75rem;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.34fr);
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    max-width: 1500px;
    width: min(1500px, calc(100% - clamp(2rem, 5.6vw, 6rem)));
}

.hr-sideStack[b-ucmpuot01o] {
    display: grid;
    gap: 1.15rem;
    position: sticky;
    top: calc(var(--bgm-header-height, 64px) + 1rem);
}

.hr-section[b-ucmpuot01o] {
    background: #ffffff;
    border: 1px solid var(--hr-border);
    box-shadow: var(--hr-shadow);
}

.hr-sectionHeader[b-ucmpuot01o] {
    align-items: flex-end;
    border-bottom: 1px solid var(--hr-border);
    display: flex;
    gap: 1.2rem;
    justify-content: space-between;
    padding: 1.35rem 1.5rem;
}

.hr-sectionHeader h2[b-ucmpuot01o] {
    color: var(--hr-green);
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 0.38rem;
}

.hr-sectionHeader p[b-ucmpuot01o] {
    color: var(--hr-muted);
    font-size: 0.95rem;
    margin-top: 0.55rem;
}

.hr-sectionMeta[b-ucmpuot01o] {
    color: var(--hr-muted);
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    white-space: nowrap;
}

.hr-sectionBody[b-ucmpuot01o] {
    padding: 1.35rem 1.5rem;
}

.hr-statusGuide[b-ucmpuot01o] {
    background: var(--hr-paper);
    border-bottom: 1px solid var(--hr-border);
    color: var(--hr-muted);
    padding: 0.9rem 1.5rem 1rem;
}

.hr-statusGuide summary[b-ucmpuot01o] {
    color: var(--hr-green);
    cursor: pointer;
    font-family: var(--font-heading);
    font-size: 0.86rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    width: fit-content;
}

.hr-statusGuide__grid[b-ucmpuot01o] {
    display: grid;
    gap: 0.75rem 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 0.85rem;
}

.hr-statusGuide__item[b-ucmpuot01o] {
    align-items: start;
    display: grid;
    font-size: 0.82rem;
    gap: 0.45rem;
    line-height: 1.4;
}

.hr-statusGuide__item .hr-pill[b-ucmpuot01o] {
    justify-self: start;
}

.hr-fatigueGuide[b-ucmpuot01o] {
    border-top: 1px solid var(--hr-border);
    display: grid;
    gap: 0.55rem 1rem;
    grid-column: 1 / -1;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding-top: 0.9rem;
}

.hr-fatigueGuide > strong[b-ucmpuot01o] {
    color: var(--hr-green);
    grid-column: 1 / -1;
}

.hr-fatigueGuide span[b-ucmpuot01o] {
    color: var(--hr-muted);
    display: grid;
    font-size: 0.8rem;
    gap: 0.1rem;
}

.hr-fatigueGuide b[b-ucmpuot01o] {
    color: var(--hr-ink);
}

.hr-horseGrid[b-ucmpuot01o] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    padding: 1rem;
}

.hr-horseCard[b-ucmpuot01o] {
    background: var(--hr-paper);
    border: 1px solid var(--hr-border);
    color: inherit;
    cursor: pointer;
    display: grid;
    gap: 0;
    grid-template-columns: 1fr;
    min-height: 11rem;
    padding: 0;
    text-align: left;
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
    width: 100%;
}

.hr-horseCard:hover[b-ucmpuot01o],
.hr-horseCard:focus-visible[b-ucmpuot01o] {
    background: #ffffff;
    border-color: rgba(0, 135, 200, 0.45);
    color: var(--hr-green);
    outline: none;
}

.hr-horseCard--active[b-ucmpuot01o] {
    background: #ffffff;
    border-color: var(--hr-blue);
    box-shadow: inset 0 0 0 2px var(--hr-blue);
}

.hr-horseCard__header[b-ucmpuot01o] {
    align-items: center;
    background: var(--horse-colour, #777777);
    color: var(--horse-foreground, #ffffff);
    display: grid;
    gap: 0.8rem;
    grid-template-columns: auto minmax(0, 1fr);
    padding: 0.95rem 1rem;
}

.hr-horseCard__icon[b-ucmpuot01o] {
    align-items: center;
    background: color-mix(in srgb, var(--horse-foreground, #ffffff) 16%, transparent);
    border: 1px solid color-mix(in srgb, var(--horse-foreground, #ffffff) 38%, transparent);
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.hr-silk[b-ucmpuot01o],
.hr-inlineSilk[b-ucmpuot01o] {
    background: var(--horse-colour, #777777);
    border: 1px solid rgba(0, 0, 0, 0.18);
    display: inline-block;
    flex: 0 0 auto;
}

.hr-silk[b-ucmpuot01o] {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.86), 0 0 0 4px var(--hr-border);
    height: 1.15rem;
    margin-top: 0.25rem;
    width: 1.15rem;
}

.hr-inlineSilk[b-ucmpuot01o] {
    height: 0.78rem;
    margin-right: 0.45rem;
    vertical-align: middle;
    width: 0.78rem;
}

.hr-horseCard__body[b-ucmpuot01o],
.hr-horseCard__title[b-ucmpuot01o],
.hr-intel[b-ucmpuot01o] {
    display: grid;
}

.hr-lastRace[b-ucmpuot01o] {
    align-items: baseline;
    border-top: 1px solid var(--hr-border);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
    gap: 0.3rem 0.55rem;
    padding-top: 0.7rem;
}

.hr-lastRace strong[b-ucmpuot01o] {
    color: var(--hr-green);
}

.hr-lastRace span[b-ucmpuot01o] {
    color: var(--hr-muted);
}

.hr-horseCard__body[b-ucmpuot01o] {
    gap: 0.68rem;
    min-width: 0;
    padding: 1rem;
}

.hr-horseCard__title strong[b-ucmpuot01o] {
    color: inherit;
    font-family: var(--font-heading);
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1.04;
}

.hr-horseCard__title small[b-ucmpuot01o],
.hr-ownerLine[b-ucmpuot01o],
.hr-intel small[b-ucmpuot01o] {
    color: color-mix(in srgb, currentColor 72%, transparent);
    font-size: 0.82rem;
}

.hr-pillRow[b-ucmpuot01o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.hr-pill[b-ucmpuot01o] {
    background: #ffffff;
    color: var(--hr-muted);
    padding: 0.36rem 0.48rem;
}

.hr-pill--research[b-ucmpuot01o] {
    background: #eaf6fb;
    border-color: rgba(0, 135, 200, 0.25);
    color: var(--hr-blue);
}

.hr-pill--owned[b-ucmpuot01o] {
    background: #eaf4ef;
    border-color: rgba(22, 79, 53, 0.25);
    color: var(--hr-green);
}

.hr-pill--bet[b-ucmpuot01o] {
    background: #fff8dd;
    border-color: rgba(217, 177, 59, 0.34);
    color: #87670c;
}

.hr-pill--risk[b-ucmpuot01o] {
    background: #fff0ef;
    border-color: rgba(164, 60, 66, 0.28);
    color: var(--hr-red);
}

.hr-pill--unknown[b-ucmpuot01o] {
    background: #f2f3f1;
}

.hr-intel[b-ucmpuot01o] {
    border-top: 1px solid var(--hr-border);
    color: var(--hr-muted);
    font-size: 0.9rem;
    gap: 0.2rem;
    line-height: 1.42;
    padding-top: 0.7rem;
}

.hr-intel strong[b-ucmpuot01o] {
    color: var(--hr-ink);
}

.hr-selectedHorse[b-ucmpuot01o] {
    border-top: 5px solid var(--hr-blue);
}

.hr-mobileHorsePicker[b-ucmpuot01o] {
    display: none;
}

.hr-selectedHorse__header[b-ucmpuot01o] {
    align-items: center;
    background: var(--hr-paper);
    border: 1px solid var(--hr-border);
    display: flex;
    gap: 0.85rem;
    padding: 0.85rem;
}

.hr-selectedHorse__header strong[b-ucmpuot01o],
.hr-selectedHorse__header span[b-ucmpuot01o] {
    display: block;
}

.hr-selectedHorse__header strong[b-ucmpuot01o] {
    color: var(--hr-green);
    font-family: var(--font-heading);
    font-weight: 900;
}

.hr-selectedHorse__header span[b-ucmpuot01o] {
    color: var(--hr-muted);
}

.hr-actionMessage[b-ucmpuot01o] {
    background: #eaf6fb;
    border: 1px solid rgba(0, 135, 200, 0.25);
    color: var(--hr-blue);
    margin-top: 0.85rem;
    padding: 0.75rem;
}

.hr-actionMessage.is-error[b-ucmpuot01o] {
    background: #fff0ef;
    border-color: rgba(164, 60, 66, 0.3);
    color: var(--hr-red);
}

.hr-actionMessage.is-success[b-ucmpuot01o] {
    background: #eaf4ef;
    border-color: rgba(22, 79, 53, 0.28);
    color: var(--hr-green);
}

.hr-actionList[b-ucmpuot01o] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.95rem;
}

.hr-actionRow[b-ucmpuot01o] {
    align-items: center;
    border: 1px solid transparent;
    display: flex;
    font-size: 0.8rem;
    justify-content: space-between;
    min-height: 3.2rem;
    padding: 0.75rem 0.85rem;
    text-align: left;
    transition: filter 140ms ease, transform 140ms ease;
    width: 100%;
}

.hr-actionRow strong[b-ucmpuot01o],
.hr-actionRow span[b-ucmpuot01o] {
    color: inherit;
}

.hr-actionRow span[b-ucmpuot01o] {
    text-align: right;
}

.hr-actionRow:hover:not(:disabled)[b-ucmpuot01o],
.hr-actionRow:focus-visible:not(:disabled)[b-ucmpuot01o] {
    filter: brightness(0.86);
    transform: translateY(-1px);
}

.hr-actionRow:focus-visible[b-ucmpuot01o] {
    outline: 3px solid var(--hr-gold);
    outline-offset: 3px;
}

.hr-actionRow:disabled[b-ucmpuot01o] {
    cursor: not-allowed;
    opacity: 0.66;
}

.hr-actionRow.is-complete[b-ucmpuot01o] {
    filter: saturate(0.62);
}

.hr-actionRow--research[b-ucmpuot01o] {
    background: color-mix(in srgb, var(--hr-blue) 72%, #071017 28%);
    color: #ffffff;
}

.hr-actionRow--help[b-ucmpuot01o] {
    background: var(--hr-green);
    color: #ffffff;
}

.hr-actionRow--hinder[b-ucmpuot01o] {
    background: var(--hr-burgundy);
    color: #ffffff;
}

.hr-actionRow--buy[b-ucmpuot01o] {
    background: var(--hr-gold);
    color: var(--hr-ink);
}

.hr-actionRow--static[b-ucmpuot01o] {
    background: var(--hr-paper);
    border-color: var(--hr-border);
    color: var(--hr-ink);
    font-family: inherit;
    letter-spacing: 0;
    text-transform: none;
}

.hr-betInput[b-ucmpuot01o] {
    background: #fffdf6;
    border: 1px solid rgba(217, 177, 59, 0.34);
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 1fr auto auto;
    padding: 0.75rem;
}

.hr-betInput label[b-ucmpuot01o],
.hr-subsidyBox label[b-ucmpuot01o] {
    color: var(--hr-muted);
    font-family: var(--font-heading);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hr-betInput input[b-ucmpuot01o],
.hr-subsidyBox select[b-ucmpuot01o] {
    border: 1px solid var(--hr-border);
    min-height: 2.45rem;
    padding: 0 0.65rem;
}

.hr-betInput button[b-ucmpuot01o] {
    background: var(--hr-green);
    border: 0;
    color: #ffffff;
    font-size: 0.75rem;
    padding: 0 0.8rem;
}

.hr-betInput button:disabled[b-ucmpuot01o] {
    opacity: 0.55;
}

.hr-betInput button:focus-visible[b-ucmpuot01o],
.hr-betInput input:focus-visible[b-ucmpuot01o],
.hr-subsidyBox select:focus-visible[b-ucmpuot01o] {
    outline: 3px solid var(--hr-gold);
    outline-offset: 3px;
}

.hr-subsidyBox[b-ucmpuot01o] {
    border-top: 1px solid var(--hr-border);
    display: grid;
    gap: 0.55rem;
    margin-top: 0.35rem;
    padding-top: 0.8rem;
}

.hr-betSummary[b-ucmpuot01o] {
    background: var(--hr-border);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hr-betSummary div[b-ucmpuot01o] {
    background: var(--hr-paper);
    padding: 0.9rem;
}

.hr-betSummary strong[b-ucmpuot01o],
.hr-revealSummary strong[b-ucmpuot01o] {
    color: var(--hr-green);
    display: block;
    font-family: var(--font-heading);
    font-size: 1.18rem;
    margin-top: 0.25rem;
}

.hr-emptyCopy[b-ucmpuot01o],
.hr-betOutcome[b-ucmpuot01o] {
    color: var(--hr-muted);
    margin-top: 0.9rem;
}

.hr-ledger[b-ucmpuot01o],
.hr-betReveal[b-ucmpuot01o],
.hr-seasonArchive[b-ucmpuot01o] {
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.75rem;
    max-width: 1500px;
    width: min(1500px, calc(100% - clamp(2rem, 5.6vw, 6rem)));
}

.hr-tabs[b-ucmpuot01o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hr-tab[b-ucmpuot01o] {
    background: #ffffff;
    border: 1px solid var(--hr-border);
    color: var(--hr-green);
    font-size: 0.72rem;
    padding: 0.65rem 0.8rem;
}

.hr-tab.is-active[b-ucmpuot01o] {
    background: var(--hr-green);
    border-color: var(--hr-green);
    color: #ffffff;
}

.hr-tableWrap[b-ucmpuot01o] {
    overflow-x: auto;
}

.hr-table[b-ucmpuot01o] {
    border-collapse: collapse;
    min-width: 44rem;
    width: 100%;
}

.hr-table th[b-ucmpuot01o],
.hr-table td[b-ucmpuot01o] {
    border-bottom: 1px solid var(--hr-border);
    padding: 0.72rem 0.55rem;
    text-align: left;
    vertical-align: top;
}

.hr-table th[b-ucmpuot01o] {
    color: var(--hr-muted);
    font-family: var(--font-heading);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.hr-tag[b-ucmpuot01o] {
    padding: 0.34rem 0.48rem;
}

.hr-tag--research[b-ucmpuot01o] {
    background: #eaf6fb;
    color: var(--hr-blue);
}

.hr-tag--good[b-ucmpuot01o] {
    background: #eaf4ef;
    color: var(--hr-green);
}

.hr-tag--risk[b-ucmpuot01o] {
    background: #fff0ef;
    color: var(--hr-red);
}

.hr-tag--gold[b-ucmpuot01o] {
    background: #fff8dd;
    color: #87670c;
}

.hr-weeklyStrip[b-ucmpuot01o] {
    border-top: 1px solid var(--hr-border);
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.hr-weeklyStrip span[b-ucmpuot01o] {
    background: var(--hr-paper);
    border: 1px solid var(--hr-border);
    padding: 0.5rem 0.65rem;
}

.hr-revealSummary[b-ucmpuot01o] {
    background: var(--hr-border);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.hr-betReveal[b-ucmpuot01o] {
    border-color: #071017;
    box-shadow: 0 18px 46px rgba(7, 16, 23, 0.18);
}

.hr-betReveal > .hr-sectionHeader[b-ucmpuot01o] {
    background: #071017;
    border-bottom-color: rgba(255, 255, 255, 0.16);
}

.hr-betReveal > .hr-sectionHeader h2[b-ucmpuot01o] {
    color: #ffffff;
    font-size: clamp(2.35rem, 4vw, 3.65rem);
}

.hr-betReveal > .hr-sectionHeader p[b-ucmpuot01o] {
    color: rgba(255, 255, 255, 0.72);
}

.hr-betReveal > .hr-sectionHeader .hr-eyebrow[b-ucmpuot01o] {
    color: #48a8e8;
}

.hr-betReveal > .hr-sectionHeader .hr-sectionMeta[b-ucmpuot01o] {
    color: var(--hr-gold);
}

.hr-revealSummary div[b-ucmpuot01o] {
    background: #fffdf6;
    padding: 0.9rem;
}

.hr-revealGrid[b-ucmpuot01o] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hr-revealHorse[b-ucmpuot01o] {
    background: var(--hr-paper);
    border: 1px solid var(--hr-border);
}

.hr-revealHorse--winner[b-ucmpuot01o] {
    border-color: rgba(217, 177, 59, 0.58);
}

.hr-revealHorse header[b-ucmpuot01o] {
    align-items: center;
    border-bottom: 1px solid var(--hr-border);
    display: grid;
    gap: 0.65rem;
    grid-template-columns: auto auto minmax(0, 1fr);
    padding: 0.85rem;
}

.hr-finishBadge[b-ucmpuot01o] {
    align-items: center;
    background: var(--hr-green);
    color: #ffffff;
    display: inline-flex;
    font-family: var(--font-heading);
    font-weight: 900;
    height: 1.9rem;
    justify-content: center;
    width: 1.9rem;
}

.hr-revealHorse header strong[b-ucmpuot01o],
.hr-raceItem strong[b-ucmpuot01o] {
    color: var(--hr-green);
    display: block;
    font-family: var(--font-heading);
    font-weight: 900;
}

.hr-revealHorse header small[b-ucmpuot01o] {
    color: var(--hr-muted);
    display: block;
}

.hr-revealHorse header .hr-raceFatigue[b-ucmpuot01o] {
    color: var(--hr-ink);
    font-weight: 700;
    margin-top: 0.28rem;
}

.hr-bettorList[b-ucmpuot01o] {
    display: grid;
}

.hr-bettorRow[b-ucmpuot01o] {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 0.85rem;
}

.hr-bettorRow:last-child[b-ucmpuot01o] {
    border-bottom: 0;
}

.hr-bettorRow strong[b-ucmpuot01o] {
    color: var(--hr-ink);
}

.hr-raceList[b-ucmpuot01o] {
    display: grid;
    gap: 0.85rem;
}

.hr-raceItem[b-ucmpuot01o] {
    border: 1px solid var(--hr-border);
}

.hr-raceItem summary[b-ucmpuot01o] {
    align-items: center;
    cursor: pointer;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(11rem, 0.3fr) minmax(0, 1fr) auto;
    list-style-position: inside;
    padding: 1rem;
}

.hr-raceItem summary:hover[b-ucmpuot01o] {
    background: var(--hr-paper);
}

.hr-raceItem summary:focus-visible[b-ucmpuot01o] {
    outline: 3px solid var(--hr-blue);
    outline-offset: 3px;
}

.hr-raceItem__title span[b-ucmpuot01o],
.hr-raceItem__winner[b-ucmpuot01o],
.hr-raceItem__openLabel[b-ucmpuot01o],
.hr-raceItem li small[b-ucmpuot01o] {
    color: var(--hr-muted);
}

.hr-raceItem__winner[b-ucmpuot01o] {
    font-weight: 700;
}

.hr-raceItem__openLabel[b-ucmpuot01o] {
    font-family: var(--font-heading);
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hr-raceItem[open] .hr-raceItem__openLabel[b-ucmpuot01o] {
    color: var(--hr-blue);
}

.hr-raceItem ol[b-ucmpuot01o] {
    border-top: 1px solid var(--hr-border);
    display: grid;
    gap: 0.45rem;
    list-style: none;
    margin: 0;
    padding: 0.85rem 1rem 1rem;
}

.hr-raceItem li[b-ucmpuot01o] {
    align-items: center;
    background: var(--hr-paper);
    display: grid;
    gap: 0.55rem;
    grid-template-columns: minmax(7rem, 0.22fr) auto minmax(10rem, 0.4fr) minmax(16rem, 1fr);
    padding: 0.68rem 0.75rem;
}

.hr-racePosition[b-ucmpuot01o] {
    color: var(--hr-green);
    font-family: var(--font-heading);
    font-size: 0.78rem;
    font-weight: 900;
}

.hr-modalBackdrop[b-ucmpuot01o] {
    align-items: center;
    background: rgba(0, 0, 0, 0.52);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 1rem;
    position: fixed;
    z-index: 1200;
}

.hr-modal[b-ucmpuot01o] {
    background: #ffffff;
    border: 1px solid var(--hr-border);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
    max-height: min(42rem, 90vh);
    max-width: 48rem;
    overflow: auto;
    width: 100%;
}

.hr-modal header[b-ucmpuot01o] {
    align-items: center;
    border-bottom: 1px solid var(--hr-border);
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
}

.hr-modal header h2[b-ucmpuot01o] {
    color: var(--hr-green);
    font-family: var(--font-heading);
    font-size: 2rem;
    font-weight: 900;
    margin-top: 0.3rem;
}

.hr-modal header button[b-ucmpuot01o] {
    background: var(--hr-green);
    border: 0;
    color: #ffffff;
    padding: 0.65rem 0.8rem;
}

.hr-modal__body[b-ucmpuot01o] {
    display: grid;
    gap: 0.8rem;
    padding: 1.5rem;
}

.hr-modal__body h3[b-ucmpuot01o] {
    color: var(--hr-green);
    font-family: var(--font-heading);
    font-size: 1.2rem;
    font-weight: 900;
}

.hr-modal__body p[b-ucmpuot01o] {
    color: var(--hr-muted);
}

@media (max-width: 960px) {
    .hr-hero[b-ucmpuot01o],
    .hr-playGrid[b-ucmpuot01o] {
        grid-template-columns: 1fr;
    }

    .hr-stableSheet[b-ucmpuot01o] {
        align-self: stretch;
    }

    .hr-sideStack[b-ucmpuot01o] {
        order: -1;
        position: static;
    }

    .hr-mobileHorsePicker[b-ucmpuot01o] {
        display: grid;
        gap: 0.35rem;
        min-width: min(100%, 18rem);
    }

    .hr-mobileHorsePicker > span[b-ucmpuot01o] {
        color: var(--hr-muted);
        font-size: 0.78rem;
        font-weight: 800;
    }

    .hr-mobileHorsePicker select[b-ucmpuot01o] {
        appearance: auto;
        background: #ffffff;
        border: 1px solid var(--hr-border);
        color: var(--hr-ink);
        font: inherit;
        min-height: 2.85rem;
        padding: 0.55rem 0.7rem;
        width: 100%;
    }

    .hr-mobileHorsePicker select:focus-visible[b-ucmpuot01o] {
        border-color: var(--hr-green);
        outline: 3px solid var(--hr-gold);
        outline-offset: 2px;
    }

    .hr-revealSummary[b-ucmpuot01o],
    .hr-revealGrid[b-ucmpuot01o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .hr-page[b-ucmpuot01o] {
        padding: 0 0 3rem;
    }

    .hr-hero[b-ucmpuot01o],
    .hr-playGrid[b-ucmpuot01o],
    .hr-ledger[b-ucmpuot01o],
    .hr-betReveal[b-ucmpuot01o],
    .hr-seasonArchive[b-ucmpuot01o] {
        width: 100%;
    }

    .hr-hero[b-ucmpuot01o] {
        border-left: 0;
        border-right: 0;
        padding: 1.5rem 1rem;
    }

    .hr-hero h1[b-ucmpuot01o] {
        font-size: 3rem;
    }

    .hr-hero__main[b-ucmpuot01o] {
        padding-right: 0;
    }

    .hr-hero__art[b-ucmpuot01o] {
        display: none;
    }

    .hr-section[b-ucmpuot01o] {
        border-left: 0;
        border-right: 0;
        box-shadow: none;
    }

    .hr-sectionHeader[b-ucmpuot01o] {
        align-items: stretch;
        display: grid;
        padding: 1.1rem 1rem;
    }

    .hr-sectionBody[b-ucmpuot01o] {
        padding: 1rem;
    }

    .hr-statusGuide[b-ucmpuot01o] {
        padding: 0.9rem 1rem 1rem;
    }

    .hr-statusGuide__grid[b-ucmpuot01o] {
        grid-template-columns: 1fr;
    }

    .hr-fatigueGuide[b-ucmpuot01o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hr-horseGrid[b-ucmpuot01o] {
        grid-template-columns: 1fr;
        padding: 0.75rem;
    }

    .hr-horseCard[b-ucmpuot01o] {
        min-height: 0;
    }

    .hr-walletGrid[b-ucmpuot01o],
    .hr-betSummary[b-ucmpuot01o] {
        grid-template-columns: 1fr;
    }

    .hr-betInput[b-ucmpuot01o] {
        grid-template-columns: 1fr;
    }

    .hr-raceItem[b-ucmpuot01o] {
        border-left: 0;
        border-right: 0;
    }

    .hr-raceItem summary[b-ucmpuot01o],
    .hr-raceItem li[b-ucmpuot01o] {
        grid-template-columns: 1fr;
    }

    .hr-raceItem summary[b-ucmpuot01o] {
        gap: 0.42rem;
    }

    .hr-raceItem li[b-ucmpuot01o] {
        align-items: start;
        gap: 0.3rem;
    }

    .hr-raceItem li .hr-inlineSilk[b-ucmpuot01o] {
        display: none;
    }

    .hr-table[b-ucmpuot01o] {
        min-width: 38rem;
    }
}
/* /Pages/HorseRacingSummary.razor.rz.scp.css */
.container[b-3ay0cy7zzo] {
    width: min(1440px, 100%);
    max-width: min(1440px, 100%);
    padding-left: 0;
    padding-right: 0;
    padding-top: 0 !important;
}

.card[b-3ay0cy7zzo],
.btn[b-3ay0cy7zzo],
.border[b-3ay0cy7zzo],
.rounded[b-3ay0cy7zzo] {
    border-radius: 0 !important;
}

.card[b-3ay0cy7zzo] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12) !important;
    box-shadow: none !important;
}

.card-body[b-3ay0cy7zzo] {
    padding: clamp(0.95rem, 1.8vw, 1.35rem);
}

@media (max-width: 640px) {
    .container[b-3ay0cy7zzo] {
        width: 100%;
        max-width: 100%;
    }

    .container > .d-flex:first-child[b-3ay0cy7zzo] {
        padding: 0.85rem;
        margin-bottom: 0 !important;
    }

    .card[b-3ay0cy7zzo] {
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .card-body[b-3ay0cy7zzo] {
        padding: 0.85rem;
    }
}
/* /Pages/JaffaCakes.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════
   Jaffa Cake Dash – scoped component styles
   ════════════════════════════════════════════════════════════════════ */

/* ── Wrapper ─────────────────────────────────────────────────────── */

.jc-wrapper[b-lv6uweqnfp] {
    position: relative;
    width: 100%;
    /* Fill the viewport minus the fixed header (~72 px desktop / 56 px mobile) */
    height: calc(100svh - 72px);
    min-height: 420px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.08), transparent 36%),
        linear-gradient(315deg, rgba(0,0,0,0.20), transparent 58%),
        linear-gradient(180deg, #d66f1f, #8e3d0d);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    cursor: default;
}

/* ── Scene (upper ~70%) ─────────────────────────────────────────── */

.jc-scene[b-lv6uweqnfp] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Room background SVG / image fills the scene */
.jc-room-svg[b-lv6uweqnfp],
.jc-room-img[b-lv6uweqnfp] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ── Caricature ─────────────────────────────────────────────────── */

.jc-character[b-lv6uweqnfp] {
    position: absolute;
    pointer-events: none;
    z-index: 5;
    /* Width is set inline from the spot's WidthPct; fallback to 10% */
}

/* When a game-over overlay is shown, raise the character above it so the
   player can see who caught them before the overlay finishes drawing. */
.jc-character--gameover[b-lv6uweqnfp] {
    z-index: 25;
}

.jc-character svg[b-lv6uweqnfp],
.jc-character img[b-lv6uweqnfp] {
    width: 100%;
    height: auto;
    display: block;
    filter: drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.55));
}

/* ── Slide-direction entrance animations ─────────────────────────── */

.jc-anim--from-left[b-lv6uweqnfp] {
    animation: jc-pop-left-b-lv6uweqnfp 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes jc-pop-left-b-lv6uweqnfp {
    from { transform: translateX(-150%); }
    to   { transform: translateX(0); }
}

.jc-anim--from-right[b-lv6uweqnfp] {
    animation: jc-pop-right-b-lv6uweqnfp 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes jc-pop-right-b-lv6uweqnfp {
    from { transform: translateX(150%); }
    to   { transform: translateX(0); }
}

.jc-anim--from-bottom[b-lv6uweqnfp] {
    animation: jc-pop-bottom-b-lv6uweqnfp 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes jc-pop-bottom-b-lv6uweqnfp {
    from { transform: translateY(130%); }
    to   { transform: translateY(0); }
}

/* ── Slide-direction exit animations ─────────────────────────────── */

.jc-anim--hiding-left[b-lv6uweqnfp] {
    animation: jc-pop-left-out-b-lv6uweqnfp 0.5s cubic-bezier(0.64, 0, 0.78, 0) both;
}

@keyframes jc-pop-left-out-b-lv6uweqnfp {
    from { transform: translateX(0); }
    to   { transform: translateX(-150%); }
}

.jc-anim--hiding-right[b-lv6uweqnfp] {
    animation: jc-pop-right-out-b-lv6uweqnfp 0.5s cubic-bezier(0.64, 0, 0.78, 0) both;
}

@keyframes jc-pop-right-out-b-lv6uweqnfp {
    from { transform: translateX(0); }
    to   { transform: translateX(150%); }
}

.jc-anim--hiding-bottom[b-lv6uweqnfp] {
    animation: jc-pop-bottom-out-b-lv6uweqnfp 0.5s cubic-bezier(0.64, 0, 0.78, 0) both;
}

@keyframes jc-pop-bottom-out-b-lv6uweqnfp {
    from { transform: translateY(0); }
    to   { transform: translateY(130%); }
}

/* ── Cake Zone (bottom ~30%) ─────────────────────────────────────── */

.jc-cake-zone[b-lv6uweqnfp] {
    position: relative;
    flex: 0 0 30%;
    min-height: 120px;
    max-height: 220px;
    overflow: hidden;
    background: linear-gradient(to bottom,
        rgba(0, 0, 0, 0.08) 0%,
        rgba(0, 0, 0, 0.22) 100%);
    border-top: 3px solid rgba(255, 200, 100, 0.22);
}

.jc-cake-zone--custom-bg[b-lv6uweqnfp] {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    /* keep a subtle vignette so cakes are readable against any photo */
    box-shadow: inset 0 -60px 40px rgba(0,0,0,0.25);
}

/* ── Jaffa cake button ───────────────────────────────────────────── */

.jc-cake[b-lv6uweqnfp] {
    position: absolute;
    width: 90px;
    height: 90px;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    /* Centre the cake on its X coordinate; bottom edge sits at bottom% */
    transform: translateX(-50%);
    transition: transform 0.1s;
    /* Allow the hold-mode countdown ring (170×170) to extend beyond the button bounds.
       Mobile browsers (Safari/WebKit) default <button> to overflow:hidden which clips it. */
    overflow: visible;
}

.jc-cake:not(:disabled):hover[b-lv6uweqnfp] {
    transform: translateX(-50%) scale(1.14);
}

.jc-cake:not(:disabled):active[b-lv6uweqnfp] {
    transform: translateX(-50%) scale(0.94);
}

@keyframes jc-bounce-in-b-lv6uweqnfp {
    0%   { transform: translateX(-50%) translateY(100%) scale(0.4); opacity: 0; }
    65%  { transform: translateX(-50%) translateY(-8%)  scale(1.12); opacity: 1; }
    100% { transform: translateX(-50%) translateY(0%)   scale(1);    opacity: 1; }
}

.jc-cake__svg[b-lv6uweqnfp] {
    display: block;
    width: 90px;
    height: 90px;
}

/* ── Eating state: cake wiggles ──────────────────────────────────── */

.jc-cake--eating[b-lv6uweqnfp] {
    cursor: default;
    pointer-events: none;
}

.jc-cake--eating .jc-cake__svg[b-lv6uweqnfp] {
    animation: jc-wiggle-b-lv6uweqnfp 0.45s ease-in-out infinite;
}

@keyframes jc-wiggle-b-lv6uweqnfp {
    0%, 100% { transform: rotate(0deg); }
    30%       { transform: rotate(-9deg); }
    70%       { transform: rotate(9deg); }
}

/* ── Eaten: shrink + fade out ────────────────────────────────────── */

.jc-cake--done[b-lv6uweqnfp] {
    pointer-events: none;
    animation: jc-eat-done-b-lv6uweqnfp 0.28s ease-out both;
}

@keyframes jc-eat-done-b-lv6uweqnfp {
    from { transform: translateX(-50%) scale(1);   opacity: 1; }
    to   { transform: translateX(-50%) scale(0.1); opacity: 0; }
}

/* ── Countdown ring ──────────────────────────────────────────────── */

.jc-countdown[b-lv6uweqnfp] {
    position: absolute;
    inset: 0;
    width: 90px;
    height: 90px;
    pointer-events: none;
}

/* Larger ring while the player is holding – extends beyond the cake
   so the countdown is visible even when a finger covers the sprite. */
.jc-countdown--held[b-lv6uweqnfp] {
    width: 170px;
    height: 170px;
    inset: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}

.jc-countdown__track[b-lv6uweqnfp] {
    fill: none;
    stroke: rgba(255, 255, 255, 0.28);
    stroke-width: 5;
}

.jc-countdown__ring[b-lv6uweqnfp] {
    fill: none;
    stroke: #E8820C;
    stroke-width: 5;
    stroke-linecap: round;
    /* Circumference of r=27:  2π × 27 ≈ 169.65 */
    stroke-dasharray: 169.65;
    stroke-dashoffset: 0;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    /* Default 1s sweep for hold mode; tap mode overrides via inline animation-duration */
    animation: jc-ring-sweep-b-lv6uweqnfp 1s linear forwards;
}

.jc-countdown--held .jc-countdown__ring[b-lv6uweqnfp] {
    stroke: #CC3300;
}

@keyframes jc-ring-sweep-b-lv6uweqnfp {
    from { stroke-dashoffset: 0; }
    to   { stroke-dashoffset: 169.65; }
}

/* ── Score HUD ───────────────────────────────────────────────────── */

.jc-hud[b-lv6uweqnfp] {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 6px;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.10), transparent 40%),
        linear-gradient(180deg, #d66f1f, #a94f14);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 0;
    padding: 8px 18px 8px 14px;
    color: white;
    font-weight: 700;
    font-size: 1.25rem;
    pointer-events: none;
}

.jc-hud__icon[b-lv6uweqnfp] {
    font-size: 1.05rem;
}

/* ── Start / Game-over overlay ───────────────────────────────────── */

.jc-overlay[b-lv6uweqnfp] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(7, 16, 23, 0.68);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.jc-overlay__card[b-lv6uweqnfp] {
    background:
        linear-gradient(145deg, rgba(255,255,255,0.10), transparent 38%),
        linear-gradient(315deg, rgba(0,0,0,0.16), transparent 54%),
        linear-gradient(180deg, #d66f1f, #a94f14);
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 0;
    padding: 36px 40px;
    text-align: center;
    max-width: 400px;
    width: 92%;
    box-shadow: 0 20px 52px rgba(7, 16, 23, 0.34);
    color: #fff;
}

.jc-overlay__icon[b-lv6uweqnfp] {
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 10px;
}

.jc-overlay__title[b-lv6uweqnfp] {
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 12px;
    color: #fff;
}

.jc-overlay__msg[b-lv6uweqnfp] {
    color: rgba(255, 255, 255, 0.84);
    margin: 0 0 24px;
    line-height: 1.55;
    font-size: 0.97rem;
}

.jc-overlay__btn[b-lv6uweqnfp] {
    display: block;
    width: 100%;
    padding: 13px 24px;
    background: rgba(255, 255, 255, 0.94);
    color: #8e3d0d;
    font-size: 1.1rem;
    font-weight: 700;
    border: none;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 14px;
    transition: background 0.15s, transform 0.1s;
}

.jc-overlay__btn:hover[b-lv6uweqnfp] {
    background: #071017;
    color: #fff;
    transform: translateY(-1px);
}

.jc-overlay__btn:active[b-lv6uweqnfp] {
    transform: translateY(0);
}

.jc-overlay__link[b-lv6uweqnfp] {
    display: inline-block;
    color: rgba(255, 255, 255, 0.76);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.15s;
}

.jc-overlay__link:hover[b-lv6uweqnfp] {
    color: #fff;
}

.jc-overlay__coinMsg[b-lv6uweqnfp] {
    color: #fff;
    font-weight: 600;
    font-size: 0.95rem;
    margin: -12px 0 20px;
    background: rgba(255, 255, 255, 0.14);
    border-radius: 0;
    padding: 8px 12px;
}

.jc-overlay__msg--warn[b-lv6uweqnfp] {
    color: #fff5cf;
    font-weight: 500;
}

/* ── Fullscreen button ───────────────────────────────────────────── */

.jc-fullscreen-btn[b-lv6uweqnfp] {
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 30;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: rgba(7, 16, 23, 0.78);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 0;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, opacity 0.15s;
    opacity: 0.7;
}

.jc-fullscreen-btn:hover[b-lv6uweqnfp] {
    background: rgba(0, 0, 0, 0.78);
    opacity: 1;
}

.jc-fullscreen-btn svg[b-lv6uweqnfp] {
    width: 20px;
    height: 20px;
    fill: currentColor;
    display: block;
}

/* ── Responsive tweaks ───────────────────────────────────────────── */

@media (max-width: 480px) {
    .jc-wrapper[b-lv6uweqnfp] {
        height: calc(100dvh - 56px);
        min-height: 360px;
    }

    .jc-cake-zone[b-lv6uweqnfp] {
        flex: 0 0 28%;
        min-height: 100px;
        max-height: 180px;
    }

    .jc-cake[b-lv6uweqnfp],
    .jc-cake__svg[b-lv6uweqnfp],
    .jc-countdown[b-lv6uweqnfp] {
        width: 72px;
        height: 72px;
    }

    /* Ensure caricatures are large enough to be seen on portrait phones */
    .jc-character[b-lv6uweqnfp] {
        min-width: 70px;
    }

    .jc-overlay__card[b-lv6uweqnfp] {
        padding: 20px 16px;
        width: 96%;
    }

    .jc-overlay__icon[b-lv6uweqnfp] {
        font-size: 2.5rem;
    }

    .jc-overlay__title[b-lv6uweqnfp] {
        font-size: 1.5rem;
    }

    .jc-overlay__msg[b-lv6uweqnfp] {
        font-size: 0.88rem;
        margin-bottom: 16px;
    }

    .jc-overlay__btn[b-lv6uweqnfp] {
        padding: 11px 16px;
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .jc-hud[b-lv6uweqnfp] {
        padding: 4px 12px 4px 10px;
        font-size: 1.05rem;
        top: 8px;
        right: 10px;
    }
}

/* ── Landscape mobile: keep caricatures visible in the short scene ── */
/* On phones held sideways the scene is only ~200–240 px tall.
   Characters sliding in from the bottom would start fully off-screen
   (translateY(130%) >> scene height) and their final position could
   overflow the scene bottom.  Two fixes:
   1. Cap the character height at 55 % of the scene so the final
      position always sits within the scene.
   2. Reduce the pop-bottom entrance offset to 80 % so the character
      is visible from the very beginning of the slide-in. */
@media (orientation: landscape) and (max-height: 500px) {
    .jc-character[b-lv6uweqnfp] {
        max-height: 55%;
        overflow: hidden;
    }

    @keyframes jc-pop-bottom-b-lv6uweqnfp {
        from { transform: translateY(80%); }
        to   { transform: translateY(0); }
    }
}

/* ── Click-and-hold visual feedback ─────────────────────────────── */

.jc-cake--held .jc-cake__svg[b-lv6uweqnfp] {
    transform: scale(0.9);
    transition: transform 0.15s ease-out;
    filter: brightness(1.15) drop-shadow(0 0 6px rgba(204, 51, 0, 0.7));
}

/* ── Partial pop-out animations (Feint caricature behaviour) ─────── */
/* All directions peek from below so only the top of the image
   (eyes / crown) is briefly visible before the full pop-out. */

@keyframes jc-pop-partial-peek-b-lv6uweqnfp {
    from { transform: translateY(130%); }
    to   { transform: translateY(80%);  }
}

@keyframes jc-pop-partial-peek-out-b-lv6uweqnfp {
    from { transform: translateY(80%);  }
    to   { transform: translateY(130%); }
}

.jc-anim--partial-in-bottom[b-lv6uweqnfp],
.jc-anim--partial-in-left[b-lv6uweqnfp],
.jc-anim--partial-in-right[b-lv6uweqnfp] {
    animation: jc-pop-partial-peek-b-lv6uweqnfp 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.jc-anim--partial-hiding-bottom[b-lv6uweqnfp],
.jc-anim--partial-hiding-left[b-lv6uweqnfp],
.jc-anim--partial-hiding-right[b-lv6uweqnfp] {
    animation: jc-pop-partial-peek-out-b-lv6uweqnfp 0.4s cubic-bezier(0.64, 0, 0.78, 0) both;
}

/* ── Danger cake ─────────────────────────────────────────────────── */

.jc-cake--danger[b-lv6uweqnfp] {
    filter: drop-shadow(0 0 6px rgba(220, 30, 30, 0.75));
}

.jc-cake--danger:not(:disabled):hover[b-lv6uweqnfp] {
    filter: drop-shadow(0 0 10px rgba(220, 30, 30, 1));
}

/* ── Keyboard letter badge ───────────────────────────────────────── */
/* Hidden on touch devices (phones/tablets); visible on pointer       */
/* devices (laptops/desktops) via the hover:hover pointer:fine query. */

.jc-cake__key[b-lv6uweqnfp] {
    display: none;
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    color: white;
    background: rgba(0, 0, 0, 0.68);
    border: 1px solid rgba(255, 200, 100, 0.55);
    border-radius: 4px;
    padding: 1px 5px;
    line-height: 1.4;
    pointer-events: none;
    z-index: 2;
    white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
    .jc-cake__key[b-lv6uweqnfp] {
        display: block;
    }
}

/* Keyboard hint in the instructions overlay — hidden on touch devices */
.jc-keyboard-hint[b-lv6uweqnfp] {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .jc-keyboard-hint[b-lv6uweqnfp] {
        display: inline;
    }
}

/* ── Coin milestone banner ───────────────────────────────────────── */

.jc-milestone-banner[b-lv6uweqnfp] {
    display: inline-block;
    font-size: 1.75rem;
    font-weight: 800;
    color: #b07000;
    background: linear-gradient(135deg, #fff8e1 0%, #ffe082 100%);
    border: 2px solid #f9a825;
    border-radius: 14px;
    padding: 14px 36px;
    box-shadow: 0 2px 12px rgba(249, 168, 37, 0.25);
}

/* ── Hunger bar ──────────────────────────────────────────────────── */

.jc-hunger[b-lv6uweqnfp] {
    position: absolute;
    top: 12px;
    left: 16px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 8px;
    background:
        linear-gradient(145deg, rgba(255,255,255,0.10), transparent 40%),
        linear-gradient(180deg, #164f35, #0f3624);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 0;
    padding: 8px 14px 8px 12px;
    pointer-events: none;
    min-width: 120px;
}

.jc-hunger__icon[b-lv6uweqnfp] {
    font-size: 1.05rem;
    flex-shrink: 0;
}

.jc-hunger__track[b-lv6uweqnfp] {
    flex: 1 1 auto;
    height: 10px;
    background: rgba(255, 255, 255, 0.18);
    border-radius: 6px;
    overflow: hidden;
    min-width: 72px;
}

.jc-hunger__fill[b-lv6uweqnfp] {
    height: 100%;
    border-radius: 6px;
    transition: width 0.15s linear, background-color 0.4s ease;
}

.jc-hunger__fill--high[b-lv6uweqnfp] { background: #4caf50; }
.jc-hunger__fill--mid[b-lv6uweqnfp]  { background: #f9a825; }
.jc-hunger__fill--low[b-lv6uweqnfp]  { background: #e53935; animation: jc-hunger-pulse-b-lv6uweqnfp 0.7s ease-in-out infinite alternate; }

@keyframes jc-hunger-pulse-b-lv6uweqnfp {
    from { opacity: 1; }
    to   { opacity: 0.55; }
}

/* ── Start countdown overlay ─────────────────────────────────────── */

.jc-start-countdown[b-lv6uweqnfp] {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(7, 16, 23, 0.64);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    pointer-events: none;
}

.jc-start-countdown__number[b-lv6uweqnfp] {
    font-size: 9rem;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    text-shadow: 0 8px 30px rgba(7, 16, 23, 0.55);
    animation: jc-num-pop-b-lv6uweqnfp 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes jc-num-pop-b-lv6uweqnfp {
    from { transform: scale(3.5); opacity: 0; }
    to   { transform: scale(1);   opacity: 1; }
}
/* /Pages/Login.razor.rz.scp.css */
.bgm-authShell[b-5sb5x4yedt] {
    min-height: calc(100vh - var(--bgm-header-height, 64px));
    display: grid;
    align-items: start;
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    padding: clamp(24px, 3vw, 40px) clamp(14px, 3vw, 32px) clamp(40px, 5vw, 64px);
}

.bgm-authFrame[b-5sb5x4yedt] {
    display: grid;
    grid-template-columns: minmax(17rem, 0.78fr) minmax(27rem, 1.22fr);
    width: min(980px, 100%);
    margin: 0 auto;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
}

.bgm-authCard__intro[b-5sb5x4yedt] {
    position: relative;
    display: flex;
    min-height: 34rem;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    background: var(--bgm-rd-green, #164f35);
    color: #fffdf4;
    padding: clamp(28px, 4vw, 48px);
}

.bgm-authCard__brand[b-5sb5x4yedt] {
    position: relative;
    z-index: 1;
    width: fit-content;
    color: #fffdf4;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-authCard__brand:hover[b-5sb5x4yedt],
.bgm-authCard__brand:focus-visible[b-5sb5x4yedt] {
    color: #f2c84b;
    text-decoration: underline;
    text-underline-offset: 0.3em;
}

.bgm-authCard__brand:focus-visible[b-5sb5x4yedt] {
    outline: 2px solid #f2c84b;
    outline-offset: 5px;
}

.bgm-authCard__introCopy[b-5sb5x4yedt] {
    position: relative;
    z-index: 1;
    margin: auto 0;
    padding: 3rem 0;
}

.bgm-authCard__intro h1[b-5sb5x4yedt] {
    max-width: 8ch;
    margin: 0;
    color: #fffdf4;
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(3.1rem, 5vw, 4.25rem);
    font-weight: 950;
    letter-spacing: -0.03em;
    line-height: 0.88;
    text-wrap: balance;
}

.bgm-authCard__intro p[b-5sb5x4yedt] {
    max-width: 30ch;
    margin: 1.25rem 0 0;
    color: rgba(255, 253, 244, 0.78);
    font-size: 1rem;
    line-height: 1.55;
}

.bgm-authCard__edition[b-5sb5x4yedt] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(255, 253, 244, 0.28);
    padding-top: 1rem;
}

.bgm-authCard__edition span[b-5sb5x4yedt] {
    color: rgba(255, 253, 244, 0.72);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bgm-authCard__panel[b-5sb5x4yedt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(30px, 5vw, 62px);
}

.bgm-authModeSwitch[b-5sb5x4yedt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid rgba(23, 34, 43, 0.16);
    margin-bottom: 2rem;
}

.bgm-authModeSwitch__item[b-5sb5x4yedt] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.7rem 0.75rem;
    color: rgba(23, 34, 43, 0.62);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-authModeSwitch__item.is-active[b-5sb5x4yedt] {
    color: var(--bgm-rd-green, #164f35);
}

.bgm-authModeSwitch__item.is-active[b-5sb5x4yedt]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: #d66f1f;
}

.bgm-authModeSwitch a:hover[b-5sb5x4yedt] {
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-authModeSwitch a:focus-visible[b-5sb5x4yedt] {
    color: var(--bgm-rd-blue, #0087c8);
    outline: 2px solid currentColor;
    outline-offset: -4px;
}

.bgm-authForm[b-5sb5x4yedt] {
    display: grid;
}

.bgm-authField[b-5sb5x4yedt] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 1.15rem;
}

.form-label[b-5sb5x4yedt],
.form-check-label[b-5sb5x4yedt] {
    margin: 0;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.88rem;
    font-weight: 850;
    letter-spacing: 0;
}

.form-control[b-5sb5x4yedt] {
    min-height: 50px;
    border: 1px solid rgba(23, 34, 43, 0.24);
    border-radius: 0;
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    padding: 0.75rem 0.9rem;
}

.form-control:hover[b-5sb5x4yedt] {
    border-color: rgba(23, 34, 43, 0.42);
}

.form-control:focus[b-5sb5x4yedt] {
    border-color: var(--bgm-rd-blue, #0087c8);
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.18);
    outline-offset: 1px;
}

.input-group .btn[b-5sb5x4yedt] {
    min-width: 4.5rem;
    border-radius: 0;
    border-color: rgba(23, 34, 43, 0.28);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font-weight: 850;
}

.input-group .btn:hover[b-5sb5x4yedt],
.input-group .btn:focus-visible[b-5sb5x4yedt] {
    border-color: var(--bgm-rd-blue, #0087c8);
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08);
    color: var(--bgm-rd-blue, #0087c8);
}

.input-group .btn:focus-visible[b-5sb5x4yedt] {
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.18);
    outline-offset: 1px;
}

.bgm-authRemember[b-5sb5x4yedt] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-height: 28px;
    margin: 0.1rem 0 1.6rem;
    padding-left: 0;
}

.form-check-input[b-5sb5x4yedt] {
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem 0 0;
    border-color: rgba(23, 34, 43, 0.34);
    border-radius: 0;
}

.form-check-input:checked[b-5sb5x4yedt] {
    background-color: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
}

.form-check-input:focus[b-5sb5x4yedt] {
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.18);
    outline-offset: 2px;
}

.bgm-authActions[b-5sb5x4yedt] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.btn[b-5sb5x4yedt] {
    border-radius: 0;
    font-weight: 900;
}

.btn-primary[b-5sb5x4yedt] {
    min-height: 50px;
    background: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
    letter-spacing: 0.06em;
    padding: 0.75rem 1.35rem;
    text-transform: uppercase;
}

.btn-primary:hover[b-5sb5x4yedt],
.btn-primary:focus-visible[b-5sb5x4yedt] {
    background: #0f3d29;
    border-color: #0f3d29;
}

.btn-primary:focus-visible[b-5sb5x4yedt] {
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.24);
    outline-offset: 2px;
}

.btn-link[b-5sb5x4yedt] {
    color: var(--bgm-rd-ink, #17222b);
    font-weight: 800;
    text-underline-offset: 0.2em;
}

.btn-link:hover[b-5sb5x4yedt],
.btn-link:focus-visible[b-5sb5x4yedt] {
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-authStatus[b-5sb5x4yedt] {
    border: 1px solid currentColor;
    margin: 0 0 1.25rem;
    padding: 0.75rem 0.9rem;
}

.bgm-authStatus a[b-5sb5x4yedt] {
    color: inherit;
    font-weight: 800;
}

.bgm-authStatus--success[b-5sb5x4yedt] {
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.08);
    color: var(--bgm-rd-green, #164f35);
}

.bgm-authStatus--error[b-5sb5x4yedt] {
    background: rgba(155, 44, 44, 0.08);
    color: var(--bgm-error, #9b2c2c);
}

@media (max-width: 760px) {
    .bgm-authShell[b-5sb5x4yedt] {
        align-items: start;
        padding: 1rem 0.65rem 2rem;
    }

    .bgm-authFrame[b-5sb5x4yedt] {
        grid-template-columns: 1fr;
    }

    .bgm-authCard__intro[b-5sb5x4yedt] {
        min-height: 19rem;
        padding: 1.65rem 1.4rem;
    }

    .bgm-authCard__introCopy[b-5sb5x4yedt] {
        margin: 0;
        padding: 2.4rem 0;
    }

    .bgm-authCard__intro h1[b-5sb5x4yedt] {
        max-width: 10ch;
        font-size: clamp(3rem, 14vw, 4.25rem);
    }

    .bgm-authCard__intro p[b-5sb5x4yedt] {
        max-width: 34ch;
        margin-top: 1rem;
    }

    .bgm-authCard__panel[b-5sb5x4yedt] {
        padding: 1.6rem 1rem 1.75rem;
    }

    .bgm-authModeSwitch[b-5sb5x4yedt] {
        margin-bottom: 1.6rem;
    }

    .bgm-authActions[b-5sb5x4yedt] {
        display: grid;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .bgm-authActions .btn[b-5sb5x4yedt] {
        justify-content: center;
        width: 100%;
    }
}
/* /Pages/Member.razor.rz.scp.css */
.bgm-memberPage[b-khunjm2d96] {
    --bgm-member-accent: #00638e;
    --bgm-member-accent-foreground: #fff;
    width: min(1320px, 100%);
    margin: 0 auto;
    padding: clamp(1rem, 2.4vw, 2rem) clamp(0.875rem, 3vw, 2.5rem) 3rem;
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-memberPage--state[b-khunjm2d96] {
    min-height: 42vh;
}

.bgm-memberHero[b-khunjm2d96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: clamp(1rem, 3vw, 2rem);
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
    border-radius: 16px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--bgm-member-accent) 88%, #071017), color-mix(in srgb, var(--bgm-member-accent) 54%, #071017)),
        var(--bgm-rd-green, #164f35);
    color: #fffdf4;
    box-shadow: 0 18px 36px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
}

.bgm-memberHero__identity[b-khunjm2d96] {
    display: flex;
    align-items: center;
    gap: clamp(1rem, 2vw, 1.5rem);
    min-width: 0;
}

[b-khunjm2d96] .bgm-memberHero__avatar {
    position: relative;
    width: clamp(84px, 10vw, 116px);
    height: clamp(84px, 10vw, 116px);
    border-radius: 8px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
    border: 4px solid rgba(255, 255, 255, 0.82);
    background: #e7eff8;
    color: var(--bgm-rd-green, #164f35);
    font-size: 2rem;
    font-weight: 900;
}

[b-khunjm2d96] .bgm-memberHero__avatar img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 50%;
}

.bgm-memberHero__copy[b-khunjm2d96] {
    min-width: 0;
}

.bgm-memberHero__kicker[b-khunjm2d96] {
    color: #00638e;
    font-weight: 900;
    font-size: 0.82rem;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bgm-memberHero .bgm-memberHero__kicker[b-khunjm2d96] {
    color: color-mix(in srgb, #fff 82%, var(--bgm-member-accent));
}

.bgm-memberHero h1[b-khunjm2d96] {
    margin: 0.2rem 0 0;
    color: inherit;
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(2.25rem, 6vw, 5rem);
    font-weight: 950;
    line-height: 0.95;
    text-shadow: none;
}

.bgm-memberHero__tagline[b-khunjm2d96] {
    max-width: 56rem;
    margin: 0.75rem 0 0;
    color: rgba(255, 253, 244, 0.78);
    font-size: clamp(1rem, 2vw, 1.35rem);
}

.bgm-memberHero__badges[b-khunjm2d96] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.9rem;
}

.bgm-memberHero__badge[b-khunjm2d96] {
    min-width: 0;
}

.bgm-memberHero__actions[b-khunjm2d96] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.bgm-memberButton[b-khunjm2d96] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.75rem 1rem;
    border: 1px solid currentColor;
    border-radius: 8px;
    font-weight: 900;
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-memberButton:hover[b-khunjm2d96],
.bgm-memberButton:focus-visible[b-khunjm2d96] {
    color: var(--bgm-rd-green, #164f35);
    background: #fff4c9;
    border-color: #fff4c9;
}

.bgm-memberButton--primary[b-khunjm2d96] {
    background: var(--bgm-member-accent);
    border-color: var(--bgm-member-accent);
    color: var(--bgm-member-accent-foreground, #fff);
}

.bgm-memberAccentPicker[b-khunjm2d96] {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 10px;
}

.bgm-memberAccentPicker .form-control-color[b-khunjm2d96] {
    width: 64px;
    min-height: 38px;
    padding: 3px;
}

.bgm-memberButton--ghost[b-khunjm2d96] {
    background: transparent;
    color: #fffdf4;
}

.bgm-memberStats[b-khunjm2d96] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.875rem;
    margin-top: 1rem !important;
}

.bgm-memberStat[b-khunjm2d96] {
    min-height: 108px;
    border-radius: 8px;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    background: #fffdf7;
    padding: 1rem;
    box-shadow: 0 10px 22px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.055);
}

.bgm-memberStat--clickable[b-khunjm2d96] {
    cursor: pointer;
}

.bgm-memberStat--button[b-khunjm2d96] {
    width: 100%;
    display: block;
    text-align: left;
    font: inherit;
    color: inherit;
    appearance: none;
}

.bgm-memberStat--wins[b-khunjm2d96] {
    grid-column: span 2;
}

.bgm-memberWinsSummary[b-khunjm2d96] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 0.55rem;
}

.bgm-memberWinsSummary__item[b-khunjm2d96] {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    justify-items: start;
    gap: 0.35rem;
}

.bgm-memberWinsSummary__item + .bgm-memberWinsSummary__item[b-khunjm2d96] {
    padding-left: 1rem;
    border-left: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.13);
}

.bgm-memberWinsSummary__label[b-khunjm2d96] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.72);
    font-size: 0.82rem;
    font-weight: 800;
}

.bgm-memberWinsSummary__value[b-khunjm2d96] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(1.8rem, 4vw, 2.75rem);
    line-height: 1;
}

.bgm-memberStat--button:hover[b-khunjm2d96],
.bgm-memberStat--snackScore:hover[b-khunjm2d96] {
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.65);
    background: #fff8df;
}

.bgm-memberStat--clickable:focus-visible[b-khunjm2d96] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.28);
    outline-offset: 2px;
}

.bgm-memberStat__label[b-khunjm2d96] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.72);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bgm-memberStat__labelRow[b-khunjm2d96],
.bgm-memberSectionTitle[b-khunjm2d96],
.bgm-memberSnackPanel__header[b-khunjm2d96] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.bgm-memberStat__labelRow[b-khunjm2d96] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.72);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bgm-memberInfoIcon[b-khunjm2d96] {
    width: 44px;
    height: 44px;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    color: var(--bgm-rd-blue, #0087c8);
    cursor: pointer;
    font: inherit;
}

.bgm-memberInfoIcon:hover[b-khunjm2d96],
.bgm-memberInfoIcon:focus-visible[b-khunjm2d96] {
    background: #fff4c9;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-memberStat__value[b-khunjm2d96] {
    margin-top: 0.25rem;
    color: var(--bgm-rd-ink, #17222b);
    font-size: clamp(1.8rem, 4vw, 2.75rem);
    font-weight: 950;
    line-height: 1;
    text-decoration: none;
}

.bgm-memberStat__value.btn-link[b-khunjm2d96] {
    color: inherit;
}

.bgm-memberStat--snackScore[b-khunjm2d96] {
    display: grid;
    gap: 0.5rem;
}

.bgm-memberSnackScore__trigger[b-khunjm2d96] {
    display: grid;
    gap: 0.5rem;
    width: 100%;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.bgm-memberSnackScore__trigger:focus-visible[b-khunjm2d96] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.28);
    outline-offset: 4px;
}

.bgm-memberSnackScore__main[b-khunjm2d96] {
    display: flex;
    align-items: baseline;
    gap: 0.55rem;
    min-width: 0;
}

.bgm-memberSnackScore__main strong[b-khunjm2d96] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: clamp(2rem, 4.6vw, 3rem);
    font-weight: 950;
    line-height: 0.9;
}

.bgm-memberSnackScore__main span[b-khunjm2d96] {
    min-width: 0;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.82rem;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.05;
    text-transform: uppercase;
}

.bgm-memberSnackMeter[b-khunjm2d96] {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
}

.bgm-memberSnackMeter span[b-khunjm2d96] {
    display: block;
    width: var(--bgm-snack-score, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--bgm-rd-blue, #0087c8), var(--bgm-rd-gold, #d9b13b));
}

.bgm-memberSnackScore__meta[b-khunjm2d96] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.70);
    font-size: 0.76rem;
    font-weight: 800;
}

.bgm-memberInlineHelp[b-khunjm2d96] {
    max-width: 68ch;
    padding: 0.75rem 0.85rem;
    border-radius: 8px;
    background: #eef7fb;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.9rem;
    line-height: 1.45;
}

.bgm-memberCave[b-khunjm2d96] {
    display: grid;
    grid-template-columns: minmax(240px, 0.42fr) minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.bgm-memberHall__intro[b-khunjm2d96] {
    padding: 1.25rem;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    background: #fffdf7;
}

.bgm-memberHall__intro h2[b-khunjm2d96] {
    margin: 0.25rem 0 0;
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(1.75rem, 4vw, 3rem);
    font-weight: 950;
    line-height: 1;
    text-shadow: none;
}

.bgm-memberHall__intro p[b-khunjm2d96] {
    margin: 0.85rem 0 0;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.66);
    font-size: 1rem;
}

.bgm-memberHall__room[b-khunjm2d96] {
    min-height: 360px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
    background: #12382b;
    color: #fffdf4;
}

.bgm-memberHall__wall[b-khunjm2d96] {
    min-height: 290px;
    padding: clamp(1rem, 2vw, 1.4rem);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px),
        #12382b;
    background-size: 54px 100%;
}

.bgm-memberHall__portrait[b-khunjm2d96] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 8px;
    background: rgba(7, 16, 23, 0.36);
}

[b-khunjm2d96] .bgm-memberHall__avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: #e7eff8;
    color: var(--bgm-rd-green, #164f35);
    font-size: 1.2rem;
    font-weight: 900;
    border: 2px solid rgba(255, 255, 255, 0.72);
}

[b-khunjm2d96] .bgm-memberHall__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.bgm-memberHall__portrait strong[b-khunjm2d96],
.bgm-memberHall__portrait span[b-khunjm2d96] {
    display: block;
}

.bgm-memberHall__portrait span[b-khunjm2d96] {
    color: rgba(255, 253, 244, 0.68);
    font-size: 0.9rem;
}

.bgm-memberHall__shelf[b-khunjm2d96] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 10px solid #87562c;
}

.bgm-memberHall__shelf--bottom[b-khunjm2d96] {
    margin-top: 1.25rem;
}

.bgm-memberHall__trinket[b-khunjm2d96] {
    min-height: 104px;
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 0.25rem;
    padding: 0.8rem;
    border: 1px dashed rgba(255, 253, 244, 0.30);
    border-radius: 8px;
    background: rgba(255, 253, 244, 0.08);
    text-align: center;
}

.bgm-memberHall__trinket.is-filled[b-khunjm2d96] {
    border-style: solid;
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.62);
    background: #fff4c9;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-memberHall__trinket[b-khunjm2d96]  .bgm-icon {
    font-size: 1.8rem;
}

.bgm-memberHall__trinket strong[b-khunjm2d96] {
    color: inherit;
    font-size: clamp(1.05rem, 2vw, 1.35rem);
    line-height: 1;
}

.bgm-memberHall__trinket span[b-khunjm2d96] {
    color: currentColor;
    opacity: 0.74;
    font-size: 0.82rem;
    font-weight: 800;
}

.bgm-memberHall__floor[b-khunjm2d96] {
    position: absolute;
    inset: auto 0 0;
    min-height: 86px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem clamp(1rem, 2vw, 1.5rem);
    background: #9b6935;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.bgm-memberHall__plaque[b-khunjm2d96] {
    max-width: min(520px, 78%);
    display: grid;
    gap: 0.2rem;
}

.bgm-memberHall__plaque span[b-khunjm2d96] {
    color: rgba(255, 253, 244, 0.66);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bgm-memberHall__plaque strong[b-khunjm2d96] {
    color: #fffdf4;
    font-size: clamp(1rem, 2vw, 1.4rem);
    line-height: 1.08;
}

.bgm-memberHall__rug[b-khunjm2d96] {
    width: clamp(92px, 18vw, 190px);
    height: 34px;
    border-radius: 999px;
    background: var(--bgm-rd-blue, #0087c8);
    box-shadow: inset 0 0 0 8px #fff4c9;
}

.bgm-memberCave__room[b-khunjm2d96] {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.16);
    border-radius: 8px;
    background: #eef5f8;
    box-shadow: 0 12px 26px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
}

.bgm-memberInfoIcon:focus-visible[b-khunjm2d96] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.28);
    outline-offset: 2px;
}

.bgm-memberStat__disclosure[b-khunjm2d96] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.72rem;
    text-transform: none;
}

.bgm-memberStat__disclosure[b-khunjm2d96]::after {
    content: "›";
    font-size: 1rem;
    line-height: 1;
}

.bgm-memberWins[b-khunjm2d96] {
    overflow: hidden;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.11);
    border-radius: 14px;
    background: #fffdf7;
    box-shadow: 0 12px 28px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.07);
}

.bgm-memberWins__header[b-khunjm2d96] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.35rem 1rem;
}

.bgm-memberWins__header h2[b-khunjm2d96],
.bgm-memberWin h3[b-khunjm2d96] {
    margin: 0;
    color: var(--bgm-rd-dark, #071017);
}

.bgm-memberWins__header h2[b-khunjm2d96] {
    font-size: 1.25rem;
}

.bgm-memberWins__header p[b-khunjm2d96] {
    max-width: 65ch;
    margin: 0.25rem 0 0;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
}

.bgm-memberWins__count[b-khunjm2d96],
.bgm-memberWin__type[b-khunjm2d96] {
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.10);
    color: var(--bgm-rd-green, #164f35);
    font-size: 0.78rem;
    font-weight: 850;
}

.bgm-memberWins__count[b-khunjm2d96] {
    padding: 0.4rem 0.65rem;
}

.bgm-memberWins__empty[b-khunjm2d96] {
    margin: 0;
    padding: 0 1.35rem 1.25rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
}

.bgm-memberWins__list[b-khunjm2d96] {
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
}

.bgm-memberWin[b-khunjm2d96] {
    padding: 1rem 1.35rem 1.1rem;
}

.bgm-memberWin + .bgm-memberWin[b-khunjm2d96] {
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
}

.bgm-memberWin__summary[b-khunjm2d96] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.bgm-memberWin h3[b-khunjm2d96] {
    font-size: 1rem;
    font-weight: 850;
}

.bgm-memberWin time[b-khunjm2d96] {
    display: block;
    margin-top: 0.15rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.64);
    font-size: 0.88rem;
}

.bgm-memberWin__type[b-khunjm2d96] {
    padding: 0.3rem 0.55rem;
}

.bgm-memberWin__routes[b-khunjm2d96] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.32fr) minmax(0, 1fr);
    gap: 0.75rem 1.25rem;
    margin-top: 0.8rem;
    padding-top: 0.8rem;
    border-top: 1px dashed rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.16);
}

.bgm-memberWin__routesLabel[b-khunjm2d96] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
    font-size: 0.78rem;
    font-weight: 850;
    text-transform: uppercase;
}

.bgm-memberWin__routes dl[b-khunjm2d96] {
    display: grid;
    gap: 0.45rem;
    margin: 0;
}

.bgm-memberWin__routes dl > div[b-khunjm2d96] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.45fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.bgm-memberWin__routes dt[b-khunjm2d96],
.bgm-memberWin__routes dd[b-khunjm2d96] {
    margin: 0;
    font-size: 0.88rem;
}

.bgm-memberWin__routes dt[b-khunjm2d96] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
    font-weight: 700;
}

.bgm-memberWin__routes dd[b-khunjm2d96] {
    color: var(--bgm-rd-dark, #071017);
    font-weight: 800;
}

.bgm-memberCave__layer[b-khunjm2d96] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.bgm-memberCave__layer.is-background[b-khunjm2d96] {
    z-index: 1;
}

.bgm-memberCave__layer.is-floor[b-khunjm2d96] {
    z-index: 2;
}

.bgm-memberCave__layer.is-door[b-khunjm2d96] {
    z-index: 3;
}

.bgm-memberCave__layer.is-cave[b-khunjm2d96] {
    z-index: 4;
}

.bgm-memberCave__item[b-khunjm2d96] {
    position: absolute;
    transform: translate(-50%, -50%);
    object-fit: contain;
    max-height: 42%;
    filter: drop-shadow(0 10px 10px rgba(7, 16, 23, 0.20));
    pointer-events: none;
}

.bgm-memberCave__controls[b-khunjm2d96] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    background: #fffdf7;
}

.bgm-memberCave__firstEdit[b-khunjm2d96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.75rem;
    padding: 0.85rem;
    border-radius: 10px;
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08);
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-memberCave__firstEdit > div[b-khunjm2d96] {
    display: grid;
    gap: 0.15rem;
}

.bgm-memberCave__firstEdit strong[b-khunjm2d96],
.bgm-memberCave__firstEdit span[b-khunjm2d96] {
    display: block;
}

.bgm-memberCave__firstEdit strong[b-khunjm2d96] {
    color: var(--bgm-rd-green, #164f35);
    font-weight: 950;
}

.bgm-memberCave__firstEdit span[b-khunjm2d96] {
    max-width: 58ch;
    font-size: 1rem;
    line-height: 1.4;
}

.bgm-memberCave__firstEdit .btn[b-khunjm2d96] {
    flex: 0 0 auto;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

.bgm-memberCave__controlRow[b-khunjm2d96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.08);
}

.bgm-memberCave__controlRow:last-child[b-khunjm2d96] {
    border-bottom: 0;
}

.bgm-memberCave__controlName[b-khunjm2d96] {
    min-width: 0;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    column-gap: 0.65rem;
    align-items: center;
}

.bgm-memberCave__controlName img[b-khunjm2d96] {
    grid-row: span 2;
    width: 40px;
    height: 40px;
    object-fit: contain;
    background: #f6f2e9;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.12);
}

.bgm-memberCave__controlName span[b-khunjm2d96] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 900;
}

.bgm-memberCave__controlName small[b-khunjm2d96] {
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.58);
    font-weight: 800;
}

.bgm-memberCave__buttons[b-khunjm2d96] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
}

.bgm-memberCave__buttons button[b-khunjm2d96] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.18);
    border-radius: 6px;
    background: #fff;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-memberCave__buttons button:hover[b-khunjm2d96],
.bgm-memberCave__buttons button:focus-visible[b-khunjm2d96] {
    background: #fff4c9;
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.75);
}

.bgm-memberPage .card[b-khunjm2d96] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    background: #fffdf7;
    box-shadow: 0 10px 22px rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.055);
}

.bgm-memberPage .card-body[b-khunjm2d96] {
    padding: clamp(1rem, 2vw, 1.35rem);
}

.bgm-memberDetails[b-khunjm2d96] {
    margin-top: 0.25rem;
}

.bgm-memberProfile__header[b-khunjm2d96],
.bgm-memberEditActions[b-khunjm2d96],
.bgm-memberProfileEmpty[b-khunjm2d96] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.bgm-memberProfileForm[b-khunjm2d96] {
    max-width: 72ch;
    margin-top: 1.25rem;
}

.bgm-memberFieldMeta[b-khunjm2d96] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.35rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
    font-size: 0.8rem;
}

.bgm-memberProfileForm .validation-message[b-khunjm2d96] {
    margin-top: 0.35rem;
    color: #8c1d25;
    font-size: 0.84rem;
    font-weight: 800;
}

.bgm-memberEditActions[b-khunjm2d96] {
    justify-content: flex-start;
}

.bgm-memberEditActions .btn[b-khunjm2d96] {
    min-height: 44px;
}

.bgm-memberDiscardPrompt[b-khunjm2d96] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 8px;
    background: #fff4c9;
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-memberDiscardPrompt > div[b-khunjm2d96] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.bgm-memberProfileEmpty[b-khunjm2d96] {
    justify-content: flex-start;
    padding: 0.85rem;
    border-radius: 8px;
    background: #f5f1e7;
}

.bgm-memberRecordsGrid[b-khunjm2d96] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: stretch;
}

.bgm-memberRecordsGrid > .card[b-khunjm2d96] {
    height: 100%;
    margin-top: 0 !important;
}

.bgm-memberRecordsGrid > :last-child:nth-child(odd)[b-khunjm2d96] {
    grid-column: 1 / -1;
}

.bgm-memberRecordBlock[b-khunjm2d96] {
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
}

.bgm-memberRecordBlock h3[b-khunjm2d96] {
    margin: 0 0 0.7rem;
    color: var(--bgm-rd-green, #164f35);
    font-size: 1rem;
    font-weight: 900;
}

.bgm-memberConnectFourStats[b-khunjm2d96] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.bgm-memberConnectFourStats div[b-khunjm2d96] {
    min-width: 0;
    padding: 0.7rem;
    border-radius: 8px;
    background: #f5f1e7;
}

.bgm-memberConnectFourStats strong[b-khunjm2d96],
.bgm-memberConnectFourStats span[b-khunjm2d96] {
    display: block;
}

.bgm-memberConnectFourStats strong[b-khunjm2d96] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1;
}

.bgm-memberConnectFourStats span[b-khunjm2d96] {
    margin-top: 0.2rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.68);
    font-size: 0.75rem;
    font-weight: 800;
}

.bgm-memberRecordDisclosure[b-khunjm2d96] {
    overflow: hidden;
}

.bgm-memberRecordDisclosure summary[b-khunjm2d96] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    color: var(--bgm-rd-green, #164f35);
    cursor: pointer;
    font-weight: 950;
}

.bgm-memberRecordDisclosure summary:focus-visible[b-khunjm2d96] {
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.28);
    outline-offset: -3px;
}

.bgm-memberRecordDisclosure[open] summary[b-khunjm2d96] {
    background: #fff4c9;
}

.bgm-memberPage h2[b-khunjm2d96],
.bgm-memberPage .h5[b-khunjm2d96],
.bgm-memberPage .card-title[b-khunjm2d96] {
    color: var(--bgm-rd-green, #164f35);
    font-weight: 950;
    text-shadow: none;
}

.bgm-memberPage .list-group-item[b-khunjm2d96] {
    background: transparent;
    border-color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.08);
}

.bgm-memberSnackPanel__header[b-khunjm2d96] {
    margin-bottom: 0.75rem;
}

.bgm-memberSnackPanel .card-body[b-khunjm2d96] {
    isolation: isolate;
    overflow: hidden;
    position: relative;
}

.bgm-memberSnackPanel__art[b-khunjm2d96] {
    bottom: -180px;
    opacity: 0.26;
    pointer-events: none;
    position: absolute;
    right: -60px;
    width: clamp(260px, 32vw, 430px);
    z-index: 0;
}

.bgm-memberSnackPanel .card-body > :not(.bgm-memberSnackPanel__art)[b-khunjm2d96] {
    position: relative;
    z-index: 1;
}

.bgm-memberSnackPanel__header h2[b-khunjm2d96] {
    margin: 0.1rem 0 0;
}

.bgm-memberSnackPanel__actions[b-khunjm2d96] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.bgm-memberSnackPanel__collapse[b-khunjm2d96],
.bgm-memberSnackTabs__button[b-khunjm2d96] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.16);
    border-radius: 6px;
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 900;
}

.bgm-memberSnackPanel__collapse[b-khunjm2d96] {
    min-height: 44px;
    padding: 0.45rem 0.75rem;
}

.bgm-memberSnackPanel__collapse:hover[b-khunjm2d96],
.bgm-memberSnackPanel__collapse:focus-visible[b-khunjm2d96],
.bgm-memberSnackTabs__button:hover[b-khunjm2d96],
.bgm-memberSnackTabs__button:focus-visible[b-khunjm2d96] {
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.78);
    background: #fff4c9;
    color: var(--bgm-rd-green, #164f35);
}

.bgm-memberSnackEvidence[b-khunjm2d96] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.bgm-memberSnackEvidence div[b-khunjm2d96] {
    min-width: 0;
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    background: #fff;
    padding: 0.65rem 0.75rem;
}

.bgm-memberSnackEvidence strong[b-khunjm2d96],
.bgm-memberSnackEvidence span[b-khunjm2d96] {
    display: block;
}

.bgm-memberSnackEvidence strong[b-khunjm2d96] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 1.45rem;
    font-weight: 950;
    line-height: 1;
}

.bgm-memberSnackEvidence span[b-khunjm2d96] {
    margin-top: 0.18rem;
    color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.56);
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bgm-memberSnackTabs[b-khunjm2d96] {
    display: flex;
    gap: 0.5rem;
    margin: 0.75rem 0;
}

.bgm-memberSnackTabs__button[b-khunjm2d96] {
    min-height: 44px;
    padding: 0.55rem 0.75rem;
}

.bgm-memberSnackTabs__button.is-active[b-khunjm2d96] {
    border-color: var(--bgm-rd-green, #164f35);
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-snackLogList[b-khunjm2d96] {
    display: grid;
    gap: 0.5rem;
}

.bgm-snackLogList .list-group-item[b-khunjm2d96] {
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.10);
    border-radius: 8px;
    background: #fff;
    padding: 0.7rem 0.8rem !important;
}

.bgm-snackLogList .fw-semibold[b-khunjm2d96] {
    overflow-wrap: anywhere;
}

.bgm-memberSnackEmpty[b-khunjm2d96] {
    padding: 0.75rem 0;
}

.bgm-memberPage .btn-primary[b-khunjm2d96] {
    border-color: var(--bgm-rd-green, #164f35);
    background: var(--bgm-rd-green, #164f35);
    color: #fff;
}

.bgm-memberPage .btn-outline-secondary[b-khunjm2d96] {
    border-color: rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.28);
    color: var(--bgm-rd-ink, #17222b);
}

.bgm-memberPage .btn-outline-secondary:hover[b-khunjm2d96],
.bgm-memberPage .btn-outline-secondary:focus-visible[b-khunjm2d96] {
    background: #fff4c9;
    border-color: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.76);
    color: var(--bgm-rd-green, #164f35);
}

.bgm-mortalEnemy[b-khunjm2d96] {
    border-color: rgba(122, 31, 36, 0.20) !important;
    background: #fff7f3 !important;
}

[b-khunjm2d96] .bgm-mortalEnemy__avatar {
    width: 52px;
    height: 52px;
    border-radius: 8px;
    display: grid;
    place-items: center;
    font-weight: 900;
    font-size: 1.25rem;
    color: var(--bgm-rd-green, #164f35);
    background: rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.18);
    border: 1px solid rgba(var(--bgm-rd-dark-rgb, 7, 16, 23), 0.14);
    overflow: hidden;
}

[b-khunjm2d96] .bgm-mortalEnemy__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 1100px) {
    .bgm-memberCave[b-khunjm2d96] {
        grid-template-columns: 1fr;
    }

    .bgm-memberStats[b-khunjm2d96] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .bgm-memberStat--wins[b-khunjm2d96] {
        grid-column: auto;
    }

    .bgm-memberStat--snackScore[b-khunjm2d96] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .bgm-memberPage[b-khunjm2d96] {
        padding: 0.75rem 0.75rem 2.25rem;
    }

    .bgm-memberHero[b-khunjm2d96] {
        align-items: stretch;
        flex-direction: column;
    }

    .bgm-memberHero__identity[b-khunjm2d96] {
        align-items: flex-start;
    }

    .bgm-memberHero__actions[b-khunjm2d96] {
        justify-content: stretch;
    }

    .bgm-memberButton[b-khunjm2d96] {
        flex: 1 1 0;
    }

    .bgm-memberStats[b-khunjm2d96] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-memberStat--wins[b-khunjm2d96] {
        grid-column: 1 / -1;
    }

    .bgm-memberStat--snackScore[b-khunjm2d96] {
        grid-column: 1 / -1;
    }

    .bgm-memberRecordsGrid[b-khunjm2d96] {
        grid-template-columns: 1fr;
    }

    .bgm-memberRecordsGrid > :last-child:nth-child(odd)[b-khunjm2d96] {
        grid-column: auto;
    }

    .bgm-memberHall__shelf[b-khunjm2d96] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-memberHall__room[b-khunjm2d96] {
        min-height: 500px;
    }

    .bgm-memberCave__room[b-khunjm2d96] {
        min-height: 0;
    }

    .bgm-memberHall__floor[b-khunjm2d96] {
        align-items: flex-start;
        flex-direction: column;
    }

    .bgm-memberHall__plaque[b-khunjm2d96] {
        max-width: 100%;
    }
}

@media (max-width: 520px) {
    .bgm-memberHero__identity[b-khunjm2d96] {
        flex-direction: column;
    }

    .bgm-memberStats[b-khunjm2d96] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-memberStat[b-khunjm2d96] {
        min-height: 96px;
        padding: 0.85rem;
    }

    .bgm-memberStat--snackScore[b-khunjm2d96] {
        grid-column: 1 / -1;
    }

    .bgm-memberStat__disclosure[b-khunjm2d96] {
        font-size: 0;
    }

    .bgm-memberWins__header[b-khunjm2d96],
    .bgm-memberWin__summary[b-khunjm2d96] {
        align-items: flex-start;
    }

    .bgm-memberWin__routes[b-khunjm2d96],
    .bgm-memberWin__routes dl > div[b-khunjm2d96] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .bgm-memberConnectFourStats[b-khunjm2d96] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bgm-memberFieldMeta[b-khunjm2d96] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.2rem;
    }

    .bgm-memberHall__shelf[b-khunjm2d96] {
        grid-template-columns: 1fr;
    }

    .bgm-memberHall__room[b-khunjm2d96] {
        min-height: 680px;
    }

    .bgm-memberCave__room[b-khunjm2d96] {
        min-height: 0;
    }

    .bgm-memberSnackEvidence[b-khunjm2d96] {
        grid-template-columns: 1fr;
    }

    .bgm-memberSnackTabs[b-khunjm2d96] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .bgm-memberSnackTabs__button[b-khunjm2d96] {
        min-width: 0;
        padding-inline: 0.35rem;
    }

    .bgm-snackLogList .list-group-item > .d-flex[b-khunjm2d96] {
        align-items: stretch !important;
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .bgm-snackLogList[b-khunjm2d96]  .bgm-snackPraiseButton {
        width: 100%;
    }

    .bgm-memberCave__controlRow[b-khunjm2d96] {
        align-items: stretch;
        flex-direction: column;
    }

    .bgm-memberCave__firstEdit[b-khunjm2d96] {
        align-items: stretch;
        flex-direction: column;
    }

    .bgm-memberCave__firstEdit .btn[b-khunjm2d96] {
        justify-content: center;
    }

    .bgm-memberCave__buttons[b-khunjm2d96] {
        justify-content: flex-start;
    }
}

@media (max-width: 360px) {
    .bgm-memberStats[b-khunjm2d96] {
        grid-template-columns: 1fr;
    }

    .bgm-memberStat--wins[b-khunjm2d96],
    .bgm-memberStat--snackScore[b-khunjm2d96] {
        grid-column: auto;
    }

    .bgm-memberWinsSummary[b-khunjm2d96] {
        gap: 0.65rem;
    }

    .bgm-memberWinsSummary__item[b-khunjm2d96] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}
/* /Pages/Register.razor.rz.scp.css */
.bgm-authShell[b-5f4zwikbvh] {
    min-height: calc(100vh - var(--bgm-header-height, 64px));
    display: grid;
    align-items: start;
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    padding: clamp(12px, 1.75vh, 20px) clamp(14px, 3vw, 32px);
}

.bgm-authFrame[b-5f4zwikbvh] {
    display: grid;
    grid-template-columns: minmax(17rem, 0.78fr) minmax(27rem, 1.22fr);
    width: min(980px, 100%);
    margin: 0 auto;
    border: 1px solid rgba(23, 34, 43, 0.16);
    background: #fff;
}

.bgm-authCard__intro[b-5f4zwikbvh] {
    position: relative;
    display: flex;
    min-height: 0;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    background: var(--bgm-rd-green, #164f35);
    color: #fffdf4;
    padding: clamp(24px, 3vw, 36px);
}

.bgm-authCard__brand[b-5f4zwikbvh] {
    position: relative;
    z-index: 1;
    width: fit-content;
    color: #fffdf4;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-authCard__brand:hover[b-5f4zwikbvh],
.bgm-authCard__brand:focus-visible[b-5f4zwikbvh] {
    color: #f2c84b;
    text-decoration: underline;
    text-underline-offset: 0.3em;
}

.bgm-authCard__brand:focus-visible[b-5f4zwikbvh] {
    outline: 2px solid #f2c84b;
    outline-offset: 5px;
}

.bgm-authCard__introCopy[b-5f4zwikbvh] {
    position: relative;
    z-index: 1;
    margin: auto 0;
    padding: 2rem 0;
}

.bgm-authCard__intro h1[b-5f4zwikbvh] {
    max-width: 8ch;
    margin: 0;
    color: #fffdf4;
    font-family: var(--bgm-rd-font-display, inherit);
    font-size: clamp(3.1rem, 5vw, 4.75rem);
    font-weight: 950;
    letter-spacing: -0.03em;
    line-height: 0.88;
    text-wrap: balance;
}

.bgm-authCard__intro p[b-5f4zwikbvh] {
    max-width: 30ch;
    margin: 1.25rem 0 0;
    color: rgba(255, 253, 244, 0.78);
    font-size: 1rem;
    line-height: 1.55;
}

.bgm-authCard__edition[b-5f4zwikbvh] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(255, 253, 244, 0.28);
    padding-top: 1rem;
}

.bgm-authCard__edition span[b-5f4zwikbvh] {
    color: rgba(255, 253, 244, 0.72);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bgm-authCard__panel[b-5f4zwikbvh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(20px, 2.5vw, 32px);
}

.bgm-authModeSwitch[b-5f4zwikbvh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid rgba(23, 34, 43, 0.16);
    margin-bottom: 1rem;
}

.bgm-authModeSwitch__item[b-5f4zwikbvh] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.7rem 0.75rem;
    color: rgba(23, 34, 43, 0.62);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
}

.bgm-authModeSwitch__item.is-active[b-5f4zwikbvh] {
    color: var(--bgm-rd-green, #164f35);
}

.bgm-authModeSwitch__item.is-active[b-5f4zwikbvh]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    background: #d66f1f;
}

.bgm-authModeSwitch a:hover[b-5f4zwikbvh] {
    color: var(--bgm-rd-blue, #0087c8);
}

.bgm-authModeSwitch a:focus-visible[b-5f4zwikbvh] {
    color: var(--bgm-rd-blue, #0087c8);
    outline: 2px solid currentColor;
    outline-offset: -4px;
}

.bgm-authForm[b-5f4zwikbvh] {
    display: grid;
}

.bgm-authField[b-5f4zwikbvh] {
    display: grid;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.form-label[b-5f4zwikbvh],
.form-check-label[b-5f4zwikbvh] {
    margin: 0;
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.88rem;
    font-weight: 850;
    letter-spacing: 0;
}

.bgm-authOptional[b-5f4zwikbvh] {
    color: rgba(23, 34, 43, 0.58);
    font-size: 0.82rem;
    font-weight: 650;
}

.bgm-authRequired[b-5f4zwikbvh] {
    color: var(--bgm-error, #9b2c2c);
}

.form-control[b-5f4zwikbvh] {
    min-height: 46px;
    border: 1px solid rgba(23, 34, 43, 0.24);
    border-radius: 0;
    background: var(--bgm-rd-paper, #fbf8ee);
    color: var(--bgm-rd-ink, #17222b);
    padding: 0.55rem 0.8rem;
}

.form-control:hover[b-5f4zwikbvh] {
    border-color: rgba(23, 34, 43, 0.42);
}

.form-control:focus[b-5f4zwikbvh] {
    border-color: var(--bgm-rd-blue, #0087c8);
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.18);
    outline-offset: 1px;
}

.form-text[b-5f4zwikbvh] {
    margin-top: -0.1rem;
    color: rgba(23, 34, 43, 0.62);
    font-size: 0.82rem;
}

.input-group .btn[b-5f4zwikbvh] {
    min-width: 4.5rem;
    border-radius: 0;
    border-color: rgba(23, 34, 43, 0.28);
    background: #fff;
    color: var(--bgm-rd-ink, #17222b);
    font-weight: 850;
}

.input-group .btn:hover[b-5f4zwikbvh],
.input-group .btn:focus-visible[b-5f4zwikbvh] {
    border-color: var(--bgm-rd-blue, #0087c8);
    background: rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.08);
    color: var(--bgm-rd-blue, #0087c8);
}

.input-group .btn:focus-visible[b-5f4zwikbvh] {
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.18);
    outline-offset: 1px;
}

.bgm-authRemember[b-5f4zwikbvh] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-height: 28px;
    margin: 0.1rem 0 1rem;
    padding-left: 0;
}

.bgm-authRemember .form-check-label[b-5f4zwikbvh] {
    line-height: 1.45;
}

.bgm-authRemember a[b-5f4zwikbvh] {
    color: var(--bgm-rd-green, #164f35);
    font-weight: 850;
    text-underline-offset: 0.18em;
}

.bgm-authRemember a:hover[b-5f4zwikbvh],
.bgm-authRemember a:focus-visible[b-5f4zwikbvh] {
    color: var(--bgm-rd-blue, #0087c8);
}

.form-check-input[b-5f4zwikbvh] {
    flex: 0 0 auto;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem 0 0;
    border-color: rgba(23, 34, 43, 0.34);
    border-radius: 0;
}

.form-check-input:checked[b-5f4zwikbvh] {
    background-color: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
}

.form-check-input:focus[b-5f4zwikbvh] {
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-blue-rgb, 0, 135, 200), 0.18);
    outline-offset: 2px;
}

.bgm-authActions[b-5f4zwikbvh] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.9rem;
}

.btn[b-5f4zwikbvh] {
    border-radius: 0;
    font-weight: 900;
}

.btn-primary[b-5f4zwikbvh] {
    width: 100%;
    min-height: 46px;
    background: var(--bgm-rd-green, #164f35);
    border-color: var(--bgm-rd-green, #164f35);
    letter-spacing: 0.06em;
    padding: 0.6rem 1.35rem;
    text-transform: uppercase;
}

.btn-primary:hover[b-5f4zwikbvh],
.btn-primary:focus-visible[b-5f4zwikbvh] {
    background: #0f3d29;
    border-color: #0f3d29;
}

.btn-primary:focus-visible[b-5f4zwikbvh] {
    box-shadow: none;
    outline: 3px solid rgba(var(--bgm-rd-green-rgb, 22, 79, 53), 0.24);
    outline-offset: 2px;
}

.bgm-authStatus[b-5f4zwikbvh] {
    border: 1px solid currentColor;
    margin: 0 0 1.25rem;
    padding: 0.75rem 0.9rem;
}

.bgm-authStatus--error[b-5f4zwikbvh] {
    background: rgba(155, 44, 44, 0.08);
    color: var(--bgm-error, #9b2c2c);
}

@media (max-width: 760px) {
    .bgm-authShell[b-5f4zwikbvh] {
        align-items: start;
        padding: 1rem 0.65rem 2rem;
    }

    .bgm-authFrame[b-5f4zwikbvh] {
        grid-template-columns: 1fr;
    }

    .bgm-authCard__intro[b-5f4zwikbvh] {
        min-height: 19rem;
        padding: 1.65rem 1.4rem;
    }

    .bgm-authCard__introCopy[b-5f4zwikbvh] {
        margin: 0;
        padding: 2.4rem 0;
    }

    .bgm-authCard__intro h1[b-5f4zwikbvh] {
        max-width: 10ch;
        font-size: clamp(3rem, 14vw, 4.25rem);
    }

    .bgm-authCard__intro p[b-5f4zwikbvh] {
        max-width: 34ch;
        margin-top: 1rem;
    }

    .bgm-authCard__panel[b-5f4zwikbvh] {
        padding: 1.4rem 1rem 1.5rem;
    }

    .bgm-authModeSwitch[b-5f4zwikbvh] {
        margin-bottom: 1.25rem;
    }
}
/* /Pages/Shop.razor.rz.scp.css */
.bgm-shopPage[b-l7dptgdsn9] {
    width: 100%;
    min-height: calc(100vh - 64px);
    padding: clamp(1rem, 2.4vw, 2.5rem);
    color: #071827;
    background: #f4f2ec;
}

.bgm-shopAlert[b-l7dptgdsn9],
.bgm-shopNotice[b-l7dptgdsn9],
.bgm-shopLoading[b-l7dptgdsn9] {
    max-width: none;
    margin: 0 auto 1rem;
}

.bgm-shopHeader[b-l7dptgdsn9] {
    width: 100%;
    margin: 0 auto 1rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 1rem;
    background: #103d32;
    color: #fffaf0;
    border: 1px solid #071827;
    border-radius: 2px;
    padding: clamp(1.1rem, 3vw, 2rem);
}

.bgm-shopHeader h1[b-l7dptgdsn9] {
    margin: 0;
    font-size: clamp(2.3rem, 8vw, 5rem);
    line-height: 0.92;
    color: #fffaf0;
}

.bgm-shopHeader p[b-l7dptgdsn9] {
    max-width: 42rem;
    margin: 0.8rem 0 0;
    color: rgba(255, 250, 240, 0.82);
    font-size: clamp(1rem, 2vw, 1.25rem);
}

.bgm-shopBalance[b-l7dptgdsn9] {
    min-width: 10.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid rgba(255, 250, 240, 0.25);
    padding-left: 1rem;
}

.bgm-shopBalance span[b-l7dptgdsn9] {
    font-weight: 800;
    text-transform: uppercase;
    color: rgba(255, 250, 240, 0.72);
}

.bgm-shopBalance strong[b-l7dptgdsn9] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 1.8rem;
    line-height: 1.1;
}

.bgm-shopNotice[b-l7dptgdsn9],
.bgm-shopLoading[b-l7dptgdsn9] {
    border: 1px solid rgba(7, 24, 39, 0.14);
    background: #fffdf7;
    padding: 1rem;
    border-radius: 4px;
}

.bgm-shopLoading[b-l7dptgdsn9] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    color: rgba(7, 24, 39, 0.7);
}

.bgm-shopSections[b-l7dptgdsn9] {
    width: 100%;
    margin: 0 auto;
    display: grid;
    gap: clamp(1.5rem, 3vw, 3rem);
}

.bgm-shopSection[b-l7dptgdsn9] {
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}

.bgm-shopSection__header[b-l7dptgdsn9] {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 1rem;
    padding: 0 0 0.9rem;
    background: transparent;
    border-bottom: 2px solid #071827;
}

.bgm-shopSection__header h2[b-l7dptgdsn9] {
    margin: 0;
    color: #071827;
    font-size: clamp(1.55rem, 4vw, 2.7rem);
    line-height: 0.98;
}

.bgm-shopSection__header > span[b-l7dptgdsn9] {
    color: #124f36;
    font-weight: 900;
    white-space: nowrap;
}

.bgm-shopGrid[b-l7dptgdsn9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr));
    gap: clamp(0.75rem, 1.5vw, 1.35rem);
    padding-top: 1rem;
}

.bgm-shopItem[b-l7dptgdsn9] {
    position: relative;
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 22rem;
    background: #fff;
    border: 1px solid rgba(7, 24, 39, 0.18);
    transition: border-color 180ms ease, transform 180ms ease;
}

.bgm-shopItem:hover[b-l7dptgdsn9] {
    border-color: rgba(7, 24, 39, 0.42);
    transform: translateY(-2px);
}

.bgm-shopItem.is-owned[b-l7dptgdsn9] {
    border-color: #124f36;
    outline: 2px solid rgba(18, 79, 54, 0.22);
    outline-offset: -3px;
}

.bgm-shopItem.is-locked[b-l7dptgdsn9] {
    background: #f7f4ec;
}

.bgm-shopItem__media[b-l7dptgdsn9] {
    min-height: 13rem;
    display: grid;
    place-items: center;
    gap: 0.45rem;
    padding: 1.2rem 1rem 0.8rem;
    background: #edf2f3;
}

.bgm-shopEmoji[b-l7dptgdsn9] {
    font-size: 4.25rem;
    line-height: 1;
}

.bgm-shopRingPreview[b-l7dptgdsn9] {
    position: relative;
    display: grid;
    place-items: center;
}

.bgm-shopLock[b-l7dptgdsn9] {
    position: absolute;
    top: -0.4rem;
    right: -0.4rem;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid #fffdf7;
    border-radius: 50%;
    background: #274957;
    color: #fffdf7;
    box-shadow: 0 2px 7px rgba(7, 24, 39, 0.24);
    font-size: 1rem;
}

.bgm-shopCaveImage[b-l7dptgdsn9] {
    width: 7.25rem;
    height: 7.25rem;
    object-fit: contain;
}

.bgm-shopArtworkPlaceholder[b-l7dptgdsn9] {
    width: 7.25rem;
    height: 7.25rem;
    display: grid;
    place-content: center;
    gap: 0.35rem;
    border: 1px dashed rgba(7, 24, 39, 0.3);
    color: rgba(7, 24, 39, 0.64);
    text-align: center;
}

.bgm-shopArtworkPlaceholder > span[b-l7dptgdsn9] {
    font-size: 2rem;
    line-height: 1;
}

.bgm-shopArtworkPlaceholder > small[b-l7dptgdsn9] {
    font-size: 0.72rem;
    font-weight: 800;
}

.bgm-shopItem__type[b-l7dptgdsn9] {
    color: rgba(7, 24, 39, 0.65);
    font-weight: 800;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.bgm-shopItem__body[b-l7dptgdsn9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem 1rem;
}

.bgm-shopItem h3[b-l7dptgdsn9] {
    margin: 0;
    color: #071827;
    font-size: 1.35rem;
    line-height: 1.05;
}

.bgm-shopItem p[b-l7dptgdsn9] {
    margin: 0.4rem 0 0;
    color: rgba(7, 24, 39, 0.68);
    line-height: 1.35;
}

.bgm-shopRequirements[b-l7dptgdsn9] {
    display: grid;
    gap: 0.4rem;
}

.bgm-shopRequirement[b-l7dptgdsn9] {
    display: grid;
    gap: 0.08rem;
    border: 1px solid rgba(7, 24, 39, 0.14);
    padding: 0.5rem 0.6rem;
    background: rgba(7, 24, 39, 0.025);
    font-size: 0.86rem;
}

.bgm-shopRequirement strong[b-l7dptgdsn9] {
    color: #071827;
}

.bgm-shopRequirement span[b-l7dptgdsn9] {
    color: rgba(7, 24, 39, 0.62);
}

.bgm-shopRequirement.is-met[b-l7dptgdsn9] {
    border-color: rgba(18, 79, 54, 0.36);
    background: rgba(18, 79, 54, 0.06);
}

.bgm-shopRequirement.is-unmet[b-l7dptgdsn9] {
    border-color: rgba(180, 51, 51, 0.34);
    background: rgba(180, 51, 51, 0.055);
}

.bgm-shopItem__footer[b-l7dptgdsn9] {
    min-height: 4.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-top: 1px solid rgba(7, 24, 39, 0.12);
    background: #f6f1e6;
}

.bgm-shopPrice[b-l7dptgdsn9] {
    display: flex;
    align-items: center;
    gap: 0.28rem;
    color: #071827;
    font-weight: 900;
}

.bgm-shopBuy[b-l7dptgdsn9],
.bgm-shopStatus[b-l7dptgdsn9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-weight: 900;
    line-height: 1;
}

.bgm-shopBuy[b-l7dptgdsn9] {
    background: #008ec8;
    color: #fff;
}

.bgm-shopBuy:hover:not(:disabled)[b-l7dptgdsn9] {
    background: #0078aa;
}

.bgm-shopBuy:focus-visible[b-l7dptgdsn9],
.bgm-shopFilterButton:focus-visible[b-l7dptgdsn9],
.bgm-shopSearch input:focus-visible[b-l7dptgdsn9],
.bgm-shopStatusFilter select:focus-visible[b-l7dptgdsn9] {
    outline: 3px solid #63c8f2;
    outline-offset: 3px;
}

.bgm-shopBuy:disabled[b-l7dptgdsn9] {
    cursor: not-allowed;
    opacity: 0.48;
}

.bgm-shopStatus[b-l7dptgdsn9] {
    background: rgba(7, 24, 39, 0.08);
    color: rgba(7, 24, 39, 0.64);
    text-align: right;
}

.bgm-shopStatus.is-owned[b-l7dptgdsn9] {
    background: #124f36;
    color: #fffaf0;
}

.bgm-shopCoinsShort[b-l7dptgdsn9] {
    padding: 0 1rem 1rem;
    color: #b43333;
    font-weight: 800;
}

.bgm-shopToolbar[b-l7dptgdsn9] {
    width: 100%;
    margin: 0 auto 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 0;
    border-bottom: 1px solid rgba(7, 24, 39, 0.16);
}

.bgm-shopCategories[b-l7dptgdsn9],
.bgm-shopToolbar__controls[b-l7dptgdsn9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.bgm-shopFilterButton[b-l7dptgdsn9] {
    min-height: 2.65rem;
    border: 1px solid rgba(7, 24, 39, 0.18);
    border-radius: 999px;
    padding: 0.55rem 1rem;
    background: transparent;
    color: #071827;
    font: inherit;
    font-weight: 800;
}

.bgm-shopFilterButton:hover[b-l7dptgdsn9],
.bgm-shopFilterButton.is-active[b-l7dptgdsn9] {
    border-color: #124f36;
    background: #124f36;
    color: #fff;
}

.bgm-shopSearch input[b-l7dptgdsn9],
.bgm-shopStatusFilter select[b-l7dptgdsn9] {
    min-height: 2.65rem;
    border: 1px solid rgba(7, 24, 39, 0.18);
    border-radius: 2px;
    background: #fff;
    color: #071827;
    padding: 0.55rem 0.8rem;
    font: inherit;
}

.bgm-shopSearch input[b-l7dptgdsn9] {
    width: min(19rem, 45vw);
}

.bgm-shopEmpty[b-l7dptgdsn9] {
    padding: 3rem 1rem;
    border: 1px dashed rgba(7, 24, 39, 0.24);
    background: rgba(255, 255, 255, 0.55);
    color: rgba(7, 24, 39, 0.68);
    text-align: center;
}

@media (max-width: 720px) {
    .bgm-shopPage[b-l7dptgdsn9] {
        padding: 0 0 1.5rem;
    }

    .bgm-shopAlert[b-l7dptgdsn9],
    .bgm-shopNotice[b-l7dptgdsn9],
    .bgm-shopLoading[b-l7dptgdsn9],
    .bgm-shopHeader[b-l7dptgdsn9],
    .bgm-shopSections[b-l7dptgdsn9] {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .bgm-shopHeader[b-l7dptgdsn9] {
        flex-direction: column;
        gap: 1rem;
        margin-bottom: 0;
        padding: 1rem;
    }

    .bgm-shopBalance[b-l7dptgdsn9] {
        border-left: 0;
        border-top: 1px solid rgba(255, 250, 240, 0.25);
        padding: 0.85rem 0 0;
    }

    .bgm-shopSections[b-l7dptgdsn9] {
        gap: 0;
    }

    .bgm-shopToolbar[b-l7dptgdsn9] {
        align-items: stretch;
        flex-direction: column;
        margin-bottom: 1.25rem;
        padding: 1rem;
    }

    .bgm-shopCategories[b-l7dptgdsn9] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 0.25rem;
    }

    .bgm-shopFilterButton[b-l7dptgdsn9] {
        flex: 0 0 auto;
    }

    .bgm-shopToolbar__controls[b-l7dptgdsn9] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .bgm-shopSearch input[b-l7dptgdsn9] {
        width: 100%;
    }

    .bgm-shopSection[b-l7dptgdsn9] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
    }

    .bgm-shopSection + .bgm-shopSection[b-l7dptgdsn9] {
        border-top: 0;
    }

    .bgm-shopSection__header[b-l7dptgdsn9] {
        padding: 0.9rem 1rem;
    }

    .bgm-shopGrid[b-l7dptgdsn9] {
        grid-template-columns: 1fr;
    }

    .bgm-shopItem[b-l7dptgdsn9] {
        min-height: 0;
        border-right: 0;
        border-left: 0;
    }

    .bgm-shopItem__media[b-l7dptgdsn9] {
        min-height: 7rem;
        padding-top: 1rem;
    }

    .bgm-shopItem__body[b-l7dptgdsn9] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Pages/SlotMachine.razor.rz.scp.css */
.bgm-slotPage[b-uwz34gbdl5] {
    width: min(860px, calc(100vw - 32px));
    margin: 0 auto;
    padding: clamp(20px, 3.5vw, 38px) 0 clamp(42px, 6vw, 72px);
    color: var(--bgm-rd-ink, #17222b);
    font-family: var(--bgm-rd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
}

.bgm-slotPage > .mb-3 .btn[b-uwz34gbdl5] {
    border-radius: 0;
    border-color: rgba(23, 34, 43, 0.16);
    color: var(--bgm-rd-blue, #0087c8);
    font-size: 0.72rem;
    font-weight: 950;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bgm-slotPage > .d-flex[b-uwz34gbdl5] {
    display: block !important;
    border-bottom: 1px solid rgba(23, 34, 43, 0.12);
    padding-bottom: 0;
}

.bgm-slotPage > .d-flex > span[b-uwz34gbdl5] {
    display: none;
}

.bgm-slotPage h1[b-uwz34gbdl5] {
    color: var(--bgm-rd-green, #164f35);
    font-size: clamp(2.4rem, 7vw, 5.8rem);
    font-weight: 950;
    letter-spacing: -0.01em;
    line-height: 0.9;
    margin: 10px 0 0;
}

.bgm-slotPage > p.text-muted[b-uwz34gbdl5] {
    color: rgba(23, 34, 43, 0.66) !important;
    font-size: clamp(1rem, 1.8vw, 1.2rem);
    margin: 14px 0 clamp(18px, 2.8vw, 30px) !important;
}

.bgm-slotPage .alert[b-uwz34gbdl5],
.bgm-slotPage .card[b-uwz34gbdl5],
.bgm-slotPage .btn[b-uwz34gbdl5],
.bgm-slotPage .badge[b-uwz34gbdl5],
.bgm-slotPage .bgm-slots__resultMsg[b-uwz34gbdl5] {
    border-radius: 0;
}

.bgm-slotPage .alert-warning[b-uwz34gbdl5] {
    background: #fff5cf;
    border: 1px solid rgba(var(--bgm-rd-gold-rgb, 217, 177, 59), 0.5);
    box-shadow: none !important;
}

.bgm-slotPage .bgm-jackpot-timer[b-uwz34gbdl5] {
    border: 1px solid rgba(23, 34, 43, 0.12) !important;
    border-left: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.bgm-slotPage > .card:not(.bgm-jackpot-timer)[b-uwz34gbdl5] {
    border: 1px solid rgba(23, 34, 43, 0.12) !important;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.10), transparent 38%),
        linear-gradient(315deg, rgba(0, 0, 0, 0.16), transparent 54%),
        linear-gradient(180deg, #164f35, #0f3624);
    box-shadow: none !important;
    color: #fff;
}

.bgm-slotPage > .card:not(.bgm-jackpot-timer) .text-muted[b-uwz34gbdl5],
.bgm-slotPage > .card:not(.bgm-jackpot-timer) details summary[b-uwz34gbdl5],
.bgm-slotPage > .card:not(.bgm-jackpot-timer) .table[b-uwz34gbdl5],
.bgm-slotPage > .card:not(.bgm-jackpot-timer) .table .text-muted[b-uwz34gbdl5] {
    color: rgba(255, 255, 255, 0.76) !important;
}

.bgm-slotPage > .card:not(.bgm-jackpot-timer) strong[b-uwz34gbdl5],
.bgm-slotPage > .card:not(.bgm-jackpot-timer) .table td[b-uwz34gbdl5] {
    color: #fff;
}

.bgm-slotPage .btn-primary[b-uwz34gbdl5] {
    background: #fff;
    border-color: rgba(255, 255, 255, 0.24);
    color: #0f3624;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bgm-slotPage .btn-primary:hover[b-uwz34gbdl5],
.bgm-slotPage .btn-primary:focus-visible[b-uwz34gbdl5] {
    background: #071017;
    border-color: #071017;
    color: #fff;
}

.bgm-slotPayouts[b-uwz34gbdl5] {
    border-top: 1px solid rgba(23, 34, 43, 0.18);
    border-bottom: 1px solid rgba(23, 34, 43, 0.18);
    padding: 20px 0 16px;
}

.bgm-slotPayouts__heading[b-uwz34gbdl5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.bgm-slotPayouts__heading h2[b-uwz34gbdl5] {
    color: var(--bgm-rd-green, #164f35);
    font-size: 1.35rem;
    font-weight: 950;
    letter-spacing: -0.025em;
    margin: 0;
}

.bgm-slotPayouts__heading span[b-uwz34gbdl5],
.bgm-slotPayouts__note[b-uwz34gbdl5],
.bgm-slotPayouts__status[b-uwz34gbdl5] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.8rem;
    font-weight: 700;
}

.bgm-slotPayouts .table[b-uwz34gbdl5] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--bgm-rd-ink, #17222b);
    border-color: rgba(23, 34, 43, 0.12);
    font-size: 0.8rem;
}

.bgm-slotPayouts .table th[b-uwz34gbdl5] {
    color: var(--bgm-rd-ink, #17222b);
    font-size: 0.8rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.bgm-slotPayouts .table th:first-child[b-uwz34gbdl5],
.bgm-slotPayouts .table td:first-child[b-uwz34gbdl5] {
    padding-left: 0;
}

.bgm-slotPayouts .table th:last-child[b-uwz34gbdl5],
.bgm-slotPayouts .table td:last-child[b-uwz34gbdl5] {
    padding-right: 0;
}

.bgm-slotPayouts__emoji[b-uwz34gbdl5],
.bgm-slotPayouts__symbol[b-uwz34gbdl5] {
    display: inline-grid;
    height: 1.5rem;
    margin-right: 0.4rem;
    object-fit: contain;
    place-items: center;
    vertical-align: middle;
    width: 1.5rem;
}

.bgm-slotPayouts__note[b-uwz34gbdl5] {
    margin: 10px 0 0;
}

.bgm-slotLeaderboard[b-uwz34gbdl5] {
    --bgm-slot-score-fg: #fffef9;
    --bgm-slot-score-muted: #d7e4da;
}

.bgm-slotLeaderboard .card-header[b-uwz34gbdl5],
.bgm-slotLeaderboard .table[b-uwz34gbdl5] {
    color: var(--bgm-slot-score-fg);
}

.bgm-slotLeaderboard .card-header[b-uwz34gbdl5] {
    border-bottom-color: rgba(255, 254, 249, 0.24);
}

.bgm-slotLeaderboard .table[b-uwz34gbdl5] {
    --bs-table-bg: transparent;
    --bs-table-color: var(--bgm-slot-score-fg);
    --bs-table-border-color: rgba(255, 254, 249, 0.16);
}

.bgm-slotLeaderboard .table > :not(caption) > * > *[b-uwz34gbdl5] {
    color: var(--bgm-slot-score-fg) !important;
    background-color: transparent !important;
}

.bgm-slotLeaderboard .table thead > * > *[b-uwz34gbdl5] {
    color: var(--bgm-slot-score-muted) !important;
}

.bgm-slotLeaderboard .table thead th[b-uwz34gbdl5] {
    color: var(--bgm-slot-score-muted);
}

.bgm-slotLeaderboard .btn-outline-primary[b-uwz34gbdl5] {
    border-color: rgba(255, 254, 249, 0.58);
    color: var(--bgm-slot-score-fg);
}

.bgm-slotLeaderboard .btn-outline-primary:hover[b-uwz34gbdl5],
.bgm-slotLeaderboard .btn-outline-primary:focus-visible[b-uwz34gbdl5] {
    background: var(--bgm-slot-score-fg);
    border-color: var(--bgm-slot-score-fg);
    color: var(--bgm-rd-green, #164f35);
}

@media (max-width: 640px) {
    .bgm-slotPage[b-uwz34gbdl5] {
        width: 100%;
        padding-top: 16px;
    }

    .bgm-slotPage > .mb-3[b-uwz34gbdl5],
    .bgm-slotPage > .d-flex[b-uwz34gbdl5],
    .bgm-slotPage > p.text-muted[b-uwz34gbdl5] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .bgm-slotPage .card[b-uwz34gbdl5],
    .bgm-slotPage .alert[b-uwz34gbdl5] {
        border-left: 0 !important;
        border-right: 0 !important;
    }

    .bgm-slotPayouts[b-uwz34gbdl5] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .bgm-slotPayouts .table[b-uwz34gbdl5] {
        font-size: 0.8rem;
    }

    .bgm-slotPayouts .table th[b-uwz34gbdl5] {
        letter-spacing: 0;
        text-transform: none;
    }
}