:root{--paper:#f6f4ef;--panel:#fffefb;--ink:#302e2b;--muted:#888077;--line:#e7e1d7;--red:#953e31;--red-soft:#f6eae5;--green:#43695d;--wood:#eee0c5;--boardline:#9b8261;--shadow:0 8px 30px #38281705;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:inherit;transition:background .12s,border-color .12s}button:hover:not(:disabled){background:#f4f0e8;border-color:#c6b8a5}button:disabled{opacity:.44;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #547c6cb0;outline-offset:3px}button.primary{background:var(--red);border-color:var(--red);color:#fff}button.primary:hover{background:#803125;border-color:#803125}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}.room{max-width:1240px;padding:0 32px;margin:0 auto}.masthead{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:19px;letter-spacing:3px}.brand small{font-family:inherit;display:block;font-size:9px;font-weight:500;letter-spacing:1.6px;color:var(--muted);margin-top:5px}.brand-seal{border:1px solid #a14c40;color:#9b3a2c;border-radius:9px 3px 9px 3px;width:41px;height:44px;display:grid;place-items:center;font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-size:26px;font-weight:700;letter-spacing:0}.masthead nav{display:flex;align-items:center;gap:26px;font-size:12px;color:#746b62}.text-button{border:0;background:transparent;padding:10px 0}.text-button span{margin-left:6px}.local-badge{font-size:11px;color:var(--green);display:flex;gap:7px;align-items:center}.local-badge i{width:5px;height:5px;background:#648373;border-radius:100%}.intro{display:flex;align-items:center;justify-content:space-between;padding:31px 0 26px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2.3px;margin:0 0 9px;color:#a18770}h1{font-size:29px;letter-spacing:2px;font-weight:600;margin:0;font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif}.intro p:not(.eyebrow){font-size:12px;color:var(--muted);margin:12px 0 0}.intro-mark{text-align:right;display:grid;gap:8px;color:#8b7d6d}.intro-mark b{font-size:12px;font-weight:500;letter-spacing:3px}.intro-mark span{font-size:10px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:24px;align-items:start;padding-bottom:28px}.board-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 26px 16px;box-shadow:var(--shadow);min-width:0}.players{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.player{display:flex;align-items:center;gap:10px;min-width:0}.avatar{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;border:1px solid;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:23px;background:#f3ebdc;flex-shrink:0}.avatar.red{color:var(--red);border-color:#cba391}.avatar.black{color:#393a36;border-color:#afac9e}.player strong{display:block;font-size:12px;font-weight:600}.player small{display:block;font-size:10px;color:#91867b;margin-top:5px}.turn-badge{font-size:9px;background:var(--red-soft);color:var(--red);padding:5px 6px;border-radius:4px;margin-left:4px;display:none;white-space:nowrap}.player.active .turn-badge{display:block}#blackPlayer.active .turn-badge{background:#eaece6;color:#475048}.versus{font-size:10px;color:#b7ab9c;letter-spacing:2px}.board-frame{background:#e6d2af;padding:8px;border:1px solid #cfb58c;border-radius:9px;box-shadow:inset 0 0 0 3px #dbc29d,0 4px 9px #5e452114}.board-surface{width:100%;aspect-ratio:600/664;position:relative;background:linear-gradient(135deg,#f0e3c8,#ecdcb9);border-radius:3px;touch-action:manipulation;user-select:none}.board-grid,.move-overlay,.board{position:absolute;inset:0;width:100%;height:100%}.board-grid{pointer-events:none}.board-grid .line{stroke:var(--boardline);stroke-width:1.25;fill:none}.board-grid .outer{stroke-width:2}.board-grid .marker{stroke-width:1.1;opacity:.6}.board-grid text{fill:#8f785c;font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;text-anchor:middle;dominant-baseline:middle;font-size:13px}.board-grid .river{font-size:28px;letter-spacing:9px;fill:#9b805b}.move-overlay{pointer-events:none;z-index:1}.intersection{position:absolute;transform:translate(-50%,-50%);width:9.3%;aspect-ratio:1;border:0;border-radius:50%;padding:0;display:grid;place-items:center;background:transparent;touch-action:manipulation;z-index:2}.intersection:hover:not(:disabled){background:transparent}.piece{display:grid;place-items:center;width:94%;height:94%;border-radius:50%;border:1.6px solid #655b4c;background:radial-gradient(circle at 35% 28%,#fff8e9,#eedfc3 78%);box-shadow:0 2px 2px #54412a3a,inset 0 0 0 3px #f8ebd4,inset 0 0 0 4px #88775d;line-height:1;color:#34372f;font:700 clamp(17px,2.35vw,31px)/1 "Songti SC","Noto Serif CJK SC",SimSun,serif}.intersection[data-piece="0"] .piece{visibility:hidden}.intersection[data-side="red"] .piece{color:#a33325;border-color:#b76b4d;box-shadow:0 2px 2px #54412a3a,inset 0 0 0 3px #fbefd9,inset 0 0 0 4px #bf8060}.intersection.selected .piece{outline:3px solid var(--green);outline-offset:3px}.intersection.target:after{content:"";position:absolute;width:22%;height:22%;background:#3c79679c;border-radius:50%;z-index:4}.intersection.target[data-piece]:not([data-piece="0"]):after{width:106%;height:106%;border:3px dashed #527e69;background:transparent}.intersection.last:before{content:"";position:absolute;bottom:5%;width:10%;height:10%;background:#6a4234;border:1px solid #fae5be;border-radius:50%;z-index:4}.intersection.check .piece{outline:3px solid #c4513d;outline-offset:2px;background:#f9dfc6}.intersection.hint-from .piece{outline:3px solid #b08a2d;outline-offset:2px}.intersection.hint-to:after{content:"";position:absolute;width:104%;height:104%;border:3px dashed #b48a33;border-radius:50%;background:#d6b85724}.intersection.pending:after{content:"";position:absolute;width:104%;height:104%;border:3px solid #557c65;border-radius:50%;background:#b9c39844}.intersection:focus-visible{outline:2px solid #4c7967;outline-offset:3px}.game-status{display:flex;justify-content:space-between;gap:18px;padding:18px 0 14px;align-items:center}.game-status strong{font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center}.game-status strong:before{content:"";width:6px;height:6px;background:#648574;border-radius:50%}.game-status p{font-size:10px;color:var(--muted);margin:7px 0 0;line-height:1.7}.is-check .game-status strong{color:#9b3e2f}.is-check .game-status strong:before{background:#b65846}.move-count{display:grid;text-align:center;gap:3px;min-width:46px}.move-count b{font-size:25px;font-weight:450;font-variant-numeric:tabular-nums}.move-count span{font-size:9px;color:var(--muted)}.board-toolbar{display:flex;gap:5px;border-top:1px solid var(--line);padding-top:10px;align-items:center;flex-wrap:wrap}.board-toolbar button{border:0;background:transparent;padding:8px;color:#665d52;font-size:11px;border-radius:5px}.board-toolbar button span{font-size:16px;vertical-align:-1px;margin-right:3px}.toolbar-space{flex:1}.board-toolbar .subtle{color:#9a8b7b}.capture-row{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 30px;padding-top:12px;margin-top:8px;font-size:10px}.capture-row>div{display:flex;align-items:center;gap:10px;min-height:18px}.capture-row span{color:#968a7c}.capture-row strong{letter-spacing:3px;font-family:serif;font-size:14px;font-weight:500}.capture-row>div:last-child strong{color:#973f32}.sidebar{display:grid;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-title h2{margin:0;font-size:14px;font-weight:650}.section-title>span{font-size:10px;color:#ae9d89;font-variant-numeric:tabular-nums}.segmented{display:flex;background:#f1eee8;border-radius:7px;padding:4px;gap:4px}.segmented button{width:50%;border:0;background:transparent;padding:9px 0;border-radius:5px;color:#837669;font-size:11px}.segmented button.selected{background:#fffdfa;box-shadow:0 1px 5px #66574310;color:#403a32}.field-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 11px;font-size:11px}.field-title h3{margin:0;font-size:11px;font-weight:600}.field-title span{font-size:9px;color:#97887b}.difficulty-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.difficulty-grid button{border-radius:7px;padding:13px 13px 11px;position:relative;text-align:left;min-width:0}.difficulty-grid strong{font-weight:600;font-size:13px;display:block}.difficulty-grid small{display:block;font-size:9px;color:#a19181;margin-top:5px}.level-number{position:absolute;right:12px;top:14px;color:#c5b29b;font-family:Georgia,serif;font-size:16px}.difficulty-grid button.selected{border-color:#b7705e;background:#fbf1e9;color:var(--red);box-shadow:inset 0 0 0 .5px #b7705e}.difficulty-grid button.selected small{color:#b07360}.muted-note{font-size:10px;line-height:1.8;color:#968779;min-height:35px;margin:10px 0 -6px}select{width:100%;border:1px solid var(--line);border-radius:6px;background:#fffcf7;padding:11px 12px;font-size:11px;color:#675a4b;appearance:auto}.new-game{width:100%;padding:12px 15px;border-radius:7px;margin-top:15px;font-size:12px;display:flex;justify-content:space-between}.setup-note{font-size:9px;text-align:center;color:#a59686;line-height:1.7;margin:11px 0 0}.record-panel{padding-bottom:15px}.record-panel .section-title{margin-bottom:13px}.record-caption{display:flex;justify-content:space-between;color:#a18e7c;font-size:9px;border-bottom:1px solid var(--line);padding-bottom:10px}.move-history{max-height:172px;min-height:102px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dacdbb transparent;overscroll-behavior-y:auto}.empty-record{text-align:center;color:#9f9486;line-height:2;font-size:11px;padding:17px 0}.empty-record small{display:block;font-size:9px}.move-record{display:grid;grid-template-columns:24px 20px 1fr;gap:5px;align-items:center;padding:8px 1px;font-size:11px;border-bottom:1px solid #f0ebe4}.move-record .num{font-size:9px;color:#b1a08c;font-variant-numeric:tabular-nums}.move-record .record-piece{color:#983f31;font-family:serif;font-size:16px}.move-record.black .record-piece{color:#3a4337}.move-record .text{font-variant-numeric:tabular-nums;font-size:10px;color:#776855}.move-record.latest{background:#f5f1e9}.search-info{display:flex;align-items:center;gap:6px;color:#8c8274;font-size:9px;padding:8px 0;min-height:35px}.search-info i{width:4px;height:4px;border-radius:50%;background:#789686;flex-shrink:0}.search-info p{margin:0;line-height:1.6}.record-actions{border-top:1px solid var(--line);display:flex;gap:10px;padding-top:9px}.record-actions button{width:50%;border:0;padding:6px 0;font-size:10px;background:none;color:#7e6e5c}.preferences{padding:0 8px;color:#8a7e70;font-size:10px;display:flex;flex-wrap:wrap;gap:13px}.preferences label{display:flex;align-items:center;gap:6px}input[type="checkbox"]{accent-color:var(--red);width:12px;height:12px;margin:0}.save-row{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px}.save-row button{background:none;border:0;font-size:9px;color:#a78f79;padding:5px}.save-row .failed{color:#a34839}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:20px 0 24px;font-size:9px;color:#a69886}footer span:nth-child(2){color:#b0a392}.pending-bar{display:flex;gap:8px;align-items:center;background:#f2f4ee;padding:10px;border:1px solid #dae2d6;border-radius:7px;font-size:11px;margin-bottom:10px}.pending-bar span{flex:1}.pending-bar button{font-size:10px;border-radius:4px;padding:7px}.hint-note{font-size:10px;line-height:1.8;padding:9px 12px;border-left:2px solid #b4975e;background:#f7f1e3;color:#8f783e}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(90vw,500px);padding:12px 18px;background:#343b34;color:#fff;border-radius:8px;font-size:12px;line-height:1.7;box-shadow:0 5px 22px #0002}dialog{border:1px solid var(--line);border-radius:15px;max-width:min(560px,92vw);max-height:86vh;padding:0;color:var(--ink);background:var(--panel)}dialog::backdrop{background:#2f271f66}.dialog-content{padding:28px;overflow-wrap:anywhere}.dialog-content h2{font-size:19px}.dialog-content p{font-size:12px;line-height:1.9;color:#786b5b}.dialog-content p a{text-decoration:underline}.close-dialog{border:0;background:none;font-size:24px;padding:0 4px;color:#948877}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.dialog-actions button,.dialog-ok{padding:9px 20px;border-radius:6px;font-size:12px}.keyboard-note{padding:12px;background:#f2eee5;border-radius:7px}@media(min-width:1200px){.board-panel{padding-left:30px;padding-right:30px}.board-frame{max-width:650px;margin:0 auto}}@media(max-width:960px){.room{padding:0 20px}.play-layout{grid-template-columns:minmax(0,1fr) 282px;gap:16px}.board-panel{padding:16px}.panel{padding:18px}.turn-badge{display:none!important}.piece{font-size:clamp(19px,2.8vw,30px)}.intro h1{font-size:26px}.local-badge{display:none}}@media(max-width:760px){.room{max-width:610px;padding:0 16px}.masthead{height:74px}.masthead nav{gap:12px}.brand{font-size:16px}.brand-seal{width:34px;height:37px;font-size:24px}.intro{padding:22px 0}.intro h1{font-size:25px}.intro-mark{display:none}.play-layout{grid-template-columns:1fr;gap:16px}.board-panel{padding:15px}.sidebar{grid-template-columns:1fr}.settings-panel{padding:20px}.difficulty-grid{grid-template-columns:repeat(4,1fr)}.difficulty-grid button{padding:12px 10px}.difficulty-grid .level-number{position:static;display:block;font-size:12px;margin-bottom:6px}.difficulty-grid small{font-size:9px}.muted-note{min-height:auto;margin-bottom:0}.piece{font-size:clamp(18px,5.1vw,30px)}.board-toolbar button{padding:8px 6px}.players{margin-bottom:12px}.player strong{font-size:12px}.turn-badge{display:block!important}.player:not(.active) .turn-badge{display:none!important}.avatar{width:33px;height:33px;font-size:21px}.versus{font-size:9px}.board-frame{padding:5px}footer span:nth-child(2){display:none}.move-history{max-height:160px}}@media(max-width:370px){.room{padding:0 10px}.board-panel{padding:10px}.masthead nav{font-size:10px}.intro h1{font-size:22px}.player{gap:6px}.turn-badge{font-size:8px;padding:4px}.toolbar-space{display:none}.board-toolbar{justify-content:space-between}.board-toolbar button{font-size:10px;padding:6px 3px}.difficulty-grid{gap:6px}.difficulty-grid button{padding:10px 7px}.capture-row{gap:8px}.brand small{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.masthead nav,.board-toolbar,footer,.intro-mark{display:none}.room{max-width:650px}.play-layout{display:block}.board-panel{box-shadow:none}}

/* Keep the board large enough to read, but not taller than a desktop session. */
@media(min-width:1000px){.board-frame{max-width:min(100%,clamp(380px,calc((100svh - 390px)*.90),620px));margin-inline:auto}.board-panel{padding-top:20px}.intro{padding-top:25px;padding-bottom:23px}.masthead{height:82px}}
.board-surface{container-type:inline-size}.piece{font-size:clamp(16px,5.1cqw,31px)}