/* Bot Lobbies page (Oct 9, 2026). Silver/navy, mobile-first. Classes start with bl- (never ad-/ads). */
.bl-main{max-width:820px}
.bl-head{padding-bottom:18px}
.bl-lede{max-width:520px;margin:6px auto 0;color:var(--offwhite);font-size:16px;line-height:1.45}
.bl-ctas{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:18px auto 0}
.bl-ctas .btn{width:100%}
.bl-card{margin:14px 0 0;padding:16px;border-radius:var(--radius);background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line)}
.bl-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.bl-card h2,.bl-h2{font-size:22px;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.3px}
.bl-live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.bl-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#6b7080}
.bl-live.ok::before{background:#7ee2a8;box-shadow:0 0 0 3px rgba(126,226,168,.18)}
.bl-bots{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bl-bot{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid #262a3c}
.bl-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#585d6e}
.bl-bname{flex:1 1 auto;min-width:0;font-weight:800;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-state{flex:none;font-size:13px;font-weight:700;color:var(--muted)}
.bl-bot.is-free .bl-dot{background:#7ee2a8;box-shadow:0 0 0 3px rgba(126,226,168,.16)}
.bl-bot.is-free .bl-state{color:#cfeedd}
.bl-bot.is-busy .bl-dot{background:#e8b45a}
.bl-bot.is-busy .bl-state{color:#ecd3a4}
.bl-bot.is-off{opacity:.62}
.bl-hint{margin:10px 2px 0;color:var(--muted);font-size:13px}
.bl-sec{margin:28px 0 0}
.bl-sec>.bl-h2{margin:0 0 12px;padding:0 2px}
.bl-steps,.bl-rules{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bl-step,.bl-rule{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.bl-step h3,.bl-rule h3{font-size:16px;font-weight:900;color:var(--text);line-height:1.25}
.bl-step p,.bl-rule p{margin:4px 0 0;color:var(--muted);font-size:14.5px;line-height:1.45}
.bl-step b{color:var(--offwhite)}
.bl-num{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--chrome);color:#111319;font-weight:900;font-style:italic;font-size:17px}
.bl-tip{padding:8px 10px;border-radius:10px;background:rgba(88,101,242,.12);border:1px solid rgba(88,101,242,.32);color:#cdd2f5!important}
.bl-page code{font:800 .92em/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:2px 6px;border-radius:6px;background:#0b0d14;border:1px solid #33384f;color:#eef0f5;white-space:nowrap}
.bl-ri{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:900;font-size:15px;background:rgb(var(--lc-acc-rgb,188 192 203) / .14);color:var(--silver);border:1px solid rgb(var(--lc-acc-rgb,188 192 203) / .4)}
.bl-no .bl-ri{background:rgba(179,38,46,.16);color:#f0a3a8;border-color:rgba(217,69,78,.5)}
.bl-fit{margin:10px 0 0;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.bl-fit-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--bg2);font-size:14.5px;color:var(--offwhite)}
.bl-fit-row+.bl-fit-row{border-top:1px solid var(--line)}
.bl-mode{font-weight:900;text-transform:uppercase;font-style:italic;color:var(--text)}
.bl-notes ul{margin:10px 0 0;padding:0 0 0 20px;color:var(--offwhite);font-size:15px}
.bl-notes li{margin:5px 0}
.bl-notes li::marker{color:var(--silver)}
.bl-notes{margin-top:28px}
.bl-cta .btn{text-transform:none}
@media (min-width:600px){
  .bl-ctas{flex-direction:row;max-width:520px}
  .bl-bots{grid-template-columns:1fr 1fr}
  .bl-card{padding:20px}
}
@media (min-width:760px){.bl-steps{gap:12px}.bl-step,.bl-rule{padding:16px 18px}}