/* 대기실 자리 목록 (src/ui/lobby-ai.js): [우리 팀] VS [상대 팀], 자리 칸은 내용과 상관없이 같은 크기 */
.lobby-players { width: 100%; }
.lobby-players li.slot {
  display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; align-items: center; gap: 8px;
  height: 46px; box-sizing: border-box; padding: 0 10px; min-width: 0;
}
.lobby-players li.slot.empty { cursor: default; }
.lobby-players .who { display: flex; align-items: center; gap: 6px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lobby-players .who b { overflow: hidden; text-overflow: ellipsis; }
.lobby-players .empty-label { color: var(--muted); display: block; }
.lobby-players .slot-side { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.lobby-players .slot-side.state { margin-left: 0; font-size: 0.85em; color: var(--muted); }
.lobby-players li.ready .slot-side.state { color: var(--good); }
.lobby-players .slot-btn { font-size: 0.82em; height: 30px; padding: 0 0.7em; border-radius: 6px; line-height: 1; }
.lobby-players .slot-btn.quiet { background: transparent; color: var(--muted); }
.lobby-players .slot-btn.quiet:hover { color: var(--text); border-color: var(--muted); }
.lobby-players .slot-btn.add { color: #d4a24c; border-color: #d4a24c80; background: transparent; }
.lobby-players .slot-btn.add:hover { background: #d4a24c1f; }
.lobby-players .bot-controls select { font-size: 0.82em; height: 30px; width: 5.6em; padding: 0 0.3em; border-radius: 6px; }
.lobby-players li.bot { border-color: #d4a24c55; }
/* 컴퓨터 표식: 선 아이콘 (작은 모니터) */
.lobby-players .bot-mark { width: 14px; height: 11px; border: 1.5px solid #d4a24c; border-radius: 2px; position: relative; flex: none; margin-bottom: 3px; box-sizing: border-box; }
.lobby-players .bot-mark::after { content: ''; position: absolute; left: 3px; right: 3px; bottom: -5px; height: 1.5px; background: #d4a24c; }

/* 팀 머리글과 VS 구분 */
.lobby-players li.team-head { display: flex; align-items: baseline; gap: 8px; background: none; border: none; padding: 2px 2px 0; font-size: 0.85em; font-weight: 600; color: var(--text); }
.lobby-players li.team-head small { color: var(--muted); font-weight: 400; }
.lobby-players li.team-head span { border-left: 3px solid var(--left); padding-left: 6px; }
.lobby-players li.team-head.foe span { border-left-color: var(--right); }
.lobby-players li.vs {
  display: flex; align-items: center; gap: 10px; background: none; border: none; padding: 2px 0;
  color: #d4a24c; font-weight: 700; font-size: 0.85em; letter-spacing: 0.08em;
}
.lobby-players li.vs::before, .lobby-players li.vs::after { content: ''; flex: 1; height: 1px; background: #d4a24c55; }

/* 좁은 화면·가로 폰: 줄 높이는 그대로, 글자와 조작만 줄인다 */
@media (max-width: 560px), (max-height: 460px) {
  .lobby-players li.slot { height: 40px; gap: 6px; padding: 0 8px; font-size: 0.9em; }
  .lobby-players .slot-btn { height: 28px; padding: 0 0.5em; font-size: 0.78em; }
  .lobby-players .bot-controls select { height: 28px; width: 5.8em; font-size: 0.78em; }
  .lobby-players li.team-head, .lobby-players li.vs { font-size: 0.78em; }
}