/* Dynamic room and OBS overlay extensions. Loaded after box-room.css. */
.bgxr-field-help{font-size:9px!important;font-weight:600!important;color:color-mix(in srgb,var(--bgx-game-text) 55%,transparent)!important}
.bgxr-poll-time{display:flex;align-items:center;gap:6px;margin-top:16px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--bgx-primary) 7%,var(--bgx-box));color:color-mix(in srgb,var(--bgx-game-text) 66%,transparent);font-size:10px}
.bgxr-poll-time i,.bgxr-poll-time b{color:var(--bgx-primary)}
.bgxo-overlay{background-position:center!important;background-size:cover!important;font-size:var(--bgxo-font-scale,100%)}
.bgxo-overlay header{border-color:color-mix(in srgb,var(--bgx-primary) 40%,transparent)!important;backdrop-filter:blur(12px)}
.bgxo-overlay>section{grid-template-columns:210px minmax(0,1fr) 230px!important}
.bgxo-stage{position:relative;min-width:0}
.bgxo-votes{display:block!important;padding:14px;border:1px solid color-mix(in srgb,var(--bgx-primary) 32%,transparent);border-radius:14px;background:rgba(4,14,28,.80);backdrop-filter:blur(10px)}
.bgxo-votes>small{display:block;margin-bottom:10px;color:var(--bgx-primary);font-weight:900}
.bgxo-votes .bgxr-vote-chart>span{color:#fff}
.bgxo-votes .bgxr-choice-votes button{background:rgba(13,28,50,.9);color:#fff}
.bgxo-lower-third{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:12px}
.bgxo-join{display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid color-mix(in srgb,var(--bgx-primary) 40%,transparent);border-radius:12px;background:rgba(4,14,28,.84)}
.bgxo-qr{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;padding:4px;border-radius:8px;background:#fff;box-shadow:0 0 24px color-mix(in srgb,var(--bgx-primary) 36%,transparent)}
.bgxo-qr svg{display:block;width:100%;height:100%}.bgxo-qr>i{color:#07111f;font-size:28px}
.bgxo-join span{display:grid}.bgxo-join small{font-size:8px;color:var(--bgx-primary);font-weight:900}.bgxo-join b{font-size:18px;letter-spacing:2px}.bgxo-join em{max-width:330px;overflow:hidden;text-overflow:ellipsis;font-size:8px;font-style:normal;opacity:.7}
.bgxo-reactions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.bgxo-reactions span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:99px;background:rgba(4,14,28,.84)}.bgxo-reactions b{font-size:18px}.bgxo-reactions small{font-size:9px}
.bgxo-overlay.layout-compact>section{grid-template-columns:minmax(0,1fr) 220px!important}.bgxo-overlay.layout-compact [data-value-board]{display:none!important}.bgxo-overlay.layout-boxes>section{grid-template-columns:1fr!important}.bgxo-overlay.layout-boxes>section>aside{display:none!important}
.bgxo-overlay.is-transparent{background-color:transparent!important;background-image:none!important}.bgxo-overlay.is-transparent header,.bgxo-overlay.is-transparent .bgxo-votes,.bgxo-overlay.is-transparent .bgxo-join,.bgxo-overlay.is-transparent footer{background:rgba(3,10,24,.58)}
.bgxo-overlay.logo-top-right header>div{order:2}.bgxo-overlay.logo-top-right header>strong{order:1}.bgxo-overlay.logo-bottom-left header img,.bgxo-overlay.logo-bottom-right header img{position:fixed;bottom:22px;z-index:10}.bgxo-overlay.logo-bottom-left header img{left:22px}.bgxo-overlay.logo-bottom-right header img{right:22px}
.bgxr-live-stage.has-room-cover{background-position:center;background-size:cover}.bgxr-live-stage.has-room-cover .bgxr-public-boxes{background-color:rgba(2,8,20,.80);background-blend-mode:multiply}

/* Room controls must keep their contrast when the global site theme is light. */
html[data-theme="light"] .bgxr-app .bgx-button-ghost{
    color:#17304f!important;
    background:rgba(255,255,255,.94)!important;
    border-color:rgba(35,72,122,.20)!important;
    box-shadow:0 8px 22px rgba(23,47,80,.10);
}
html[data-theme="light"] .bgxr-app .bgx-button-ghost:hover{
    color:#0b1d35!important;
    background:#fff!important;
    border-color:color-mix(in srgb,var(--bgx-primary) 52%,rgba(35,72,122,.20))!important;
    box-shadow:0 12px 28px color-mix(in srgb,var(--bgx-primary) 16%,rgba(23,47,80,.10));
}
@media(max-width:1100px){.bgxo-overlay>section{grid-template-columns:170px minmax(0,1fr) 190px!important}.bgxo-votes{font-size:90%}}
@media(max-width:720px){.bgxo-overlay>section{grid-template-columns:1fr!important}.bgxo-overlay>section>aside{display:none!important}.bgxo-lower-third{align-items:stretch;flex-direction:column}.bgxo-join em{display:none}.bgxo-reactions{justify-content:flex-start}}