.lobby-overlay{position:fixed;inset:0;z-index:60;overflow:auto;background:radial-gradient(ellipse at 80% 5%,#234d4a66,transparent 50%),linear-gradient(135deg,#0d191f,#162a30);color:#e4eeed;font-family:Inter,Arial,sans-serif}.lobby-overlay[hidden],#lobby-waiting[hidden],#lobby-browser[hidden],#network-bar[hidden]{display:none!important}.lobby-shell{width:min(1080px,100% - 48px);margin:0 auto;padding:28px 0}.lobby-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #adc5c322}.lobby-brand{font-size:17px;letter-spacing:.2em;font-weight:850;color:#e4eeed;text-decoration:none}.lobby-brand span{color:#75d9c4;margin-left:10px}.lobby-version,.lobby-tag{font-size:10px;letter-spacing:.12em;color:#9cbbbd}.lobby-hero{margin:44px 0 28px}.lobby-hero .eyebrow,#lobby-waiting>.eyebrow{color:#75d9c4;font-size:10px;letter-spacing:.22em}.lobby-overlay h1{font-size:clamp(32px,4.6vw,56px);line-height:1.12;letter-spacing:-.04em;margin:14px 0}.lobby-overlay h1 em{color:#82d8c4;font-style:normal}.lobby-hero p,.solo-card p,.room-heading p{color:#a6bbbe;font-size:14px;line-height:1.6;margin:8px 0}.lobby-identity{display:flex;align-items:center;gap:18px;margin:25px 0}.lobby-overlay label,.lobby-identity label{display:block;font-size:10px;letter-spacing:.11em;color:#9eb8ba}.lobby-overlay input,.lobby-overlay select{display:block;width:100%;height:42px;background:#0b1c22;border:1px solid #456068;border-radius:6px;color:#eff8f5;padding:0 12px;font-size:14px;font-family:inherit;letter-spacing:0;margin-top:8px;box-sizing:border-box}.lobby-overlay input:focus,.lobby-overlay select:focus{outline:2px solid #78d9c4;outline-offset:2px}.lobby-identity input{width:240px;margin:0}.lobby-overlay button{background:#28434b;color:#e1eeeb;border:1px solid #547278;border-radius:6px;cursor:pointer;padding:11px 15px;font-family:inherit;font-size:12px}.lobby-overlay button:hover{background:#365960}.lobby-overlay button:focus-visible{outline:2px solid #83e4ce;outline-offset:3px}.lobby-overlay button:disabled{opacity:.4;cursor:not-allowed}.lobby-overlay .primary{background:#83ddc5;color:#102d2d;border-color:#83ddc5;font-weight:750;display:flex;justify-content:space-between;gap:24px;align-items:center}.lobby-overlay .primary:hover{background:#b0f1df}.lobby-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.lobby-card{padding:26px;background:#20343bd9;border:1px solid #48606899;border-radius:10px;box-shadow:0 14px 40px #0002}.lobby-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.lobby-overlay h2{font-size:18px;letter-spacing:-.02em;margin:0}.lobby-section-head button{font-size:10px;padding:7px 10px;background:transparent}.lobby-card form>label{margin-bottom:18px}.lobby-form-row{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-bottom:18px}.lobby-note{color:#9fb7bb;font-size:12px;line-height:1.65;margin:20px 0}.lobby-card .primary{width:100%;margin-top:20px}.lobby-empty{border:1px dashed #4e686f;border-radius:6px;text-align:center;color:#d7e9e4;padding:55px 20px;line-height:1.7;font-size:15px}.lobby-empty small{font-size:12px;color:#94aeb2}.join-form{margin-top:26px;padding-top:22px;border-top:1px solid #58737a66}.join-form>div{display:flex;gap:10px;margin-top:8px}.join-form input{margin-top:0;letter-spacing:.14em;max-width:210px}.lobby-list-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:9px}.lobby-list-row small{display:block;color:#adbec0;margin-top:6px}.lobby-list-row>span:last-child{color:#9ce7d3}.solo-card{display:flex;gap:20px;align-items:center;margin-top:20px;border:1px solid #48606899;border-radius:10px;padding:22px 26px;background:#162c33}.solo-symbol{font-size:35px;color:#c9af76}.solo-card p{font-size:12px}.solo-card>button{margin-left:auto;white-space:nowrap}.lobby-footer{display:flex;gap:20px;justify-content:space-between;margin-top:24px;font-size:10px;line-height:1.6;color:#879fa6}.lobby-footer #lobby-status{color:#f0b99b;max-width:70%}.lobby-footer #lobby-status.ok{color:#8bd4bd}#lobby-waiting{padding:44px 0 18px}.room-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:22px 0}.room-heading h1{font-size:38px}.invite-box{padding:16px 20px;border:1px solid #547078;border-radius:8px;min-width:180px;background:#1c353b}.invite-box small{display:block;font-size:9px;letter-spacing:.14em;color:#9bb9bb}.invite-box strong{display:block;font-family:monospace;font-size:24px;letter-spacing:.13em;margin:8px 0 12px}.invite-box button{padding:6px 10px;font-size:10px}#lobby-seats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lobby-seat{display:flex;align-items:center;gap:16px;padding:20px;background:#172c33;border:1px solid #3b535c;border-radius:8px;color:#9ab0b5}.lobby-seat.human{border-color:#6eada0;background:#23433f;color:#ecf4f0}.seat-number{font-size:21px;color:#58747c}.lobby-seat small{display:block;font-size:11px;margin-top:7px;color:#9bb5b7}.lobby-seat b{font-size:14px}.lobby-seat em{font-size:9px;font-style:normal;color:#9be2cf;margin-left:8px}.seat-state{font-style:normal;margin-left:auto;color:#8ca4ad;font-size:12px}.seat-state.ready{font-size:22px;color:#9ce2c8}.room-actions{display:flex;justify-content:flex-end;gap:12px}.room-actions button:first-child{margin-right:auto}.room-actions .ready{border-color:#96dfc8;color:#a3ead5}.busy form button[type=submit]{pointer-events:none;opacity:.5}#network-bar{position:fixed;left:50%;transform:translateX(-50%);top:74px;z-index:35;display:flex;align-items:center;gap:14px;padding:7px 12px;border:1px solid #648b85;border-radius:6px;background:#0d242aee;color:#a2dbc9;font-size:10px;max-width:65vw}#connection-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#leave-online{background:#293d43;border:1px solid #657e83;border-radius:4px;color:#e5eeee;padding:5px 8px;white-space:nowrap;cursor:pointer;font-size:10px}
@media(max-width:720px){.lobby-shell{width:calc(100% - 28px);padding:18px 0}.lobby-grid{grid-template-columns:1fr}.lobby-hero{margin:30px 0 22px}.lobby-version{display:none}.lobby-identity{flex-wrap:wrap;gap:12px}.lobby-identity input{flex:1;min-width:180px}.lobby-card{padding:20px}.solo-card{flex-wrap:wrap;padding:20px;gap:14px}.solo-card>div{flex:1}.solo-card>button{width:100%}.lobby-footer{flex-direction:column;gap:8px}.lobby-footer #lobby-status{max-width:100%}#lobby-seats{grid-template-columns:1fr}.room-heading{align-items:flex-start;flex-direction:column}.invite-box{width:100%;box-sizing:border-box}.room-actions{flex-wrap:wrap}.room-actions button{flex:1}#network-bar{top:125px;max-width:90vw}.lobby-empty{padding:30px 15px}}