/* Ongame — bàn cờ tướng (phiên plan hub 09/10/2026) */
.xq{margin:1.2em 0 1.6em;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--soft);font-family:var(--ff)}
.xq:not(.xq--on){min-height:420px;display:flex;align-items:center;justify-content:center;color:var(--sub)}
.xq__bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.xq__sel{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);max-width:100%}
.xq__wrap{max-width:460px;margin:0 auto}
.xq__svg{display:block;width:100%;height:auto;touch-action:manipulation;cursor:pointer;user-select:none}
.xq__bg{fill:#f3dfb6;stroke:#c9a46a;stroke-width:2}
.xq__grid line{stroke:#8a6532;stroke-width:1.6}
.xq__river{font:700 18px var(--head);fill:#8a6532;letter-spacing:.3em;opacity:.7}
.xq__file{font:600 13px var(--ff);fill:#8a6532}
.xq__last{fill:var(--hot);opacity:.28}
.xq__pc circle{fill:#fff8ea;stroke-width:2.4}
.xq__pc .xq__ring{fill:none;stroke-width:1.2}
.xq__pc--r circle{stroke:#c0392b}.xq__pc--r text{fill:#c0392b}
.xq__pc--b circle{stroke:#1f2937}.xq__pc--b text{fill:#1f2937}
.xq__pc.is-sel circle:first-child{fill:#fde68a}
.xq__han{font:700 22px 'Noto Sans CJK SC','Noto Sans SC','PingFang SC','Microsoft YaHei',serif}
.xq__vi{font:700 17px var(--head)}
.xq__dot{fill:var(--lime);opacity:.75}
.xq__cap{fill:none;stroke:var(--lime);stroke-width:3}
.xq__st{margin:10px 0 0;min-height:1.5em;font-size:15px;color:var(--ink);text-align:center}
.xq__ctl{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.xq__b{font:600 14px var(--ff);padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.xq__b:hover{border-color:var(--lime)}
.xq__b--pri{background:var(--lime);border-color:var(--lime);color:#fff}
.xq__rec{margin-top:12px;background:var(--card);border-radius:12px;padding:10px 12px}
.xq__rh{margin:0 0 6px!important;font-size:14px!important;font-weight:700;color:var(--sub)}
.xq__ml{margin:0;padding-left:26px;max-height:150px;overflow:auto;font-size:14px;line-height:1.6}
.xq__ml b{font-family:ui-monospace,Consolas,monospace}
.xq__ml span{color:var(--sub);font-size:13px}
.xq__lab{display:block;margin-top:10px;font-size:14px;color:var(--sub)}
.xq__ta{display:block;width:100%;box-sizing:border-box;margin-top:6px;font:14px ui-monospace,Consolas,monospace;padding:8px;border:1px solid var(--line);border-radius:10px}
.xq__rec>.xq__b{margin-top:8px}