/* ETHERION v3.36 — PC 대기실(예전 PC 배치, html:not(.appui)) 세 열의 높이를 맞춘다
   - 덱 보관함(왼쪽)의 높이 = 덱 보기(가운데) = 오른쪽 열. 높이는 js/screens.js fitLobbyCards가 덱 보관함을 재어 --lobby-h로 준다
   - 덱 보기: 덱 머리(이름 · 소개)를 빼고, 거르기 줄 아래 카드 40장이 그 높이에 다 들어가게 카드 폭을 고른다
   - 오른쪽 열: 위 튜토리얼 · 매뉴얼 → 수레바퀴 → 대기실 채팅(남는 높이를 다 씀) → 아래 출정의 단 2 × 2
   폰 · 앱식 배치(html.appui)는 css/mobile.css 그대로 */
@media (min-width: 1181px) {
  html:not(.appui) .screen-lobby .lobby { align-items: start; }
  html:not(.appui) .screen-lobby .deck-view.dv-fit { height: var(--lobby-h, auto); display: flex; flex-direction: column; gap: 14px; overflow: hidden; }
  html:not(.appui) .screen-lobby .deck-view.dv-fit .dv-cards { flex: 1 1 0; min-height: 0; overflow: hidden; align-content: center; }
  html:not(.appui) .screen-lobby .deck-view.dv-fit .dv-cards.dv-filtered { align-content: start; }

  html:not(.appui) .screen-lobby .side-col { position: static; height: var(--lobby-h, auto); display: flex; flex-direction: column; gap: 14px; }
  html:not(.appui) .screen-lobby .side-col > .wheel-host { flex: none; }
  html:not(.appui) .screen-lobby .side-col > .chat { position: static; flex: 1 1 0; min-height: 260px; height: auto; }

  /* 튜토리얼 · 매뉴얼: 오른쪽 아래에 떠 있던 두 명판을 오른쪽 열 맨 위 한 줄로 */
  html:not(.appui) .screen-lobby .side-col > .lobby-help { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; flex: none; }
  html:not(.appui) .screen-lobby .side-col > .lobby-help .lh-btn { justify-content: center; width: 100%; }

  /* 출정의 단 2 × 2 (원정 계속이 있으면 아래 한 줄을 다 쓴다) */
  html:not(.appui) .screen-lobby .side-altar { flex: none; }
  html:not(.appui) .screen-lobby .side-altar .altar-gates.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html:not(.appui) .screen-lobby .side-altar .g2-wide { grid-column: 1 / -1; }
  html:not(.appui) .screen-lobby .side-altar .btn.rite:not(.rb) { min-height: 76px; padding: 10px 8px; }
  html:not(.appui) .screen-lobby .side-altar .btn.rite b { font-size: 15px; letter-spacing: .02em; word-break: keep-all; }
  html:not(.appui) .screen-lobby .side-altar .btn.rite#go-edit .m-ico { color: var(--gold); }
}
/* 1180px 이하(두 열 · 한 열): 오른쪽 열이 아래로 내려가므로 출정의 단만 2 × 2로, 높이 맞춤은 없음 */
@media (max-width: 1180px) {
  html:not(.appui) .screen-lobby .side-col { grid-column: 1 / -1; position: static; }
  html:not(.appui) .screen-lobby .side-altar .altar-gates.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
  html:not(.appui) .screen-lobby .side-altar .g2-wide { grid-column: 1 / -1; }
  html:not(.appui) .screen-lobby .side-col > .lobby-help { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
}