:root{--page:#f5f0e6;--board:#e9c992;--wood:#6b4423;--red:#b32624;--black:#26211d;--gold:#b78b36;--deep:#302820;--ivory:#fff8e9;--surface:#fbf8f1;--muted:#71675d;--line:#6b442333}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{background:var(--page);min-height:100vh;color:var(--deep);margin:0;font-family:Songti SC,STSong,SimSun,serif;overflow-x:hidden}button,select{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:#b78b3638}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip-link{z-index:100;background:var(--deep);color:#fff;border-radius:6px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e6f0;justify-content:space-between;align-items:center;height:64px;padding:0 max(24px,50vw - 560px);display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brandmark{background:var(--red);width:38px;height:38px;color:var(--ivory);box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 4px #fff8e9bf,0 2px 5px #3028202e;border:1px solid #841b1a;border-radius:50%;place-items:center;font-size:23px;font-weight:800;display:grid}.brand h1{letter-spacing:.12em;text-wrap:balance;margin:0;font-size:20px}.brand small{color:var(--muted);letter-spacing:.1em;margin-top:2px;font-family:system-ui,sans-serif;font-size:11px;display:block}.restart{background:var(--surface);color:var(--deep);cursor:pointer;border:1px solid #6b442359;border-radius:7px;min-height:40px;padding:0 16px;transition:border-color .18s,color .18s,background-color .18s,transform .18s}.restart:hover{border-color:var(--red);color:var(--red);background:#fff9f0}.restart:active{transform:translateY(1px)}.restart span{vertical-align:-1px;font-size:18px}.app-shell{grid-template-columns:minmax(520px,790px) 286px;align-items:start;gap:18px;max-width:1120px;margin:18px auto 26px;display:grid}.game-card,.side-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 28px #30282014}.game-card{padding:16px 20px 12px}.game-statusbar{justify-content:space-between;align-items:center;gap:12px;width:min(100%,640px);min-height:48px;margin:0 auto 12px;display:flex}.status-primary{align-items:center;gap:10px;min-width:0;display:flex}.status-primary>div{min-width:0}.status-primary span:not(.turn-dot){color:var(--muted);letter-spacing:.1em;font:10px/1.2 system-ui,sans-serif;display:block}.status-primary strong{white-space:nowrap;margin-top:3px;font-size:16px;display:block}.status-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.status-tag{min-height:27px;color:var(--deep);white-space:nowrap;background:#f3ebdd;border:1px solid #6b44233d;border-radius:999px;align-items:center;padding:0 9px;font:700 11px/1 system-ui,sans-serif;display:inline-flex}.status-tag.check{color:#8f1e1c;background:#f8e2de;border-color:#b3262459}.status-tag.selected-tag{color:#684b13;background:#fff2cf;border-color:#b78b368c}.status-tag.capture-tag{background:var(--deep);border-color:var(--deep);color:#fff}.status-tag.calm{color:var(--muted)}.turn-dot{background:var(--black);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 4px #26211d1f}.turn-dot.red{background:var(--red);box-shadow:0 0 0 4px #b3262421}.board-wrap{background:linear-gradient(135deg,#87562d,#b77b42 14%,#89552c 50%,#c08a4c 84%,#704421);border:1px solid #5b351b;border-radius:8px;width:min(100%,640px);margin:auto;padding:5.25% 5.7%;box-shadow:0 3px 8px #3028203d,inset 0 0 0 3px #754522,inset 0 0 0 6px #c08c50,inset 0 0 0 8px #442613a6}.board{aspect-ratio:8/9;background-color:var(--board);isolation:isolate;background-image:radial-gradient(at 28% 18%,#fff8dc61,#0000 42%),repeating-linear-gradient(3deg,#6b442306 0 1px,#0000 1px 5px);width:100%;position:relative;box-shadow:inset 0 0 20px #6b44231f}.board:after{content:"";pointer-events:none;border:1px solid #6b4423a6;position:absolute;inset:-2.8%}.board-lines{pointer-events:none;position:absolute;inset:0}.hline,.vline{background:var(--wood);opacity:.88;display:block;position:absolute}.hline{height:1.3px;left:0;right:0;transform:translateY(-.65px)}.vline{width:1.3px;top:0;bottom:0;transform:translate(-.65px)}.vline:not(.v0):not(.v8){background:linear-gradient(to bottom,var(--wood) 0,var(--wood) 44.444%,transparent 44.444%,transparent 55.556%,var(--wood) 55.556%,var(--wood) 100%)}.river{letter-spacing:.38em;height:11.112%;color:var(--wood);text-shadow:0 1px #fff8e98c;justify-content:space-around;align-items:center;padding:0 4%;font-size:clamp(18px,2.2vw,29px);font-weight:700;display:flex;position:absolute;top:44.444%;left:0;right:0}.river i{letter-spacing:0;opacity:.48;border:1px solid #6b442373;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-style:normal;display:grid}.palace-lines{fill:none;width:100%;height:100%;stroke:var(--wood);stroke-width:1.3px;opacity:.88;shape-rendering:geometricprecision;position:absolute;inset:0;overflow:visible}.point{aspect-ratio:1;z-index:2;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:max(11.4%,40px);padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.point[aria-pressed=true]{z-index:4}.point:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.point.target:after{content:"";aspect-ratio:1;background:#3a684f;border-radius:50%;width:18%;box-shadow:0 0 0 4px #fff8e9c2}.point.target.capture:after{background:#3a684f14;border:3px solid #3a684f;width:88%;position:absolute;box-shadow:0 0 0 2px #fff8e9ad}.point.last:before{content:"";aspect-ratio:1;border:2px solid var(--gold);background:#fff2cf2e;border-radius:50%;width:78%;position:absolute}.piece{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 36% 28%,#fffdf7,#f4e7c8 72%,#dcc28d);border:1.5px solid;border-radius:50%;place-items:center;width:90%;font-size:clamp(20px,2.9vw,34px);font-weight:800;line-height:1;transition:transform .15s,box-shadow .15s,filter .15s;display:grid;box-shadow:0 3px 5px #30282057,inset 0 0 0 3px #efe0bc,inset 0 0 0 4px}.piece.red{color:var(--red)}.piece.black{color:var(--black)}.point:hover .piece{filter:brightness(1.04)}.piece.selected{box-shadow:0 7px 9px #30282052,0 0 0 3px var(--ivory),0 0 0 6px var(--gold),inset 0 0 0 3px #efe0bc,inset 0 0 0 4px currentColor;transform:translateY(-3px)scale(1.06)}.hint{min-height:38px;color:var(--muted);justify-content:center;align-items:center;gap:7px;padding-top:10px;font-family:system-ui,sans-serif;font-size:12px;display:flex}.hint.alert{color:var(--red);font-weight:700}.info-icon{border:1px solid;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font:10px serif;display:grid}.side-panel{overflow:hidden}.panel-section{border-bottom:1px solid var(--line);padding:18px 20px}.eyebrow{color:var(--muted);letter-spacing:.13em;margin:0 0 11px;font-family:system-ui,sans-serif;font-size:11px;font-weight:700;display:block}.turn-row{align-items:center;gap:11px;display:flex}.turn-row strong{font-size:16px}.turn-row small{color:var(--muted);margin-top:3px;font-family:system-ui,sans-serif;font-size:11px;line-height:1.4;display:block}fieldset{border:0;min-width:0;margin:0;padding:0}.side-choice{grid-template-columns:1fr 1fr;gap:7px;display:grid}.side-choice button,.secondary-actions button{min-height:39px;color:var(--deep);cursor:pointer;background:#fffdf8;border:1px solid #6b44234d;border-radius:7px}.side-choice button:hover,.secondary-actions button:hover{border-color:var(--red);color:var(--red)}.side-choice button[aria-pressed=true]{border-color:var(--red);color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#f8e5df;font-weight:700}.difficulty-label{margin-top:15px}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;height:42px;color:var(--deep);cursor:pointer;background-color:#fffdf8;border:1px solid #6b44234d;border-radius:7px;padding:0 38px 0 12px}.select-wrap span{pointer-events:none;font-family:system-ui;font-size:19px;position:absolute;top:8px;right:12px}.record-title{justify-content:space-between;align-items:center;display:flex}.record-title>span{color:var(--muted);font-variant-numeric:tabular-nums;font:11px system-ui,sans-serif}.move-list{overscroll-behavior:contain;border:1px solid var(--line);background:#fffdf8;border-radius:7px;height:146px;margin:0;padding:0;font:12px/1.4 system-ui,sans-serif;list-style:none;overflow:auto}.move-list li{color:#50463e;overflow-wrap:anywhere;border-bottom:1px solid #6b44231a;grid-template-columns:26px 1fr;gap:5px;padding:7px 8px;display:grid}.move-list li:last-child{border:0}.move-list li>span{color:#91867b;font-variant-numeric:tabular-nums}.move-list .latest{color:#6b251f;background:#f5e9d4}.move-list .empty{text-align:center;color:#887d72;padding:19px 8px;display:block}.panel-actions{text-align:center;padding:16px 20px}.secondary-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.secondary-actions .danger{color:var(--red)}.secondary-actions button:disabled{cursor:not-allowed;opacity:.45}.large{background:var(--red);color:#fff;border:1px solid #871c1a;width:100%;height:44px;font-weight:700;box-shadow:0 3px 7px #b3262424}.large:hover{color:#fff;background:#8f1e1c}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overscroll-behavior:contain;background:#26211da8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-card{background:var(--page);text-align:center;border:1px solid #6b44234d;border-radius:12px;width:min(390px,100%);padding:30px;box-shadow:0 20px 60px #0000004d}.seal{border:2px solid var(--red);width:56px;height:56px;color:var(--red);border-radius:7px;place-items:center;margin:auto;font-size:29px;display:grid;transform:rotate(-3deg)}.result-card p{color:var(--muted);letter-spacing:.16em;margin:18px 0 8px;font:12px system-ui}.result-card h2{text-wrap:balance;margin:0 0 8px;font-size:23px}.result-card>span{color:var(--muted);font:13px system-ui}.result-card button{background:var(--red);color:#fff;cursor:pointer;border:1px solid #871c1a;border-radius:7px;width:100%;min-height:46px;margin-top:22px;font-weight:700;display:block}.result-card button:hover{background:#8f1e1c}.result-card .modal-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.result-card .cancel{color:var(--deep);background:#fffdf8;border-color:#6b442359}.result-card .cancel:hover{background:#eee5d7}@media (max-width:900px){.topbar{height:60px;padding:0 18px}.brand small{display:none}.app-shell{max-width:700px;margin:12px auto;padding:0 12px;display:block}.side-panel{grid-template-columns:1fr 1fr;margin-top:12px;display:grid}.status-section{display:none}.panel-section{border-bottom:0}.panel-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:end;gap:9px;display:grid}.secondary-actions{margin:0}.record-section{border-left:1px solid var(--line)}.move-list{height:120px}.top-restart{display:none}.game-card{padding:14px 18px 10px}}@media (max-width:560px){.topbar{height:54px}.brandmark{width:34px;height:34px;font-size:20px}.brand h1{font-size:17px}.app-shell{margin:5px auto;padding:0 5px}.game-card{border-radius:8px;padding:9px 6px 6px}.game-statusbar{min-height:42px;margin-bottom:7px;padding:0 3px}.status-primary strong{font-size:14px}.status-primary span:not(.turn-dot){display:none}.status-tag{min-height:24px;padding:0 7px;font-size:10px}.status-tag.calm{display:none}.board-wrap{border-radius:5px;padding:5.25% 5.8%}.piece{border-width:1.5px;font-size:clamp(18px,7vw,28px);box-shadow:0 2px 3px #3028205c,inset 0 0 0 2px #efe0bc,inset 0 0 0 3px}.piece.selected{box-shadow:0 5px 6px #3028204d,0 0 0 2px var(--ivory),0 0 0 5px var(--gold),inset 0 0 0 2px #efe0bc,inset 0 0 0 3px currentColor}.river{font-size:16px}.river i{display:none}.hint{min-height:34px;padding:7px 3px 0;font-size:11px}.point{width:max(12.5%,40px)}.side-panel{margin-top:8px;display:block}.panel-section{padding:15px 18px 6px}.record-section{border-left:0;border-top:1px solid var(--line);padding:14px 18px}.move-list{height:105px}.panel-actions{padding:11px 18px 16px;display:block}.secondary-actions{margin-bottom:7px}.difficulty-label{margin-top:12px}}@media (pointer:fine){html{overscroll-behavior:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.restart,.piece,.skip-link{transition:none}}.board-wrap{touch-action:manipulation;position:relative}.board.input-locked .point{cursor:default}.point.last-from:before,.point.last-to:before{content:"";aspect-ratio:1;border:2px dashed var(--gold);background:#fff2cf1f;border-radius:50%;width:78%;position:absolute}.point.last-to:before{background:#ffe2974d;border-style:solid;box-shadow:0 0 0 3px #fff8e973}.point.checked-king:before{content:"";aspect-ratio:1;background:#b326242b;border:3px double #9f211f;border-radius:50%;width:96%;animation:1.45s ease-in-out infinite check-pulse;position:absolute;box-shadow:0 0 0 6px #b326241f}.board-lock{z-index:8;pointer-events:none;background:#e9c99214;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.board-lock span{color:var(--muted);background:#fff8e9eb;border:1px solid #6b44233d;border-radius:999px;margin-bottom:3%;padding:6px 11px;font:700 11px system-ui,sans-serif;box-shadow:0 2px 8px #3028201f}.hint.notice:not(.alert){color:#8a541d}@keyframes check-pulse{50%{box-shadow:0 0 0 9px #b326240a}}@media (prefers-reduced-motion:reduce){.point.checked-king:before{animation:none}}.difficulty-note{color:var(--muted);margin-top:7px;font:10px/1.45 system-ui,sans-serif;display:block}.feedback-settings{padding-top:15px;padding-bottom:15px}.feedback-controls{grid-template-columns:1fr 1fr;gap:7px;display:grid}.feedback-controls button{text-align:left;min-height:48px;color:var(--deep);cursor:pointer;background:#fffdf8;border:1px solid #6b44234d;border-radius:7px;grid-template-rows:1fr 1fr;grid-template-columns:22px 1fr;align-items:center;column-gap:5px;padding:6px 8px;display:grid}.feedback-controls button>span{background:#eee5d7;border-radius:50%;grid-row:1/-1;place-items:center;width:22px;height:22px;font:700 13px system-ui,sans-serif;display:grid}.feedback-controls button b{font:700 11px system-ui,sans-serif}.feedback-controls button small{color:var(--muted);white-space:nowrap;font:9px system-ui,sans-serif}.feedback-controls button[aria-pressed=true]{background:#fff5d9;border-color:#9a7430}.feedback-controls button[aria-pressed=true]>span{background:var(--gold);color:#fff}.feedback-controls button:hover{border-color:var(--gold)}.piece.piece-arrival{animation:.18s cubic-bezier(.2,.8,.25,1) piece-arrive}.move-impact{z-index:-1;aspect-ratio:1;pointer-events:none;border:2px solid #b78b36cc;border-radius:50%;width:90%;animation:.18s ease-out both move-ring;position:absolute}.capture-feedback .move-impact{border-color:#b32624c7;box-shadow:0 0 0 5px #b326241f}@keyframes piece-arrive{0%{filter:brightness(1.12);transform:translateY(-7px)scale(1.08)}65%{transform:translateY(1px)scale(.98)}to{filter:none;transform:none}}@keyframes move-ring{0%{opacity:.85;transform:scale(.58)}to{opacity:0;transform:scale(1.2)}}@media (max-width:900px){.feedback-settings{border-left:1px solid var(--line)}.record-section{grid-column:1/-1}}@media (max-width:560px){.feedback-settings{border-left:0;padding:14px 18px}.record-section{grid-column:auto}}@media (prefers-reduced-motion:reduce){.piece.piece-arrival,.move-impact{animation:none}}