.xq-players{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.xq-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:6px 12px;display:flex}.xq-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.xq-players li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.xq-players b{font-family:var(--f-word);font-size:15px}.xq-players small{font-family:var(--f-mono);color:var(--muted);font-size:12px}.xq-board{aspect-ratio:9/10;background:#e2b86c;border-radius:8px;width:min(100%,460px);margin:0 auto;position:relative;box-shadow:inset 0 0 0 3px #8a5a1c}.xq-lines{width:100%;height:100%;position:absolute;inset:0}.xq-lines path{fill:none;stroke:#5a3a10;stroke-width:.035px;stroke-linecap:square}.xq-river{fill:#7a4f16;text-anchor:middle;font-size:.42px;font-family:var(--f-word);letter-spacing:.04px}.xq-grid{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);display:grid;position:absolute;inset:0}.xq-pt{font:inherit;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}button.xq-pt{cursor:pointer}.xq-piece{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fffaf0,#efe0c0 70%,#d8c39a);border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:86%;font-size:clamp(14px,4.6vw,24px);font-weight:700;line-height:1;display:inline-flex;box-shadow:0 2px 3px #00000059,inset 0 0 0 3px #efe0c0,inset 0 0 0 4px}.xq-piece.s0{color:#b3261e}.xq-piece.s1{color:#1d1d1d}.xq-piece.small{width:28px;font-size:15px;box-shadow:inset 0 0 0 2px #efe0c0,inset 0 0 0 3px}.xq-pt.last:after{content:"";pointer-events:none;border-radius:50%;outline:2px dashed #2a6fb0;position:absolute;inset:8%}.xq-pt.on .xq-piece{outline:3px solid var(--accent);outline-offset:1px;transform:translateY(-2px)}.xq-pt.check .xq-piece{box-shadow:0 0 0 4px #c3352d,inset 0 0 0 3px #efe0c0,inset 0 0 0 4px}.xq-pt.to:before{content:"";aspect-ratio:1;opacity:.8;z-index:1;background:#1d8556;border-radius:50%;width:30%;position:absolute}.xq-pt.to .xq-piece{box-shadow:0 0 0 4px #1d8556}.xq-pt.to:has(.xq-piece):before{display:none}