.lobby-page{display:flex;flex-direction:column;flex:1 1}.lobby-page .lobby-shell{width:min(980px,100% - 48px);margin:0 auto}.lobby-page .lobby-head{padding:40px 0 8px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.lobby-page .wordmark{font-family:var(--display);font-weight:600;font-size:25px;letter-spacing:-.015em;line-height:1;color:var(--ink);text-decoration:none}.lobby-page .wordmark:hover{color:#fff}.lobby-page .wordmark .byte{color:var(--gold)}.lobby-page .roomtag{font-family:var(--sans);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--soft)}.lobby-page .lede{margin:6px 0 40px;color:var(--soft);font-style:italic;max-width:52ch}.lobby-page .lobby-foot{margin-top:auto;border-top:1px solid var(--line);padding:14px 0 26px;font-family:var(--sans);font-size:12.5px;color:var(--soft)}.lobby-page .lobby-foot .lobby-shell{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.lobby-page .lobby-foot a{color:var(--soft)}.lobby-page .lobby-foot a:hover{color:var(--gold)}.lobby-page .rgsline{display:flex;align-items:center;gap:7px}.lobby-page .dot{width:8px;height:8px;border-radius:50%;background:var(--soft)}.lobby-page .dot.ok{background:var(--ok)}.lobby-page .dot.bad{background:var(--bad)}