:root{--bg:#14151a;--panel:#1e2027;--panel-2:#262932;--border:#333744;--text:#e8e9ec;--muted:#9aa0ab;--accent:#81b64c;--accent-hover:#93c95c;--warn:#f0c15c;--error:#e0493e;--radius:10px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px;line-height:1.55}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.app{flex-direction:column;max-width:1440px;min-height:100vh;margin:0 auto;padding:0 16px 24px;display:flex}.header{justify-content:space-between;align-items:center;padding:14px 2px;display:flex}.brand{align-items:center;gap:8px;font-size:18px;display:flex}.logo{font-size:24px;line-height:1}.brand-tld{color:var(--muted);font-weight:400}.brand-sub{font-size:13px}.sound-btn{align-items:center;padding:6px 8px;line-height:0;display:flex}.lang-menu{position:relative}.lang-btn{color:var(--muted);align-items:center;gap:5px;display:flex}.lang-btn .globe{font-size:15px}.lang-btn .caret{font-size:10px}.lang-backdrop{z-index:150;position:fixed;inset:0}.lang-dropdown{z-index:200;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-width:150px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 30px #00000080}.lang-dropdown button{color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:13px;display:flex}.lang-dropdown button:hover{background:var(--panel-2)}.lang-dropdown button.on{color:var(--accent);font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.main{flex:1;align-items:flex-start;gap:18px;display:flex}.board-zone{flex:auto;justify-content:center;min-width:0;display:flex}.board-col{flex-direction:column;gap:8px;width:min(100%,100vh - 185px);min-width:300px;max-width:880px;display:flex}.board-row{gap:10px;display:flex}.board-wrap{border-radius:6px;flex:1;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006}.eval-bar{background:#3d4046;border-radius:5px;flex-shrink:0;width:22px;position:relative;overflow:hidden}.eval-white{background:#f5f5f0;transition:height .5s;position:absolute;left:0;right:0}.eval-label{white-space:nowrap;font-size:9px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.player-bar{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:6px 10px;display:flex;position:relative}.player-bar.active{border-color:#81b64c8c}.player-name{font-weight:700}.banter{background:var(--panel-2);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:999px;max-width:62%;padding:4px 13px;font-size:13px;animation:.24s ease-out banter-in;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.banter-text{color:var(--text)}@keyframes banter-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.player-sub{color:var(--muted);font-size:12px}.thinking-dot{color:var(--warn);font-size:12px;animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.captured{opacity:.85;align-items:center;gap:0;margin-left:auto;display:flex}.captured svg{margin-right:-5px}.captured b{color:var(--accent);margin-left:4px;font-size:12px}.promo-backdrop{z-index:120;background:#0a0a0e8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.promo-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:14px 16px 16px;display:flex;box-shadow:0 12px 46px #0009}.promo-title{color:var(--muted);font-size:13px}.promo-row{gap:8px;display:flex}.promo-btn{background:var(--panel-2);border:2px solid var(--border);border-radius:10px;padding:5px;line-height:0;transition:border-color .15s,background .15s}.promo-btn:hover{border-color:var(--accent);background:#2f3340}.clock{background:var(--panel-2);border:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--muted);border-radius:6px;flex-shrink:0;margin-left:10px;padding:3px 9px;font-size:15px;font-weight:600}.clock.running{color:#222;background:#f5f5f0;border-color:#f5f5f0}.clock.low{color:var(--error)}.clock.running.low{background:var(--error);color:#fff;border-color:var(--error)}.move-badge{z-index:20;aspect-ratio:1;color:#fff;pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:7%;font-size:clamp(9px,2.2cqw,15px);font-weight:800;line-height:1;animation:.3s cubic-bezier(.2,1.4,.5,1) badge-pop;display:flex;position:absolute;box-shadow:0 2px 8px #0006}@keyframes badge-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.rating-line{font-size:14px}.over-chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.over-chip{align-items:center;gap:4px;font-size:13px;display:flex}.gamerating-row{align-items:center;gap:8px;font-size:13px;display:flex}.gamerating-row .muted{flex:1}.gr-val{text-align:center;color:#222;font-variant-numeric:tabular-nums;background:#f5f5f0;border-radius:6px;min-width:52px;padding:3px 8px;font-weight:700}.gr-val.dark{color:var(--text);border:1px solid var(--border);background:#2b2d35}.rating-line b.up{color:var(--accent)}.rating-line b.down{color:var(--error)}.delta-up{color:var(--accent);margin-left:2px}.delta-down{color:var(--error);margin-left:2px}.engine-loading{z-index:25;border:1px solid var(--border);color:var(--text);pointer-events:none;background:#1e2027eb;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.confetti{z-index:30;pointer-events:none;position:absolute;top:0;left:0}.board-overlay{z-index:20;background:#0a0a0e8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;gap:10px;padding:22px 30px;display:flex;position:relative;box-shadow:0 8px 40px #0009}.overlay-close{color:var(--muted);background:0 0;border:none;padding:4px;font-size:14px;line-height:1;position:absolute;top:6px;right:8px}.overlay-close:hover{color:var(--text)}.overlay-card h3{font-size:18px}.side-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex-shrink:0;width:380px;min-height:420px;max-height:calc(100vh - 110px);display:flex;position:sticky;top:12px}.tabs{border-bottom:1px solid var(--border);display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 0;font-size:14px}.tab.on{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tab-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.pad{padding:14px}.muted{color:var(--muted)}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-size:14px;transition:background .15s}.btn:hover:not(:disabled){background:#2f3340}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#16210c;font-weight:700}.btn.primary:hover:not(:disabled){background:var(--accent-hover)}.btn.ghost{background:0 0}.btn.sm{padding:5px 10px;font-size:13px}.game-tab{flex-direction:column;flex:1;min-height:0;display:flex}.controls-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:10px;display:flex}.toggle{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.toggle input{accent-color:var(--accent)}.coach-bubble{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;margin:10px 10px 0;padding:10px 12px;font-size:13px;position:relative}.coach-bubble.hint{border-color:#f0c15c80}.bubble-tag{background:var(--accent);color:#16210c;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;position:absolute;top:-8px;left:10px}.coach-bubble.hint .bubble-tag{background:var(--warn)}.hint-move{color:var(--warn);margin-top:4px;font-weight:600}.movelist-box{flex-direction:column;flex:1;min-height:0;display:flex}.movelist{flex:1;min-height:120px;padding:8px 10px;overflow-y:auto}.movelist table{border-collapse:collapse;width:100%}.move-no{color:var(--muted);width:34px;padding:2px 4px;font-size:12px}.move-cell{cursor:pointer;vertical-align:middle;white-space:nowrap;border-radius:5px;width:43%;padding:4px 8px;font-weight:600}.move-inner{align-items:center;gap:6px;display:inline-flex}.move-cell:hover{background:var(--panel-2)}.move-cell.active{background:#34486b}.cls-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;line-height:1;display:inline-flex}.move-san{font-variant-numeric:tabular-nums}.empty{padding:16px 4px}.move-nav{border-top:1px solid var(--border);gap:6px;padding:8px 10px;display:flex}.review-panel{flex-direction:column;gap:12px;padding:12px;display:flex}.acc-row{gap:10px;display:flex}.acc-card{color:#222;text-align:center;background:#f5f5f0;border-radius:8px;flex-direction:column;flex:1;padding:10px;display:flex}.acc-card.dark{color:var(--text);border:1px solid var(--border);background:#2b2d35}.acc-card .muted{font-size:11px}.acc-num{font-size:22px;font-weight:800}.opening-line{color:var(--muted);font-size:13px}.eval-graph{cursor:crosshair;border-radius:8px;width:100%;height:84px;display:block}.graph-bg{fill:#2b2d35}.graph-white-area{fill:#f5f5f0d9}.graph-mid{stroke:#81b64c99;stroke-width:1px;stroke-dasharray:3 3}.graph-line{fill:none;stroke:#9aa0ab;stroke-width:1px}.graph-cursor{stroke:#3c9cff;stroke-width:1.4px}.key-moments{flex-wrap:wrap;gap:6px;display:flex}.moment-chip{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:3px 10px;font-size:12px}.counts-table{border-collapse:collapse;width:100%;font-size:13px}.counts-table th,.counts-table td{text-align:left;border-bottom:1px solid #33374499;padding:3px 6px}.counts-table th:nth-child(n+2),.counts-table td:nth-child(n+2){text-align:center;width:44px}.move-detail{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;font-size:13px;display:flex}.detail-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cls-badge{color:#16210c;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.summary-box{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.progress{background:var(--panel-2);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s}.md{flex-direction:column;gap:6px;font-size:13px;display:flex}.md h4{color:var(--accent);margin-top:4px;font-size:13px}.md ul{flex-direction:column;gap:3px;padding-left:18px;display:flex}.chat-panel{flex-direction:column;flex:1;min-height:0;display:flex}.chat-list{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-empty{flex-direction:column;gap:10px;display:flex}.quick-prompts{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.chat-msg{border-radius:12px;max-width:88%;padding:8px 11px;font-size:13px}.chat-msg.user{background:#34486b;align-self:flex-end}.chat-msg.assistant{background:var(--panel-2);border:1px solid var(--border);align-self:flex-start}.chat-input-row{border-top:1px solid var(--border);gap:8px;padding:10px;display:flex}.chat-input-row input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:13px}.chat-input-row input:focus{border-color:var(--accent)}.library{flex-direction:column;display:flex}.lib-row{border-bottom:1px solid #33374499;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.lib-row.active{background:#34486b40}.lib-info{flex-direction:column;font-size:13px;display:flex}.lib-info .muted{font-size:12px}.lib-actions{gap:5px;display:flex}.dialog-backdrop{z-index:100;background:#08080ca6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;width:min(430px,92vw);max-height:min(92vh,760px);padding:22px;display:flex;box-shadow:0 12px 60px #0009}.dialog-body{flex-direction:column;gap:14px;min-height:0;margin:0 -6px;padding:0 6px;display:flex;overflow-y:auto}.dialog-actions{flex-shrink:0}.field{flex-direction:column;gap:8px;display:flex}.field>label{color:var(--muted);font-size:13px}.seg{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.seg-btn{color:var(--muted);background:0 0;border:none;flex:1;padding:8px 0;font-size:14px}.seg-btn.on{background:var(--accent);color:#16210c;font-weight:700}.diff-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.diff-card{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;flex-direction:column;gap:2px;padding:10px 6px;display:flex;position:relative}.challenge-badge{font-size:13px;position:absolute;top:3px;right:6px}.show-all{align-self:center;margin-top:2px}.diff-avatar{display:none}.stake-line{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.stake-line b{color:var(--text)}.stake-line b.up{color:var(--accent)}.stake-line b.down{color:var(--error)}.challenge-hint{margin-top:2px;font-size:12px}.ladder-line{color:var(--warn);max-width:300px;font-size:13px;font-weight:600}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.diff-card .muted{font-size:11px}.diff-style{color:var(--muted);opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:10.5px;line-height:1.25;display:-webkit-box;overflow:hidden}.diff-card.on{border-color:var(--accent);background:#81b64c1f}.dialog-actions{justify-content:flex-end;gap:10px;display:flex}.banner{border-radius:8px;margin:0 0 12px;padding:8px 14px;font-size:13px}.banner.error{color:#f0a49e;background:#e0493e1f;border:1px solid #e0493e66}@media (width<=900px){.main{flex-direction:column;align-items:stretch}.side-panel{width:100%;max-height:none;position:static}.board-col{width:100%;max-width:min(92vw,560px);margin:0 auto}}@media (width<=640px){.app{padding:0 10px 18px}.controls-row .btn,.move-nav .btn,.lib-actions .btn{min-height:44px;padding:0 14px;font-size:14px}.move-nav .btn{flex:1;min-width:44px}.tab{min-height:46px;font-size:15px}.toggle{align-items:center;min-height:44px;display:flex}.toggle input{width:18px;height:18px}.move-cell{height:38px;font-size:15px}.seg-btn{min-height:44px}.promo-btn{padding:8px}.movelist,.tab-body,.dialog-body{-webkit-overflow-scrolling:touch}.header{gap:8px;padding:10px 0}.brand{gap:5px;min-width:0;font-size:15px}.logo{font-size:19px}.brand-sub{display:none}.header-right{flex-shrink:0;gap:4px}.sound-btn{padding:6px}.lang-btn{padding:5px 7px;font-size:0}.lang-btn .globe{font-size:15px}.lang-btn .caret{font-size:9px}.board-col{max-width:100%}.board-row{gap:6px}.eval-bar{width:16px}.dialog{width:min(430px,100vw - 24px);padding:18px 16px}.diff-grid{gap:6px}.diff-card{padding:8px 4px}}@media (width<=380px){.diff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}