@font-face{font-family:LXGW WenKai TC;src:url("./fonts/lxgw-wenkai-tc.woff2") format("woff2");font-style:normal;font-weight:300 700;font-display:swap}
.point.in-flight>.piece{visibility:hidden}
.board::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 1000' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%2348351f' stroke-width='2'%3E%3Cpath d='M300 0L500 200M500 0L300 200M300 700L500 900M500 700L300 900'/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
.five-frame{padding:13px;border:1px solid #927147;border-radius:5px;background:linear-gradient(140deg,#745535,#4b351f);box-shadow:0 18px 46px #0008,inset 0 0 0 3px #21170d}.five-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));aspect-ratio:1;background:#c6a46d;border:1px solid #e5cb92;touch-action:manipulation}.five-cell{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;padding:0;background:transparent;cursor:pointer}.five-cell::before{content:"";position:absolute;z-index:0;left:-50%;top:50%;width:100%;height:1px;background:#594126}.five-cell::after{content:"";position:absolute;z-index:0;left:50%;top:-50%;width:1px;height:100%;background:#594126}.five-cell.edge-top::before,.five-cell.edge-bottom::before{width:50%;left:0}.five-cell.edge-left::before{left:50%;width:50%}.five-cell.edge-right::before{left:-50%;width:50%}.five-cell.edge-left::after{height:50%}.five-cell.edge-right::after{top:50%;height:50%}.five-cell.edge-bottom::after{top:0;height:50%}.five-cell.edge-top::after{top:50%;height:50%}.five-stone{position:relative;z-index:1;width:82%;aspect-ratio:1;border-radius:50%;box-shadow:0 2px 4px #291b0e77, inset 0 1px 2px #fff5;transition:transform .12s}.five-stone.black{background:radial-gradient(circle at 35% 27%,#58564f,#171715 70%);border:1px solid #10100e}.five-stone.white{background:radial-gradient(circle at 35% 27%,#fff9e8,#d7c69f 77%);border:1px solid #877858}.five-stone.last{outline:2px solid #b63e31;outline-offset:1px}.five-page .turn-card[data-player="one"]{background:radial-gradient(ellipse at 12% 0%,#87522668,transparent 70%),linear-gradient(125deg,#382819,#282219 70%)}.five-page .turn-card[data-player="computer"]{background:radial-gradient(ellipse at 12% 0%,#287c7455,transparent 70%),linear-gradient(125deg,#1f3433,#202724 70%)}
:root{color-scheme:dark;--bg:#17150f;--panel:#211e17;--line:#403727;--paper:#eee2c5;--muted:#a3987f;--gold:#d1ae68;--red:#af4335;--black:#34342d;--serif:'LXGW WenKai TC','Kaiti TC','標楷體',serif;--brush:'LXGW WenKai TC','Kaiti TC','標楷體',serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 25% -8%,#392c1a,transparent 42rem),var(--bg);color:var(--paper);font:14px/1.6 var(--serif)}button,select{font:inherit;color:inherit}.shell{width:min(1140px,calc(100% - 36px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #fff1}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.seal{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:#f0dca8;font:24px var(--brush)}.brand b{display:block;font:700 18px var(--serif);letter-spacing:.12em}.brand small{display:block;color:#8e836d;font:8px/1.4 monospace;letter-spacing:.18em}.banqi-link{color:#c9b883;text-decoration:none;font-size:11px}.banqi-link span{padding-left:5px}.intro{display:flex;align-items:end;justify-content:space-between;padding:36px 0 24px}.kicker{color:#d3b16d;font:9px monospace;letter-spacing:.17em}.intro h1{font-size:clamp(26px,4vw,39px);margin:8px 0 4px}.intro h1 em{font-style:normal;color:#e1c98e}.intro p{color:#a49a82;font-size:12px;margin:0}.new-game{border:1px solid #78613a;border-radius:4px;padding:10px 16px;background:linear-gradient(130deg,#40321d,#292319);color:#f0dca9;cursor:pointer}.settings{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 22px;padding:11px 14px;border:1px solid #3d382b;border-radius:5px;background:#1c1a15}.settings label{display:flex;align-items:center;gap:9px;color:#b3a88f;font-size:10px}.settings select{min-width:124px;border:1px solid #514831;border-radius:4px;padding:7px 9px;background:#29261f;color:#eadcbe;font-size:11px}.settings span{margin-left:auto;color:#867c69;font-size:9px}.match{display:grid;grid-template-columns:minmax(380px,1fr) 260px;gap:23px;align-items:start}.board-column{min-width:0}.turn-card{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center;padding:10px 15px;margin-bottom:9px;border:1px solid #bd7c3b;border-top:3px solid #e3a54e;border-radius:5px;background:radial-gradient(ellipse at 12% 0%,#87522668,transparent 70%),linear-gradient(125deg,#382819,#282219 70%);box-shadow:0 6px 24px #a8662420}.turn-card[data-player=computer]{border-color:#477c78;border-top-color:#6bbab0;background:radial-gradient(ellipse at 12% 0%,#287c7455,transparent 70%),linear-gradient(125deg,#1f3433,#202724 70%)}.turn-card[data-player=two]{border-color:#72805c;border-top-color:#9eaa79;background:linear-gradient(125deg,#2d3426,#22251d)}.turn-card>span:first-child{grid-column:1;color:#e5bd77;font-size:10px}.turn-card[data-player=computer]>span:first-child{color:#99d8ce}.turn-card strong{grid-column:1;grid-row:2;font-size:20px}.turn-card>span:last-child{grid-column:2;grid-row:1/3;padding:6px 10px;border:1px solid #e1c78c4d;border-radius:20px;color:#f1d89c;font-size:12px}.board-frame{padding:13px;border:1px solid #927147;border-radius:5px;background:linear-gradient(140deg,#745535,#4b351f);box-shadow:0 18px 46px #0008,inset 0 0 0 3px #21170d}.board{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(10,minmax(0,1fr));aspect-ratio:9/10;background:linear-gradient(145deg,#d6b980,#bc965e);border:1px solid #f0d9a1;touch-action:manipulation}.board::before{content:"楚 河   漢 界";position:absolute;z-index:0;left:0;right:0;top:44.4%;height:11.2%;display:grid;place-items:center;color:#765632;font:clamp(12px,2.3vw,22px) var(--brush);letter-spacing:.6em;pointer-events:none}.point{position:relative;z-index:1;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:#312719;cursor:pointer}.point::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#48351f 1px,transparent 1px) center/100% 1px no-repeat,linear-gradient(90deg,#48351f 1px,transparent 1px) center/1px 100% no-repeat}.point:nth-child(9n+1)::before{background:linear-gradient(#48351f 1px,transparent 1px) center/50% 1px no-repeat,linear-gradient(90deg,#48351f 1px,transparent 1px) right/1px 100% no-repeat}.point:nth-child(9n)::before{background:linear-gradient(#48351f 1px,transparent 1px) center/50% 1px no-repeat,linear-gradient(90deg,#48351f 1px,transparent 1px) left/1px 100% no-repeat}.point[data-row="4"]::before,.point[data-row="5"]::before{background:linear-gradient(90deg,#48351f 1px,transparent 1px) center/1px 100% no-repeat}.piece{width:76%;height:76%;display:grid;place-items:center;border:1px solid #795c34;border-radius:50%;background:radial-gradient(circle at 35% 27%,#fff3d3,#ddc08b 75%);box-shadow:0 2px 4px #39241488,inset 0 0 0 2px #fff2d366;font:700 clamp(14px,2.7vw,26px)/1 var(--brush);transition:transform .17s}.piece.red{color:#a5362c}.piece.black{color:#25241f}.piece.selected{transform:scale(1.1);outline:3px solid #e8c774;outline-offset:1px}.point.legal::after{content:"";position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:#fff0bdcc;box-shadow:0 0 0 2px #62421d55}.point.legal:has(.piece)::after{width:86%;background:#e15b4570;box-shadow:0 0 0 3px #a4372d}.point.check .piece{outline:4px solid #e44d3a;box-shadow:0 0 0 6px #d744322e}.point.last::before{background-color:#f2dc9c75!important}.board-foot{display:flex;justify-content:space-between;gap:8px;align-items:start;padding:10px 3px;color:#aa9e85;font-size:10px}.board-foot #message{max-width:75%}.board-foot #moveCount{white-space:nowrap;color:#c7b37b;font:9px monospace}.side-panel{display:grid;gap:10px}.card{padding:14px 15px;border:1px solid #39352b;border-radius:5px;background:linear-gradient(145deg,#24221c,#1d1b17)}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#e3d6bb;font-size:12px}.card-title button{border:0;background:transparent;color:#a99b78;font-size:9px;cursor:pointer}.score{display:flex;justify-content:space-between;padding:7px 1px;border-top:1px solid #fff1;color:#bdb39c;font-size:11px}.score b{color:#e5d8bd;font:15px monospace}.check-label{min-height:16px;margin:7px 0 0;color:#e08068;font-size:10px}.history-card ol{display:grid;gap:3px;max-height:310px;overflow:auto;list-style:none;margin:0;padding:0}.history-card li{display:grid;grid-template-columns:26px 1fr auto;gap:7px;padding:6px 5px;border-top:1px solid #fff1;color:#c9bea7;font-size:10px}.history-card li small{color:#877e6b;font:9px monospace}.quiet{display:block!important;color:#877e6b!important}.rules{padding:12px 14px;border:1px solid #49402e;border-radius:5px;background:#252219}.rules b{font-size:11px;color:#ddcea9}.rules p{color:#a79c84;font-size:10px;line-height:1.7}.rules a{color:#d7bf80;text-decoration:none;font-size:9px}footer{padding:20px 2px;color:#726b5b;font:9px monospace;letter-spacing:.1em}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #f0d798;outline-offset:2px}[hidden]{display:none!important}@media(max-width:740px){.shell{width:calc(100% - 22px)}.topbar{height:62px}.intro{padding:24px 0 17px;gap:10px}.intro p{max-width:300px}.settings{gap:9px;margin-bottom:14px;padding:9px}.settings span{width:100%;margin:0}.match{grid-template-columns:minmax(0,1fr);gap:8px}.board-column{width:min(100%,520px);margin:auto}.board-frame{padding:8px}.side-panel{grid-template-columns:1fr 1fr}.history-card{grid-column:1/-1}.rules{grid-column:1/-1}.history-card ol{max-height:120px}}@media(max-width:420px){.intro h1{font-size:24px}.intro p{font-size:10px}.new-game{padding:8px 10px;font-size:10px}.settings label{font-size:9px;gap:5px}.settings select{min-width:99px;font-size:10px}.board-foot{font-size:9px}.piece{font-size:clamp(14px,5vw,22px)}}
.flip-frame{padding:11px;border:1px solid #526b43;border-radius:5px;background:linear-gradient(140deg,#263d29,#1a291d);box-shadow:0 18px 46px #0008}.flip-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;background:#27643c;border:2px solid #d5bd81;touch-action:manipulation}.flip-cell{display:grid;place-items:center;position:relative;min-width:0;min-height:0;padding:4%;border:1px solid #dfd196;background:transparent;cursor:pointer}.flip-cell.legal::after{content:"";position:absolute;width:19%;aspect-ratio:1;border-radius:50%;background:#d6d0a588}.flip-cell.last{box-shadow:inset 0 0 0 3px #e9cf73}.flip-stone{display:block;width:90%;aspect-ratio:1;border-radius:50%;box-shadow:0 3px 7px #0008;animation:flip-in .38s ease-out}.flip-stone.black{background:radial-gradient(circle at 35% 25%,#555,#141414 72%);border:1px solid #111}.flip-stone.white{background:radial-gradient(circle at 35% 25%,#fff9e9,#cfc4a4 72%);border:1px solid #988d70}@keyframes flip-in{from{transform:rotateY(90deg) scale(.7)}to{transform:rotateY(0) scale(1)}}.flip-page .turn-card[data-player=computer]{background:radial-gradient(ellipse at 12% 0%,#287c7455,transparent 70%),linear-gradient(125deg,#1f3433,#202724 70%)}
.jump-frame{position:relative;width:min(100%,660px);aspect-ratio:1.52;margin:auto;padding:18px;border:1px solid #675638;border-radius:6px;background:linear-gradient(145deg,#28251e,#1b1a15);box-shadow:0 18px 46px #0008}.jump-board{position:relative;width:100%;height:100%;--sx:5.8%;--sy:6.6%}.jump-hole{position:absolute;left:calc(50% + var(--x)*var(--sx));top:calc(50% + var(--y)*var(--sy));transform:translate(-50%,-50%);width:4%;aspect-ratio:1;border:1px solid #9e8960;border-radius:50%;padding:0;background:#403b2f;box-shadow:inset 0 2px 4px #17140f;cursor:pointer}.jump-hole.selected{outline:3px solid #e9c970;outline-offset:2px}.jump-hole.legal{background:#9d8050;box-shadow:0 0 0 3px #c9a45c44}.jump-marble{display:block;width:92%;aspect-ratio:1;border-radius:50%;box-shadow:0 2px 5px #0009,inset 0 1px 2px #fff8}.jump-marble.red{background:radial-gradient(circle at 35% 25%,#ffd193,#a8432c 72%);border:1px solid #f0b368}.jump-marble.blue{background:radial-gradient(circle at 35% 25%,#c5e5e5,#337980 72%);border:1px solid #73b7ba}.jump-page .match{grid-template-columns:minmax(0,1fr) 260px}.jump-page .turn-card[data-player=computer]{background:radial-gradient(ellipse at 12% 0%,#287c7455,transparent 70%),linear-gradient(125deg,#1f3433,#202724 70%)}@media(max-width:740px){.jump-frame{padding:12px}.jump-board{--sx:5.8%;--sy:6.6%}.jump-hole{width:4.2%}}
.weiqi-frame{padding:12px;border:1px solid #927147;border-radius:5px;background:linear-gradient(140deg,#745535,#4b351f);box-shadow:0 18px 46px #0008}.weiqi-board{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));aspect-ratio:1;background:#c6a46d;border:1px solid #e5cb92;touch-action:manipulation}.weiqi-point{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;padding:0;background:transparent;cursor:pointer}.weiqi-point::before{content:"";position:absolute;left:50%;top:50%;width:100%;height:1px;background:#594126;transform:translateY(-50%)}.weiqi-point::after{content:"";position:absolute;left:50%;top:50%;width:1px;height:100%;background:#594126;transform:translateX(-50%)}.weiqi-point.last{outline:2px solid #a63d2f;outline-offset:-2px}.weiqi-stone{position:relative;z-index:1;width:88%;aspect-ratio:1;border-radius:50%;box-shadow:0 2px 5px #291b0e88,inset 0 1px 2px #fff5}.weiqi-stone.black{background:radial-gradient(circle at 34% 25%,#59564f,#151513 73%);border:1px solid #10100e}.weiqi-stone.white{background:radial-gradient(circle at 34% 25%,#fff9e8,#cfc3a4 75%);border:1px solid #877858}.weiqi-point.last .weiqi-stone{outline:2px solid #bd3c30;outline-offset:2px}.weiqi-page .side-panel .new-game{width:100%;margin-top:10px}.weiqi-page .turn-card[data-player=computer]{background:radial-gradient(ellipse at 12% 0%,#287c7455,transparent 70%),linear-gradient(125deg,#1f3433,#202724 70%)}
.chess-frame{padding:12px;border:1px solid #927147;border-radius:5px;background:linear-gradient(140deg,#745535,#4b351f);box-shadow:0 18px 46px #0008}.chess-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;border:1px solid #d6c092;touch-action:manipulation}.chess-square{position:relative;display:grid;place-items:center;min-width:0;min-height:0;border:0;padding:0;cursor:pointer}.chess-square.light{background:#e5d0a1}.chess-square.dark{background:#8c6542}.chess-square.selected{box-shadow:inset 0 0 0 4px #e7c55b}.chess-square.last{box-shadow:inset 0 0 0 3px #d5b34888}.chess-square.legal::after{content:"";position:absolute;width:24%;aspect-ratio:1;border-radius:50%;background:#243b2f77}.chess-square.legal:has(.chess-piece)::after{width:92%;background:transparent;border:4px solid #ba4839}.chess-piece{position:relative;z-index:1;font:700 clamp(21px,6vw,46px)/1 Georgia,serif;filter:drop-shadow(0 2px 1px #0005)}.chess-piece.w{color:#fff6d7;text-shadow:0 1px 1px #594a33,-1px 0 #77694e}.chess-piece.b{color:#27251f;text-shadow:0 1px 1px #fff3}.chess-page .turn-card[data-player=computer]{background:radial-gradient(ellipse at 12% 0%,#287c7455,transparent 70%),linear-gradient(125deg,#1f3433,#202724 70%)}