:root{color-scheme:light;font-family:"Microsoft YaHei",Arial,sans-serif;color:#332619;background:#e8dcc7}
*{box-sizing:border-box}body{margin:0;padding:24px 12px;text-align:center}header,main{max-width:800px;margin:auto}h1{font-size:28px;margin:15px 0 20px}h2{font-size:18px}a{color:#69421f;text-decoration:underline}a:visited{color:#704d64}
button,select{font:inherit;font-size:14px;color:#332619;padding:5px 9px;border:1px solid #9a8060;border-radius:2px;background:#f4ead7}button{cursor:pointer}button:hover:not(:disabled){background:#e6caa2}button:disabled,select:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #753d14;outline-offset:3px}[hidden]{display:none!important}
.settings{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.field{display:flex;align-items:center;gap:3px;font-size:14px}.settings-note{font-size:12px;color:#755e44;margin:10px 0 17px}.status-area{font-size:12px;min-height:90px;margin-bottom:8px}.status-area h2{margin:6px 0;font-size:20px}.status-area p{font-size:13px;margin:5px 0;color:#6b5139}.status-area #retry{margin-top:8px}
.game-layout{display:grid;grid-template-columns:minmax(0,560px) minmax(160px,1fr);gap:22px;align-items:start}.play-area{min-width:0}.player-bar{display:flex;align-items:center;gap:8px;min-height:38px;text-align:left;flex-wrap:wrap;padding:4px 0;font-size:13px}.player-bar strong{font-weight:bold}.player-bar>span[id$="-detail"]{font-size:12px;color:#765d42}.avatar{font-family:"Segoe UI Symbol","DejaVu Sans",serif;font-size:22px;line-height:1;color:#3d2819}.avatar.light{color:#fff6dc;-webkit-text-stroke:.7px #5e4024}.turn-tag{font-size:11px;color:#72400e;font-weight:bold}.turn-tag:empty{display:none}.captured{margin-left:auto;font-family:"Segoe UI Symbol","DejaVu Sans",serif;font-size:18px;letter-spacing:-3px;max-width:35%;overflow-wrap:anywhere;color:#5c3b21}
.board-frame{padding:9px;border:2px solid #50341f;background:repeating-linear-gradient(3deg,#0000 0 5px,#48291125 6px 7px,#0000 8px 14px),#805330;box-shadow:inset 0 0 0 2px #b28b59}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;user-select:none;touch-action:manipulation;border:1px solid #57361d}.square{border:0;border-radius:0;padding:0;min-width:0;width:100%;aspect-ratio:1;display:grid;place-items:center;position:relative;background-color:#d9b782;background-image:repeating-linear-gradient(4deg,#ffffff00 0 7px,#fff2d00a 8px 9px,#552e0d08 10px 11px,#ffffff00 12px 22px)}.square.dark{background-color:#8b5c38}.square:hover:not(:disabled){background-color:#e1bd81;box-shadow:inset 0 0 0 2px #a46f2b}.square.dark:hover:not(:disabled){background-color:#986941}.square.last{background-color:#e6c477}.square.dark.last{background-color:#ab803e}.square.selected,.square.selected:hover:not(:disabled){background-color:#e9c16a;box-shadow:inset 0 0 0 3px #73400d}.square.check,.square.check:hover:not(:disabled){background-color:#bf6f53}.square:focus-visible{outline:3px solid #f5db95;outline-offset:-3px;z-index:2}
.piece{font-family:"Segoe UI Symbol","DejaVu Sans",serif;font-size:clamp(29px,5.7vw,53px);line-height:1;position:relative;z-index:1;pointer-events:none}.white-piece{color:#fff3d4;-webkit-text-stroke:1px #543923;text-shadow:0 1px 1px #3e2519}.black-piece{color:#352317;-webkit-text-stroke:.5px #1b130d;text-shadow:0 1px 1px #efce9233}.coord{position:absolute;font-size:10px;font-weight:bold;line-height:1;pointer-events:none;color:#61401f}.dark .coord{color:#f8e4c5}.rank{left:4px;top:4px}.file{right:4px;bottom:3px}.square.legal::after{content:"";position:absolute;width:23%;height:23%;border-radius:50%;background:#4b2c1266;pointer-events:none}.square.capture::after{width:88%;height:88%;border:4px solid #f3cf83;background:transparent}.board.locked .square{cursor:default}
.board-tools{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:7px;flex-wrap:wrap}#save-note{font-size:11px;color:#765f45}.history-panel{text-align:center;margin-top:38px;border:1px solid #b39773;background:#eee1c9;padding:12px}.history-panel h2{margin:0 0 13px;font-size:16px}.history-head,.history-row{display:grid;grid-template-columns:35px 1fr 1fr;text-align:left;gap:5px;font-size:13px;padding:7px 2px}.history-head{border-bottom:1px solid #b39773;font-size:12px;color:#73573c}.history{height:300px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a58257 #e9d9bd}.history-row:nth-child(even){background:#e2cda9}.history-row>span:first-child{color:#846447;font-size:12px}.empty-history{font-size:13px;color:#806647;line-height:1.8;margin-top:25px}.empty-history span{font-size:12px}.history-panel>button{margin-top:12px}
.guide{text-align:left;margin-top:25px;padding:14px 0;border-top:1px solid #bba486;font-size:14px;line-height:1.8}.guide summary{cursor:pointer;text-decoration:underline}.guide-content p{margin:12px 0}footer{padding:12px 0;font-size:13px}dialog{max-width:420px;width:calc(100% - 30px);background:#f0e3ca;color:#332619;border:2px solid #775335;border-radius:0;padding:22px;text-align:center}dialog h2{margin-top:0}dialog p{font-size:14px;line-height:1.7}dialog::backdrop{background:#21150877}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.promotion-choice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px}.promotion-choice>span:first-child{font-family:"Segoe UI Symbol","DejaVu Sans",serif;font-size:36px}.promotion-choice>span:last-child{font-size:14px}.dialog-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
@media(max-width:640px){body{padding:18px 10px}header,main{max-width:520px}h1{font-size:25px;margin:12px 0 17px}.settings{gap:10px 12px}.field,button,select{font-size:13px}.settings-note{margin-bottom:13px}.game-layout{display:block}.board-frame{padding:6px}.piece{font-size:clamp(27px,9vw,51px)}.player-bar{gap:6px;font-size:12px}.player-bar>span[id$="-detail"]{font-size:11px}.turn-tag{font-size:10px}.captured{font-size:16px}.history-panel{margin-top:25px;padding:12px}.history{height:145px}.history-head,.history-row{grid-template-columns:50px 1fr 1fr}.coord{font-size:9px}.board-tools{gap:8px}#save-note{font-size:10px}.guide{font-size:13px}.status-area{min-height:87px}}/* Plain wooden extensions: accounts, review and online play. */
[data-member-bar]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;font-size:13px}.member-dialog{font-family:inherit}.member-link{color:#69421f!important}.plain-panel{text-align:left;border-top:1px solid #b39773;border-bottom:1px solid #b39773;padding:10px 0;margin:12px 0 18px;font-size:13px}.plain-panel summary{cursor:pointer;text-decoration:underline}.panel-tools,.review-tools{display:flex;gap:7px;justify-content:center;align-items:center;flex-wrap:wrap;margin:8px 0}.review-tools{font-size:12px;margin-top:14px}.analysis-panel{border-top:1px solid #b39773;margin-top:16px;padding:8px 0;text-align:left;font-size:13px;line-height:1.65}.analysis-panel h2{font-size:16px}.analysis-panel p{margin:6px 0;overflow-wrap:anywhere}.analysis-note,#analysis-progress{font-size:11px;color:#725b42}.wdl-bar{display:flex;height:14px;border:1px solid #7c6245;background:#c5ac87}.wdl-bar span{transition:width .2s}#wdl-white{background:#fff4db;width:0}#wdl-draw{background:#b5a38b;width:100%}#wdl-black{background:#38291c;width:0}#notice{font-size:13px;color:#834120;min-height:18px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px dotted #b39773}.list-row small{color:#725b42}.history-row .move-link{font-size:12px;padding:2px;border:0;background:transparent;text-align:left;overflow-wrap:anywhere}.move-link small{display:block;font-size:10px;color:#795130}.move-link.active{background:#d3b584!important}.history-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)}#best-line{font-family:inherit;color:#75532e}#draw-actions{font-size:13px;margin:10px 0}#review-position{min-width:70px}.member-dialog input{max-width:100%}