/* /Components/Layout/LanguageSelector.razor.rz.scp.css */
.language-selector[b-s2ads6wlym] {
    position: relative;
}

.language-selector__toggle[b-s2ads6wlym] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--bs-border-radius);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

    .language-selector__toggle[b-s2ads6wlym]::-webkit-details-marker {
        display: none;
    }

    /* Small caret after the language code. */
    .language-selector__toggle[b-s2ads6wlym]::after {
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
    }

    .language-selector__toggle:hover[b-s2ads6wlym],
    .language-selector[open] > .language-selector__toggle[b-s2ads6wlym] {
        background-color: rgba(0, 0, 0, 0.1);
    }

.language-selector .dropdown-menu[b-s2ads6wlym] {
    min-width: 10rem;
}

.language-selector .dropdown-item.active[b-s2ads6wlym] {
    background-color: var(--dmp-sidebar-bg);
    color: var(--dmp-sidebar-fg);
    font-weight: 600;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.topbar[b-boeo1iao0j] {
    background-color: var(--dmp-sidebar-bg);
    position: sticky;
    top: 0;
    z-index: 1020;
}

#blazor-error-ui[b-boeo1iao0j] {
    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-boeo1iao0j] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Taller top bar. */
.navbar[b-7l5lmforlq] {
    min-height: 5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.brand-logo[b-7l5lmforlq] {
    display: block;
    height: 38px;
    width: auto;
    max-width: 100%;
}

/* Hamburger button (a styled checkbox) that shows the menu on small screens. */
.menu-toggler[b-7l5lmforlq] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: var(--bs-border-radius);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem transparent;
}

.menu-toggler:checked[b-7l5lmforlq] {
    background-color: rgba(0, 0, 0, 0.12);
}

@media (max-width: 767.98px) {
    .menu-toggler:not(:checked) ~ .navbar-collapse[b-7l5lmforlq] {
        display: none;
    }

    .navbar-collapse[b-7l5lmforlq] {
        padding: 0.5rem 0;
    }
}

@media (min-width: 768px) {
    .menu-toggler[b-7l5lmforlq] {
        display: none;
    }
}

/* Menu items: white, semi-bold text; a darker tint marks hover and the current page. */
.nav-item[b-7l5lmforlq]  .nav-link {
    color: #fff;
    font-weight: 600;
    background: none;
    border: none;
    border-radius: var(--bs-border-radius);
    display: flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    width: 100%;
}

.nav-item[b-7l5lmforlq]  a.active {
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
    font-weight: 700;
}

.nav-item[b-7l5lmforlq]  .nav-link:hover {
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
}

@media (min-width: 768px) {
    .nav-item + .nav-item[b-7l5lmforlq] {
        margin-left: 0.25rem;
    }
}

/* Language dropdown: next to the hamburger on small screens, at the far right of the bar on wide screens. */
[b-7l5lmforlq] .language-selector {
    margin-left: auto;
    margin-right: 0.5rem;
}

@media (min-width: 768px) {
    .navbar-collapse[b-7l5lmforlq] {
        order: 1;
    }

    [b-7l5lmforlq] .language-selector {
        order: 2;
        margin-left: 0.5rem;
        margin-right: 0;
    }
}

/* Admin dropdown: a <details> styled as a menu item, with the menu below it. */
.nav-dropdown[b-7l5lmforlq] {
    position: relative;
}

.nav-dropdown__toggle[b-7l5lmforlq] {
    cursor: pointer;
    list-style: none;
    user-select: none;
    gap: 0.35rem;
}

    .nav-dropdown__toggle[b-7l5lmforlq]::-webkit-details-marker {
        display: none;
    }

    /* Small caret, as on the language selector. */
    .nav-dropdown__toggle[b-7l5lmforlq]::after {
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-left: 0.3em solid transparent;
    }

    .nav-dropdown__toggle.active[b-7l5lmforlq] {
        background-color: rgba(0, 0, 0, 0.15);
        font-weight: 700;
    }

    .nav-dropdown[open] > .nav-dropdown__toggle[b-7l5lmforlq] {
        background-color: rgba(0, 0, 0, 0.1);
    }

.nav-dropdown .dropdown-menu[b-7l5lmforlq] {
    min-width: 12rem;
}

.nav-dropdown[b-7l5lmforlq]  .dropdown-item.active {
    background-color: var(--dmp-sidebar-bg);
    color: var(--dmp-sidebar-fg);
    font-weight: 600;
}

