/* Keep the first visit focused on entering a listening room. */
#lobby .lobby-layout{grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:56px;padding:44px 24px 52px;flex-shrink:0}
#lobby .lobby-story{min-width:0}
#lobby .lobby-story h1{font-size:clamp(36px,4.3vw,54px);line-height:1.12;letter-spacing:-2px;margin-bottom:18px}
#lobby .platform-copy{font-size:16px;line-height:1.7;color:#b8b5ce}
.home-steps{list-style:none;display:grid;gap:20px;margin:30px 0 24px}
.home-steps li{display:flex;gap:14px;align-items:center}
.home-steps li>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #9a8aff40;border-radius:10px;background:#7c6fff12;color:#c3b9ff;font-size:13px}
.home-steps strong{font-size:14px;font-weight:600}
.home-steps p{font-size:13px;line-height:1.6;color:#a6a2be;margin-top:3px}
.home-learn{color:#c7bdff;font-size:13px;text-underline-offset:5px}
#lobby .lcard{padding:28px;border-radius:16px;border-color:#9381ed80;background:linear-gradient(145deg,#211d3b,#111021 65%);box-shadow:0 20px 60px #0005,0 0 0 5px #9a88ff08}
.home-start{margin-bottom:22px}
.home-start h2{font-size:23px;line-height:1.3;letter-spacing:-.6px;font-weight:600}
.home-start p{font-size:13px;color:#bbb4d5;line-height:1.5;margin-top:6px}
#lobby .ltabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;margin-bottom:24px}
#lobby .tab-btn{min-width:0;margin:0;padding:13px 10px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff04;text-align:left;font-family:inherit;letter-spacing:0;transition:background .18s,border-color .18s}
#lobby .tab-btn strong{display:block;font-size:14px;line-height:1.5;font-weight:600;color:#e4dff3}
#lobby .tab-btn span{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#aea7c5}
#lobby .tab-btn.active{border-color:#a799ff;background:#7c6fff30;box-shadow:inset 0 0 0 1px #a799ff40}
#lobby .tab-btn.active span{color:#d7cff6}
#lobby .tab-btn:hover{background:#7c6fff25}
#lobby .fl{font:500 13px/1.5 'Inter',sans-serif;text-transform:none;letter-spacing:0;color:#dcd6ed;margin-bottom:7px}
#lobby .fh{font-size:11px;color:#aaa3bf;margin-left:3px}
#lobby .linput{font:14px/1.5 'Inter',sans-serif;border-radius:10px;min-height:48px;margin-bottom:18px;padding:12px 14px;background:#09091480;border-color:#ffffff25;box-shadow:none}
#lobby .linput:focus{outline:0;box-shadow:none;border-color:#a799ff;background:#29243e}
#lobby .linput::placeholder{color:#918aa7}
#lobby #join-code{font:500 20px/1.3 'Space Mono',monospace;letter-spacing:2px;margin-bottom:7px;min-height:54px}
.home-field-help{font-size:12px;line-height:1.5;color:#b3aacb;margin-bottom:20px}
.home-create-help{font-size:13px;line-height:1.6;color:#c0b7d5;margin-bottom:20px}
#lobby .lbtn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 16px;border-radius:10px;box-shadow:none;font:600 15px/1.5 'Inter',sans-serif;letter-spacing:0;background:#8774ee}
#lobby .lbtn span{font-size:20px;line-height:1}
#lobby #auth-bar{display:none}
#lobby #auth-bar:has(.logout){display:block}
#lobby #auth-bar .auth-bar{margin-top:18px;padding-top:14px;justify-content:flex-end}
#lobby #auth-bar .auth-link:not(.logout){display:none}
#lobby #auth-bar .logout{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;font:500 12px/1.5 'Inter',sans-serif;text-transform:none;letter-spacing:0}
#lobby #lobby-identity{overflow-wrap:anywhere}
#lobby #tab-join,#lobby #tab-create{animation:home-panel-in .18s ease-out}
@keyframes home-panel-in{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:800px){
 #lobby .lobby-layout{grid-template-columns:minmax(0,1fr);max-width:560px;gap:22px;padding:24px 18px 36px;margin:0 auto}
 #lobby .lobby-story{grid-row:1;text-align:center;max-width:none}
 #lobby .lobby-layout>.lcard{grid-row:2}
 #lobby .platform-kicker{font-size:10px;margin-bottom:10px}
 #lobby .lobby-story h1{font-size:34px;letter-spacing:-1.3px;margin-bottom:10px}
 #lobby .platform-copy{font-size:14px;line-height:1.6;margin:auto}
 .home-steps,.home-learn{display:none}
 #lobby .lcard{padding:22px}
}
@media(max-width:400px){
 #lobby .lobby-layout{padding:20px 14px 30px;gap:18px}
 #lobby .lobby-story h1{font-size:29px}
 #lobby .platform-copy{font-size:13px}
 #lobby .lcard{padding:18px}
 .home-start{margin-bottom:16px}
 .home-start h2{font-size:20px}
 #lobby .ltabs{gap:6px;margin-bottom:18px}
 #lobby .tab-btn{padding:11px 8px}
 #lobby .tab-btn strong{font-size:13px}
 #lobby .tab-btn span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#lobby #tab-join,#lobby #tab-create{animation:none}#lobby .tab-btn{transition:none}}