.friends-entry,.lobby{max-width:1100px;margin:auto;padding:35px 5vw 60px}.friends-heading h1{font-size:60px}.friends-entry{display:grid;grid-template-columns:1fr 1.25fr;column-gap:65px}.friends-entry>#friends-back{grid-column:1/-1;justify-self:start}.friends-heading{padding-top:35px}.friends-form{padding-top:40px}.friends-form label{display:block;font-size:14px;color:var(--muted)}.friends-form input,.copy-fallback{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:#ffffff09;color:var(--white);padding:15px 17px;font:16px 'DM Sans',sans-serif;margin:10px 0 20px}.friends-form input:focus{outline:2px solid var(--gold)}.friends-form h2{font:26px 'Playfair Display',Georgia}.online-modes{display:flex;gap:10px;margin-bottom:20px}.online-modes .mode{flex:1;min-width:0}.friends-form .primary{width:100%;min-width:0}.or-divider{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted);margin:28px 0}.or-divider:before,.or-divider:after{content:'';height:1px;background:var(--line);flex:1}.code-input{text-transform:uppercase;letter-spacing:5px}.friends-form #join-room{width:100%}.online-feedback{padding:12px 16px;background:#e1c28b14;border:1px solid #e1c28b44;border-radius:7px;font-size:14px;color:var(--gold)}button:disabled{opacity:.55}.lobby-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.lobby-top #connection-status{font-size:12px;color:var(--muted)}.lobby-heading{display:flex;justify-content:space-between;gap:40px;align-items:center}.lobby-heading h1{font-size:44px;letter-spacing:-1px}.invite-box{min-width:220px;padding:20px 25px;border:1px solid #e1c28b55;border-radius:12px}.invite-box>span{font-size:12px;color:var(--muted)}.invite-box strong{display:block;font:32px 'DM Sans',sans-serif;letter-spacing:5px;color:var(--gold);margin:10px 0}.invite-box>div{display:flex;gap:18px}.invite-box .text-button{font-size:11px}.lobby-teams{display:flex;align-items:center;gap:25px;margin:40px 0}.lobby-team{flex:1;border:1px solid #e1c28b44;border-radius:15px;background:#e1c28b06;padding:22px}.lobby-team h2{font:23px 'Playfair Display',Georgia;color:var(--gold);margin:0 0 20px}.lobby-team h2 span{font:12px 'DM Sans',sans-serif;float:right;color:var(--muted);margin-top:7px}.lobby-team>div{display:flex;gap:14px}.lobby-seat{flex:1;min-width:0;min-height:156px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#ffffff04;border:1px dashed var(--line);border-radius:9px;color:var(--white);padding:15px 8px}.lobby-seat b{font-weight:500;font-size:14px;overflow-wrap:anywhere}.lobby-seat small{font-size:11px;color:var(--muted)}.lobby-seat.occupied{border-style:solid;opacity:1}.lobby-seat.mine{border-color:var(--gold);background:#e1c28b12}.lobby-avatar{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e1c28b14;color:var(--gold);font:25px Georgia}.lobby-team.red{border-color:#dd957a44}.lobby-team.red h2{color:#e6ae93}.lobby-team.red .lobby-avatar{background:#a76b502b;color:#e6ae93}.versus{color:var(--muted);font:italic 18px Georgia}.duel>div{align-items:center}.lobby-confirm{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:30px}.lobby-confirm b{font-size:20px;color:var(--gold);font-weight:500}.lobby-confirm p{font-size:13px;margin:8px 0}.lobby-confirm .primary{min-width:240px}.lobby-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.lobby-bottom label,.lobby-bottom>span{font-size:12px;color:var(--muted)}.lobby-bottom select{margin-left:8px}.unseated{font-size:14px;padding:0 0 24px}.unseated span{color:var(--muted)}.online-bar{display:flex;align-items:center;justify-content:space-between;margin:-5px 0 15px;padding:5px 15px;border:1px solid var(--line);border-radius:8px;font-size:12px;color:var(--muted)}.online-bar b{color:var(--gold);letter-spacing:2px}.online-bar .text-button{margin:0;font-size:12px}.home-online{margin:15px 0 4px;min-width:342px;border-color:#e1c28b99;color:var(--deep);background:var(--gold);display:flex;align-items:center;justify-content:space-between;gap:20px}.home-online:hover{background:#efd3a3}.online-bar+#game-layout{margin-top:10px}
@media(max-width:760px){.friends-entry{display:block;padding:22px 6vw 40px}.friends-heading{padding-top:20px}.friends-heading h1{font-size:42px}.friends-heading h1 br{display:none}.friends-form{padding-top:12px}.friends-form h2{font-size:24px}.lobby{padding:20px 5vw 40px}.lobby-top{margin-bottom:20px}.lobby-heading{flex-direction:column;align-items:stretch;gap:10px}.lobby-heading h1{font-size:34px;margin:15px 0}.lobby-heading p{font-size:14px}.invite-box{padding:15px 20px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.invite-box strong{font-size:26px;grid-column:1/-1;margin:5px 0}.invite-box>span{grid-column:1/-1}.invite-box>div{grid-column:1/-1}.lobby-teams{gap:10px;margin:24px 0;align-items:stretch}.lobby-team{padding:12px}.lobby-team h2{font-size:20px}.lobby-team h2 span{display:none}.lobby-team>div{flex-direction:column;gap:10px}.lobby-seat{min-height:122px}.lobby-teams>.versus{display:none}.lobby-team.duel>div{flex-direction:row}.lobby-team.duel .versus{font-size:13px}.lobby-confirm{flex-direction:column;align-items:stretch;gap:12px;padding-top:22px}.lobby-confirm .primary{width:100%;min-width:0}.lobby-bottom{gap:15px}.home-online{width:100%;min-width:0;max-width:392px;margin:14px auto 0}.online-bar{font-size:10px;gap:8px;padding:5px 8px}.online-bar .text-button{font-size:10px}.online-bar b{letter-spacing:1px}.lobby-seat b{font-size:13px}}