.sq-widget{position:fixed;bottom-old-removed:20px;right-old-removed:20px;z-index:90;background:rgba(10,10,22,0.95);border:1px solid rgba(96,176,255,0.08);border-radius:12px;padding:12px 20px;backdrop-filter:blur(16px);min-width:200px;cursor:pointer;transition:all .3s;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.4);}
.sq-widget:hover{border-color:rgba(96,176,255,0.2);transform:translateY(-2px);}
.sq-widget.active{border-color:rgba(96,176,255,0.25);box-shadow:0 4px 24px rgba(0,0,0,0.4),0 0 20px rgba(96,176,255,0.1),0 0 60px rgba(96,176,255,0.05);animation:sqPulse 3s ease-in-out infinite;}
@keyframes sqPulse{0%,100%{box-shadow:0 4px 24px rgba(0,0,0,0.4),0 0 15px rgba(96,176,255,0.08);}50%{box-shadow:0 4px 24px rgba(0,0,0,0.4),0 0 25px rgba(96,176,255,0.15),0 0 60px rgba(96,176,255,0.06);}}
.sq-top{display:flex;align-items:center;gap:10px;}
.sq-dot{width:7px;height:7px;border-radius:50%;background:#252530;}
.sq-dot.on{background:#60b0ff;box-shadow:0 0 8px rgba(96,176,255,0.5);}
.sq-label{font-family:'Rajdhani',sans-serif;font-size:0.65rem;font-weight:700;color:#d0d0e0;letter-spacing:1.5px;text-transform:uppercase;}
.sq-count{font-family:'Rajdhani',sans-serif;font-size:0.62rem;font-weight:700;color:#5a5a78;margin-left:auto;font-variant-numeric:tabular-nums;}
.sq-count.has{color:#60b0ff;}
.sq-bar{height:2px;background:rgba(255,255,255,0.03);border-radius:1px;margin-top:8px;}
.sq-bar-fill{height:100%;background:linear-gradient(90deg,#60b0ff,#80d0ff);border-radius:1px;transition:width .5s;}
.sq-hide{display:none;}

.sq-expand{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.sq-widget.open{min-width:260px;}
.sq-widget.open .sq-expand{max-height:500px;}
.sq-players{padding-top:8px;font-size:0.6rem;color:#5a5a78;line-height:1.7;}
.sq-players span{color:#d0d0e0;font-weight:600;}
.sq-actions{padding-top:8px;display:flex;gap:6px;}
.sq-btn{border:none;font-family:'Rajdhani',sans-serif;font-size:0.62rem;font-weight:700;padding:7px 20px;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s,opacity .4s;will-change:transform;user-select:none;}
.sq-btn:hover{transform:translateY(-1px);}
.sq-btn:active{transition-duration:34ms;transform:translateY(1px) scale(.96);}
.sq-btn[disabled]{opacity:.5;pointer-events:none;}
.sq-join{background:linear-gradient(135deg,#60b0ff,#4898e0);color:#fff;}
.sq-wait{background:rgba(96,176,255,0.05) !important;color:#5a5a78 !important;box-shadow:none !important;}
.sq-leave{background:rgba(224,64,64,0.1);color:#e04040;border:1px solid rgba(224,64,64,0.15);}
.sq-section-label{font-family:'Rajdhani',sans-serif;font-size:0.54rem;font-weight:700;color:#4a4a68;letter-spacing:1.5px;text-transform:uppercase;padding-top:10px;padding-bottom:2px;}
.sq-players.sq-empty{font-style:italic;opacity:.5;}


/* On home: sq-widget bottom-right, above footer, below expanded sidebar */


/* ═══ Unified sq-widget position (all pages) ═══ */
.sq-widget{bottom:44px !important;right:16px !important;z-index:35 !important;}