.bgxr-shell{padding-top:22px;padding-bottom:44px}.bgxr-hero,.bgxr-room-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 27px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--bgx-primary) 32%,transparent);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--bgx-panel) 92%,transparent),color-mix(in srgb,var(--bgx-secondary) 9%,var(--bgx-panel)));box-shadow:0 18px 45px rgba(3,10,27,.16);overflow:hidden;position:relative}.bgxr-hero:after,.bgxr-room-head:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-140px;background:var(--bgx-primary);filter:blur(70px);opacity:.18}.bgxr-hero h1,.bgxr-room-head h1{font-size:clamp(26px,3.4vw,43px);line-height:1.05;margin:8px 0;color:var(--bgx-game-text)}.bgxr-hero p,.bgxr-room-head p{margin:0;max-width:720px;color:color-mix(in srgb,var(--bgx-game-text) 67%,transparent)}.bgxr-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start}.bgxr-room-list,.bgxr-create-card,.bgxr-vote-panel,.bgxr-live-stage,.bgxr-social-panel{border:1px solid color-mix(in srgb,var(--bgx-primary) 20%,transparent);border-radius:20px;background:color-mix(in srgb,var(--bgx-panel) 96%,transparent);box-shadow:0 18px 42px rgba(3,10,27,.13)}.bgxr-room-list{padding:22px}.bgxr-create-card{padding:20px;position:sticky;top:16px}.bgxr-code-form{display:flex;align-items:end;gap:10px;margin:18px 0;padding:12px;border-radius:15px;background:color-mix(in srgb,var(--bgx-primary) 7%,var(--bgx-panel));border:1px solid color-mix(in srgb,var(--bgx-primary) 17%,transparent)}.bgxr-code-form label{display:grid;gap:5px;flex:1}.bgxr-code-form label span,.bgxr-create-form label{font-size:11px;font-weight:800;color:color-mix(in srgb,var(--bgx-game-text) 70%,transparent)}.bgxr-code-form input,.bgxr-create-form input,.bgxr-create-form select{width:100%;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--bgx-primary) 20%,transparent);background:color-mix(in srgb,var(--bgx-box) 88%,transparent);color:var(--bgx-game-text);outline:0}.bgxr-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bgxr-room-card{overflow:hidden;border-radius:17px;border:1px solid color-mix(in srgb,var(--room-accent) 30%,transparent);background:color-mix(in srgb,var(--bgx-box) 90%,var(--bgx-panel));transition:.25s}.bgxr-room-card:hover{transform:translateY(-4px);box-shadow:0 17px 35px color-mix(in srgb,var(--room-accent) 17%,transparent)}.bgxr-card-cover{height:105px;display:flex;align-items:center;justify-content:center;position:relative;font-size:34px;color:var(--room-accent);background:radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--room-accent) 34%,transparent),transparent 52%),linear-gradient(145deg,color-mix(in srgb,var(--bgx-box) 96%,black),color-mix(in srgb,var(--room-accent) 12%,var(--bgx-box)))}.bgxr-live-dot{position:absolute;left:12px;top:12px;display:flex;gap:6px;align-items:center;padding:5px 8px;border-radius:99px;background:rgba(2,8,20,.76);color:#d7e5f5;font-size:9px;font-weight:900}.bgxr-live-dot i{width:7px;height:7px;border-radius:50%;background:#ffb323}.is-live .bgxr-live-dot i{background:#16d891;box-shadow:0 0 0 5px rgba(22,216,145,.12);animation:bgxLive 1.4s infinite}.bgxr-card-body{padding:14px}.bgxr-card-body>small{font-size:10px;color:var(--room-accent);font-weight:800}.bgxr-card-body h3{margin:4px 0 12px;color:var(--bgx-game-text);font-size:17px}.bgxr-card-body>div{display:flex;gap:10px;justify-content:space-between;margin-bottom:13px;font-size:10px;color:color-mix(in srgb,var(--bgx-game-text) 65%,transparent)}.bgxr-empty{grid-column:1/-1;text-align:center;padding:45px 15px;border:1px dashed color-mix(in srgb,var(--bgx-primary) 30%,transparent);border-radius:16px;color:color-mix(in srgb,var(--bgx-game-text) 60%,transparent)}.bgxr-empty i,.bgxr-host-lock>i{font-size:30px;color:var(--bgx-primary)}.bgxr-empty h3,.bgxr-host-lock h3{color:var(--bgx-game-text);margin:12px 0 5px}.bgxr-create-form{display:grid;gap:13px;margin-top:18px}.bgxr-create-form label{display:grid;gap:6px}.bgxr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bgxr-switches{display:grid;gap:7px;padding:12px;border-radius:13px;background:color-mix(in srgb,var(--bgx-box) 85%,transparent)}.bgxr-switches label{display:flex;align-items:center;gap:9px;cursor:pointer}.bgxr-switches input{position:absolute;opacity:0;pointer-events:none}.bgxr-switches span{width:34px;height:20px;border-radius:99px;background:color-mix(in srgb,var(--bgx-game-text) 15%,transparent);position:relative;transition:.2s}.bgxr-switches span:after{content:"";width:14px;height:14px;position:absolute;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.bgxr-switches input:checked+span{background:var(--bgx-primary)}.bgxr-switches input:checked+span:after{transform:translateX(14px)}.bgxr-host-lock{text-align:center;padding:28px 8px;color:color-mix(in srgb,var(--bgx-game-text) 67%,transparent)}.bgxr-alert{padding:13px 15px;margin-bottom:15px;border:1px solid rgba(255,75,100,.35);border-radius:12px;background:rgba(255,75,100,.1);color:#ff7f96}.bgxr-channel{display:flex;align-items:center;gap:14px}.bgxr-channel>span{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:22px;color:#fff;background:linear-gradient(135deg,var(--bgx-primary),var(--bgx-secondary))}.bgxr-channel small{font-size:9px;color:#21d49b;font-weight:900}.bgxr-channel h1{font-size:26px;margin:3px 0}.bgxr-channel p{font-size:11px}.bgxr-channel em{font-style:normal}.bgxr-share-actions,.bgxr-hostbar{display:flex;gap:8px;align-items:center}.bgxr-hostbar{margin-bottom:15px;padding:12px 14px;border-radius:15px;border:1px solid color-mix(in srgb,var(--bgx-primary) 22%,transparent);background:color-mix(in srgb,var(--bgx-panel) 96%,transparent)}.bgxr-hostbar>div{margin-right:auto;display:grid}.bgxr-hostbar small{font-size:9px;color:var(--bgx-primary);font-weight:900}.bgxr-hostbar strong{color:var(--bgx-game-text);font-size:13px}.bgxr-live-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:14px}.bgxr-vote-panel,.bgxr-social-panel{padding:16px}.bgxr-live-stage{overflow:hidden}.bgxr-stage-top{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid color-mix(in srgb,var(--bgx-primary) 18%,transparent)}.bgxr-stage-top small{font-size:9px;color:var(--bgx-primary);font-weight:900}.bgxr-stage-top h2{font-size:20px;color:var(--bgx-game-text);margin:4px 0}.bgxr-stage-top>span{padding:8px 10px;border-radius:9px;background:color-mix(in srgb,var(--bgx-primary) 12%,transparent);color:var(--bgx-primary);font-size:10px;font-weight:900}.bgxr-public-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;min-height:365px;padding:18px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--bgx-primary) 13%,transparent),transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--bgx-box) 97%,black),color-mix(in srgb,var(--bgx-table) 84%,black))}.bgxr-public-box{position:relative;min-height:66px;border:1px solid color-mix(in srgb,var(--bgx-primary) 30%,transparent);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--bgx-game-text) 8%,var(--bgx-box)),var(--bgx-box));color:color-mix(in srgb,var(--bgx-game-text) 82%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:.2s}.bgxr-public-box:not(:disabled):hover{transform:translateY(-3px);border-color:var(--bgx-primary)}.bgxr-public-box i{font-size:18px;color:var(--bgx-primary)}.bgxr-public-box b{font-size:11px}.bgxr-public-box>span{position:absolute;inset:0;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#fff;background:#2479d8}.bgxr-public-box>span.group-yellow{background:#c5890d}.bgxr-public-box>span.group-red{background:#c63155}.bgxr-public-box.is-personal{border-color:#d89aff;box-shadow:inset 0 0 0 1px #d89aff}.bgxr-wait{grid-column:1/-1;align-self:center;text-align:center;color:color-mix(in srgb,var(--bgx-game-text) 58%,transparent)}.bgxr-wait i{font-size:29px;color:var(--bgx-primary)}.bgxr-offer-public{margin:15px;padding:18px;border-radius:15px;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--bgx-primary) 15%,var(--bgx-box)),color-mix(in srgb,var(--bgx-secondary) 12%,var(--bgx-box)));border:1px solid color-mix(in srgb,var(--bgx-primary) 36%,transparent)}.bgxr-offer-public small{display:block;color:var(--bgx-primary);font-weight:900}.bgxr-offer-public strong{font-size:38px;color:var(--bgx-game-text)}.bgxr-offer-public p,.bgxr-demo-warning{font-size:10px;color:color-mix(in srgb,var(--bgx-game-text) 63%,transparent)}.bgxr-demo-warning{padding:12px 18px;margin:0;border-top:1px solid color-mix(in srgb,var(--bgx-primary) 16%,transparent);text-align:center}.bgxr-vote-panel [data-vote-content]{margin-top:18px}.bgxr-vote-panel h3{font-size:15px;color:var(--bgx-game-text);margin:5px 0 14px}.bgxr-vote-chart{display:grid;gap:8px}.bgxr-vote-chart>span{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:6px;color:var(--bgx-game-text);font-size:10px}.bgxr-vote-chart i{height:7px;border-radius:99px;background:linear-gradient(90deg,var(--bgx-primary) var(--w),color-mix(in srgb,var(--bgx-game-text) 10%,transparent) var(--w))}.bgxr-vote-chart em{font-style:normal}.bgxr-choice-votes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bgxr-choice-votes button{min-height:52px;border-radius:10px;border:1px solid color-mix(in srgb,var(--bgx-primary) 28%,transparent);background:color-mix(in srgb,var(--bgx-primary) 8%,var(--bgx-box));color:var(--bgx-game-text);font-weight:800}.bgxr-choice-votes b{display:block;color:var(--bgx-primary)}.bgxr-reaction-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:16px 0}.bgxr-reaction-buttons button{min-width:0;min-height:42px;border-radius:10px;border:1px solid color-mix(in srgb,var(--bgx-primary) 18%,transparent);background:color-mix(in srgb,var(--bgx-box) 87%,transparent);font-size:18px;cursor:pointer}.bgxr-reaction-feed{display:grid;gap:6px;min-height:180px}.bgxr-reaction-feed span{display:flex;gap:9px;align-items:center;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--bgx-box) 88%,transparent)}.bgxr-reaction-feed b{font-size:18px}.bgxr-reaction-feed small{color:color-mix(in srgb,var(--bgx-game-text) 70%,transparent)}.bgxr-room-security{display:flex;gap:9px;padding:11px;border-radius:11px;color:color-mix(in srgb,var(--bgx-game-text) 62%,transparent);background:color-mix(in srgb,var(--bgx-primary) 7%,transparent);font-size:9px}.bgxr-room-security i{color:var(--bgx-primary)}.bgxr-toast{position:fixed;z-index:10020;right:20px;bottom:90px;max-width:330px;padding:13px 16px;border-radius:12px;background:#121d32;color:#fff;box-shadow:0 15px 45px rgba(0,0,0,.35);font-weight:800}.bgxr-event .bgxr-live-stage{box-shadow:0 0 0 2px color-mix(in srgb,var(--bgx-primary) 55%,transparent)}
.bgxo-body{margin:0;overflow:hidden;background:transparent;font-family:Inter,Arial,sans-serif}.bgxo-overlay{--bgx-primary:#27c6f4;width:100vw;height:100vh;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;padding:22px;background:radial-gradient(circle at 50% 50%,rgba(17,34,62,.78),rgba(2,7,16,.88) 70%);text-shadow:0 2px 8px #000}.bgxo-overlay header{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border:1px solid rgba(39,198,244,.35);border-radius:15px;background:rgba(4,14,28,.78)}.bgxo-overlay header>div{display:flex;align-items:center;gap:12px}.bgxo-overlay header img{max-width:120px;max-height:46px}.bgxo-overlay header span{display:grid}.bgxo-overlay header small{color:#27c6f4}.bgxo-overlay>section{display:grid;grid-template-columns:210px 1fr;gap:14px;flex:1;min-height:0;padding-top:14px}.bgxo-overlay>section>aside{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-content:start}.bgxo-boxes{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.bgxo-boxes .bgxr-public-box{min-height:74px;background:rgba(6,18,36,.9);color:#fff}.bgxo-offer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:28px 48px;text-align:center;border:2px solid #27c6f4;border-radius:18px;background:rgba(5,15,31,.96)}.bgxo-offer strong{font-size:54px;display:block}.bgxo-overlay footer{margin-top:12px;padding:9px;text-align:center;border-radius:10px;background:rgba(4,14,28,.82);font-size:12px}
@media(max-width:1100px){.bgxr-live-layout{grid-template-columns:220px minmax(0,1fr)}.bgxr-social-panel{grid-column:1/-1}.bgxr-reaction-feed{min-height:0;grid-template-columns:repeat(4,1fr)}}@media(max-width:820px){.bgxr-layout,.bgxr-live-layout{grid-template-columns:1fr}.bgxr-create-card{position:static}.bgxr-room-grid{grid-template-columns:1fr 1fr}.bgxr-room-head,.bgxr-hero{align-items:flex-start;flex-direction:column}.bgxr-hostbar{flex-wrap:wrap}.bgxr-hostbar>div{width:100%;margin:0}.bgxr-share-actions{width:100%;flex-wrap:wrap}.bgxr-vote-panel,.bgxr-social-panel{grid-column:auto}.bgxr-public-boxes{grid-template-columns:repeat(5,minmax(0,1fr));min-height:320px}.bgxo-overlay>section{grid-template-columns:150px 1fr}.bgxo-boxes{grid-template-columns:repeat(5,1fr)}}@media(max-width:560px){.bgxr-shell{padding-inline:10px}.bgxr-room-list{padding:14px}.bgxr-room-grid{grid-template-columns:1fr}.bgxr-code-form{align-items:stretch;flex-direction:column}.bgxr-hostbar .bgx-button{flex:1 1 calc(50% - 8px)}.bgxr-channel h1{font-size:21px}.bgxr-public-boxes{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px}.bgxr-social-panel{margin-bottom:70px}.bgxr-reaction-feed{grid-template-columns:1fr 1fr}.bgxr-form-row{grid-template-columns:1fr}.bgxo-overlay{padding:10px}.bgxo-overlay>section{grid-template-columns:1fr}.bgxo-overlay>section>aside{display:none}.bgxo-boxes{grid-template-columns:repeat(5,1fr);gap:4px}.bgxo-boxes .bgxr-public-box{min-height:48px}.bgxo-overlay footer{font-size:9px}}@keyframes bgxLive{50%{opacity:.4;transform:scale(.8)}}
.bgxo-overlay{--bgx-game-text:#fff;--bgx-box:#0b1628;--bgx-table:#07101f}.bgxo-overlay [data-value-board] span{display:grid;place-items:center;min-height:32px;border-radius:7px;background:#2479d8;color:#fff;font-size:11px;font-weight:900}.bgxo-overlay [data-value-board] .group-yellow{background:#c5890d}.bgxo-overlay [data-value-board] .group-red{background:#c63155}