/* 部屋一覧（/lobby。I47 N7-8）。一覧の .lobby-* と待機の .room-* は ui/style.css（旧と同じ） */
.v2-lobby .panel { margin: 10px 0; }
.v2-lobby h2 { font-size: 1rem; margin: 0 0 8px; }
.lobby-name-row { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; }
.lobby-name-row input { flex: 1; min-width: 0; max-width: 16em; }
.lobby-name-row > label { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; }
.lobby-rules { margin: 0 0 6px; font-size: 0.9rem; }
.lobby-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.lobby-match { margin: 10px auto; }
.lobby-invite-row { display: flex; align-items: center; gap: 6px; font-size: 0.85rem; }
.lobby-invite { flex: 1; min-width: 0; font-size: 0.8rem; }
.lobby-room-players { list-style: none; margin: 8px 0; padding: 0; display: grid; gap: 4px; }
.lobby-room-players li.me .lobby-name { text-decoration: underline; }

/* 通信対戦の対局（/online?id=。I47 N7-9。online-play-screen.js）。盤・駒台・棋譜・結果・.conn は ui/style.css のまま */
.op-head { margin: 0 0 4px; }
.op-head .lobby-head h1 { font-variant-numeric: tabular-nums; letter-spacing: 0.04em; }
.op-line { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px 8px; margin: 0 0 4px; font-size: 0.85rem; }
.op-status { color: var(--text-2); font-variant-numeric: tabular-nums; }
.op-note { margin: 4px 0 8px; text-align: center; font-size: 0.85rem; color: var(--text); }
.op-note a { color: var(--accent); }

/* 戻るリンク・「ホームで変える」はテーマのリンクの色（menu.css の .menu-links a と同じ。既定のリンクの色にしない） */
.v2-lobby .lobby-head a, .op-head .lobby-head a, .v2-lobby .lobby-rules a { color: var(--accent); font-weight: 600; text-decoration: none; white-space: nowrap; }
.v2-lobby .lobby-head a:hover, .v2-lobby .lobby-head a:focus-visible, .op-head .lobby-head a:hover, .op-head .lobby-head a:focus-visible,
.v2-lobby .lobby-rules a:hover, .v2-lobby .lobby-rules a:focus-visible { text-decoration: underline; }
.v2-lobby .lobby-name-row { margin: 0; }
.v2-lobby .online-hint { line-height: 1.5; }