/* Small screens: the menu is part of the opened navigation instead of floating. */
@media (max-width: 767.98px) {
    .nav-dropdown .dropdown-menu[b-7l5lmforlq] {
        position: static;
        margin: 0.25rem 0 0.5rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-78uy9xwg0u],
.components-reconnect-repeated-attempt-visible[b-78uy9xwg0u],
.components-reconnect-failed-visible[b-78uy9xwg0u],
.components-pause-visible[b-78uy9xwg0u],
.components-resume-failed-visible[b-78uy9xwg0u],
.components-rejoining-animation[b-78uy9xwg0u] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/NameListManager.razor.rz.scp.css */
.admin-names__add[b-2u5i46v3vn],
.admin-names[b-2u5i46v3vn] {
    max-width: 40rem;
}
/* /Components/Pages/BoardGames/BoardGameCard.razor.rz.scp.css */
.bg-card[b-eu9beq0abp] {
    overflow: hidden;
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.bg-card:hover[b-eu9beq0abp] {
    box-shadow: 0 0.5rem 1rem rgba(16, 42, 39, 0.15) !important;
    transform: translateY(-2px);
}

.bg-card__media[b-eu9beq0abp] {
    position: relative;
    aspect-ratio: 16 / 10;
    background: #eef8f7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-card__media img[b-eu9beq0abp] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.5rem;
}

[b-eu9beq0abp] .bg-card__placeholder {
    color: #8fb9b4;
}

.bg-card__overlay[b-eu9beq0abp] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    line-height: 0;
}

/* Corner tags in the card's top-right corner: category and theme side by side, flush with the top and right border, only
   the strip's bottom-left corner rounded. Long names are cut off with an ellipsis (full name in the tooltip). */
.bg-card__corner[b-eu9beq0abp] {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 85%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.bg-card__corner-strip[b-eu9beq0abp] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    max-width: 100%;
    border-radius: 0 0 0 0.6rem;
    overflow: hidden;
}

/* "Donated" (admin only), below the strip, flush right with its own rounded bottom-left corner. */
.bg-corner-tag.bg-tag--donated[b-eu9beq0abp] {
    border-radius: 0 0 0 0.6rem;
    background: #ffc107;
    color: #212529;
}

.bg-corner-tag[b-eu9beq0abp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    padding: 0.3rem 0.7rem;
    border: 0;
    border-radius: 0;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

/* The category keeps its full width; when space runs out, the theme is shortened. */
.bg-corner-tag.bg-tag--category[b-eu9beq0abp] {
    flex-shrink: 0;
}

.bg-corner-tag__text[b-eu9beq0abp] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.bg-corner-tag:hover[b-eu9beq0abp],
.bg-corner-tag:focus[b-eu9beq0abp] {
    text-decoration: none;
    filter: brightness(0.97);
}

.bg-card__title[b-eu9beq0abp] {
    font-size: 1.05rem;
    line-height: 1.3;
}

.bg-card__title a[b-eu9beq0abp] {
    text-decoration: none;
}

.bg-card:hover .bg-card__title a[b-eu9beq0abp],
.bg-card__title a:focus[b-eu9beq0abp] {
    color: #008080;
}

.bg-card__facts[b-eu9beq0abp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
}

.bg-tag[b-eu9beq0abp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.8rem;
    font-weight: 500;
    text-decoration: none;
}

.bg-tag:hover[b-eu9beq0abp],
.bg-tag:focus[b-eu9beq0abp] {
    text-decoration: none;
}

/* Category: link colour with dark text; theme: link hover colour with white text. */
.bg-tag--category[b-eu9beq0abp] {
    background: #50d0c3;
    border-color: #50d0c3;
    color: #102a27;
}

.bg-tag--theme[b-eu9beq0abp] {
    background: #008080;
    border-color: #008080;
    color: #fff;
}

.bg-card__facts li[b-eu9beq0abp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.1rem 0.45rem;
    border-radius: 0.375rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    font-size: 0.8rem;
    color: var(--bs-secondary-color, #6c757d);
}

.bg-card__meta[b-eu9beq0abp] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin: 0;
    padding: 0;
    color: var(--bs-secondary-color, #6c757d);
}

.bg-card__meta li[b-eu9beq0abp],
.bg-card__value[b-eu9beq0abp],
.bg-card__notes[b-eu9beq0abp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.bg-card__admin[b-eu9beq0abp] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.5rem;
    border-top: 1px dashed var(--bs-border-color, #dee2e6);
}

.bg-card__notes[b-eu9beq0abp] {
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 0.35rem 0.5rem;
    border-radius: 0.375rem;
    background: #fff8e1;
    color: #7a5b00;
    font-style: italic;
}

/* At most three lines; full text in the tooltip. */
.bg-card__notes > span:last-child[b-eu9beq0abp] {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

[b-eu9beq0abp] .dmp-icon {
    flex: none;
}

.bg-card__notes[b-eu9beq0abp]  .dmp-icon {
    margin-top: 0.15rem;
}
/* The title's stretched link covers the card; filter links (color, tags, publisher, location) and the BGG link sit above it. */
.bg-card[b-eu9beq0abp] {
    cursor: pointer;
}

.bg-card__meta a[b-eu9beq0abp],
.bg-card .card-footer a[b-eu9beq0abp] {
    position: relative;
    z-index: 2;
}

.bg-card__overlay[b-eu9beq0abp],
.bg-card__corner[b-eu9beq0abp] {
    z-index: 2;
}

/* Keep the tag text colour on hover/focus/active (the global link hover colour would match the theme background). */
.bg-card a.bg-tag--category:hover[b-eu9beq0abp],
.bg-card a.bg-tag--category:focus-visible[b-eu9beq0abp],
.bg-card a.bg-tag--category:active[b-eu9beq0abp] {
    color: #102a27;
}

.bg-card a.bg-tag--theme:hover[b-eu9beq0abp],
.bg-card a.bg-tag--theme:focus-visible[b-eu9beq0abp],
.bg-card a.bg-tag--theme:active[b-eu9beq0abp] {
    color: #fff;
}

/* Search highlighting on the event details page (same look as the highlighted photos). */
.bg-card--match[b-eu9beq0abp] {
    outline: 4px solid var(--bs-warning, #ffc107);
    outline-offset: 2px;
}

.bg-card--other[b-eu9beq0abp] {
    opacity: 0.45;
}

.bg-card--other:hover[b-eu9beq0abp],
.bg-card--other:focus-within[b-eu9beq0abp] {
    opacity: 1;
}

.bg-card a.bg-tag--donated:hover[b-eu9beq0abp],
.bg-card a.bg-tag--donated:focus-visible[b-eu9beq0abp],
.bg-card a.bg-tag--donated:active[b-eu9beq0abp] {
    color: #212529;
}
/* /Components/Pages/BoardGames/BoardGameDetails.razor.rz.scp.css */
.bg-details__media[b-16hpgk0smi] {
    aspect-ratio: 1 / 1;
    background: #eef8f7;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.bg-details__media img[b-16hpgk0smi] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.75rem;
}

[b-16hpgk0smi] .bg-details__placeholder {
    color: #8fb9b4;
}

.bg-details__tags[b-16hpgk0smi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0;
}

.bg-tag[b-16hpgk0smi] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.bg-tag:hover[b-16hpgk0smi],
.bg-tag:focus[b-16hpgk0smi] {
    text-decoration: none;
}

/* Category: link colour with dark text; theme: link hover colour with white text. */
.bg-tag--category[b-16hpgk0smi] {
    background: #50d0c3;
    border-color: #50d0c3;
    color: #102a27;
}

.bg-tag--theme[b-16hpgk0smi] {
    background: #008080;
    border-color: #008080;
    color: #fff;
}

.bg-details__facts[b-16hpgk0smi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 11rem), 1fr));
    gap: 0.75rem 1.5rem;
    margin-bottom: 1rem;
}

.bg-details__facts dt[b-16hpgk0smi] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.bg-details__facts dd[b-16hpgk0smi] {
    margin: 0.15rem 0 0;
}

.bg-details__admin[b-16hpgk0smi] {
    padding-top: 1rem;
    border-top: 1px dashed var(--bs-border-color, #dee2e6);
}

.bg-details__notes[b-16hpgk0smi] {
    display: flex;
    gap: 0.4rem;
    align-items: flex-start;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    background: #fff8e1;
    color: #7a5b00;
    font-style: italic;
    white-space: pre-line;
}

.bg-details__description[b-16hpgk0smi] {
    white-space: pre-line;
}

/* Keep the tag text colour on hover/focus/active (the global link hover colour would match the theme background). */
.bg-details__tags a.bg-tag--category:hover[b-16hpgk0smi],
.bg-details__tags a.bg-tag--category:focus-visible[b-16hpgk0smi],
.bg-details__tags a.bg-tag--category:active[b-16hpgk0smi] {
    color: #102a27;
}

.bg-details__tags a.bg-tag--theme:hover[b-16hpgk0smi],
.bg-details__tags a.bg-tag--theme:focus-visible[b-16hpgk0smi],
.bg-details__tags a.bg-tag--theme:active[b-16hpgk0smi] {
    color: #fff;
}
/* /Components/Pages/BoardGames/EditBoardGame.razor.rz.scp.css */
.boardgame-edit__image[b-3v5pyz4u5a] {
    width: 96px;
    height: 96px;
    object-fit: cover;
}

/* Current image in the image section; the box picture is shown whole (contain). */
.boardgame-edit__preview[b-3v5pyz4u5a] {
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.boardgame-edit__preview img[b-3v5pyz4u5a] {
    display: block;
    width: 160px;
    height: 160px;
    object-fit: contain;
}
/* /Components/Pages/BoardGames/NewBoardGameDialog.razor.rz.scp.css */
.bgg-results[b-ik0ch9mkyd] {
    max-height: 260px;
    overflow-y: auto;
}

.bgg-attribution[b-ik0ch9mkyd] {
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    text-align: right;
}

.bgg-thumb[b-ik0ch9mkyd] {
    width: 96px;
    height: 96px;
    object-fit: cover;
    flex-shrink: 0;
}

.bgg-description[b-ik0ch9mkyd] {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
/* /Components/Pages/Events/EventDetails.razor.rz.scp.css */
.event-details__flyer-column[b-r2wxkc6jsz]  .event-details__flyer {
    max-height: 520px;
    width: 100%;
    object-fit: contain;
}

.event-details__facts dt[b-r2wxkc6jsz] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.event-details__facts dd[b-r2wxkc6jsz] {
    margin-bottom: 1rem;
}

.event-details__description[b-r2wxkc6jsz] {
    white-space: pre-line;
}

.event-details__figure[b-r2wxkc6jsz]  .event-details__photo {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Photos highlighted for a board game / publisher search tag from the events list. */
.event-details__figure[b-r2wxkc6jsz] {
    position: relative;
    transition: opacity 0.15s ease;
}

.event-details__figure--match[b-r2wxkc6jsz]  .event-details__photo {
    outline: 4px solid var(--bs-warning, #ffc107);
    outline-offset: 2px;
}

.event-details__figure--other[b-r2wxkc6jsz] {
    opacity: 0.45;
}

.event-details__figure--other:hover[b-r2wxkc6jsz],
.event-details__figure--other:focus-within[b-r2wxkc6jsz] {
    opacity: 1;
}

.event-details__match-badge[b-r2wxkc6jsz] {
    position: absolute;
    top: 0.5rem;
    left: calc(var(--bs-gutter-x, 1.5rem) * 0.5 + 0.5rem);
    z-index: 1;
}
/* /Components/Pages/Events/EventListItem.razor.rz.scp.css */
/* Cover/flyer on the right, rounded to match the card's right corners. */
.event-item__poster-column[b-qho9jyt18m] {
    flex: 0 0 7.5rem;
    overflow: hidden;
    border-top-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
}

@media (min-width: 576px) {
    .event-item__poster-column[b-qho9jyt18m] {
        flex-basis: 13rem;
    }
}

.event-item__poster[b-qho9jyt18m] {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 280px;
    object-fit: cover;
}

.event-item__description[b-qho9jyt18m] {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.event-item--past[b-qho9jyt18m] {
    opacity: 0.85;
}

.event-item[b-qho9jyt18m] {
    transition: box-shadow 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.event-item:hover[b-qho9jyt18m],
.event-item:focus-within[b-qho9jyt18m] {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);
    border-color: var(--bs-primary-border-subtle, #9ec5fe);
}

.event-item__link[b-qho9jyt18m] {
    color: inherit;
    text-decoration: none;
}

.event-item:hover .event-item__link[b-qho9jyt18m] {
    color: #008080;
}

/* Calendar-sheet date column: weekday, day number, month + year stacked. */
.event-item__date[b-qho9jyt18m] {
    flex: 0 0 5.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 0.5rem;
    border-right: 1px solid var(--bs-border-color);
    text-align: center;
    line-height: 1.1;
    text-transform: uppercase;
}

.event-item__weekday[b-qho9jyt18m] {
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.event-item__day[b-qho9jyt18m] {
    font-size: 2.25rem;
    font-weight: 700;
    margin: 0.15rem 0;
}

.event-item__month[b-qho9jyt18m] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

/* Lets long titles wrap instead of pushing the card wider than the page. */
.event-item__content[b-qho9jyt18m] {
    flex: 1 1 auto;
    min-width: 0;
}
/* /Components/Pages/Events/EventMediaEditor.razor.rz.scp.css */
.event-flyer-preview[b-gdxpopotze] {
    max-height: 320px;
    max-width: 100%;
    object-fit: contain;
}

.event-image-thumb[b-gdxpopotze] {
    height: 180px;
    object-fit: cover;
}

.event-image-unlink[b-gdxpopotze] {
    font-size: 0.5rem;
    padding: 0.25rem;
}

section[b-gdxpopotze] {
    scroll-margin-top: 4rem;
}
/* /Components/Pages/Events/EventReport.razor.rz.scp.css */
.report__eyebrow[b-jrwq9qg777] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--bs-secondary-color, #6c757d);
}

.report__header-image[b-jrwq9qg777] {
    width: 7rem;
    height: 7rem;
    object-fit: contain;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

/* Key figures in a row of tiles. */
.report__stats[b-jrwq9qg777] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: 0.75rem;
}

.report__stats > div[b-jrwq9qg777] {
    padding: 0.75rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg, 0.5rem);
}

.report__stats dt[b-jrwq9qg777] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--bs-secondary-color, #6c757d);
}

.report__stats dd[b-jrwq9qg777] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.report__games[b-jrwq9qg777] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 0.75rem;
}

.report__game[b-jrwq9qg777] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.report__game-media[b-jrwq9qg777] {
    flex: 0 0 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.report__game-media img[b-jrwq9qg777] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.report__game-text[b-jrwq9qg777] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.report-event[b-jrwq9qg777] {
    padding-top: 1.5rem;
    border-top: 1px solid var(--bs-border-color);
}

.report-event__link[b-jrwq9qg777] {
    color: inherit;
    text-decoration: none;
}

.report-event__link:hover[b-jrwq9qg777] {
    text-decoration: underline;
}

.report-event__text[b-jrwq9qg777] {
    white-space: pre-line;
}

.report-event__games[b-jrwq9qg777] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.report-event__game[b-jrwq9qg777] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.2rem 0.6rem 0.2rem 0.2rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    color: inherit;
    text-decoration: none;
    font-size: 0.875rem;
}

.report-event__game:hover[b-jrwq9qg777] {
    border-color: var(--bs-primary-border-subtle, #9ec5fe);
}

.report-event__game img[b-jrwq9qg777] {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    object-fit: cover;
}

.report-event__figure[b-jrwq9qg777]  .report-event__photo {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

@media print {
    .report-event__header[b-jrwq9qg777] {
        break-after: avoid;
    }

    .report-event__figure[b-jrwq9qg777] {
        break-inside: avoid;
    }

    .report-event__link[b-jrwq9qg777],
    .report__game a[b-jrwq9qg777] {
        color: inherit;
        text-decoration: none;
    }
}
/* /Components/Pages/Events/EventSearchInput.razor.rz.scp.css */
.event-search-input[b-5zr6mc8wan] {
    position: relative;
    flex: 1 1 8rem;
    min-width: 8rem;
    display: flex;
}

.event-search-input .tag-search__input[b-5zr6mc8wan] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
}

.event-search-input__popup[b-5zr6mc8wan] {
    position: absolute;
    top: calc(100% + 0.5rem);
    left: -0.75rem;
    min-width: 18rem;
    max-width: calc(100vw - 2rem);
    z-index: 1090;
    margin: 0;
    padding: 0;
    background: var(--bs-body-bg, #fff);
}

.event-search-input__popup .list-group-item[b-5zr6mc8wan] {
    cursor: pointer;
    font-size: 0.9rem;
}

.event-search-input__kind[b-5zr6mc8wan] {
    font-weight: 600;
}
/* /Components/Pages/Locations/NewLocationDialog.razor.rz.scp.css */
/* Stack above an already open Bootstrap modal (modal z-index 1055, backdrop 1050). */
.location-dialog[b-ie2u42ntpo] {
    z-index: 1075;
}

.location-dialog-backdrop[b-ie2u42ntpo] {
    z-index: 1070;
}
/* /Components/Shared/AddressAutocomplete.razor.rz.scp.css */
.address-autocomplete[b-ufz2v1fsum] {
    position: relative;
}

.address-autocomplete__popup[b-ufz2v1fsum] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 1090;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
    overflow: hidden;
}

.address-autocomplete__popup .list-group-item[b-ufz2v1fsum] {
    cursor: pointer;
    font-size: 0.9rem;
}

.address-autocomplete__attribution[b-ufz2v1fsum] {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    text-align: right;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}
/* /Components/Shared/ColorCodeBadge.razor.rz.scp.css */
/* White round tile, border in the color code, meeple in the menu colour. */
.dmp-color[b-gbfiwvg2ls] {
    --dmp-color-code: #6c757d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--dmp-color-size, 28px);
    height: var(--dmp-color-size, 28px);
    border-radius: 50%;
    border: max(2px, calc(var(--dmp-color-size, 28px) * 0.09)) solid var(--dmp-color-code);
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    flex: none;
}

.dmp-color__meeple[b-gbfiwvg2ls] {
    width: 62%;
    height: 62%;
    background: var(--dmp-sidebar-bg, #50d0c3);
    -webkit-mask: url("images/meeple-192.png") center / contain no-repeat;
    mask: url("images/meeple-192.png") center / contain no-repeat;
}

.dmp-color--green[b-gbfiwvg2ls] {
    --dmp-color-code: #198754;
}

.dmp-color--yellow[b-gbfiwvg2ls] {
    --dmp-color-code: #ffc107;
}

.dmp-color--red[b-gbfiwvg2ls] {
    --dmp-color-code: #dc3545;
}

.dmp-color--black[b-gbfiwvg2ls] {
    --dmp-color-code: #212529;
}

/* No color code yet: grey dashed border, muted meeple. */
.dmp-color--none[b-gbfiwvg2ls] {
    --dmp-color-code: #adb5bd;
    border-style: dashed;
    box-shadow: none;
}

.dmp-color--none .dmp-color__meeple[b-gbfiwvg2ls] {
    background: #adb5bd;
}
/* /Components/Shared/DateTextInput.razor.rz.scp.css */
.date-text-input[b-n51nttpgss] {
    position: relative;
}

/* The native date input only provides the picker popup: invisible, but rendered (showPicker needs that) and
   placed under the button so the popup opens there. */
.date-text-input__picker[b-n51nttpgss] {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}
/* /Components/Shared/PhotoLightbox.razor.rz.scp.css */
.photo-lightbox__link[b-gxs1mzuoxk] {
    display: block;
    cursor: zoom-in;
}

.photo-lightbox__content[b-gxs1mzuoxk] {
    position: relative;
    background: transparent;
    border: 0;
}

.photo-lightbox__image[b-gxs1mzuoxk] {
    display: block;
    max-width: 100%;
    max-height: 85vh;
    margin: 0 auto;
    border-radius: var(--bs-border-radius);
    object-fit: contain;
}

/* Dark X on a light round button, so it stays visible on any photo. */
.photo-lightbox__close[b-gxs1mzuoxk] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 1;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    background-size: 0.9rem;
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
    opacity: 1;
}
/* /Components/Shared/TagSearch.razor.rz.scp.css */
.tag-search__box[b-9kjj9nmvsg] {
    flex: 1 1 18rem;
    min-height: calc(1.5em + 0.75rem + 2px);
    cursor: text;
}

.tag-search__box:focus-within[b-9kjj9nmvsg] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.tag-search__tag[b-9kjj9nmvsg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.tag-search__remove[b-9kjj9nmvsg] {
    color: inherit;
    text-decoration: none;
    line-height: 1;
    opacity: 0.8;
}

.tag-search__remove:hover[b-9kjj9nmvsg],
.tag-search__remove:focus[b-9kjj9nmvsg] {
    opacity: 1;
}

.tag-search__input[b-9kjj9nmvsg] {
    flex: 1 1 8rem;
    min-width: 8rem;
    border: 0;
    outline: 0;
    padding: 0;
    background: transparent;
}
/* /Components/Shared/TranslationEditor.razor.rz.scp.css */
.translation-item[b-j0nx5awqan] {
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.translation-item__summary[b-j0nx5awqan] {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
}

.translation-item__form[b-j0nx5awqan] {
    padding: 0 0.75rem 0.75rem;
}