/* Portrait and name legibility inside the existing roster slots, loaded last. */
#squad-lobby{--roster-slot-height:136px;--roster-portrait-width:72px;--roster-portrait-height:92px;--roster-name-size:16px}
#squad-lobby :is(.lobby-owner,.lobby-seat){height:var(--roster-slot-height);min-height:var(--roster-slot-height);max-height:var(--roster-slot-height)}
#squad-lobby :is(.lobby-owner,.lobby-seat-filled){display:grid;grid-template-columns:var(--roster-portrait-width) minmax(0,1fr);align-items:center;justify-content:start;column-gap:14px;row-gap:0;padding:12px;text-align:left;isolation:isolate}
#squad-lobby :is(.lobby-owner,.lobby-seat-filled)>img{display:block;width:var(--roster-portrait-width);height:var(--roster-portrait-height);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:cover;object-position:50% 35%;margin:0;filter:saturate(.9) contrast(1.04);border:1px solid #76675a;grid-column:1;grid-row:1;position:relative;z-index:0}
#squad-lobby .lobby-seat-copy{display:block;grid-column:2;grid-row:1;min-width:0;max-width:100%;position:relative;z-index:1}
#squad-lobby .lobby-seat-copy>strong{display:block;max-width:100%;font:600 var(--roster-name-size)/1.2 var(--display,var(--body,Arial,"PingFang SC",sans-serif));letter-spacing:.1px;color:#f7f3ee;margin:0;overflow-wrap:anywhere;word-break:normal}
#squad-lobby .lobby-seat-copy>.lobby-seat-caption{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:4px 6px;margin:8px 0 0;font:11px/1.45 var(--body,Arial,"PingFang SC",sans-serif);color:#bbc4c9}
#squad-lobby .lobby-owner .lobby-seat-copy>.lobby-seat-caption{color:#d2c3b5}
#squad-lobby .lobby-owner-marker{left:auto;right:9px;top:7px;padding:1px 5px;color:#ffc394;background:#392719;border:1px solid #79543b;font-size:9px;line-height:1.4;z-index:2}
#squad-lobby .lobby-owner-tag{margin:0;font-size:9px}
#squad-lobby .lobby-owner-placeholder{width:var(--roster-portrait-width);height:var(--roster-portrait-height);grid-column:1;grid-row:1}
#squad-lobby .lobby-seat-empty,#squad-lobby .lobby-seat-placeholder{padding:12px 8px;gap:6px}
#squad-lobby .lobby-seat-empty>.lobby-seat-plus{width:44px;height:38px;font-size:32px;margin:0}
#squad-lobby .lobby-discord-entry{margin:0 0 12px;min-width:0}
@media(min-width:801px){#squad-lobby{--roster-slot-height:122px}}
@media(min-width:541px) and (max-width:1100px){#squad-lobby{--roster-portrait-width:60px;--roster-portrait-height:82px;--roster-name-size:14px}#squad-lobby :is(.lobby-owner,.lobby-seat-filled){padding:10px;column-gap:9px}#squad-lobby .lobby-seat-copy>.lobby-seat-caption{font-size:10px}}
@media(max-width:540px){#squad-lobby{--roster-portrait-width:52px;--roster-portrait-height:70px;--roster-name-size:14px}#squad-lobby :is(.lobby-owner,.lobby-seat-filled){padding:9px;column-gap:9px}#squad-lobby .lobby-seat-copy>.lobby-seat-caption{font-size:10px;line-height:1.4;margin-top:6px;gap:4px}#squad-lobby .lobby-owner-marker{right:7px;top:6px;font-size:8px}}
@media(max-width:480px){#squad-lobby{--roster-slot-height:128px}}
@media(max-width:540px){#squad-lobby .lobby-owner .lobby-seat-copy>strong{font-size:12px}}
@media(max-width:360px){#squad-lobby{--roster-name-size:12px}#squad-lobby :is(.lobby-owner,.lobby-seat-filled){padding:7px;column-gap:6px}#squad-lobby .lobby-seat-copy>.lobby-seat-caption{font-size:9px}#squad-lobby .lobby-owner-tag{font-size:8px;padding:1px 3px}}
/* A narrow four-column deck needs the full tile width for callsigns. */
@media(min-width:541px) and (max-width:680px){
  #squad-lobby{--roster-portrait-width:48px;--roster-portrait-height:60px;--roster-name-size:12px}
  #squad-lobby :is(.lobby-owner,.lobby-seat-filled){grid-template-columns:minmax(0,1fr);grid-template-rows:60px auto;align-content:center;justify-items:center;padding:8px 7px;column-gap:0;row-gap:5px;text-align:center}
  #squad-lobby :is(.lobby-owner,.lobby-seat-filled)>img,#squad-lobby .lobby-owner-placeholder{grid-column:1;grid-row:1}
  #squad-lobby .lobby-seat-copy{grid-column:1;grid-row:2;width:100%;text-align:center}
  #squad-lobby .lobby-seat-copy>.lobby-seat-caption{justify-content:center;font-size:9px;line-height:1.25;margin-top:4px;gap:3px}
  #squad-lobby .lobby-owner-tag{font-size:8px;padding:1px 3px}
}