/* 共享在线大厅样式：斗兽棋/象棋/五子棋共用一套模板 */
.netBox{background:#fff;border:2px solid #d7ccc8;border-radius:14px;padding:14px;text-align:center;margin-bottom:10px;}
.roomHint{color:#8d6e63;font-size:13px;margin:8px 0;text-align:center;}
.roomCode{font-size:16px;font-weight:800;color:#5d4037;margin-bottom:4px;}
.tableCard{background:#fff;border:2px solid #d7ccc8;border-radius:18px;padding:10px 20px 12px;min-width:240px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.06);}
.tableCard.empty{border-style:dashed;background:transparent;box-shadow:none;padding:16px 20px;}
.tableTitle{font-weight:800;color:#6d4c41;font-size:15px;margin-bottom:4px;}
.tableMid{display:flex;align-items:center;justify-content:center;gap:16px;}
.tableTop{font-size:32px;}
.chairCol{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;}
.chair{width:56px;height:56px;border-radius:50%;border:3px solid #bcaaa4;background:#efebe9;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;}
.chair img{width:100%;height:100%;object-fit:cover;}
.chair .noAv{font-size:24px;}
button.chair.free{border-style:dashed;border-color:#8d6e63;background:#fff;cursor:pointer;font-size:24px;touch-action:manipulation;}
button.chair.free:active{transform:scale(.92);}
.chairName{font-size:12px;color:#6d4c41;font-weight:700;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.watchSpot{margin-top:8px;border:2px solid #ce93d8;background:#f3e5f5;border-radius:999px;padding:7px 18px;font-size:14px;font-weight:700;color:#6a1b9a;cursor:pointer;touch-action:manipulation;}
.watchSpot:active{transform:scale(.95);}
.newTableBtn{border:2px dashed #8d6e63;background:#fff;border-radius:999px;padding:10px 26px;font-size:15px;font-weight:800;color:#6d4c41;cursor:pointer;touch-action:manipulation;}
.newTableBtn:active{transform:scale(.95);}
.lobSec{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;}
.lobSecT{font-size:16px;font-weight:800;color:#5d4037;}
.lobTables{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.tableCard.other{background:#fafafa;}
.netLobby{display:flex;flex-direction:column;gap:14px;align-items:center;padding:4px 0;}
.linkBtn{border:2px solid #bcaaa4;background:#fff;border-radius:999px;padding:7px 20px;font-size:14px;font-weight:700;color:#5d4037;cursor:pointer;touch-action:manipulation;margin:4px;}
.linkBtn:active{transform:scale(.95);}
.xqIcon{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;border-radius:50%;background:#fdf6e3;border:.08em solid #c62828;color:#c62828;font-weight:800;line-height:1;vertical-align:-.18em;}
.chair.taken{border-style:solid;}