:root{--paper:#f7f4ed;--ink:#263e35;--muted:#798077;--line:#dedfd4;--green:#284d40;--accent:#b76543;--cream:#eee6d3;--tile:#829882;--ice:#bbe3e7;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:inherit}button:hover:not(:disabled){filter:brightness(.97)}[hidden]{display:none!important}.topbar{max-width:1280px;margin:auto;padding:27px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-family:Georgia,serif;font-size:25px;letter-spacing:-.8px}.brand-dot{color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:32px;font-size:12px}.local-label{font-size:10px;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;color:#6b776d}.local-label i{width:5px;height:5px;border-radius:50%;background:#728675}.topbar-right a span{color:var(--accent);margin-left:8px}main{max-width:1184px;margin:0 auto;padding:40px 32px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 12px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:39px;letter-spacing:-1.4px;margin:0;line-height:1.18}.intro-copy{color:var(--muted);font-size:13px;margin:12px 0 0}.edition{font-size:9px;letter-spacing:1.6px;color:#9a9e94;align-self:flex-start;padding-top:26px}.mobile-only{display:none}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:44px;align-items:start}.board-column{max-width:680px}.player-bar{display:flex;align-items:center;gap:10px;margin:0 0 14px;min-height:39px;padding:0 2px}.avatar{width:36px;height:36px;border:1px solid #dce0d4;border-radius:50%;background:#eeeade;display:grid;place-items:center}.avatar svg{width:28px;height:28px}.player-copy{display:flex;flex-direction:column;gap:4px}.player-copy strong{font-size:12px;font-weight:600}.player-copy span{font-size:10px;color:var(--muted)}.turn-tag{font-size:9px;letter-spacing:.4px;margin-left:auto;background:#e7ebe0;padding:6px 9px;border-radius:20px;min-height:23px}.turn-tag:empty{background:none}.board-frame{background:#294a3b;padding:11px;border-radius:7px;box-shadow:0 10px 25px #2843320a,0 2px 3px #253d3110}.board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));aspect-ratio:1;overflow:hidden;border-radius:2px}.square{border:0;padding:0;position:relative;background:var(--cream);aspect-ratio:1;display:flex;align-items:center;justify-content:center;outline-offset:-3px!important;isolation:isolate;user-select:none;color:var(--ink)}.square.dark{background:var(--tile)}.square:hover{filter:none!important}.square:focus-visible{z-index:2;outline:3px solid #d48552}.square.last::before{content:"";position:absolute;inset:0;background:#e8bd6640;z-index:-1}.square.selected{background:#d9ba75}.square.selected.dark{background:#afad64}.square.legal::after{content:"";position:absolute;width:20%;height:20%;border-radius:50%;background:#294a3b59;pointer-events:none}.square.capture-target::after{content:"";position:absolute;inset:4px;width:auto;height:auto;border:4px solid #b96347c4;border-radius:50%;pointer-events:none}.square.stationary-target::after{border-style:dashed}.square.stationary-target .reach-marker{position:absolute;right:4px;bottom:3px;background:#b66547;color:#fff;font-size:11px;border-radius:3px;padding:0 3px;z-index:3}.piece{width:85%;height:85%;position:relative;z-index:1;filter:drop-shadow(0 2px 1px #23392f26);pointer-events:none;overflow:visible}.piece.white{--piece-fill:#fcf6e6;--piece-line:#5c6656;--piece-detail:#7e8674}.piece.black{--piece-fill:#263c33;--piece-line:#d8dfcc;--piece-detail:#aeb8a4}.piece .body{fill:var(--piece-fill);stroke:var(--piece-line);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.piece .detail{fill:none;stroke:var(--piece-detail);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.piece .spot{fill:var(--piece-detail);stroke:none}.square.frozen{box-shadow:inset 0 0 0 3px #b8e6eecc}.square.frozen .piece{filter:drop-shadow(0 1px 2px #52798755);opacity:.8}.freeze-marker{position:absolute;top:3px;right:3px;font-size:13px;color:#284f63;line-height:1;background:#d4f1ed;border-radius:50%;height:17px;width:17px;display:grid;place-items:center;z-index:4}.square.check{box-shadow:inset 0 0 0 4px #b35c44;background:#ce947c}.coordinate{position:absolute;font-size:9px;line-height:1;font-weight:600;color:#566e53;pointer-events:none;z-index:4}.dark .coordinate{color:#f0eddb}.rank-coordinate{left:4px;top:4px}.file-coordinate{right:4px;bottom:3px}.bottom-player{margin:16px 0 0}.board-caption{display:flex;align-items:center;gap:17px;font-size:9px;color:#778273;margin-top:18px;padding:0 2px}.board-caption>span{display:flex;align-items:center;gap:5px}.legend-dot{height:6px;width:6px;border-radius:50%;background:#78917e}.legend-capture{width:9px;height:9px;border:1.5px solid var(--accent);border-radius:50%}.legend-frozen{font-style:normal;color:#628d94;font-size:12px}.board-caption .board-note{margin-left:auto;font-size:9px}.sidebar{padding-top:0}.game-card{border:1px solid var(--line);border-radius:12px;background:#fcfaf5;padding:25px 23px 19px}.card-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;font-weight:600;color:#7f897e}.status-dot{height:6px;width:6px;border-radius:50%;background:#719078}.status-dot.thinking{animation:pulse 1.2s infinite}.status-dot.finished{background:var(--accent)}.status-block{padding:25px 0 24px;min-height:155px}.turn-label{font-size:10px;color:var(--accent);margin:0 0 9px}.status-block h2{font-family:Georgia,serif;font-weight:400;font-size:31px;letter-spacing:-.7px;margin:0 0 10px;line-height:1.13}.status-block #status-detail{font-size:11px;line-height:1.6;color:#7e8378;margin:0;min-height:35px}.settings{border-top:1px solid var(--line);padding-top:21px}.side-setting{border:0;margin:0 0 19px;padding:0}.side-setting legend,.strength-label{font-size:10px;font-weight:600;display:block;margin-bottom:9px}.segmented{display:flex;gap:4px;padding:4px;border:1px solid #e2e3d8;border-radius:7px;background:#f1f1e9}.segmented button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:9px 0;border:0;border-radius:4px;background:transparent;color:#808777}.segmented button[aria-pressed=true]{background:#fffdf7;color:#294435;box-shadow:0 1px 3px #22332712}.side-dot{width:9px;height:9px;border-radius:50%;border:1px solid #707b66}.black-dot{background:#314739}.white-dot{background:#fff8e6}select{width:100%;height:38px;padding:0 12px;background:#faf9f3;border:1px solid #dedfd3;border-radius:6px;font-size:11px;color:var(--ink)}.strength-hint{font-size:10px;line-height:1.5;color:#8d9286;margin:9px 0 21px;min-height:30px}.primary-button{width:100%;background:#2a4d3d;color:#f8f4e8;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:6px;padding:13px 15px;font-size:11px;font-weight:500}.primary-button span{font-size:16px;font-weight:400}.secondary-actions{display:flex;gap:13px;margin-top:13px}.secondary-actions button{border:0;background:transparent;flex:1;font-size:10px;padding:8px 0}.secondary-actions button span{font-size:15px;vertical-align:-1px;margin-right:4px}.save-note{text-align:center;color:#a0a498;font-size:8px;margin:15px 0 0}.history-card{margin-top:22px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.history-heading{padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.history-heading h2{font-size:12px;font-weight:500;margin:0}.history-heading>span{background:#e9ece2;border-radius:20px;font-size:9px;padding:3px 7px;color:#6c7c69}.history-columns,.history-row{display:grid;grid-template-columns:40px 1fr 1fr;align-items:center;gap:10px;padding:8px 19px}.history-columns{font-size:8px;letter-spacing:1.2px;color:#979d90;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f1e8}.history-list{max-height:180px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ccd3c2 transparent}.empty-history{padding:22px 15px 25px;text-align:center;color:#99a08f}.empty-history>span{font-size:22px;color:#aeb8a5}.empty-history p{font-size:11px;margin:7px 0}.empty-history small{font-size:9px;color:#a5aa9d}.history-row{min-height:36px;font-size:10px;font-variant-numeric:tabular-nums;border-bottom:1px solid #e8e9df}.history-row:nth-child(even){background:#f0f2e93d}.history-row:last-child{border:0}.move-number{color:#a0a698;font-size:9px}.history-row .latest{font-weight:600;color:var(--accent)}.sidebar-footnote{font-size:9px;text-align:center;color:#9aa18f;margin:19px 0}.field-guide{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.field-guide summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;list-style:none}.field-guide summary::-webkit-details-marker{display:none}.book-icon{font-size:18px;color:var(--accent)}.expand-icon{margin-left:auto;font-size:18px;color:#89957f}.field-guide[open] .expand-icon{transform:rotate(45deg)}.guide-pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:22px}.guide-piece{display:block;width:43px;height:43px}.guide-pieces h3{font-family:Georgia,serif;font-size:17px;font-weight:400;margin:7px 0}.guide-pieces p,.ordinary-rules{font-size:10px;line-height:1.7;color:#7d8776}.ordinary-rules{margin:18px 0 0;border-top:1px solid #e5e6db;padding-top:16px}footer{max-width:1120px;display:flex;justify-content:space-between;margin:35px auto 0;padding:20px 0 27px;border-top:1px solid var(--line);font-size:9px;color:#a0a695}footer span:first-child{font-family:Georgia,serif;font-size:13px;color:#71826e}.error-bar{background:#f2ded3;border:1px solid #d8ad92;padding:12px 16px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:20px}.error-bar button{background:transparent;border:1px solid #ba8a6a;border-radius:4px;padding:5px 10px;white-space:nowrap}dialog{border:1px solid #dedbcf;border-radius:16px;background:#fcfaf4;padding:30px;color:var(--ink);width:min(440px,calc(100% - 30px));box-shadow:0 20px 90px #172b3050}dialog::backdrop{background:#142f2a80;backdrop-filter:blur(3px)}.dialog-heading h2{font:normal 29px Georgia,serif;letter-spacing:-.7px;margin:0 0 12px}.dialog-heading>p:last-child{font-size:12px;color:#839079;margin:0}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.promotion-options button{display:flex;align-items:center;flex-direction:column;gap:8px;border:1px solid #dce1d2;background:#f0f1e7;border-radius:8px;padding:9px 0 12px;font-size:10px}.promotion-options .piece{width:55px;height:55px}.dialog-cancel{display:block;margin:auto;padding:8px 12px;background:transparent;border:0;font-size:11px;color:#7e8b77}@keyframes pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(min-width:1400px){main{padding-top:46px}.intro{margin-bottom:38px}}@media(max-width:1000px){.topbar{padding:22px 28px}main{padding:30px 26px}.game-layout{grid-template-columns:minmax(0,1fr) 264px;gap:25px}.game-card{padding:22px 18px}.board-caption{gap:12px}.board-caption .board-note{display:none}h1{font-size:34px}footer{margin-left:26px;margin-right:26px}.edition{display:none}}@media(max-width:740px){.topbar{padding:18px 20px}.brand{font-size:23px}.topbar-right{gap:0}.local-label{display:none}main{padding:27px 18px 5px}.intro{margin-bottom:27px}h1{font-size:32px;line-height:1.17;letter-spacing:-1px}.mobile-only{display:block}.intro-copy{font-size:11px}.game-layout{grid-template-columns:1fr;gap:25px}.board-column{max-width:none}.board-frame{padding:8px;border-radius:6px}.board-caption{gap:17px;margin-top:15px;font-size:9px}.board-caption .board-note{display:flex;font-size:8px}.field-guide{margin-top:24px}.sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.game-card{padding:21px 17px}.history-card{margin:0;align-self:start}.history-heading{padding:17px 12px}.history-columns,.history-row{padding-left:11px;padding-right:11px;grid-template-columns:26px 1fr 1fr;gap:5px;font-size:9px}.history-columns{font-size:7px}.history-list{max-height:355px}.sidebar-footnote{grid-column:1/-1;margin:0}.status-block{padding:22px 0;min-height:155px}.status-block h2{font-size:27px}.settings{padding-top:18px}.secondary-actions{gap:0}.secondary-actions button{font-size:9px}.save-note{font-size:7px}.guide-pieces{gap:16px}footer{margin:25px 18px 0}}@media(max-width:420px){main{padding-left:13px;padding-right:13px}.topbar{padding-left:16px;padding-right:16px}.board-caption .board-note{display:none}.sidebar{grid-template-columns:1fr}.game-card{padding:22px}.status-block{min-height:unset;padding:22px 0}.history-list{max-height:190px}.history-columns,.history-row{grid-template-columns:45px 1fr 1fr;padding:9px 19px}.history-columns{font-size:8px}.history-row{font-size:11px}.save-note{font-size:9px}.history-heading{padding:18px 20px}.secondary-actions button{font-size:11px}.guide-pieces{grid-template-columns:1fr;gap:14px}.guide-pieces>div{display:grid;grid-template-columns:44px 1fr;gap:0 12px}.guide-piece{grid-row:1/3}.guide-pieces h3{margin-top:0}.guide-pieces p{margin:0}.square.capture-target::after{inset:2px;border-width:3px}.freeze-marker{width:14px;height:14px;font-size:11px;right:2px;top:2px}.coordinate{font-size:8px}}

.board{touch-action:none}.square.drag-source .piece{opacity:.25}.square.drop-target{box-shadow:inset 0 0 0 3px var(--accent)}.drag-preview{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.drag-preview .piece{filter:drop-shadow(0 5px 3px #23392f55)}