/* qz-lobby: unified waiting-room card for all QuizOn games */
.qz-lobby{width:100%;max-width:400px;margin:0 auto;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:22px 18px 20px;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 18px 50px rgba(0,0,0,.35);text-align:center;
  font-family:'Tajawal','Cairo',system-ui,sans-serif;color:#fff;box-sizing:border-box}
.qz-lobby *{box-sizing:border-box}
.qz-logo{width:64px;height:64px;border-radius:18px;margin:0 auto 10px;display:block;
  object-fit:cover;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13)}
.qz-title{font-size:23px;font-weight:900;margin:0 0 2px}
.qz-how{font-size:13.5px;line-height:1.65;color:rgba(255,255,255,.62);margin:0 0 16px;padding:0 4px}
.qz-codebox{background:rgba(0,0,0,.26);border:1px dashed rgba(251,191,36,.45);
  border-radius:18px;padding:12px 10px 14px;margin-bottom:12px}
.qz-codelbl{font-size:12.5px;color:rgba(255,255,255,.62);margin-bottom:2px}
.qz-code{font-size:42px;font-weight:900;letter-spacing:.14em;line-height:1.15;
  background:linear-gradient(90deg,#fbbf24,#f97316);-webkit-background-clip:text;
  background-clip:text;color:transparent;direction:ltr;unicode-bidi:isolate}
.qz-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}
.qz-btn{border:0;border-radius:14px;padding:12px 10px;font-family:inherit;font-size:14.5px;
  font-weight:700;cursor:pointer;color:#fff;display:flex;align-items:center;
  justify-content:center;gap:7px;line-height:1.2}
.qz-wa{background:linear-gradient(135deg,#22c55e,#16a34a)}
.qz-copy{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13)}
.qz-players{text-align:start;margin-bottom:14px}
.qz-phead{display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:rgba(255,255,255,.62);margin-bottom:7px}
.qz-chips{display:flex;flex-wrap:wrap;gap:7px}
.qz-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);
  border-radius:999px;padding:6px 12px;font-size:13.5px;font-weight:500}
.qz-chip.host{border-color:rgba(251,191,36,.5);color:#fbbf24}
.qz-opts{text-align:start;margin-bottom:14px}
.qz-lbl{font-size:13px;color:rgba(255,255,255,.62);margin-bottom:5px;display:block}
.qz-sel{width:100%;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.13);
  color:#fff;border-radius:13px;padding:11px;font-family:inherit;font-size:14.5px}
.qz-start{width:100%;border:0;border-radius:15px;padding:14px;cursor:pointer;
  font-family:inherit;font-size:17px;font-weight:900;color:#2a1a00;
  background:linear-gradient(135deg,#fbbf24,#f97316)}
.qz-start[disabled]{filter:grayscale(.45) brightness(.8);cursor:default}
.qz-hint{font-size:12.5px;color:rgba(255,255,255,.62);margin-top:8px}
.qz-phead span:last-child{direction:ltr;unicode-bidi:isolate}
body.qz-lobby-on > .wrap > .logo,
body.qz-lobby-on > .wrap > h1,
body.qz-lobby-on > .wrap > .sub{display:none}
.qz-actions{align-items:stretch}
.qz-actions>.qz-btn{width:100%;height:50px;min-height:50px;margin:0;padding:0 10px;
  align-self:stretch;border:1px solid transparent;font-size:15px;white-space:nowrap}
.qz-copy{border-color:rgba(255,255,255,.13)}