/* ══════════════════════════════════
   BUZZ BANNER (Host-Overlay)
══════════════════════════════════ */
#buzz-banner{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:500;flex-direction:column;align-items:center;justify-content:center;gap:10px;backdrop-filter:blur(10px);}
#buzz-banner.active{display:flex;}
.bb-emoji{font-size:clamp(48px,10vw,80px);animation:bbPop .25s ease;}
.bb-label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.bb-name{font-family:'Anton',sans-serif;font-size:clamp(52px,11vw,110px);color:var(--gold);text-align:center;line-height:1.05;text-shadow:0 0 80px rgba(244,194,26,.5);animation:bbPop .3s ease .04s both;}
.bb-team{font-family:'Barlow Condensed',sans-serif;font-size:clamp(18px,4vw,28px);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 18px;border-radius:20px;background:rgba(255,255,255,.08);animation:bbPop .3s ease .08s both;}
@keyframes bbPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}

/* ══════════════════════════════════
   QR MODAL
══════════════════════════════════ */
.qr-box{display:flex;flex-direction:column;align-items:center;gap:16px;}
#qr-code{background:#fff;padding:10px;border-radius:8px;display:inline-block;min-width:200px;min-height:200px;}
.qr-url{font-family:monospace;font-size:11px;color:rgba(255,255,255,.35);word-break:break-all;text-align:center;max-width:300px;}
.qr-warning{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.35);border-radius:8px;padding:12px 16px;font-size:13px;color:#e98072;text-align:center;line-height:1.5;}
#buzzer-indicator{font-size:12px;padding:5px 12px;letter-spacing:.03em;}

/* ══════════════════════════════════
   MODAL SCORES STRIP
══════════════════════════════════ */
.modal-scores{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-bottom:16px;}
.ms-chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:20px;font-size:12px;font-weight:700;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);}
.ms-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.ms-score{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:800;}