:root{--ink: #241910;--muted: #746656;--paper: #f7f1e7;--panel: #fffaf3;--line: #e6d8c8;--cinnabar: #9d2c22;--moss: #2f6b4f;--gold: #b6792d;--desk: #1b130f;color:var(--ink);font-family:Segoe UI,Be Vietnam Pro,sans-serif;background:var(--desk)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,.button{background:var(--cinnabar);color:#fffaf3;border:0;border-radius:999px;padding:.45rem .9rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.icon{width:1rem;height:1rem;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}button.ghost,.button.ghost,a.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}button.danger{background:transparent;color:var(--cinnabar);border:1px solid #e7b2ac}button.active{outline:2px solid var(--gold)}button:disabled{opacity:.55;cursor:default}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.45rem .65rem}textarea{width:100%;min-height:7rem;resize:vertical}a{color:var(--cinnabar)}.muted{color:var(--muted)}.error{color:var(--cinnabar)}.boot{color:#f3e6d4;padding:3rem;text-align:center}.app{min-height:100vh}.topbar,.study-bar,.toolbar,.row,.title-row form,.who{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.study-bar{margin:0 1rem .75rem;padding:.75rem .9rem;background:var(--panel);color:var(--ink);border-radius:16px}.study-bar .ghost,.study-bar a.ghost{color:var(--ink);background:#fff;border-color:#c4b09a}.study-bar .danger{color:var(--cinnabar);background:#fff}.study-bar .title-input{color:var(--ink);background:transparent}.topbar{justify-content:space-between;padding:.85rem 1.2rem;color:#f6efe4}.topbar a{color:#f6efe4;font-weight:700;text-decoration:none;letter-spacing:.01em}.topbar .ghost{color:#f6efe4;border-color:#6d5648}.who img{width:28px;height:28px;border-radius:50%}.lang-switch{display:flex;border:1px solid #6d5648;border-radius:999px;overflow:hidden}.lang-switch button{background:transparent;color:#f6efe4;border-radius:0;padding:.22rem .55rem;font-size:.78rem;font-weight:700}.lang-switch button.active{background:#f6efe4;color:var(--ink)}.login-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.login-card .lang-switch{border-color:var(--line)}.login-card .lang-switch button{color:var(--ink)}.login-card .lang-switch button.active{background:var(--cinnabar);color:#fffaf3}.library,.study-body{display:grid;gap:1rem;padding:0 1rem 1.5rem}.library{--library-aside: 280px;grid-template-columns:var(--library-aside) 10px minmax(0,1fr);column-gap:.35rem}.library aside{min-width:0}.panel-resizer{cursor:col-resize;touch-action:none;position:relative}.panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:-8px;right:-8px}.panel-resizer:before{content:"";position:absolute;top:1.4rem;bottom:1.4rem;left:50%;width:3px;transform:translate(-50%);border-radius:999px;background:#8c7564;opacity:.45}.panel-resizer:hover:before,.panel-resizer:focus-visible:before,.library.resizing .panel-resizer:before{background:var(--gold);opacity:1}.library.resizing,.library.resizing *{cursor:col-resize;-webkit-user-select:none;user-select:none}.library aside,.library-main,.tree-panel,.login-card{background:var(--panel);border-radius:18px;padding:1rem 1.1rem}.library aside h2,.tree-panel h2{font-size:.95rem;margin:.8rem 0 .4rem}.root-link,.var-row button{width:100%;text-align:left;background:transparent;color:var(--ink);border-radius:8px;border:0;padding:.35rem .5rem;justify-content:flex-start}.var-row.current,.root-link.current{background:#f3e2c8}.folder-tree{list-style:none;margin:0;padding:0}.tree-row{display:flex;align-items:center;gap:.1rem;border-radius:8px}.tree-row.active{background:#f3e2c8}button.twisty,button.tree-label,a.tree-study{background:transparent;color:var(--ink);border:0;border-radius:8px;justify-content:flex-start;padding:.28rem .35rem;min-width:0}button.twisty{width:1.4rem;height:1.4rem;padding:0;color:var(--muted);flex:none}button.twisty .icon{transition:transform .15s ease}button.twisty.open .icon{transform:rotate(90deg)}.twisty.spacer{width:1.4rem;flex:none}button.tree-label,a.tree-study{flex:1;text-decoration:none}button.tree-label span,a.tree-study span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-children{margin-left:.7rem;padding-left:.45rem;border-left:1px solid var(--line)}.study-list,.direct-list,.share-list{list-style:none;padding:0;margin:.8rem 0}.study-list li,.share-list li,.direct-list li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.library-main{min-height:70vh}.title-row input,.title-input{font-size:1.25rem;font-weight:650;border:0;background:transparent;min-width:12rem}.file input{display:none}.banner{margin:0 1rem .8rem;background:#f8ead2;color:#6d4b16;border-radius:999px;padding:.35rem .8rem;display:inline-block}.study-body{grid-template-columns:minmax(320px,640px) minmax(280px,1fr);align-items:start}.board-column,.tree-panel{min-width:0}.turn{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;color:#f6efe4;margin:0 0 .4rem .2rem}.skin-row{margin-left:auto;display:flex;gap:.7rem;align-items:center}.skin-row label{display:flex;align-items:center;gap:.35rem;font-size:.85rem}.skin-row select{background:#fffaf3;color:var(--ink);border:0;border-radius:999px;padding:.28rem .6rem}.board{width:100%;height:auto;touch-action:manipulation}.board-frame{fill:#8a5a32}.board-wood{fill:#f0d7aa}.grid{stroke:#6a4528;stroke-width:1.4}.river{fill:#6a4528;font-size:22px;font-family:KaiTi,STKaiti,"Noto Serif SC",SimSun,serif;opacity:.85}.file-no{fill:#6a4528;font-size:13px;text-anchor:middle}.star path{fill:none;stroke:#6a4528;stroke-width:1.2}.board[data-board=green] .board-frame{fill:#1a3d2c}.board[data-board=green] .board-wood{fill:#3d7a50}.board[data-board=green] .grid{stroke:#f6efe2}.board[data-board=green] .river,.board[data-board=green] .file-no{fill:#f6efe2}.board[data-board=green] .star path{stroke:#f6efe2}.board[data-board=ink] .board-frame{fill:#3a2c24}.board[data-board=ink] .board-wood{fill:#221912}.board[data-board=ink] .grid{stroke:#e4c48a}.board[data-board=ink] .river,.board[data-board=ink] .file-no{fill:#e4c48a}.board[data-board=ink] .star path{stroke:#e4c48a}.piece{cursor:pointer}.disc{stroke-width:2.4;filter:url(#piece-shadow)}.disc-ring{fill:none;stroke-width:1.3}.glyph{font-size:28px;font-weight:700;text-anchor:middle;font-family:KaiTi,STKaiti,"Noto Serif SC",SimSun,serif;stroke-width:1.05;stroke-linejoin:round;paint-order:stroke fill}.board[data-pieces=ivory] .disc.red{fill:#fbf6ec;stroke:#8c241b}.board[data-pieces=ivory] .disc.black{fill:#f3eee6;stroke:#161310}.board[data-pieces=ivory] .disc-ring{stroke:#462e1859}.board[data-pieces=ivory] .glyph.red{fill:#8c241b;stroke:#8c241b}.board[data-pieces=ivory] .glyph.black{fill:#14110e;stroke:#14110e}.board[data-pieces=wood] .disc.red{fill:#c44730;stroke:#6d2216}.board[data-pieces=wood] .disc.black{fill:#3a2e26;stroke:#16110e}.board[data-pieces=wood] .disc-ring{stroke:#e7c37a}.board[data-pieces=wood] .glyph.red,.board[data-pieces=wood] .glyph.black{fill:#f8efd8;stroke:#f8efd8}.board[data-pieces=jade] .disc.red{fill:#f6ecdc;stroke:#a33b2c}.board[data-pieces=jade] .disc.black{fill:#d7e7da;stroke:#1d5640}.board[data-pieces=jade] .disc-ring.red{stroke:#c56a50}.board[data-pieces=jade] .disc-ring.black{stroke:#3c8a66}.board[data-pieces=jade] .glyph.red{fill:#8a281c;stroke:#8a281c}.board[data-pieces=jade] .glyph.black{fill:#143d2c;stroke:#143d2c}.selected-ring{fill:none;stroke:var(--gold);stroke-width:3}.capture-ring{fill:none;stroke:var(--cinnabar);stroke-width:3}.target-dot{fill:var(--moss);opacity:.85}.last-move{fill:none;stroke:#d7a15a;stroke-width:3}.arrow{cursor:pointer}.arrow-hit{stroke:transparent;stroke-width:16}.arrow-line,.arrow-head{stroke:#e36b1a;fill:#e36b1a;stroke-width:3.5;stroke-linecap:round}.arrow-badge{fill:#2f8f4e;stroke:#f7f3ea;stroke-width:1.5}.arrow-num{fill:#fff;font-size:13px;font-weight:700;text-anchor:middle}.tree-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.tree-heading h2{margin-bottom:.35rem}.side-legend{display:flex;gap:.75rem;margin:0;font-size:.8rem}.side-legend span{display:inline-flex;align-items:center;gap:.28rem}.legend-red{color:var(--cinnabar);font-weight:700}.legend-black{color:#1a140f;font-weight:700}.side-mark{width:.55rem;height:.55rem;border-radius:50%;flex:none}.side-mark.red{background:var(--cinnabar)}.side-mark.black{background:#1a140f;box-shadow:inset 0 0 0 1px #d9cbb8}.var-list{list-style:none;margin:.2rem 0;padding:0}li.option{border-left:3px solid #2f8f4e;margin-left:.15rem;padding-left:.3rem}.var-follow{display:flex;align-items:center;gap:.35rem;margin:.2rem 0 .05rem .35rem;color:var(--muted);font-size:.75rem}.var-follow i{width:.65rem;height:.65rem;border-left:2px solid #2f8f4e;border-bottom:2px solid #2f8f4e;border-bottom-left-radius:4px}.var-row{display:flex;align-items:center;gap:.1rem;min-width:0}.var-row button.move{flex:1;width:auto;min-width:0;display:flex;gap:.35rem;align-items:center}.move-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-red .move-text{color:var(--cinnabar);font-weight:700}.side-black .move-text{color:#1a140f;font-weight:700}.var-row button.tiny{width:1.6rem;height:1.6rem;flex:none;padding:0}.badge,.arrow-num{font-variant-numeric:tabular-nums}.badge{width:1.3rem;height:1.3rem;border-radius:50%;background:#2f8f4e;color:#fff;display:inline-grid;place-items:center;font-size:.75rem}.tiny{width:1.7rem;height:1.7rem;padding:0;border-radius:6px;background:transparent;color:var(--muted);border:0}.comment{display:grid;gap:.35rem;margin-top:1rem}.setup{margin-top:.8rem;background:var(--panel);border-radius:16px;padding:.8rem}.palette-row{display:flex;gap:.35rem;margin-bottom:.35rem}.brush{width:2.2rem;height:2.2rem;border-radius:50%;padding:0;background:#f8f1e4;color:var(--ink);border:1px solid var(--line);font-family:KaiTi,SimSun,serif;font-size:1.1rem}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(440px,100%)}.login-card h1{margin:.2rem 0 .4rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--gold);margin:0}.stack{display:grid;gap:.7rem;margin-top:1rem}.stack label{display:grid;gap:.3rem}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#180e0a73;display:grid;place-items:center;padding:1rem}.modal{background:var(--panel);border-radius:18px;padding:1rem 1.1rem;width:min(440px,100%)}.save-state{color:var(--muted);min-width:4.5rem}@media(max-width:900px){.library,.study-body{grid-template-columns:1fr}.panel-resizer{display:none}.topbar{align-items:flex-start}}