:root{color:#2a2118;background:#efe6d2;font-family:system-ui,PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0}.app{min-height:100vh;padding:16px 12px calc(72px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex}.screen{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:460px;display:flex}.title{letter-spacing:6px;color:#7a1f1f;margin:4px 0;font-size:24px}.status{color:#3a2c20;min-height:24px;font-size:18px;font-weight:600}.board{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;max-width:420px;height:auto}.board-bg{fill:#f0d9a8}.river-text{text-anchor:middle;dominant-baseline:central;fill:#6b513a;letter-spacing:6px;font-size:22px}.piece{fill:#f7ecd0;stroke-width:2px}.piece-red{stroke:#b22222}.piece-black{stroke:#1a1a1a}.glyph{text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:30px;font-weight:700}.glyph-red{fill:#b22222}.glyph-black{fill:#1a1a1a}.selected{fill:none;stroke:#2aa775;stroke-width:3px}.target-dot{fill:#2aa775;opacity:.75}.target-capture{fill:none;stroke:#2aa775;stroke-width:3px}.last-move{fill:#ffd54a;opacity:.35}.controls{gap:10px;margin-top:4px;display:flex}.btn{color:#fff;cursor:pointer;background:#7a1f1f;border:none;border-radius:999px;padding:10px 20px;font-size:16px}.btn-engine{background:#2a6f4f}.btn:disabled{opacity:.5;cursor:default}.btn:active:not(:disabled){transform:translateY(1px)}.engine-status{color:#6b513a;min-height:18px;font-size:13px}.tabbar{padding-bottom:env(safe-area-inset-bottom);z-index:10;background:#fbf3e0;border-top:1px solid #e6d3a8;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{letter-spacing:2px;color:#8a7a63;cursor:pointer;background:0 0;border:none;flex:1;max-width:160px;padding:12px 0;font-size:15px}.tab.active{color:#7a1f1f;font-weight:700}.lib{flex-direction:column;gap:12px;width:100%;display:flex}.lib-msg{color:#6b513a;text-align:center;padding:12px 4px;font-size:15px}.lib-head{align-items:center;gap:10px;display:flex}.lib-back{color:#7a1f1f;cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:16px}.lib-title{color:#3a2c20;font-size:17px;font-weight:700}.lib-count{color:#a08a6a;font-size:13px;font-weight:400}.lib-group-title{color:#a08a6a;letter-spacing:2px;margin:4px 0;font-size:14px;font-weight:600}.lib-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lib-row{text-align:left;cursor:pointer;background:#fbf3e0;border:1px solid #ecd9af;border-radius:12px;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:12px 14px;display:flex}.lib-row:active{background:#f3e6c4}.lib-row-title{color:#3a2c20;font-size:16px}.lib-row-sub{color:#8a7a63;white-space:nowrap;font-size:13px}.lib-filter{box-sizing:border-box;background:#fffdf6;border:1px solid #ecd9af;border-radius:10px;width:100%;padding:10px 14px;font-size:15px}.pager{color:#6b513a;justify-content:center;align-items:center;gap:16px;padding:6px 0;display:flex}.pager button{cursor:pointer;background:#fbf3e0;border:1px solid #ecd9af;border-radius:8px;padding:6px 14px}.pager button:disabled{opacity:.4}.replay{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.replay>.lib-head{align-self:stretch}.replay-players{align-items:center;gap:10px;font-size:15px;display:flex}.replay-players .p-red{color:#b22222;font-weight:600}.replay-players .p-black{color:#1a1a1a;font-weight:600}.replay-players .vs{color:#a08a6a;font-size:13px}.replay-event{color:#8a7a63;font-size:13px}.replay-ply{color:#3a2c20;min-height:20px;font-size:15px}.replay-controls{gap:8px;display:flex}.replay-controls button{cursor:pointer;background:#fbf3e0;border:1px solid #ecd9af;border-radius:10px;width:56px;padding:10px 0;font-size:16px}.replay-controls button:disabled{opacity:.4}.move-list{flex-direction:column;gap:2px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex}.move-row{grid-template-columns:36px 1fr 1fr;align-items:stretch;gap:4px;display:grid}.move-no{color:#a08a6a;text-align:right;padding:6px 4px;font-size:14px}.move{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 8px;font-size:16px}.move-empty{cursor:default}.move-red{color:#b22222}.move-black{color:#1a1a1a}.move.cur{background:#ffd54a;border-color:#e6b800;font-weight:700}.cmt-summary{color:#5a4632;box-sizing:border-box;background:#fbf3e0;border:1px solid #ecd9af;border-radius:10px;width:100%;padding:8px 12px;font-size:14px}.cmt-box{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.cmt-eval{color:#3a2c20;font-size:15px;font-weight:700}.cmt-cls{color:#fff;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700}.cls-inacc{background:#d6a400}.cls-mistake{background:#e07b39}.cls-blunder{background:#c0392b}.cmt-note{color:#5a4632;flex-basis:100%;font-size:14px;line-height:1.5}.cmt-moments{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;display:flex}.cmt-moments-h{color:#a08a6a;letter-spacing:2px;font-size:13px;font-weight:600}.cmt-moment{text-align:left;color:#5a4632;cursor:pointer;background:#fbf3e0;border:1px solid #ecd9af;border-radius:8px;padding:6px 10px;font-size:13px}.cmt-moment:active{background:#f3e6c4}