#bbWait{position:fixed;inset:0;z-index:8000;display:flex;align-items:center;justify-content:center;
  background:rgba(6,4,8,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom))}
#bbWait[hidden]{display:none}
.bbw{width:min(440px,100%);background:#16101a;border:1px solid rgba(255,255,255,.1);border-radius:22px;
  padding:22px 20px;box-shadow:0 24px 60px rgba(0,0,0,.5);color:#f4eeed}
.bbw h2{margin:0 0 6px;font-size:1.15rem;letter-spacing:-.02em}
.bbw p{margin:0 0 14px;color:#a89492;font-size:13px}
.bbw-code{display:flex;align-items:center;gap:8px;justify-content:center;margin:0 0 16px}
.bbw-code b{font:800 28px/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:#E74C3C}
.bbw-code button{min-height:40px}
.bbw-list{display:grid;gap:8px;margin:0 0 16px;max-height:240px;overflow:auto}
.bbw-p{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
  border-radius:12px;padding:8px 10px}
.bbw-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:800;color:#fff;flex:none;object-fit:cover}
.bbw-p span{font-size:12px;color:#a89492}
.bbw-p.host b:after{content:" host";color:#E74C3C;font-size:11px}
.bbw-actions{display:flex;gap:8px;flex-wrap:wrap}
.bbw-actions .btn{flex:1;min-height:48px;justify-content:center}
.bbw-actions .btn[disabled]{opacity:.45;cursor:not-allowed}
#bbwExtra{margin:0 0 16px}
#bbwExtra:empty{display:none}
.bbw-rules{display:grid;gap:8px}
.bbw-rules label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#a89492;font-weight:700}
.bbw-rules select{background:#1c141f;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 10px;min-height:42px;font-weight:700}