.lobby-scene {
  position:absolute;
  left:54px;
  top:280px;
  width:972px;
  height:780px;
}
.lobby-mode-row {
  position:absolute; left:0; top:0; width:972px; height:52px;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 24px; border:1px solid rgba(39,230,255,.25); border-radius:16px;
  background:linear-gradient(90deg,rgba(39,230,255,.08),rgba(101,92,255,.08));
  color:var(--color-muted); font-size:23px; font-weight:850; letter-spacing:.09em; text-transform:uppercase;
}
.lobby-mode-row strong { color:var(--color-cyan); font-size:25px; }
.lobby-join-banner {
  position:absolute; left:0; top:60px; width:972px; height:104px;
  display:flex; align-items:center; justify-content:center; gap:24px;
  border:2px solid rgba(39,230,255,.62); border-radius:24px;
  background:linear-gradient(100deg,rgba(21,71,120,.92),rgba(36,37,111,.92));
  box-shadow:var(--shadow-cyan), inset 0 1px 0 rgba(255,255,255,.08); overflow:hidden;
}
.lobby-join-banner::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.08) 45%,transparent 70%); transform:translateX(-100%); animation:lobby-shine 5s ease-in-out infinite; }
@keyframes lobby-shine { 0%,55%{transform:translateX(-100%)} 75%,100%{transform:translateX(100%)} }
.lobby-join-title { position:relative; z-index:1; color:#fff; font-size:61px; font-weight:950; letter-spacing:.04em; line-height:1; }
.lobby-countdown-number { position:relative; z-index:1; min-width:120px; color:var(--color-gold); font-size:76px; font-weight:950; line-height:1; text-align:center; font-variant-numeric:tabular-nums; text-shadow:0 0 26px rgba(255,212,91,.34); }
.lobby-countdown-number[hidden] { display:none; }
.lobby-main-grid { position:absolute; left:0; top:184px; width:972px; height:596px; display:grid; grid-template-columns:414px 534px; gap:24px; }
.lobby-panel { position:relative; border:2px solid var(--border-medium); border-radius:30px; background:linear-gradient(155deg,rgba(14,31,68,.97),rgba(4,10,26,.98)); box-shadow:var(--shadow-cyan),inset 0 1px 0 rgba(255,255,255,.05); overflow:hidden; }
.lobby-panel::before { content:""; position:absolute; left:35px; right:35px; top:0; height:3px; background:linear-gradient(90deg,transparent,var(--color-cyan),transparent); }
.lobby-qr-panel { display:flex; flex-direction:column; align-items:center; padding:28px 28px 24px; }
.lobby-panel-kicker { color:var(--color-cyan); font-size:25px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.lobby-qr-shell { width:318px; height:318px; margin-top:18px; padding:12px; border-radius:26px; background:#fff; box-shadow:0 0 34px rgba(39,230,255,.25); }
.lobby-qr-shell img { width:100%; height:100%; }
.lobby-url { margin-top:18px; color:#fff; font-size:35px; font-weight:950; letter-spacing:-.02em; text-align:center; }
.lobby-browser-note { margin-top:10px; color:var(--color-muted); font-size:23px; font-weight:750; text-align:center; }
.lobby-info-panel { padding:28px 30px; display:flex; flex-direction:column; }
.lobby-info-title { color:#fff; font-size:42px; font-weight:950; line-height:1; text-align:left; padding-right:150px; }
.lobby-play-option { position:relative; display:grid; grid-template-columns:72px 1fr; column-gap:18px; align-items:center; min-height:130px; margin-top:20px; padding:18px 20px; border:1px solid rgba(145,205,255,.2); border-radius:22px; background:rgba(5,13,32,.72); }
.lobby-play-option-icon { width:64px; height:64px; display:flex; align-items:center; justify-content:center; border-radius:19px; color:var(--color-cyan); background:rgba(39,230,255,.09); border:1px solid rgba(39,230,255,.3); font-size:32px; font-weight:950; }
.lobby-play-option h3 { margin:0; color:#fff; font-size:30px; font-weight:950; line-height:1.05; }
.lobby-play-option p { grid-column:2; margin:8px 0 0; color:var(--color-muted); font-size:22px; font-weight:700; line-height:1.2; }
.lobby-play-option.chat-unavailable { opacity:.68; border-color:rgba(255,155,66,.35); }
.lobby-play-option.chat-unavailable .lobby-play-option-icon { color:var(--color-orange); border-color:rgba(255,155,66,.35); background:rgba(255,155,66,.08); }
.lobby-players-card { margin-top:auto; height:128px; display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border:2px solid rgba(255,212,91,.38); border-radius:24px; background:linear-gradient(100deg,rgba(255,212,91,.08),rgba(39,230,255,.07)); }
.lobby-players-copy span { display:block; color:var(--color-muted); font-size:21px; font-weight:850; letter-spacing:.09em; }
.lobby-players-copy strong { display:block; margin-top:7px; color:#fff; font-size:30px; font-weight:950; }
.lobby-ready-count { color:var(--color-gold); font-size:68px; font-weight:950; line-height:1; font-variant-numeric:tabular-nums; text-shadow:0 0 24px rgba(255,212,91,.25); }
.lobby-chat-chip { position:absolute; right:20px; top:20px; padding:8px 13px; border-radius:999px; font-size:17px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; color:var(--color-green); background:rgba(56,236,146,.09); border:1px solid rgba(56,236,146,.35); }
.lobby-chat-chip.degraded { color:var(--color-yellow); background:rgba(255,228,95,.08); border-color:rgba(255,228,95,.35); }
.lobby-chat-chip.unavailable { color:var(--color-orange); background:rgba(255,155,66,.08); border-color:rgba(255,155,66,.35); }
.lobby-scene.countdown-final .lobby-join-banner { border-color:rgba(255,212,91,.82); box-shadow:var(--shadow-gold); }
.lobby-scene.countdown-final .lobby-countdown-number { color:#fff; animation:lobby-countdown-pulse 1s ease-in-out infinite; }
@keyframes lobby-countdown-pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.08)} }
.lobby-scene.countdown-locked .lobby-join-banner { border-color:rgba(56,236,146,.75); background:linear-gradient(100deg,rgba(17,101,80,.9),rgba(20,62,108,.92)); }
.lobby-scene.countdown-locked .lobby-join-title { font-size:54px; }