:root{--left:248px;--right:310px;--topbar:48px;--bar:54px;--labels:20px;--pad:12px;--board-size:min(
    calc(100vh - var(--topbar) - var(--bar)*2 - var(--labels) - var(--pad)*2),
    calc(100vw - var(--left) - var(--right) - var(--pad)*2 - 68px)
  );--cell:calc(var(--board-size) / 8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',system-ui,sans-serif;background:#0f0f1a;color:#e0e0e0;height:100vh;overflow:hidden;display:flex;flex-direction:column}#topbar{height:var(--topbar);flex-shrink:0;background:#1a1a2e;border-bottom:1px solid #2a2a4a;display:flex;align-items:center;padding:0 20px;gap:10px}#topbar h1{font-size:1.1rem;color:#7ec8e3;letter-spacing:2px}#user-chip{display:none;align-items:center;gap:8px;text-decoration:none;margin-left:8px;background:#13132a;border:1px solid #2a2a4a;border-radius:20px;padding:3px 10px 3px 4px}#user-chip:hover{border-color:#7ec8e3}#uc-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;overflow:hidden;flex-shrink:0}#uc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}#uc-title{font-size:.72rem;color:#f0c040;font-weight:700}#uc-name{font-size:.72rem;color:#e0e0e0}nav{display:flex;gap:20px;margin-left:auto}nav a{font-size:.78rem;color:#aaa;text-decoration:none}nav a.active{color:#7ec8e3}nav a:hover{color:#e0e0e0}#main{flex:1;display:flex;min-height:0;align-items:stretch}#left-panel{width:var(--left);flex-shrink:0;background:#1a1a2e;border-right:1px solid #2a2a4a;padding:14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}#left-panel h2{font-size:.78rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px}.lbl{font-size:.72rem;color:#aaa;margin-bottom:3px}.csec-hdr{display:flex;align-items:center;gap:8px;font-size:.86rem;color:#ccc;margin-bottom:3px;padding:7px 6px;border-radius:6px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.csec-hdr:hover{background:#16162c}.csec-hdr:hover{color:#7ec8e3}.csec-hdr .chev{margin-left:auto;color:#8a8aa5;font-size:.95rem;padding:0 4px;transition:transform .15s,color .15s}.csec-hdr:hover .chev{color:#7ec8e3}.csec.closed .csec-body{display:none}.csec.closed .csec-hdr .chev{transform:rotate(-90deg)}#chapter-panel-hdr .chev{margin-left:auto}.csec[data-sec=review]>.csec-hdr{font-size:.68rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:4px 4px 2px}input[type=text],textarea{width:100%;background:#0f0f1a;color:#e0e0e0;border:1px solid #2a2a4a;border-radius:6px;padding:6px 8px;font-size:.78rem;font-family:inherit}input[type=text]:focus,textarea:focus{outline:0;border-color:#7ec8e3}textarea{resize:vertical;min-height:70px;max-height:120px}.btn{width:100%;padding:7px;border-radius:6px;border:none;cursor:pointer;font-size:.78rem;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:#7ec8e3;color:#0f0f1a}.btn-secondary{background:#2a2a4a;color:#e0e0e0}.upload-label{display:flex;align-items:center;gap:5px;background:#2a2a4a;border:1px dashed #3a3a6a;border-radius:5px;padding:6px 9px;font-size:.72rem;color:#aaa;cursor:pointer;transition:border-color .12s}.upload-label:hover{border-color:#7ec8e3;color:#7ec8e3}.upload-label input{display:none}.btn-sm{padding:5px 10px;border-radius:5px;border:none;cursor:pointer;font-size:.75rem;background:#2a2a4a;color:#e0e0e0;transition:opacity .15s}.btn-sm:hover{opacity:.8}.divider{border:none;border-top:1px solid #2a2a4a}#board-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--pad);gap:4px;min-width:0}.player-bar{width:var(--board-size);display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:#1a1a2e;border:1px solid #2a2a4a;flex-shrink:0;height:var(--bar)}.player-bar .side-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.player-bar .pname{font-size:.88rem;font-weight:700;flex:1}.player-bar .turn-indicator{font-size:.68rem;color:#7ec8e3;font-weight:600;padding:2px 7px;border-radius:4px;background:#0f0f1a;display:none}.player-bar.to-move .turn-indicator{display:inline}#board-wrap{position:relative}#board{width:var(--board-size);height:var(--board-size);display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:2px solid #2a2a4a;border-radius:2px;overflow:hidden;user-select:none}.sq{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .06s}.sq:hover{filter:brightness(1.12)}.light{background:var(--sq-light,#eeeed2)}.dark{background:var(--sq-dark,#769656)}.sq.selected{background:#f6f669!important}.sq.last-from{background:#baca2b!important}.sq.last-to{background:#cdd26a!important}.sq.last-from.brill-from{background:#59ceb6!important}.sq.last-to.brill-to{background:#21c7a8!important}.sq.can-move::after{content:'';position:absolute;width:32%;height:32%;border-radius:50%;background:rgba(0,0,0,.22);pointer-events:none}.sq.can-capture::after{content:'';position:absolute;inset:0;border:4px solid rgba(0,0,0,.22);pointer-events:none;border-radius:2px}.piece{font-size:calc(var(--cell) * .82);line-height:1;pointer-events:none;user-select:none}.piece.pw{color:#fff;-webkit-text-stroke:1.8px #1c1c1c;paint-order:stroke fill;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.piece.pb{color:#1c1c1c;-webkit-text-stroke:0.5px rgba(255,255,255,0.18);paint-order:stroke fill;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.rank-labels{display:flex;flex-direction:column;width:16px;height:var(--board-size);justify-content:space-around;font-size:.58rem;color:#888;align-items:center;flex-shrink:0}.file-labels{display:flex;width:var(--board-size);justify-content:space-around;font-size:.58rem;color:#888;height:var(--labels)}#board-controls{display:flex;flex-direction:column;gap:8px;margin-left:8px;align-self:center}#board-flip-btn{background:#2a2a4a;border:1px solid #3a3a6a;color:#aaa;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s;flex-shrink:0}#board-flip-btn:hover{color:#7ec8e3;border-color:#7ec8e3}#settings-btn{background:0 0;border:none;color:#aaa;cursor:pointer;font-size:1.1rem;padding:4px 8px;transition:color .15s}#settings-btn:hover{color:#7ec8e3}#settings-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:100}#settings-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;width:360px;max-height:80vh;overflow-y:auto;padding:24px}#settings-modal h3{color:#7ec8e3;font-size:.95rem;margin-bottom:0}.stab-row{display:flex;border-bottom:1px solid #2a2a4a;margin-bottom:16px;margin-top:14px}.stab{background:0 0;border:none;border-bottom:2px solid transparent;color:#888;padding:8px 16px;font-size:.85rem;cursor:pointer;transition:all .15s}.stab.active{color:#7ec8e3;border-color:#7ec8e3}.stab:hover{color:#bbb}.tog-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #1f1f3a}.tog-label{font-size:.82rem;color:#ccc}.tog{position:relative;width:44px;height:24px;display:inline-block}.tog input{opacity:0;width:0;height:0}.tog-slider{position:absolute;inset:0;background:#2a2a4a;border-radius:24px;cursor:pointer;transition:.2s}.tog-slider::before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.tog input:checked+.tog-slider{background:#7ec8e3}.tog input:checked+.tog-slider::before{transform:translateX(20px)}.mm-btn-row{display:flex;gap:6px;margin-top:6px}.mm-btn{flex:1;margin:0;padding:7px 4px;border-radius:6px;border:1px solid #2a2a4a;background:#0f0f1a;color:#aaa;cursor:pointer;font-size:.72rem;transition:all .15s}.mm-btn.sel{border-color:#7ec8e3;background:#1a2a3a;color:#7ec8e3;font-weight:700}.theme-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:.15s;display:flex;overflow:hidden;flex-shrink:0}.theme-swatch.sel{border-color:#7ec8e3;box-shadow:0 0 0 1px #7ec8e380}.theme-swatch:hover{opacity:.85}#drag-ghost{position:fixed;pointer-events:none;z-index:200;font-size:calc(var(--cell) * .82);line-height:1;display:none;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}#promo-dialog{position:fixed;inset:0;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:150}#promo-box{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:20px;display:flex;gap:10px}.promo-piece{font-size:2.8rem;cursor:pointer;padding:10px 14px;border-radius:8px;border:1px solid #2a2a4a;background:#0f0f1a;line-height:1;transition:.15s;user-select:none}.promo-piece:hover{background:#2a2a4a;border-color:#7ec8e3}#right-panel{width:var(--right);flex-shrink:0;background:#1a1a2e;border-left:1px solid #2a2a4a;display:flex;flex-direction:column;padding:12px;gap:8px;overflow:hidden}#nav-btns{display:flex;gap:4px;flex-shrink:0}#nav-btns button{flex:1;padding:9px 0;border:none;border-radius:6px;background:#2a2a4a;color:#e0e0e0;cursor:pointer;font-size:1.05rem;transition:opacity .15s}#autoplay-btn.playing{background:#1d3a5f;color:#7ec8e3}#board-toggle-btn.active{background:#3a2a5a;color:#c9a8ff}#nav-btns button:hover{opacity:.8}#move-list-wrap{flex:1;min-height:0;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:6px;overflow-y:auto;padding:8px}#move-list{font-size:calc(.8rem * var(--ana-read-scale, 1));line-height:1.9}.mv-num{color:#8a8aa5;margin-right:2px}.mv-btn{background:0 0;border:none;border-radius:4px;color:#e0e0e0;cursor:pointer;padding:1px 5px;font-size:calc(.8rem * var(--ana-read-scale, 1));margin-right:3px;font-family:inherit}.mv-btn:hover{background:#2a2a4a}.mv-btn.cur{background:#7ec8e3;color:#0f0f1a;font-weight:700}.mv-nag{color:#f0c040;font-weight:700;font-size:.78rem;margin:0 1px}.mv-comment-wrap{display:block;margin:4px 0 6px 14px}.mv-comment{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#9a9a9a;font-size:calc(.78rem * var(--ana-read-scale, 1));font-style:italic;line-height:1.55}.mv-comment-wrap.expanded .mv-comment{display:block}.mv-comment-toggle{background:0 0;border:none;color:#5a8aaa;font-size:.68rem;font-style:normal;cursor:pointer;padding:2px 0;margin-top:2px;display:block;opacity:.85}.mv-comment-toggle:hover{color:#7ec8e3;opacity:1}.mv-var-wrap{display:block;margin:2px 0 2px 12px;padding:3px 6px;border-left:2px solid #3a3a6a}.mv-var-paren{color:#8a8aa5;font-size:.75rem}.mv-var-wrap .mv-btn{color:#9090c0;font-size:.75rem;padding:1px 4px}.mv-var-wrap .mv-btn:hover{background:#2a2a4a;color:#bbb}.mv-var-wrap .mv-btn.cur{background:#7ec8e3;color:#0f0f1a}.mv-var-wrap .mv-num{color:#444;font-size:.72rem}.mv-var-wrap .mv-nag{font-size:.72rem}.mv-var-wrap .mv-comment-wrap{margin-left:4px}.mv-var-wrap .mv-comment{font-size:.7rem;-webkit-line-clamp:3}#annotation-sec{flex-shrink:0}#annotation-sec>.csec-hdr{padding:0 4px 4px;margin-bottom:0}#annotation-box{flex-shrink:0;padding:8px 10px;background:#0f0f1a;border:1px solid #2a3a2a;border-radius:6px;font-size:calc(.8rem * var(--ana-read-scale, 1));color:#90b890;font-style:italic;line-height:1.55;display:none;height:120px;min-height:40px;overflow-y:auto}.mv-inline-btn{font-size:.75rem;padding:1px 5px;font-family:inherit;color:#a0c0d0;background:#13132a;border:1px solid #3a4a6a;border-radius:4px;cursor:pointer;margin:0 1px;transition:all .15s;font-style:normal;vertical-align:baseline}.mv-inline-btn:hover{background:#2a3a5a;color:#c8e0f0;border-color:#6080a0}#annotation-box .mv-inline-btn{font-size:.78rem}#preview-banner{position:absolute;top:4px;left:50%;transform:translateX(-50%);background:#1a2a3a;border:1px solid #3a6a8a;border-radius:6px;padding:3px 12px;font-size:.7rem;color:#7ec8e3;white-space:nowrap;pointer-events:none;opacity:.9}#lpanel-resize-handle,#rpanel-resize-handle{width:12px;flex-shrink:0;cursor:ew-resize;background:0 0;align-self:stretch;position:relative}#lpanel-resize-handle::after,#rpanel-resize-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:48px;width:4px;border-radius:3px;background:#2a2a4a;transition:background .15s}#lpanel-resize-handle.dragging::after,#lpanel-resize-handle:hover::after,#rpanel-resize-handle.dragging::after,#rpanel-resize-handle:hover::after{background:#7ec8e3}#left-panel{width:var(--left);min-width:180px;max-width:480px}#right-panel{width:var(--right);min-width:220px;max-width:min(72vw,1100px)}#rag-status{font-size:.65rem;color:#5a8a5a;min-height:14px;text-align:center}#chapter-panel{border:1px solid #2a2a4a;border-radius:6px;overflow:hidden;margin-top:2px}#chapter-panel-hdr{display:flex;align-items:center;padding:5px 8px;background:#13132a;border-bottom:1px solid #2a2a4a}#chapter-panel-hdr span{font-size:.68rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px;font-weight:700}#chapter-count{font-size:.65rem;color:#8a8aa5;margin-left:6px}#chapter-list{overflow-y:auto;height:210px;min-height:60px;max-height:70vh;resize:vertical;display:flex;flex-direction:column}#chapter-filters{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;background:#0f0f1a;border-bottom:1px solid #2a2a4a}.chf-input-wrap{position:relative;flex:1 1 100%;min-width:120px}.chf-icon{position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:.62rem;pointer-events:none;opacity:.7}#chapter-opening,#chapter-search{width:100%;box-sizing:border-box;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:5px;padding:4px 7px 4px 22px;color:#e0e0e0;font-size:.68rem;outline:0}#chapter-opening:focus,#chapter-search:focus{border-color:#7ec8e3}#chapter-color-sel,#chapter-moves-sel,#chapter-result-sel,#chapter-sort-sel{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:5px;padding:4px 6px;color:#e0e0e0;font-size:.68rem;outline:0;cursor:pointer}#chapter-minelo,#chapter-year{width:86px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:5px;padding:4px 7px;color:#e0e0e0;font-size:.68rem;outline:0}#chapter-minelo:focus,#chapter-year:focus{border-color:#7ec8e3}#chapter-year{width:118px}#chapter-stats{padding:5px 9px;font-size:.66rem;color:#aaa;background:#11112a;border-bottom:1px solid #2a2a4a}#chapter-match-count{font-size:.62rem;color:#8a8aa5;align-self:center;white-space:nowrap}.ch-item{padding:5px 9px;cursor:pointer;border-left:2px solid transparent;transition:background .1s;flex-shrink:0}.ch-item:hover{background:#1a1a2e}.ch-item.active{background:#1e1e38;border-left-color:#7ec8e3}.ch-title{font-size:.73rem;color:#ccc;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-sub{font-size:.63rem;color:#8a8aa5;margin-top:1px}#review-comment{background:#13132a;border:1px solid #2a2a4a;border-left-width:3px;border-radius:6px;padding:8px 10px;margin-bottom:6px;font-size:.74rem;line-height:1.5;color:#ccc}.rc-badge{display:inline-block;font-weight:800;font-size:.68rem;padding:1px 7px;border-radius:8px;margin-right:4px}.rc-badge.blunder{background:#3a1515;color:#e05050}.rc-badge.mistake{background:#3a2a10;color:#e0a030}.rc-badge.inaccuracy{background:#3a3210;color:#f0c040}.rc-badge.brilliant{background:#103040;color:#00c8ff}.rc-badge.book{background:#1a2a1a;color:#70c87a}#engine-panel{flex-shrink:0;border-top:1px solid #2a2a4a;padding-top:8px}#engine-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}#engine-hdr span{font-size:.72rem;color:#7ec8e3;font-weight:700;text-transform:uppercase;letter-spacing:1px}#engine-toggle{font-size:.68rem;padding:2px 8px;border-radius:4px;border:1px solid #2a2a4a;background:#0f0f1a;color:#aaa;cursor:pointer}#engine-toggle.on{border-color:#7ec8e3;color:#7ec8e3}#eval-wrap{display:flex;align-items:center;gap:8px;margin-bottom:6px}#eval-bar-outer{flex:1;height:10px;background:#1c1c1c;border-radius:5px;overflow:hidden;border:1px solid #2a2a4a}#eval-bar-inner{height:100%;background:#e0e0e0;width:50%;transition:width .35s}#eval-score{font-size:.8rem;font-weight:700;min-width:44px;text-align:right}#pv-lines{font-size:.72rem;color:#aaa;line-height:1.7}.pv-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border-radius:4px;padding:1px 3px}.pv-line:hover{background:#1a1a2e}.engine-sub-row{display:flex;gap:5px;align-items:center;margin-bottom:5px;flex-wrap:wrap}.eng-mini-btn{font-size:.65rem;padding:1px 7px;border-radius:4px;border:1px solid #2a2a4a;background:#0f0f1a;color:#aaa;cursor:pointer}.eng-mini-btn.on{border-color:#f0c040;color:#f0c040}#eval-graph-wrap{margin:8px 0 4px}#eval-graph{width:100%;height:60px;border-radius:5px;display:block;cursor:pointer}#critical-row{display:flex;gap:5px;margin:4px 0}.critical-btn{flex:1;font-size:.7rem;padding:4px 6px;border-radius:5px;border:1px solid #3a3a6a;background:#13132a;color:#7ec8e3;cursor:pointer}.critical-btn:hover{border-color:#7ec8e3}#cloud-cache-badge{font-size:.6rem;color:#6ecb6e;margin-left:4px;display:none}.exp-row{display:grid;grid-template-columns:3.5rem 1fr 3.5rem;gap:4px;align-items:center;padding:3px 4px;border-radius:4px;cursor:pointer}.exp-row:hover{background:#1a1a2e}.exp-move{font-weight:700;color:#e0e0e0}.exp-bar-wrap{position:relative;height:7px;border-radius:3px;overflow:hidden;background:#0f0f1a}.exp-bar-w{position:absolute;left:0;top:0;height:100%;background:#e0e0e0}.exp-bar-d{position:absolute;top:0;height:100%;background:#888}.exp-bar-b{position:absolute;top:0;right:0;height:100%;background:#3a3a6a}.exp-count{font-size:.66rem;color:#888;text-align:right}.pv-depth{font-size:.65rem;color:#8a8aa5;margin-left:4px}#sf-credit{font-size:.62rem;color:#8a8aa5;margin-top:6px;line-height:1.5}#sf-credit a{color:#7ec8e360}.mv-clk{font-size:.52rem;color:#444;margin-left:2px;font-family:monospace}.mv-btn.q-best{color:#5cc66a}.mv-btn.q-good{color:#a8d8a8}.mv-btn.q-inaccuracy{color:#f0c040}.mv-btn.q-mistake{color:#e0a030}.mv-btn.q-blunder{color:#e05050}.mv-btn.q-brilliant{color:#00c8ff}.review-badge{display:inline-block;font-size:.55rem;vertical-align:super;margin-left:1px}.accuracy-panel{display:flex;justify-content:space-around;padding:6px 4px;background:#0d0d1e;border-radius:6px;margin:4px 0;font-size:.7rem}.accuracy-col{text-align:center}.accuracy-num{font-size:1.1rem;font-weight:700;color:#7ec8e3}@media (max-width:768px){#main{--board-size:min(calc(100vw - 16px), calc(100vh - 220px));--board-size:min(calc(100vw - 16px), calc(100dvh - 220px));--cell:calc(var(--board-size) / 8)}body{height:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;min-height:100dvh}#main{flex-direction:column;height:auto;overflow:visible}#lpanel-resize-handle,#rpanel-resize-handle{display:none!important}#board-area{order:1;width:100%;max-width:none;max-height:none;flex:none;overflow:visible}#left-panel{order:2;width:100%;max-width:none;min-width:0;max-height:60vh;overflow-y:auto;overflow-x:hidden;border-right:none;border-top:1px solid #2a2a4a}#right-panel{order:3;width:100%;max-width:none;min-width:0;max-height:none;overflow-y:visible;border-left:none;border-top:1px solid #2a2a4a}#board{width:var(--board-size);height:var(--board-size);touch-action:pan-y}.eval-bar-wrap{height:var(--board-size)}#file-labels,.file-labels{width:var(--board-size)}#rank-labels,.rank-labels{display:none}#analysis-board-row{flex-direction:column;align-items:center}#board-area #board-controls{display:flex!important;flex-direction:row!important;width:100%!important;justify-content:center!important;align-self:center!important;margin:6px 0 0!important}}.heat-sq{position:absolute;inset:0;pointer-events:none;z-index:5}#training-banner{position:absolute;top:4px;left:50%;transform:translateX(-50%);background:#2a1a3a;border:1px solid #8a40b0;border-radius:6px;padding:3px 12px;font-size:.7rem;color:#c070e0;white-space:nowrap;pointer-events:none;opacity:.9;z-index:20;display:none}#training-feedback{display:none;padding:7px 10px;background:#0f0f1a;border:1px solid #3a3a6a;border-radius:6px;margin:4px 0;font-size:.75rem;line-height:1.5}#annot-editor-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:200}#annot-editor-box{background:#1a1a2e;border:1px solid #3a4a6a;border-radius:10px;width:400px;max-width:95vw;padding:18px;display:flex;flex-direction:column;gap:10px}#annot-editor-box h4{color:#7ec8e3;font-size:.85rem;margin:0}#annot-editor-ta{width:100%;height:90px;background:#0f0f1a;color:#e0e0e0;border:1px solid #3a4a6a;border-radius:6px;padding:8px;font-size:.82rem;font-family:inherit;resize:vertical;outline:0}#annot-editor-ta:focus{border-color:#7ec8e3}#nag-picker{display:flex;gap:4px;flex-wrap:wrap}.nag-pick-btn{padding:3px 9px;border-radius:4px;border:1px solid #3a4a6a;background:#0f0f1a;color:#aaa;cursor:pointer;font-size:.78rem;transition:.1s}.nag-pick-btn.sel,.nag-pick-btn:hover{border-color:#f0c040;color:#f0c040;background:#1a1800}#cheatsheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:200}#cheatsheet-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;width:400px;max-width:92vw;max-height:80vh;overflow-y:auto;padding:24px}#cheatsheet-modal h3{color:#7ec8e3;font-size:.95rem;margin-bottom:14px}.cs-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #1f1f3a;font-size:.8rem}.cs-key{background:#0f0f1a;border:1px solid #3a3a6a;border-radius:4px;padding:2px 8px;color:#7ec8e3;font-family:monospace;font-size:.75rem;white-space:nowrap}.cs-desc{color:#aaa}#tablebase-panel{display:none;padding:5px 8px;border:1px solid #2a3a2a;border-radius:5px;font-size:.72rem;margin:4px 0;background:#0d1a0d}.tb-win{color:#6ecb6e;font-weight:700}.tb-draw{color:#f0c040;font-weight:700}.tb-loss{color:#e07070;font-weight:700}#depth-slider-row{display:flex;align-items:center;gap:8px;margin:2px 0 4px}#depth-slider-row label{font-size:.62rem;color:#8a8aa5;white-space:nowrap}#depth-slider{flex:1;accent-color:#7ec8e3;cursor:pointer}#depth-val{font-size:.65rem;color:#7ec8e3;min-width:24px;text-align:right}#engine-advanced{display:none;padding:4px 0 2px;border-top:1px solid #1a1a3a;margin-top:2px}.adv-row{display:flex;align-items:center;gap:6px;margin:3px 0}.adv-label{font-size:.62rem;color:#8a8aa5;min-width:50px}.adv-btn-row{display:flex;gap:3px;flex-wrap:wrap}.adv-btn{font-size:.62rem;padding:1px 6px;border-radius:3px;border:1px solid #2a2a4a;background:#0f0f1a;color:#888;cursor:pointer;transition:.1s}.adv-btn.sel{border-color:#7ec8e3;color:#7ec8e3;background:#0d1a2a}#explain-panel{display:none;padding:8px 10px;background:#0d1520;border:1px solid #2a3a50;border-radius:6px;font-size:.75rem;color:#90b8d8;line-height:1.55;margin:4px 0 2px;max-height:120px;overflow-y:auto}#eval-tooltip{position:fixed;background:#1a1a2e;border:1px solid #3a4a6a;border-radius:5px;padding:4px 9px;font-size:.68rem;color:#e0e0e0;pointer-events:none;display:none;white-space:nowrap;z-index:50}#drop-overlay{display:none;position:fixed;inset:0;background:rgba(14,14,40,.62);z-index:1000;align-items:center;justify-content:center}#drop-overlay span{font-size:1.2rem;color:#7ec8e3;background:#13132a;padding:20px 40px;border-radius:12px;border:2px dashed #7ec8e3}.v-drag-handle{height:6px;cursor:ns-resize;background:0 0;position:relative;flex-shrink:0}.v-drag-handle::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:2px;border-radius:2px;background:#2a2a4a;transition:background .15s}.v-drag-handle.dragging::after,.v-drag-handle:hover::after{background:#7ec8e3}#ctx-menu{position:fixed;background:#1a1a2e;border:1px solid #3a3a6a;border-radius:8px;padding:4px 0;min-width:165px;z-index:500;display:none;box-shadow:0 8px 24px rgba(0,0,0,.55)}.ctx-item{padding:8px 16px;font-size:.78rem;color:#ccc;cursor:pointer;transition:background .1s;display:flex;align-items:center;gap:8px}.ctx-item:hover{background:#2a2a4a;color:#e0e0e0}.ctx-item.danger:hover{background:#2a1010;color:#e07070}.ctx-sep{border:none;border-top:1px solid #2a2a4a;margin:3px 0}#import-url-row{display:flex;gap:4px}#import-url-row input{flex:1}#import-url-row button{flex-shrink:0;padding:6px 10px;border-radius:6px;border:1px solid #2a2a4a;background:#1a1a2e;color:#7ec8e3;cursor:pointer;font-size:.7rem;white-space:nowrap;transition:border-color .15s}#import-url-row button:hover{border-color:#7ec8e3}#import-url-status{font-size:.68rem;color:#e07070;min-height:14px}#studies-section{border:1px solid #2a2a4a;border-radius:6px;overflow:hidden}#studies-hdr{display:flex;align-items:center;padding:6px 10px;background:#13132a;cursor:pointer;gap:6px}#studies-hdr span{font-size:.68rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px;font-weight:700;flex:1}#studies-hdr .studies-count{font-size:.62rem;color:#8a8aa5}#studies-hdr .studies-chevron{font-size:.6rem;color:#8a8aa5;transition:transform .2s}#studies-hdr.open .studies-chevron{transform:rotate(180deg)}#studies-body{display:none;max-height:200px;overflow-y:auto}#studies-hdr.open+#studies-body{display:block}.study-item{display:flex;align-items:center;padding:5px 8px;cursor:pointer;border-left:2px solid transparent;transition:background .1s;gap:6px}.study-item:hover{background:#1a1a2e;border-left-color:#7ec8e3}.study-title{flex:1;font-size:.72rem;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-del{background:0 0;border:none;color:#444;cursor:pointer;font-size:.7rem;padding:2px 4px;transition:color .1s;flex-shrink:0}.study-del:hover{color:#e07070}#studies-save-btn{width:calc(100% - 16px);margin:6px 8px;padding:5px;border-radius:5px;border:1px solid #2a3a2a;background:#13201a;color:#6ecb6e;font-size:.7rem;font-weight:600;cursor:pointer;transition:border-color .15s}#studies-save-btn:hover{border-color:#6ecb6e}#studies-empty{padding:8px 10px;font-size:.7rem;color:#444}#narrative-panel{display:none;padding:10px;background:#0d0f1a;border:1px solid #2a3a50;border-radius:6px;font-size:.74rem;color:#a0b8d8;line-height:1.7;margin:4px 0;max-height:200px;overflow-y:auto;white-space:pre-wrap}#narrative-btn{width:100%;margin-top:4px;padding:5px;border-radius:5px;border:1px solid #2a3a50;background:#0d1520;color:#a0b8d8;font-size:.7rem;font-weight:600;cursor:pointer;transition:border-color .15s}#narrative-btn:hover{border-color:#a0b8d8}#opening-stats-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:200}#opening-stats-modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;width:460px;max-width:96vw;max-height:80vh;overflow-y:auto;padding:24px}#opening-stats-modal h3{color:#7ec8e3;font-size:.95rem;margin-bottom:16px}.os-row{display:grid;grid-template-columns:3.2rem 1fr 5.5rem;gap:6px;align-items:center;padding:4px 0;border-bottom:1px solid #1a1a2a;font-size:.75rem}.os-move{font-weight:700;color:#e0e0e0}.os-bar-wrap{position:relative;height:8px;border-radius:4px;overflow:hidden;background:#0f0f1a}.os-bar-w{position:absolute;left:0;top:0;height:100%;background:#6ecb6e}.os-bar-d{position:absolute;top:0;height:100%;background:#888}.os-bar-l{position:absolute;top:0;right:0;height:100%;background:#e07070}.os-record{font-size:.65rem;color:#888;text-align:right}#upsell-overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:300}#upsell-modal{background:#1a1a2e;border:1px solid #3a2a5a;border-radius:14px;width:340px;max-width:94vw;padding:28px;text-align:center}.upsell-icon{font-size:2.2rem;margin-bottom:10px}.upsell-modal-title{color:#c070e0;font-size:1rem;font-weight:700;margin-bottom:8px}.upsell-modal-body{font-size:.8rem;color:#aaa;line-height:1.6;margin-bottom:18px}.upsell-upgrade-btn{display:inline-block;padding:9px 24px;border-radius:8px;background:#7b2dce;color:#fff;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s}.upsell-upgrade-btn:hover{background:#9040e0}#upsell-close{background:0 0;border:none;color:#8a8aa5;font-size:.75rem;cursor:pointer;margin-top:12px;display:block;width:100%;padding:4px}#upsell-close:hover{color:#aaa}#explain-usage{font-size:.62rem;color:#8a8aa5;margin-top:2px;text-align:center;min-height:14px}#input-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:400}#input-modal-box{background:#1a1a2e;border:1px solid #3a4a6a;border-radius:10px;width:360px;max-width:94vw;padding:20px;display:flex;flex-direction:column;gap:10px}#input-modal-label{font-size:.85rem;color:#7ec8e3}#input-modal-field{width:100%;background:#0f0f1a;color:#e0e0e0;border:1px solid #3a4a6a;border-radius:6px;padding:8px 10px;font-size:.85rem;font-family:inherit;outline:0}#input-modal-field:focus{border-color:#7ec8e3}#confirm-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;z-index:400}#confirm-modal-box{background:#1a1a2e;border:1px solid #3a4a6a;border-radius:10px;width:320px;max-width:94vw;padding:20px}#confirm-modal-msg{font-size:.85rem;color:#ccc;margin-bottom:14px}#confirm-modal-ok{background:#7b2dce;color:#fff}#confirm-modal-ok:hover{background:#9040e0}#ask-section{margin-top:4px}#ask-input-row{display:flex;gap:4px}#ask-input{flex:1;background:#0f0f1a;color:#e0e0e0;border:1px solid #2a3a50;border-radius:6px;padding:5px 8px;font-size:.75rem;font-family:inherit;outline:0}#ask-input:focus{border-color:#7ec8e3}#ask-submit-btn{flex-shrink:0;padding:5px 10px;border-radius:6px;border:1px solid #2a3a50;background:#0d1520;color:#90b8d8;cursor:pointer;font-size:.72rem;transition:border-color .15s;white-space:nowrap}#ask-submit-btn:hover{border-color:#90b8d8}#ask-panel{display:none;padding:8px 10px;background:#0d1520;border:1px solid #2a3a50;border-radius:6px;font-size:.75rem;color:#90b8d8;line-height:1.55;margin-top:4px;max-height:140px;overflow-y:auto}#ask-usage{font-size:.62rem;color:#8a8aa5;margin-top:2px;text-align:center;min-height:14px}#studies-search-row{padding:5px 8px 0}#studies-search{width:100%;background:#0f0f1a;color:#e0e0e0;border:1px solid #2a2a4a;border-radius:5px;padding:4px 7px;font-size:.68rem;outline:0}#studies-search:focus{border-color:#7ec8e3}#studies-new-folder-btn{width:calc(100% - 16px);margin:0 8px 4px;padding:4px;border-radius:5px;border:1px solid #2a3a4a;background:#0d1520;color:#7ec8e3;font-size:.68rem;font-weight:600;cursor:pointer;transition:border-color .15s}#studies-new-folder-btn:hover{border-color:#7ec8e3}.folder-hdr{display:flex;align-items:center;padding:4px 8px;background:#111128;cursor:pointer;gap:5px}.folder-hdr:hover{background:#181830}.folder-chevron{font-size:.55rem;color:#8a8aa5;transition:transform .15s}.folder-hdr.open .folder-chevron{transform:rotate(90deg)}.folder-name{flex:1;font-size:.68rem;color:#7ec8e3;font-weight:600}.folder-count{font-size:.6rem;color:#444}.folder-btn{background:0 0;border:none;color:#444;cursor:pointer;font-size:.65rem;padding:1px 3px;transition:color .1s;flex-shrink:0}.folder-btn:hover{color:#e07070}.folder-body{display:none}.folder-hdr.open+.folder-body{display:block}.folder-section{border-bottom:1px solid #1a1a2a}.study-item .study-move-btn{background:0 0;border:none;color:#444;cursor:pointer;font-size:.65rem;padding:2px 3px;transition:color .1s;flex-shrink:0}.study-item .study-move-btn:hover{color:#7ec8e3}#engine-panel{transition:max-height .2s}#engine-panel.eng-collapsed #engine-hdr{margin-bottom:0}#engine-panel.eng-collapsed>:not(#engine-hdr){display:none!important}#eng-hdr-label{display:flex;align-items:center;gap:6px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}#engine-hdr #eng-chev{color:#8a8aa5;font-size:.62rem;font-weight:400;transition:transform .15s,color .15s}#eng-hdr-label:hover #eng-chev{color:#7ec8e3}#engine-panel.eng-collapsed #eng-chev{transform:rotate(-90deg)}body.board-hidden #board-area,body.board-hidden #left-panel,body.board-hidden #lpanel-resize-handle,body.board-hidden #rpanel-resize-handle{display:none}body.board-hidden #right-panel{max-width:none;width:100%;flex:1}#reading-ctrls{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px;margin:2px 0 4px}#board-toggle-btn{background:#14233a;border:1px solid #2a4a6a;border-radius:6px;color:#7ec8e3;font-size:.7rem;padding:5px 10px;cursor:pointer;font-weight:600;transition:all .15s}#board-toggle-btn:hover{border-color:#7ec8e3}#board-toggle-btn.active{background:#3a2a5a;border-color:#7c3aed;color:#c9a8ff}#text-size-ctrl{display:flex;align-items:center;gap:4px}#text-size-ctrl button{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;color:#cbd5e1;font-size:.72rem;font-weight:700;padding:4px 9px;cursor:pointer;transition:all .15s}#text-size-ctrl button:hover{border-color:#7ec8e3;color:#7ec8e3}#text-size-val{font-size:.66rem;color:#8a8aa5;min-width:34px;text-align:center}