#friends-dialog{width:min(540px,calc(100vw - 28px));padding:28px;background:#101915;border-color:#3c5846;border-radius:16px}
.friends-tabs{display:flex;border:1px solid #344d3b;background:#0a100d;padding:4px;border-radius:9px;margin-bottom:26px;gap:4px}.friends-tabs button{flex:1;padding:11px 8px;border-radius:6px;color:#9fb4a6;font-size:12px}.friends-tabs button.active{background:#26352a;color:#eef5e9}.friends-intro{color:#afbeb1;margin:0 0 18px}.friends-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#friends-dialog label{color:#c0cebf;font-size:11px;margin-top:18px}#friends-dialog input,#friends-dialog select{background:#0a110e;border-color:#3c5143;border-radius:7px;min-height:45px}#friends-dialog .primary{border-radius:8px;min-height:48px}#friends-dialog .friends-note{color:#9db0a2;font-size:11px;line-height:1.65;margin:18px 0 0}.friends-error{padding:12px 14px;background:#5f2a251f;border:1px solid #aa62585c;border-radius:8px;color:#ffc8bb}#friends-switch-free{width:100%;min-height:44px;text-align:center;margin-top:8px;color:var(--lime)}
.crypto-preview{margin-top:18px;padding:18px;background:#0b1516;border:1px solid #365454;border-radius:10px}.crypto-preview h3{font-size:20px;margin-top:17px}.crypto-preview .pill{font-size:7px;border-color:#446361;color:#bdd8d2}.crypto-preview dl{margin:20px 0;display:grid;gap:12px}.crypto-preview dl>div{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;font-size:11px}.crypto-preview dt{color:#9eb3ac}.crypto-preview dd{margin:0;text-align:right;font:10px var(--mono);line-height:1.6}.crypto-preview p{font-size:10px;color:#9cb4ab;margin:12px 0 0}
.friends-lobby{margin:24px auto 30px;border:1px solid #3a5144;border-radius:16px;max-width:1280px;background:radial-gradient(ellipse at 10% 0,#3045293d,transparent 50%),#101813;padding:30px}
.lobby-top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:25px;border-bottom:1px solid #8bab7629}.lobby-top .eyebrow{margin:0 0 14px;font-size:8px}.lobby-top h2{font-size:36px;letter-spacing:-1.5px}.lobby-top p:not(.eyebrow){font-size:12px;color:#9eb3a1;margin:11px 0 0}.lobby-presence{font:10px var(--mono);padding:11px 13px;background:#23362954;border:1px solid #51754860;border-radius:6px;color:#c2d4b9;white-space:nowrap}
.lobby-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;padding-top:29px}.lobby-invite .eyebrow{font-size:8px;margin:0 0 14px;color:#99b18e}.lobby-code{display:block;font:clamp(32px,3.8vw,55px) var(--mono);color:var(--lime);letter-spacing:8px}.lobby-invite p{font-size:12px;line-height:1.7;color:#b1bfb0;margin:16px 0}.lobby-invite-actions{display:flex;gap:10px;flex-wrap:wrap}.lobby-invite-actions .primary,.lobby-invite-actions .secondary{border-radius:7px;gap:15px;min-height:44px;font-size:11px;padding:13px 15px}.lobby-invite input{font-size:10px;color:#abc1ae;border-radius:6px;background:#0b110c;min-width:0}.lobby-invite label{margin-top:21px}.lobby-invite #lobby-copy-status{color:var(--lime);min-height:18px;margin:7px 0}.lobby-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.lobby-team{border:1px solid #47758266;background:#15252b50;border-radius:10px;padding:17px;min-width:0}.lobby-team.team-1{border-color:#9c764466;background:#3b2b1b26}.lobby-team h3{font-size:15px;margin-bottom:17px;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.lobby-team h3 i{width:6px;height:6px;border-radius:50%;background:#78cdf0}.lobby-team.team-1 h3 i{background:#f1ae64}
.lobby-seat{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #8bab7620;min-width:0}.seat-avatar{display:flex;align-items:center;justify-content:center;width:33px;height:33px;flex-shrink:0;border:1px solid #82958044;border-radius:50%;font-size:13px;background:#5675661a}.lobby-seat>div{flex:1;min-width:0}.lobby-seat strong{display:block;font-size:11px;overflow-wrap:anywhere;line-height:1.5}.lobby-seat strong small{font:6px var(--mono);color:var(--lime);margin-left:3px}.lobby-seat>div>span{display:block;font-size:9px;color:#96a896;margin-top:4px;line-height:1.5}.seat-status{width:6px;height:6px;border-radius:50%;background:#62675c;flex-shrink:0}.seat-status.is-ready{background:var(--lime);box-shadow:0 0 12px #c8ff5b30}.seat-empty{color:#8ca18c}.seat-empty .seat-avatar{border-style:dashed;background:none}.seat-empty strong{font-weight:400}.lobby-team .text-button{color:#c7ddd0;min-height:42px;font-size:10px}
.lobby-ready{display:flex;flex-direction:column;align-items:stretch;margin-top:19px;border-top:1px solid #8bab7629;padding-top:16px}.lobby-ready>p{font-size:11px;color:#b3c4ae;line-height:1.7;margin:0 0 13px}.lobby-ready>.primary,.lobby-ready>.secondary{justify-content:center;min-height:46px;border-radius:7px}.lobby-ready>.small{display:block;text-align:center;margin-top:15px;line-height:1.7;font-size:9px!important}
#arena-view.waiting-for-friends .canvas-shell,#arena-view.waiting-for-friends .arena-score,#arena-view.waiting-for-friends .arena-bottom,#arena-view.waiting-for-friends .touch-controls,#arena-view.waiting-for-friends .arena-note{display:none}#arena-view.waiting-for-friends{min-height:calc(100dvh - 92px)}#arena-view.waiting-for-friends #arena-fullscreen{display:none}
@media(max-width:850px){.lobby-content{grid-template-columns:1fr;gap:26px}.lobby-roster{order:1}.lobby-invite{order:2;padding-top:20px;border-top:1px solid #8bab7629}.lobby-code{font-size:42px;letter-spacing:7px}.friends-lobby{padding:24px}.lobby-top h2{font-size:30px}}
@media(max-width:440px){#friends-dialog{padding:22px 18px}.friends-field-grid{grid-template-columns:1fr;gap:0}.friends-lobby{padding:20px 15px;border-radius:12px;margin-top:20px}.lobby-top{display:block;padding-bottom:20px}.lobby-top h2{font-size:29px}.lobby-presence{display:inline-block;margin-top:17px}.lobby-team-grid{gap:9px}.lobby-team{padding:12px 10px}.lobby-seat{gap:7px;flex-wrap:wrap}.seat-avatar{width:27px;height:27px;font-size:11px}.lobby-seat strong{font-size:10px}.lobby-seat>div>span{font-size:8px}.lobby-code{font-size:36px;letter-spacing:6px}.lobby-invite-actions .primary{flex:1}.crypto-preview{padding:15px}.crypto-preview dd{font-size:9px}.crypto-preview dl>div{font-size:10px}.lobby-top .eyebrow{font-size:7px}}