/* Four-human queue: compact lobby entry, party status and responsive room controls. */
.mode-card--matchmaking { grid-column: 1 / -1; min-height: 1.6rem; flex-direction: row; align-items: center; gap: .24rem; padding: .22rem .32rem; animation-delay: 120ms; }
.mode-card--matchmaking .mode-card__icon { flex: none; width: .72rem; height: .72rem; }
.mode-card--matchmaking .mode-card__name { font-size: calc(.34 * var(--t)); }
.mode-card--matchmaking .mode-card__desc { max-width: none; padding-right: .9rem; }
.mode-card--matchmaking .mode-card__points { flex-direction: row; flex-wrap: wrap; gap: .08rem .22rem; }
.mode-card--matchmaking .mode-card__check { top: auto; right: .18rem; bottom: .16rem; }
.matchmaking-empty-note { max-width: 100%; color: var(--text-lo); font-size: calc(.15 * var(--t)); text-align: center; }
.seat__state--party { color: var(--mint-400); }
.matchmaking-panel { flex: none; display: flex; align-items: center; gap: .28rem; margin: 0 .6rem .18rem; padding: .16rem .22rem; border: 1px solid var(--line-2); background: var(--bg-glass); --bk-c: var(--mint-700); }
.matchmaking-panel.is-queued { border-color: var(--mint-700); background: var(--mint-a10); }
.matchmaking-panel__party { display: flex; align-items: baseline; gap: .07rem; flex: none; color: var(--text-md); font-size: calc(.16 * var(--t)); }
.matchmaking-panel__party > .icon { width: .23rem; height: .23rem; align-self: center; color: var(--mint-400); margin-right: .03rem; }
.matchmaking-panel__party b { color: var(--mint-400); font-size: calc(.3 * var(--t)); }
.matchmaking-panel__party .micro { display: none; }
.matchmaking-panel p { margin: 0; min-width: 0; color: var(--text-lo); font-size: calc(.15 * var(--t)); line-height: 1.5; }
.matchmaking-panel__rule { margin-left: auto; display: flex; flex-direction: column; gap: .06rem; flex: none; color: var(--text-md); font-size: calc(.15 * var(--t)); }
.matchmaking-clock { display: flex; align-items: center; justify-content: flex-end; gap: .07rem; color: var(--mint-400); }
.matchmaking-clock .icon { width: .17rem; height: .17rem; }
.matchmaking-clock b { min-width: .52rem; font-variant-numeric: tabular-nums; }
.room-screen--matchmaking .room-bar { grid-template-columns: minmax(0, 1fr) minmax(2rem, .85fr) auto; }
.room-screen--matchmaking .room-bar__status { text-align: center; line-height: 1.5; }
.room-screen--matchmaking .room-bar .btn--xl { min-width: 2.4rem; }
@media (max-width: 1000px) {
  .matchmaking-panel { gap: .18rem; margin-left: .3rem; margin-right: .3rem; }
  .matchmaking-panel__party { flex-wrap: wrap; }
  .room-screen--matchmaking .room-bar { padding-left: .3rem; padding-right: .3rem; gap: .15rem; }
  .room-screen--matchmaking .room-loadout { min-width: 0; }
}
@media (max-width: 767px) {
  .mode-card--matchmaking { min-height: 0; padding: .2rem .24rem; }
  .mode-card--matchmaking .mode-card__desc { padding-right: 0; }
  .mode-card--matchmaking .mode-card__check { display: none; }
  .matchmaking-panel { flex-wrap: wrap; gap: .1rem .2rem; }
  .matchmaking-panel p { order: 3; flex-basis: 100%; }
  .matchmaking-panel__rule { flex-direction: row; flex-wrap: wrap; align-items: center; gap: .12rem; }
  .room-screen--matchmaking .room-bar { height: auto; min-height: 1.6rem; padding-top: .15rem; padding-bottom: .15rem; grid-template-columns: minmax(0, 1fr) auto; }
  .room-screen--matchmaking .room-bar__left { flex-wrap: wrap; gap: .1rem; }
  .room-screen--matchmaking .room-bar__center { grid-column: 1 / -1; grid-row: 2; }
  .room-screen--matchmaking .room-bar__right { grid-column: 2; grid-row: 1; }
  .room-screen--matchmaking .room-bar__right .room-loadout { display: none; }
}
@media (max-height: 460px) {
  .mode-card--matchmaking { min-height: 0; padding-top: .14rem; padding-bottom: .14rem; }
  .mode-card--matchmaking .mode-card__icon { width: .5rem; height: .5rem; }
  .mode-card--matchmaking .mode-card__name { font-size: calc(.3 * var(--t)); }
  .mode-card--matchmaking .mode-card__points { display: none; }
  .matchmaking-panel { padding-top: .09rem; padding-bottom: .09rem; margin-bottom: .08rem; }
  .matchmaking-panel p { display: none; }
  .room-screen--matchmaking .room-bar { min-height: 0; }
}