.page{--xq-wood: #E9D3A6;--xq-wood-edge: #C9A66B;--xq-ink: #3A2A16;--xq-red: #B7361F;--xq-black: #231C16;--xq-disc: #FFF7E6;--xq-accent: #2E6146;--xq-check: #C3261C;--xq-last: rgba(46, 97, 70, .5);--piece-light-fill: var(--xq-disc);--piece-light-ring: var(--xq-red);--piece-dark-fill: var(--xq-disc);--piece-dark-ring: var(--xq-black)}.board-wrap{display:flex;justify-content:center}.xq{position:relative;width:100%;max-width:clamp(280px,calc((100vh - 230px)*.9),470px);aspect-ratio:9 / 10;background:var(--xq-wood);border:2px solid var(--xq-wood-edge);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--xq-ink);container-type:inline-size;user-select:none;-webkit-user-select:none}.xq-lines{position:absolute;left:5.556%;right:5.556%;top:5%;bottom:5%;width:88.889%;height:90%;overflow:visible}.xq-river{font-family:var(--font-heading),serif;font-size:.55px;fill:var(--xq-ink);text-anchor:middle;dominant-baseline:central;opacity:.8}.xq-grid{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr)}.xq-point{position:relative;border:0;padding:0;background:transparent;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.xq-point.last:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;box-shadow:inset 0 0 0 3px var(--xq-last)}.xq-point.selected{outline:3px solid var(--xq-accent);outline-offset:-3px;border-radius:50%;z-index:1}.xq-point:focus-visible{outline:3px solid var(--color-focus);outline-offset:-2px;border-radius:50%;z-index:2}.xq--locked .xq-point{cursor:default}.xq-piece{position:relative;z-index:2;width:86%;height:86%;border-radius:50%;box-sizing:border-box;background:var(--xq-disc);border:2px solid var(--xq-black);box-shadow:inset 0 0 0 2px var(--xq-disc),inset 0 0 0 3px currentColor,0 2px 3px #231c1659;display:flex;align-items:center;justify-content:center;font-family:"Noto Serif CJK TC","Noto Serif TC","Source Han Serif TC",PingFang TC,Microsoft JhengHei,SimSun,serif;font-size:clamp(.9rem,6.4cqw,2.1rem);font-weight:700;line-height:1}.xq-piece--light{color:var(--xq-red);border-color:var(--xq-red)}.xq-piece--dark{color:var(--xq-black);border-color:var(--xq-black)}.xq-point.movable .xq-piece{box-shadow:inset 0 0 0 2px var(--xq-disc),inset 0 0 0 3px currentColor,0 0 0 3px var(--xq-accent),0 2px 3px #231c1659}.xq-point.check .xq-piece{background:var(--xq-check);color:var(--xq-disc);border-color:var(--xq-check);box-shadow:inset 0 0 0 2px var(--xq-check),inset 0 0 0 3px var(--xq-disc)}.xq-point.check.pulse .xq-piece{--color-accent: var(--xq-check);animation:rh-blink .6s var(--ease) .22s 2}.xq-piece.gone{position:absolute;z-index:1;pointer-events:none;animation:xq-gone .7s var(--ease) forwards}@keyframes xq-gone{0%,50%,to{box-shadow:0 0 0 0 transparent}25%,75%{box-shadow:0 0 0 4px var(--xq-check)}85%{opacity:1;transform:none}to{opacity:0;transform:scale(.5)}}.legal-dot{width:28%;height:28%;border-radius:50%;background:var(--xq-accent);box-shadow:0 0 0 3px #2e614640;position:absolute;z-index:1}.tally .chip{font-family:"Noto Serif CJK TC","Noto Serif TC","PingFang TC","Microsoft JhengHei",var(--font-body)}@media (max-width: 420px){.xq{border-radius:var(--radius-sm)}.xq-point.movable .xq-piece{box-shadow:inset 0 0 0 2px var(--xq-disc),inset 0 0 0 3px currentColor,0 0 0 2px var(--xq-accent),0 2px 3px #231c1659}}@media (orientation: landscape) and (max-height: 480px){body[data-layout=side] #board{width:calc((100vh - 74px)*.9);max-width:calc((100vh - 74px)*.9)}}