.team-mode{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:12px 14px;background:#122a40;border:1px solid #81b7d83d;border-radius:9px}.team-mode>div{display:flex;align-items:baseline;gap:12px}.team-mode strong{font:700 18px Arial,sans-serif;color:#edf8ff}.team-mode small{font:12px Arial,sans-serif;color:#b7ccdb}.team-mode button{display:flex;align-items:center;gap:10px;padding:7px 0 7px 12px;background:transparent;border:0;color:#c1d6e4;min-height:38px;font:650 13px Arial,sans-serif}.team-mode button i{display:block;position:relative;width:42px;height:24px;background:#344b60;border:1px solid #7899ad;border-radius:20px}.team-mode button i:after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:#b5cbd9;border-radius:50%;transition:transform .16s}.team-mode button[aria-checked=true] i{background:#79e7c7;border-color:#79e7c7}.team-mode button[aria-checked=true] i:after{background:#143746;transform:translateX(18px)}
.team-roster{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.lobby-team{min-width:0;padding:12px;border-radius:10px;background:#193c55;border:1px solid #67b9e960}.lobby-team-1{background:#42363b;border-color:#d9947360}.lobby-team h3{display:flex;align-items:center;gap:7px;color:#cbeaff;font:700 14px Arial,sans-serif;margin:0 0 12px}.lobby-team-1 h3{color:#ffcfb6}.lobby-team h3 i{width:7px;height:7px;border-radius:50%;background:#7ccfff}.lobby-team-1 h3 i{background:#f4ad83}.lobby-team h3 small{margin-left:auto;font:10px Arial,sans-serif;color:#c0d3dc}.team-seat{display:flex;gap:9px;align-items:center;padding:12px 0;border-top:1px solid #b9d6e022;min-height:66px;box-sizing:border-box}.team-seat .army-flag{width:39px!important;height:29px!important;border-radius:3px}.team-seat>div{min-width:0;flex:1}.team-seat strong{display:block;color:#eff8ff;font:650 14px/1.25 Arial,sans-serif;overflow-wrap:anywhere}.team-seat small{display:block;margin-top:4px;color:#b9ccd9;font:10px Arial,sans-serif}.team-seat.empty strong{font-weight:400;color:#aac1d1}.team-seat button{flex-shrink:0;width:34px;min-height:36px;border:1px solid #b7d1e150;border-radius:6px;background:#0b203766;color:#d9edff;font:23px Arial,sans-serif;padding:0}.team-help{color:#b9cfde;font:12px/1.5 Arial,sans-serif;margin:0 0 16px}.room-map-art img,.map-art img{width:100%;height:100%;object-fit:cover}.team-roster~.room-map{margin-bottom:14px}
#lobby{box-sizing:border-box;max-height:calc(100dvh - 172px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:700px){#lobby{max-height:calc(100dvh - 136px)}}
@media(max-width:360px){#lobby .lobby-heading h2{font-size:26px!important;letter-spacing:-.8px}}
@media(max-width:500px){.team-mode{padding:8px 10px;margin-bottom:10px}.team-mode>div{gap:6px;flex-direction:column}.team-mode strong{font-size:15px}.team-mode small{font-size:10px}.team-roster{gap:8px}.lobby-team{padding:9px}.lobby-team h3{font-size:12px;gap:5px}.lobby-team h3 small{display:none}.team-seat{flex-wrap:wrap;gap:6px;padding:10px 0;min-height:92px}.team-seat .army-flag{width:30px!important;height:23px!important}.team-seat>div{flex-basis:calc(100% - 39px)}.team-seat strong{font-size:12px}.team-seat button{margin-left:auto;min-height:30px;height:30px;width:100%;font-size:21px}.team-help{font-size:10px;margin-bottom:10px}}
@media(max-height:500px) and (min-width:600px){.team-mode{padding:3px 10px;margin-bottom:8px}.team-roster{margin-bottom:6px}.lobby-team{padding:7px 10px}.lobby-team h3{margin-bottom:5px}.team-seat{padding:6px 0;min-height:43px}.team-help{margin-bottom:7px;font-size:10px}}
@media(max-height:500px) and (min-width:600px){#lobby{max-height:calc(100dvh - 100px);grid-template-columns:1fr 1fr;gap:8px 16px}#lobby .team-mode{grid-column:1;grid-row:2;margin:0}#lobby .room-players,#lobby .team-roster{grid-column:1;grid-row:3/6;margin:0}#lobby .team-help{grid-column:2;grid-row:2;font-size:10px;margin:0}#lobby .room-map{grid-column:2;grid-row:3;margin:0}#lobby .room-code{grid-column:2;grid-row:4;margin:0}#lobby .lobby-buttons{grid-column:2;grid-row:5}}