.xiangqi-wrap.svelte-6f2hgq{width:min(100%,650px);margin:auto;position:relative}.board-shell.svelte-6f2hgq{box-sizing:border-box;background:#c9a66b;border:10px solid #171b20;padding:34px;box-shadow:0 18px 50px #0008,0 0 0 1px #343a42}.grid-area.svelte-6f2hgq{aspect-ratio:8/9;width:100%;position:relative}.board-lines.svelte-6f2hgq{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-lines.svelte-6f2hgq line:where(.svelte-6f2hgq){stroke:#4a321e;stroke-width:2.4px;vector-effect:non-scaling-stroke}.board-lines.svelte-6f2hgq text:where(.svelte-6f2hgq){fill:#4a321e;letter-spacing:.18em;text-anchor:middle;dominant-baseline:middle;font:700 42px Songti SC,STSong,Noto Serif CJK SC,serif}.point.svelte-6f2hgq{z-index:2;aspect-ratio:1;cursor:default;width:11.5%;font:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.point.occupied.svelte-6f2hgq,.point.legal.svelte-6f2hgq{cursor:pointer}.piece.svelte-6f2hgq{z-index:2;aspect-ratio:1;-webkit-user-select:none;user-select:none;background:#f2e4c7;border:3px solid;border-radius:50%;place-items:center;width:82%;font:800 clamp(19px,4.1vw,32px)/1 Songti SC,STSong,Noto Serif CJK SC,serif;display:grid;position:relative;box-shadow:0 3px #6d4c2c,0 7px 13px #0004}.piece.red.svelte-6f2hgq{color:#a62824}.piece.black.svelte-6f2hgq{color:#17191c}.piece.checked.svelte-6f2hgq,.point.selected.svelte-6f2hgq .piece:where(.svelte-6f2hgq){box-shadow:0 0 0 5px #c1ff56,0 3px #6d4c2c,0 7px 13px #0004}.point.last.svelte-6f2hgq:before{content:"";aspect-ratio:1;opacity:.34;background:#c1ff56;border-radius:50%;width:46%;position:absolute}.point.capture.svelte-6f2hgq:after{content:"";aspect-ratio:1;box-sizing:border-box;border:4px solid #c1ff56;border-radius:50%;width:88%;position:absolute}.move-dot.svelte-6f2hgq{aspect-ratio:1;background:#c1ff56;border-radius:50%;width:24%;display:block;box-shadow:0 0 0 4px #1b241655}.xiangqi-actions.svelte-6f2hgq{color:#7c8691;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.xiangqi-actions.svelte-6f2hgq>span.active:where(.svelte-6f2hgq){color:#c1ff56}.resign-button.svelte-6f2hgq{color:#d9a3a3;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#171012;border:1px solid #734242;padding:9px 14px;font-size:11px;font-weight:800}.resign-button.svelte-6f2hgq:disabled{opacity:.5;cursor:default}.modal.svelte-6f2hgq{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050708c8;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.modal-card.svelte-6f2hgq{text-align:center;box-sizing:border-box;background:#111419;border:1px solid #4a525d;width:min(88%,380px);padding:30px;box-shadow:12px 12px #050607}.modal-card.svelte-6f2hgq>span:where(.svelte-6f2hgq){color:#89929d;letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.modal-card.svelte-6f2hgq h2:where(.svelte-6f2hgq){color:#f4f0e8;margin:8px 0 4px;font-size:34px;line-height:1}.modal-card.svelte-6f2hgq p:where(.svelte-6f2hgq){color:#9ca6b1;margin:0 0 22px}.error.svelte-6f2hgq{color:#ff8a8a;margin:0 0 12px;font-size:12px}.modal-actions.svelte-6f2hgq{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions.svelte-6f2hgq button:where(.svelte-6f2hgq),.modal-actions.svelte-6f2hgq a:where(.svelte-6f2hgq){color:#f4f0e8;min-height:44px;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0b0d10;border:1px solid #3b424c;place-items:center;font-size:11px;font-weight:900;text-decoration:none;display:grid}.modal-actions.svelte-6f2hgq .danger:where(.svelte-6f2hgq){color:#ffe7e7;background:#6d2929;border-color:#8d4747}.modal-actions.svelte-6f2hgq .play-again:where(.svelte-6f2hgq){color:#10140c;background:#c1ff56;border-color:#799b45}@media (width<=640px){.board-shell.svelte-6f2hgq{border-width:6px;padding:24px}.piece.svelte-6f2hgq{border-width:2px;width:88%;font-size:clamp(17px,7vw,27px)}.board-lines.svelte-6f2hgq text:where(.svelte-6f2hgq){font-size:36px}.point.svelte-6f2hgq{width:13%}}