:root{--board-inset:219px;--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{width:min(100%, calc(100vh - var(--board-inset)));flex-direction:column;gap:8px;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);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 4px;font-size:13px;overflow:hidden}.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}.lesson-panel{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.ls-current{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:11px 12px}.ls-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.ls-intro{margin:0;font-size:12px;line-height:1.55}.ls-box{background:var(--panel-2);border:1px solid var(--border);border-left-width:3px;border-radius:8px;padding:11px 12px;font-size:13px;line-height:1.55}.ls-box.good{border-left-color:var(--accent)}.ls-box.bad{border-left-color:var(--error)}.ls-box p{margin:0 0 8px}.ls-prompt{font-weight:600}.ls-progress,.ls-progress-line{font-size:11px}.ls-progress{margin-left:auto}.analysis-panel{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.an-input{min-height:72px}.an-err{margin:0;font-size:12px}.an-lines{flex-direction:column;gap:5px;display:flex}.an-line{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;align-items:baseline;gap:8px;padding:7px 9px;font-size:12px;display:flex}.an-score{font-variant-numeric:tabular-nums;flex-shrink:0;min-width:48px;font-weight:700}.an-score.up{color:var(--accent)}.an-score.down{color:var(--error)}.an-pv{color:var(--muted);word-break:break-word;line-height:1.5}.an-moves{margin:0;font-size:13px;line-height:1.8}.an-moves b{margin-left:4px}.theme-dropdown{z-index:200;background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;min-width:252px;padding:10px 12px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 30px #00000080}.theme-group{flex-direction:column;gap:6px;display:flex}.theme-label{font-size:11px}.theme-swatches{flex-wrap:wrap;gap:6px;display:flex}.board-swatch{background:0 0;border:2px solid #0000;border-radius:6px;grid-template-rows:repeat(2,13px);grid-template-columns:repeat(2,13px);padding:0;line-height:0;display:grid;overflow:hidden}.board-swatch span{width:100%;height:100%;display:block}.board-swatch.on,.piece-swatch.on{border-color:var(--accent)}.board-swatch:hover,.piece-swatch:hover{border-color:var(--muted)}.piece-swatch{background:var(--panel-2);border:2px solid #0000;border-radius:6px;align-items:center;gap:1px;padding:3px 5px;line-height:0;display:flex}.endgame-panel{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.eg-goal{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10px}.eg-goal.win{color:var(--accent);border-color:#81b64c80}.eg-goal.draw{color:var(--warn);border-color:#f0c15c80}.eg-eval{font-variant-numeric:tabular-nums;margin-left:auto;font-size:15px;font-weight:700}.eg-eval.up{color:var(--accent)}.eg-eval.down{color:var(--error)}.eg-list{flex-direction:column;gap:5px;display:flex}.eg-item{background:var(--panel-2);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:13px;display:flex}.eg-item:hover{border-color:var(--accent)}.eg-item.done{border-left:3px solid var(--accent)}.eg-item-name{flex:1;align-items:center;gap:6px;display:flex}.eg-hard{color:var(--error);border:1px solid #e0493e66;border-radius:999px;padding:1px 6px;font-size:10px}.eg-check{color:var(--accent);font-weight:700}.eg-current{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:11px 12px}.eg-current-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.eg-tip{margin:0 0 10px;font-size:12px;line-height:1.5}.retry-box{background:var(--panel-2);border:1px solid var(--border);border-left-width:3px;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:13px}.retry-box.v-best{border-left-color:var(--accent)}.retry-box.v-better{border-left-color:#5b8bd0}.retry-box.v-same{border-left-color:var(--warn)}.retry-box.v-worse{border-left-color:var(--error)}.retry-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.retry-box p{margin:0 0 6px}.retry-verdict{font-weight:600}.retry-nums{font-variant-numeric:tabular-nums;font-size:11px}.retry-btn{margin-left:6px}.legal-page{max-width:860px}.legal-brand{cursor:pointer;background:0 0;border:none;padding:0}.legal-body{padding:8px 0 40px;font-size:14px;line-height:1.65}.legal-body h1{margin:12px 0 4px;font-size:26px}.legal-updated{margin:0 0 18px;font-size:12px}.legal-lede{margin:0 0 12px;font-size:15px}.legal-section{margin-top:28px}.legal-section h2{border-bottom:1px solid var(--border);margin:0 0 8px;padding-bottom:6px;font-size:16px}.legal-section p{color:var(--text);margin:0 0 10px}.legal-section ul{margin:0 0 10px;padding-left:20px}.legal-section li{margin-bottom:6px}.legal-table-wrap{border:1px solid var(--border);border-radius:8px;margin:10px 0 12px;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;min-width:560px;font-size:13px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid #33374499;padding:9px 12px}.legal-table th{background:var(--panel-2);white-space:nowrap;font-weight:600}.legal-table tr:last-child td{border-bottom:none}.legal-body code{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.legal-table td:first-child{white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.insights-view{width:100%;max-width:880px;max-height:calc(100vh - var(--board-inset) + 60px);padding-right:4px;overflow-y:auto}.ins-note{margin:0 0 10px;font-size:12px}.ins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ins-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:12px 14px}.ins-card.wide{grid-column:1/-1}.ins-card h4{align-items:baseline;gap:8px;margin:0 0 10px;font-size:13px;font-weight:600;display:flex}.ins-now{color:var(--accent);margin-left:auto;font-size:18px}.ins-now-sm{margin-left:auto;font-size:12px;font-weight:400}.ins-foot{margin:8px 0 0;font-size:11px}.spark{width:100%;height:96px;display:block}.chart-empty{justify-content:center;align-items:center;height:40px;font-size:13px;display:flex}.ins-axis{justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.stack-bar{background:var(--panel-2);border-radius:7px;height:14px;display:flex;overflow:hidden}.stack-bar.wdl{border-radius:4px;height:8px}.stack-seg{height:100%}.ins-legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:11px;display:flex}.ins-legend-item{align-items:center;gap:5px;display:inline-flex}.ins-legend-item i{border-radius:2px;width:8px;height:8px;display:inline-block}.ins-legend-item b{color:var(--text)}.bar-row{align-items:center;gap:8px;margin-bottom:7px;font-size:12px;display:flex}.bar-label{width:68px;color:var(--muted);flex-shrink:0;align-items:center;display:flex}.bar-track{background:var(--panel-2);border-radius:4px;flex:1;min-width:0;height:8px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;display:block}.bar-value{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:74px}.bar-sub{margin-left:5px;font-size:10px}.heatmap{grid-template-columns:34px repeat(4,minmax(0,1fr));gap:3px;font-size:10px;display:grid}.heat-corner{min-height:1px}.heat-head{justify-content:center;align-items:center;font-size:10px;display:flex}.heat-cell{aspect-ratio:2.4;color:var(--text);border-radius:3px;justify-content:center;align-items:center;font-size:10px;display:flex}.ins-opp{grid-template-columns:1fr 70px 54px;align-items:center;gap:8px;margin-bottom:7px;font-size:12px;display:grid}.ins-opp-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ins-opp-n{text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.insights-panel{flex-direction:column;gap:14px;padding:12px;display:flex;overflow-y:auto}.ins-summary{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:4px 8px;padding:10px 12px;display:grid}.ins-summary b{font-size:22px;line-height:1}.ins-summary .stack-bar,.ins-summary .ins-wdl{grid-column:1/-1}.ins-wdl{font-variant-numeric:tabular-nums;font-size:11px}.ins-ratings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ins-rating-card{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1px;padding:9px 10px;display:flex}.ins-rating-card b{font-size:20px;line-height:1.1}.ins-rating-card span{font-size:11px}.ins-rating-note{font-size:10px}.ins-disclaimer{margin:8px 0 0;font-size:10px;line-height:1.45}.ins-openings{flex-direction:column;gap:10px;display:flex}.ins-opening-head{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.ins-opening-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ins-opening-meta{margin-top:3px;font-size:10px;display:block}@media (width<=900px){.ins-grid{grid-template-columns:minmax(0,1fr)}.insights-view{max-height:none}}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}[data-square]:focus-visible{box-shadow:inset 0 0 0 3px var(--accent);outline:none}.app-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 0 0;font-size:12px;display:flex}.footer-sep{color:var(--border)}.footer-state{opacity:.75}.link-btn{color:var(--muted);text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.link-btn:hover{color:var(--text)}.consent-bar{background:var(--panel);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.consent-text{min-width:220px;color:var(--muted);flex:1;margin:0;font-size:13px;line-height:1.5}.consent-actions{flex-shrink:0;gap:8px;display:flex}.consent-btn{justify-content:center;min-width:92px;font-weight:600}.puzzles-tab{flex-direction:column;gap:12px;padding:12px;display:flex;overflow-y:auto}.pz-modes{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.pz-stats{gap:8px;display:flex}.pz-stat{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 6px;display:flex}.pz-stat b{font-size:20px;line-height:1.1}.pz-stat .muted{font-size:11px}.pz-run{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.pz-score{font-size:26px;font-weight:700;line-height:1}.pz-strikes{flex:1;gap:4px;display:flex}.strike{color:var(--border);font-weight:700}.strike.used{color:var(--error)}.pz-clock{font-variant-numeric:tabular-nums;font-size:18px}.pz-clock.low{color:var(--error)}.pz-runover{border:1px solid var(--accent);background:#81b64c1f;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.pz-newbest{color:var(--accent);font-size:12px;font-weight:700}.pz-actions{flex-wrap:wrap}.pz-theme-grid{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pz-theme{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 11px;font-size:12px}.pz-theme.on{background:var(--accent);border-color:var(--accent);color:#16210c;font-weight:700}.pz-theme.clear{border-style:dashed}.pz-detail{border-top:1px solid #33374499;flex-direction:column;gap:6px;padding-top:10px;font-size:13px;display:flex}.pz-theme-tags{flex-wrap:wrap;gap:5px;display:flex}.pz-tag{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:11px}.pz-solution{margin:0}.pz-nospoil,.pz-source{margin:0;font-size:12px}.pz-source{text-decoration:none}.pz-source:hover{text-decoration:underline}.puzzle-bar{min-height:40px}.verdict{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.verdict.good{color:var(--accent)}.verdict.bad{color:var(--error)}.verdict .up{color:var(--accent)}.verdict .down{color:var(--error)}.lib-toolbar{border-bottom:1px solid #33374499;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.lib-toolbar-hint{flex:1;min-width:140px;font-size:12px}.import-intro{margin:0;font-size:13px;line-height:1.5}.import-hint{font-size:12px;line-height:1.4}.pgn-input,.text-input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:8px;width:100%;padding:9px 10px;font-size:13px}.pgn-input{resize:vertical;white-space:pre;overflow-wrap:normal;min-height:128px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45;overflow-x:auto}.pgn-input:focus,.text-input:focus{border-color:var(--accent);outline:none}.import-report{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px}.import-report p{margin:0 0 4px}.import-report p:last-child{margin-bottom:0}.import-report .muted{font-size:12px}.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))}}