:root{--topbar:48px;--sb-left:230px;--sb-right:300px;--board-size:min(
    calc(100vh - var(--topbar) - 330px),
    calc(100vw - var(--sb-left) - var(--sb-right) - 56px)
  );--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;display:flex;flex-direction:column;overflow:hidden}a{color:#7ec8e3;text-decoration:none}.topbar{background:#1a1a2e;border-bottom:1px solid #2a2a4a;display:flex;align-items:center;padding:0 24px;height:48px;flex-shrink:0}.topbar h1{font-size:1.1rem;color:#7ec8e3;letter-spacing:2px}.topbar nav{display:flex;gap:20px;align-items:center;margin-left:auto}.topbar nav a{font-size:.78rem;color:#aaa;text-decoration:none}.topbar nav a:hover{color:#e0e0e0}.topbar nav a.active{color:#7ec8e3}#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}#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;background:#2a2a4a}#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}.layout{display:flex;flex:1;overflow:hidden}.sidebar-left{width:230px;flex-shrink:0;background:#13132a;border-right:1px solid #2a2a4a;display:flex;flex-direction:column;overflow:hidden}.sb-section{padding:12px 14px;border-bottom:1px solid #2a2a4a}.sb-label{font-size:.68rem;text-transform:uppercase;letter-spacing:1.5px;color:#8a8aa5;margin-bottom:8px}.sb-input{width:100%;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:6px 9px;color:#e0e0e0;font-size:.8rem;outline:0}.sb-input:focus{border-color:#7ec8e3}.sb-input::placeholder{color:#444}.sb-row{display:flex;gap:5px;margin-bottom:6px}.btn-xs{background:#2a2a4a;border:none;border-radius:5px;padding:5px 9px;font-size:.72rem;color:#aaa;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.btn-xs:hover{background:#3a3a6a;color:#e0e0e0}.btn-xs.primary{background:#7ec8e3;color:#0f0f1a;font-weight:700}.btn-xs.primary:hover{opacity:.85}.btn-xs:disabled{opacity:.35;cursor:default}.lookup-result{background:#1a1a2e;border:1px solid #2a4a2a;border-radius:6px;padding:8px 10px;margin-top:6px;font-size:.75rem}.lookup-name{font-weight:700;color:#7ec8e3;margin-bottom:2px}.lookup-meta{color:#777;font-size:.7rem}.src-tabs{display:flex;gap:2px;margin-bottom:7px}.src-tab{flex:1;background:0 0;border:1px solid #2a2a4a;color:#8a8aa5;font-size:.65rem;padding:4px 6px;border-radius:4px;cursor:pointer;transition:background .12s,color .12s}.src-tab:hover{color:#aaa;background:#1a1a2e}.src-tab.active{background:#2a2a4a;color:#7ec8e3;border-color:#3a5a7a;font-weight:700}.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}.opp-list{flex:1;overflow-y:auto;padding:6px 8px}.opp-list::-webkit-scrollbar{width:3px}.opp-list::-webkit-scrollbar-thumb{background:#2a2a4a}.opp-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .12s;margin-bottom:1px}.opp-item:hover{background:#1a1a2e}.opp-item.active{background:#1e1e38;border-left:2px solid #7ec8e3;padding-left:6px}.opp-avatar{width:26px;height:26px;background:#2a2a4a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#7ec8e3;flex-shrink:0}.opp-info{flex:1;min-width:0}.opp-name-text{font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opp-meta-text{font-size:.68rem;color:#8a8aa5}.opp-del{background:0 0;border:none;color:#333;cursor:pointer;font-size:.7rem;opacity:0;padding:1px 3px}.opp-item:hover .opp-del{opacity:1}.opp-del:hover{color:#ff6b6b}.opp-saved-badge{font-size:.5rem;color:#5acc5a;margin-left:4px;vertical-align:middle}.opp-saved-badge.opp-pgn-only{color:#7ec8e3}.fen-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;cursor:pointer;font-size:.72rem}.fen-item:hover{background:#1a1a2e}.fen-label-text{flex:1;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fen-del{background:0 0;border:none;color:#333;cursor:pointer;font-size:.68rem;opacity:0}.fen-item:hover .fen-del{opacity:1}.fen-del:hover{color:#ff6b6b}.status-msg{font-size:.7rem;color:#5acc5a;margin-top:5px}.err-msg{font-size:.7rem;color:#ff6b6b;margin-top:5px}.game-item{padding:5px 8px;border-radius:5px;cursor:pointer;border-left:2px solid transparent;flex-shrink:0;transition:background .1s}.game-item:hover{background:#1a1a2e}.game-item.active{background:#1e1e38;border-left-color:#7ec8e3}.game-filter-bar{padding:0 8px 5px;flex-shrink:0;display:flex;gap:4px;align-items:center}.game-filter-input{flex:1;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:4px;padding:3px 7px;color:#e0e0e0;font-size:.7rem;outline:0;min-width:0}.game-filter-input:focus{border-color:#7ec8e3}.game-filter-input::placeholder{color:#444}.clr-btn{background:#2a2a4a;border:1px solid transparent;border-radius:4px;padding:3px 8px;font-size:.65rem;font-weight:700;color:#666;cursor:pointer;flex-shrink:0;transition:background .12s,color .12s}.clr-btn:hover{background:#3a3a6a;color:#aaa}.clr-btn.active{color:#0f0f1a}.clr-btn.active[data-color=all]{background:#7ec8e3}.clr-btn.active[data-color=white]{background:#e8e8e8}.clr-btn.active[data-color=black]{background:#88a}.game-filter-empty{padding:10px 8px;font-size:.7rem;color:#444;text-align:center}.center-col{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden;min-width:0;padding:8px}.board-column{display:flex;flex-direction:column;gap:5px;width:100%}.board-area{display:flex;gap:6px;align-items:stretch;justify-content:center}.board-player-bar{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:7px;background:#1a1a2e;border:1px solid #2a2a4a;flex-shrink:0;max-width:calc(var(--board-size) + 20px);width:100%;align-self:center}.board-player-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.board-player-dot.white{background:#e8e8e8;border:1.5px solid #888}.board-player-dot.black{background:#2a2a2a;border:1.5px solid #666}.board-player-name{font-size:.85rem;font-weight:700;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.board-player-rating{font-size:.72rem;color:#888;flex-shrink:0}.eval-bar-wrap{width:12px;height:var(--board-size);display:flex;flex-direction:column;border-radius:4px;overflow:hidden;border:1px solid #333;background:#222;flex-shrink:0}.eval-bar-black{background:#222;transition:height .3s}.eval-bar-white{background:#e8e8e8;flex:1}.board-wrap{position:relative;width:var(--board-size);height:var(--board-size);flex-shrink:0}.board-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:2px solid #111;border-radius:3px;overflow:hidden}.sq{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.sq img.piece{width:86%;height:86%;pointer-events:none;user-select:none;display:block}.sq .legal-dot{width:28%;height:28%;border-radius:50%;background:rgba(0,0,0,.18);pointer-events:none}.sq .legal-ring{position:absolute;inset:0;border-radius:50%;border:4px solid rgba(0,0,0,.22);pointer-events:none}.sq .rank-label{position:absolute;top:1px;left:2px;font-size:calc(var(--cell) * .2);line-height:1;font-weight:700;pointer-events:none}.sq .file-label{position:absolute;bottom:1px;right:2px;font-size:calc(var(--cell) * .2);line-height:1;font-weight:700;pointer-events:none}.board-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.eval-text-bar{display:flex;align-items:center;gap:8px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:5px 10px;max-width:calc(var(--board-size) + 20px);width:100%;align-self:center}.eval-label-w{font-size:.68rem;color:#666}.eval-track{flex:1;height:10px;background:#222;border-radius:9px;overflow:hidden;position:relative}.eval-fill{position:absolute;left:0;top:0;bottom:0;background:#e8e8e8;border-radius:9px 0 0 9px;transition:width .3s}.eval-mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#444}.eval-score{font-size:.8rem;font-weight:700;min-width:40px;text-align:right;font-family:monospace}.pv-panel{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:6px 10px;min-height:28px;visibility:hidden;max-width:calc(var(--board-size) + 20px);width:100%;align-self:center}.pv-line{display:flex;gap:8px;font-size:.75rem;line-height:1.6}.pv-cp{font-family:monospace;font-weight:700;min-width:38px;flex-shrink:0}.pv-moves{font-family:monospace;color:#ccc;word-break:break-all}.analysis-banner{background:#2a2010;border:1px solid #5a4020;border-radius:6px;padding:5px 10px;display:none;align-items:center;justify-content:space-between;font-size:.75rem;min-height:34px;max-width:calc(var(--board-size) + 20px);width:100%;align-self:center}.analysis-banner span{color:#f0c040}.analysis-banner button{background:0 0;border:none;color:#f0c040;cursor:pointer;font-size:.72rem;text-decoration:underline}.controls{display:flex;align-items:center;gap:2px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:3px 6px;max-width:calc(var(--board-size) + 20px);width:100%;align-self:center}.ctrl-btn{background:0 0;border:none;color:#666;cursor:pointer;padding:4px 5px;border-radius:4px;display:flex;align-items:center}.ctrl-btn:hover{background:#2a2a4a;color:#e0e0e0}.ctrl-btn:disabled{opacity:.3;cursor:default}.ctrl-sep{flex:1}.ctrl-info{font-size:.68rem;color:#444;font-family:monospace}.flip-btn{font-size:.72rem;padding:3px 7px;border-radius:4px;background:#2a2a4a;border:none;color:#aaa;cursor:pointer}.flip-btn:hover{color:#e0e0e0}.move-list{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:6px 8px;height:80px;overflow-y:auto;max-width:calc(var(--board-size) + 20px);width:100%;align-self:center}.move-list::-webkit-scrollbar{width:3px}.move-list::-webkit-scrollbar-thumb{background:#2a2a4a}.move-list-inner{display:flex;flex-wrap:wrap;align-items:baseline;font-size:.75rem;font-family:monospace}.mv-num{color:#8a8aa5;margin:0 1px 0 4px}.mv-btn{background:0 0;border:none;border-radius:3px;color:#ccc;cursor:pointer;padding:1px 4px;font-size:.75rem;font-family:monospace}.mv-btn:hover{background:#2a2a4a}.mv-btn.current{background:#7ec8e3;color:#0f0f1a;font-weight:700}.mv-btn.mistake{color:#ff8080}.sidebar-right{width:520px;flex-shrink:0;background:#13132a;border-left:1px solid #2a2a4a;display:flex;flex-direction:column;overflow:hidden}.chat-header{padding:12px 16px;border-bottom:1px solid #2a2a4a;display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-icon{font-size:1.2rem}.chat-title{font-size:.95rem;font-weight:700;color:#7ec8e3}.chat-sub{font-size:.75rem;color:#8a8aa5}.messages{flex:1;min-height:0;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-thumb{background:#2a2a4a}.msg-row{display:flex;flex-direction:column;gap:4px}.msg-row.user{align-items:flex-end}.msg-row.assistant{align-items:flex-start}.msg-bubble{max-width:92%;padding:8px 11px;border-radius:10px;font-size:.78rem;line-height:1.55}.msg-row.user .msg-bubble{background:#1e2e1e;border:1px solid #2a4a2a;border-top-right-radius:2px}.msg-row.assistant .msg-bubble{background:#1a1a2e;border:1px solid #2a2a4a;border-top-left-radius:2px}.msg-bubble strong{color:#7ec8e3}.msg-bubble code{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.72rem}.msg-sources{font-size:.65rem;color:#444;margin-top:3px}.msg-board-nav{font-size:.68rem;color:#5acc5a;margin-top:4px;padding:3px 8px;background:#0d1a0d;border:1px solid #1a4a1a;border-radius:5px}.feedback-row{display:flex;gap:5px;align-items:center}.fb-btn{background:0 0;border:1px solid #2a2a4a;border-radius:4px;padding:2px 7px;font-size:.68rem;color:#8a8aa5;cursor:pointer;transition:all .12s}.fb-btn:hover{border-color:#7ec8e3;color:#7ec8e3}.fb-btn.liked{border-color:#5acc5a;color:#5acc5a}.fb-btn.disliked{border-color:#ff6b6b;color:#ff6b6b}.typing-dots{display:flex;gap:3px;align-items:center;padding:4px 0}.typing-dots span{width:5px;height:5px;background:#7ec8e3;border-radius:50%;animation:tdot 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes tdot{0%,100%,80%{transform:translateY(0);opacity:.3}40%{transform:translateY(-4px);opacity:1}}.quick-queries{padding:8px 12px;border-top:1px solid #2a2a4a;display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.q-btn{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:4px 10px;font-size:.68rem;color:#888;cursor:pointer;transition:all .12s;white-space:nowrap}.q-btn:hover{border-color:#7ec8e3;color:#7ec8e3}.input-bar{padding:8px 10px;border-top:1px solid #2a2a4a;display:flex;gap:6px;flex-shrink:0}.chat-input{flex:1;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:7px 10px;color:#e0e0e0;font-size:.78rem;outline:0;resize:none;min-height:108px;max-height:270px;font-family:inherit}.chat-input:focus{border-color:#7ec8e3}.chat-input::placeholder{color:#444}.send-btn{background:#7ec8e3;color:#0f0f1a;border:none;border-radius:7px;width:36px;height:36px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .12s}.send-btn:hover{opacity:.85}.send-btn:disabled{opacity:.3;cursor:default}#auth-gate{display:none;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:0}.spinner{width:14px;height:14px;border:2px solid #2a2a4a;border-top-color:#7ec8e3;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;margin-right:5px}@keyframes spin{to{transform:rotate(360deg)}}.debrief-card{padding:12px 14px;border-bottom:1px solid #1e1e38}.debrief-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:.72rem}.debrief-metric{background:#0f0f1a;border-radius:5px;padding:6px 10px;margin-bottom:4px;font-size:.73rem;display:flex;align-items:center;gap:8px}.debrief-metric-label{color:#8a8aa5;width:110px;flex-shrink:0}.debrief-depth-bar{flex:1;height:6px;background:#1a1a2e;border-radius:3px;overflow:hidden}.debrief-depth-fill{height:100%;border-radius:3px;background:#7ec8e3;transition:width .5s}.hw-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #111128;cursor:pointer}.hw-row:last-child{border-bottom:none}.hw-row:hover{color:#7ec8e3}.hw-theme{font-size:.62rem;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:3px;padding:1px 5px;color:#7ec8e3;flex-shrink:0}.hw-label{flex:1;font-size:.73rem;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-due{font-size:.62rem;color:#8a8aa5;flex-shrink:0}.struct-link{display:inline-flex;align-items:center;gap:5px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:5px;padding:4px 8px;font-size:.68rem;color:#aaa;text-decoration:none;margin-top:4px;cursor:pointer}.struct-link:hover{border-color:#7ec8e3;color:#7ec8e3}.analyze-btn{width:100%;background:#1a3a1a;border:1px solid #2a5a2a;border-radius:6px;padding:7px 10px;color:#70c87a;font-size:.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .12s}.analyze-btn:hover:not(:disabled){background:#1e481e;border-color:#4a8a4a}.analyze-btn:disabled{opacity:.4;cursor:default}.rag-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 2px;margin-bottom:6px;cursor:pointer}.rag-toggle-label{font-size:.72rem;color:#aaa;user-select:none}.rag-toggle-label span{font-size:.65rem;color:#8a8aa5;margin-left:4px}.toggle-switch{position:relative;width:36px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:#2a2a4a;border-radius:20px;transition:background .2s;cursor:pointer}.toggle-track::before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;background:#555;border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-track{background:#1a4a3a}.toggle-switch input:checked+.toggle-track::before{transform:translateX(16px);background:#70c87a}.brief-wrap{overflow-y:auto;flex:2;min-height:0;border-bottom:1px solid #2a2a4a;transition:max-height .3s ease,flex .25s ease}.brief-wrap.collapsed{flex:0 0 auto!important;max-height:72px;overflow:hidden}.brief-wrap::-webkit-scrollbar{width:3px}.brief-wrap::-webkit-scrollbar-thumb{background:#2a2a4a}.brief-placeholder{padding:8px 14px;text-align:center;color:#444;font-size:.75rem;display:flex;flex-direction:column;align-items:center;gap:5px;line-height:1.5}.brief-icon{font-size:1.6rem;opacity:.35}.brief-card{padding:16px 18px;border-bottom:1px solid #1e1e38}.brief-card-title{font-size:.76rem;text-transform:uppercase;letter-spacing:1.2px;color:#8a8aa5;margin-bottom:10px;font-weight:700}.brief-card-body{font-size:.95rem;line-height:1.7;color:#bbb}.brief-card-body strong{color:#7ec8e3}.brief-acc-bar{height:5px;background:#1a1a2e;border-radius:3px;overflow:hidden;margin-top:10px}.brief-acc-fill{height:100%;border-radius:3px;transition:width .6s}.brief-tag{display:inline-block;background:#13132a;border:1px solid #2a2a4a;border-radius:8px;padding:4px 11px;font-size:.82rem;color:#777;margin:3px 3px 0;white-space:nowrap}.brief-tag.white{border-color:#3a3a1a;color:#c8c870}.brief-tag.black{border-color:#1a1a3a;color:#7070c0}.brief-tag.bad{border-color:#4a2a2a;color:#e07070}.brief-rec{background:#0d1a0d;border:1px solid #1a4a1a;border-radius:6px;padding:12px 15px;margin-bottom:8px}.brief-rec-title{font-size:.92rem;font-weight:700;color:#70c87a;margin-bottom:6px}.brief-rec-text{font-size:.9rem;color:#999;line-height:1.6}.brief-rec.tactical{border-color:#4a3a1a}.brief-rec.tactical .brief-rec-title{color:#e0a870}.brief-rec.strategy{border-color:#1a2a4a}.brief-rec.strategy .brief-rec-title{color:#b78fff}.brief-rag{background:#0a0a1a;border:1px solid #2a2a3a;border-radius:5px;padding:10px 13px;margin-bottom:6px;font-size:.88rem;color:#777;line-height:1.55;font-style:italic}.da-phase-row{display:flex;gap:8px;margin-top:8px}.da-phase-box{flex:1;background:#0f0f1a;border-radius:6px;padding:10px 8px;text-align:center}.da-phase-label{font-size:.58rem;text-transform:uppercase;letter-spacing:.8px;color:#8a8aa5;margin-bottom:4px}.da-phase-val{font-size:1.3rem;font-weight:700;line-height:1}.da-phase-sub{font-size:.62rem;color:#8a8aa5;margin-top:3px}.da-clock-bar{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:.75rem}.da-clock-phase{width:78px;color:#8a8aa5;font-size:.7rem}.da-clock-track{flex:1;height:5px;background:#1a1a2e;border-radius:3px;overflow:hidden}.da-clock-fill{height:100%;border-radius:3px;transition:width .5s}.da-trend{display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid #111128;font-size:.78rem}.da-trend:last-child{border-bottom:none}.da-trend-name{flex:1}.da-trend-count{font-size:.68rem;color:#444}.da-color-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.da-color-box{background:#0f0f1a;border-radius:6px;padding:10px 12px}.da-color-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-weight:700}.da-h2h-score{display:flex;gap:16px;justify-content:center;margin:10px 0 6px}.da-h2h-stat{text-align:center}.da-h2h-num{font-size:2rem;font-weight:700;line-height:1}.da-h2h-lbl{font-size:.6rem;color:#8a8aa5;text-transform:uppercase;margin-top:2px}.da-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #111128;font-size:.78rem;cursor:pointer;transition:color .1s}.da-row:last-child{border-bottom:none}.da-row:hover{color:#7ec8e3}.da-row-move{width:58px;color:#7ec8e3;font-weight:700;font-size:.72rem}.da-row-count{font-size:.68rem;color:#8a8aa5}.tree-node{display:flex;align-items:center;gap:6px;padding:3px 0;cursor:pointer;font-size:.74rem;transition:color .1s}.tree-node:hover{color:#7ec8e3}.tree-san{min-width:90px;font-family:monospace;color:#c8c8e8;font-weight:600;font-size:.73rem}.tree-bar-wrap{flex:1;height:5px;background:#111128;border-radius:3px;overflow:hidden;max-width:80px}.tree-bar{height:100%;border-radius:3px}.tree-pct{min-width:30px;text-align:right;font-size:.68rem;color:#8a8aa5}.tree-wdl{display:flex;gap:4px;font-size:.62rem;min-width:90px}.tree-children{border-left:1px solid #1e1e38;margin-left:8px;padding-left:6px}.tabiya-item{background:#0f0f1a;border-radius:6px;padding:10px 12px;margin-bottom:6px;cursor:pointer;border:1px solid #1e1e38;transition:border-color .15s}.tabiya-item:hover{border-color:#7ec8e3}.tabiya-choices{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.tabiya-choice{background:#13132a;border:1px solid #2a2a4a;border-radius:4px;padding:3px 8px;font-size:.7rem;font-family:monospace;color:#8a8aaa}.motif-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.76rem}.motif-label{min-width:120px;color:#aaa}.motif-bar-wrap{flex:1;height:6px;background:#111128;border-radius:3px;overflow:hidden}.motif-bar{height:100%;border-radius:3px;background:#e07070}.motif-count{font-size:.68rem;color:#8a8aa5;min-width:26px;text-align:right}.trigger-item{background:#0f0f1a;border-radius:6px;padding:10px 12px;margin-bottom:6px;border-left:3px solid #e07070}.trigger-item.medium{border-color:#e0a870}.trigger-cond{font-size:.74rem;color:#e0e0e0;font-weight:700;margin-bottom:4px}.trigger-advice{font-size:.71rem;color:#888}.prep-line{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.prep-move{background:#13132a;border:1px solid #2a2a4a;border-radius:4px;padding:3px 8px;font-size:.74rem;font-family:monospace;color:#c8c8e8}.prep-num{font-size:.65rem;color:#444;padding-right:2px}.readiness-card{padding:14px 18px;border-bottom:1px solid #1e1e38}.readiness-row{display:flex;align-items:center;gap:14px}.readiness-gauge{position:relative;width:64px;height:64px;flex-shrink:0}.readiness-gauge svg{transform:rotate(-90deg)}.readiness-score-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.readiness-bars{flex:1;display:flex;flex-direction:column;gap:4px}.readiness-factor{display:flex;align-items:center;gap:6px;font-size:.65rem}.readiness-factor-label{width:90px;color:#8a8aa5}.readiness-factor-track{flex:1;height:4px;background:#1a1a2e;border-radius:2px;overflow:hidden}.readiness-factor-fill{height:100%;border-radius:2px;transition:width .4s}.readiness-factor-val{width:26px;text-align:right;color:#444;font-size:.62rem}.upgrade-wall{margin:10px 14px;background:#1a0f0f;border:1px solid #4a2a2a;border-radius:8px;padding:14px 16px;text-align:center}.upgrade-wall-title{font-size:.85rem;font-weight:700;color:#e07070;margin-bottom:6px}.upgrade-wall-body{font-size:.74rem;color:#888;line-height:1.5;margin-bottom:10px}.rep-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #111128;font-size:.76rem;cursor:pointer}.rep-row:last-child{border-bottom:none}.rep-row:hover{color:#7ec8e3}.rep-eco{font-family:monospace;font-size:.71rem;color:#7ec8e3;width:38px;flex-shrink:0;font-weight:700}.rep-name{flex:1;color:#aaa;font-size:.71rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-count{font-size:.65rem;color:#444;width:24px;text-align:right;flex-shrink:0}.tactics-theme{display:inline-flex;align-items:center;gap:5px;background:#0f0f1a;border:1px solid #1e1e38;border-radius:5px;padding:5px 9px;margin:3px 3px 3px 0;font-size:.72rem;cursor:pointer;transition:border-color .12s,color .12s}.tactics-theme:hover{border-color:#7ec8e3;color:#7ec8e3}.tactics-theme-count{font-size:.64rem;color:#8a8aa5}.struct-row{background:#0f0f1a;border-radius:6px;padding:8px 10px;margin-bottom:5px;cursor:pointer;border:1px solid #1e1e38;transition:border-color .15s}.struct-row:hover{border-color:#7ec8e3}.struct-name{font-size:.74rem;color:#c8c8e8;margin-bottom:3px}.struct-meta{font-size:.64rem;color:#8a8aa5;display:flex;gap:10px;flex-wrap:wrap}.cross-eco{display:inline-flex;align-items:center;gap:4px;background:#13132a;border:1px solid #2a2a4a;border-radius:4px;padding:3px 8px;font-size:.71rem;margin:2px}.cross-eco-name{color:#aaa}.cross-eco-count{color:#8a8aa5;font-size:.62rem}.rag-move-num{display:inline-block;font-family:monospace;font-size:.78rem;color:#444;padding:2px 2px 2px 5px;margin-left:3px;user-select:none}.rag-move{display:inline-block;background:#13132a;border:1px solid #2a2a4a;border-radius:3px;padding:2px 6px;margin:1px 2px;cursor:pointer;font-style:normal;font-family:monospace;font-size:.88rem;color:#8a8aaa;transition:background .15s,color .15s;white-space:nowrap}.rag-move:hover{background:#1e1e40;color:#c0c0ff;border-color:#4a4a7a}.rag-meta{font-style:italic;color:#8a8aa5;margin-bottom:6px;font-size:.82rem}.prog-wrap{padding:16px 12px;display:flex;flex-direction:column;gap:8px}.prog-label{font-size:.74rem;color:#e0a870}.prog-bar{height:5px;background:#1a1a2e;border-radius:3px;overflow:hidden}.prog-bar-fill{height:100%;background:linear-gradient(90deg,#7ec8e3,#70c87a);border-radius:3px;transition:width .2s}.prog-stats{display:flex;flex-wrap:wrap;gap:5px}.pstat{background:#1a1a2e;border-radius:4px;padding:2px 7px;font-size:.67rem}.pstat .pv{color:#e0e0e0;font-weight:700}.pstat .pk{color:#8a8aa5;margin-left:2px}.bc-round-btn{width:100%;text-align:left;background:#0f0f1a;border:1px solid #1e1e38;border-radius:4px;color:#aaa;font-size:.68rem;padding:5px 8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:6px;transition:border-color .12s,color .12s}.bc-round-btn:hover{border-color:#3a5a7a;color:#e0e0e0}.bc-round-btn.active{border-color:#7ec8e3;color:#7ec8e3;background:#0d1a2a}.bc-round-btn[disabled]{opacity:.5;cursor:wait}.bc-round-tag{font-size:.6rem;border-radius:3px;padding:1px 5px;font-weight:700;flex-shrink:0}.bc-round-tag.live{background:#3a1a1a;color:#e07070}.bc-round-tag.done{background:#1a2a1a;color:#70c87a}.bc-round-tag.sched{background:#1a1a2a;color:#8a8aa5}.chat-section{flex:1;min-height:0;display:flex;flex-direction:column}.chat-gate-msg{padding:7px 12px;font-size:.71rem;color:#444;text-align:center;border-top:1px solid #1e1e38}.md-h2{font-size:.85rem;font-weight:700;color:#e0e0e0;margin:10px 0 4px;border-bottom:1px solid #2a2a4a;padding-bottom:2px}.md-h3{font-size:.8rem;font-weight:700;color:#7ec8e3;margin:7px 0 2px}.game-nav-link{color:#7ec8e3;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.game-nav-link:hover{color:#a0dcf0}.board-pre{cursor:pointer}.board-pre:hover{border-color:#7ec8e3!important;background:#0d0d20!important}.drill-card{background:#0b1220;border:1px solid #2a3a5a;border-radius:8px;margin:12px 14px;padding:14px 16px}.drill-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drill-title{font-size:.72rem;text-transform:uppercase;letter-spacing:1.2px;color:#7ec8e3;font-weight:700}.drill-prog-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px}.drill-prog-bar{flex:1;height:4px;background:#1a1a2e;border-radius:2px;overflow:hidden}.drill-prog-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#7ec8e3,#70c87a);transition:width .3s}.drill-prog-count{font-size:.68rem;color:#8a8aa5;min-width:42px;text-align:right;font-family:monospace}.drill-badge{display:inline-block;font-size:.62rem;text-transform:uppercase;letter-spacing:.8px;font-weight:700;border-radius:3px;padding:2px 7px;margin-bottom:7px}.drill-badge.blunder{background:#3a1a1a;color:#e07070}.drill-badge.mistake{background:#3a2a1a;color:#e0a870}.drill-badge.tabiya{background:#1a2a3a;color:#7ec8e3}.drill-badge.prep{background:#1a2a1a;color:#70c87a}.drill-context{font-size:.8rem;color:#bbb;line-height:1.5;margin-bottom:10px}.drill-color-row{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#666;margin-bottom:10px}.drill-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.drill-status{font-size:.74rem;color:#8a8aa5;margin-bottom:8px;min-height:20px}.drill-feedback{font-size:.8rem;border-radius:5px;padding:7px 11px;margin-bottom:10px;display:none;line-height:1.45}.drill-feedback.correct{background:#0d1a0d;border:1px solid #2a5a2a;color:#70c87a;display:block}.drill-feedback.near{background:#1a1a0a;border:1px solid #4a4a1a;color:#c8c870;display:block}.drill-feedback.done{background:#0d0d1a;border:1px solid #2a2a4a;color:#888;display:block}.drill-btn-row{display:flex;gap:6px}.drill-next-btn{flex:1;background:#1a3a5a;border:1px solid #2a5a7a;border-radius:6px;padding:7px 10px;font-size:.8rem;color:#7ec8e3;font-weight:700;cursor:pointer;transition:all .12s}.drill-next-btn:hover:not([disabled]){background:#1e4a7a}.drill-next-btn[disabled]{opacity:.35;cursor:default}.drill-exit-btn{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:7px 12px;font-size:.8rem;color:#8a8aa5;cursor:pointer;transition:color .12s}.drill-exit-btn:hover{color:#aaa}.drill-score-row{font-size:.66rem;color:#333;margin-top:8px;text-align:center}#m-second-tabs{display:none}@media (max-width:768px){:root{--board-size:calc(100vw - 20px);--cell:calc(var(--board-size) / 8);--sb-left:0px;--sb-right:0px}body{height:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;min-height:100dvh}.layout{flex-direction:column;height:auto;overflow:visible}body.second-active #m-second-tabs{display:flex;position:sticky;top:48px;z-index:40;background:#14142a;border-bottom:1px solid #2a2a4a}#m-second-tabs button{flex:1;padding:11px 2px;background:0 0;border:none;color:#8a8aa5;font-size:.72rem;font-weight:600;border-bottom:2px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}#m-second-tabs button.active{color:#7ec8e3;border-bottom-color:#7ec8e3}#app-layout[data-mtab]>.center-col,#app-layout[data-mtab]>.sidebar-left,#app-layout[data-mtab]>.sidebar-right{display:none!important}#app-layout[data-mtab=board]>.center-col{display:flex!important}#app-layout[data-mtab=brief]>.sidebar-right{display:flex!important;max-height:none!important}#app-layout[data-mtab=opp]>.sidebar-left{display:flex!important;max-height:none!important}#app-layout[data-mtab=opp]>.sidebar-left #bc-section{display:none!important}#app-layout[data-mtab=live]>.sidebar-left{display:flex!important;max-height:none!important}#app-layout[data-mtab=live]>.sidebar-left>.sb-section:not(#bc-section){display:none!important}.sidebar-left{width:100%;max-height:52vw;overflow-y:auto;overflow-x:hidden;border-right:none;border-bottom:1px solid #2a2a4a;order:1}.center-col{width:100%;overflow:visible;order:2;align-items:center;justify-content:flex-start;min-height:0}.sidebar-right{width:100%;max-height:none;overflow-y:visible;border-left:none;border-top:1px solid #2a2a4a;order:3}#board-wrap,.board-wrap{width:calc(100vw - 20px);height:calc(100vw - 20px);touch-action:pan-y}.board-grid{width:100%;height:100%;touch-action:pan-y}#brief-content,.brief-panel{max-height:none;overflow-y:visible}.drill-board-wrap{width:calc(100vw - 20px);height:calc(100vw - 20px)}.eval-bar-wrap{height:calc(100vw - 20px)}}.conflict-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #111128;font-size:.75rem}.conflict-row:last-child{border-bottom:none}.conflict-eco{font-family:monospace;font-size:.7rem;color:#7ec8e3;width:36px;flex-shrink:0;font-weight:700}.conflict-arrow{color:#e0a870;font-size:.7rem;flex-shrink:0}.matchday-overlay{position:fixed;inset:0;background:rgba(10,10,21,.97);z-index:200;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:20px}.matchday-card{background:#13132a;border:1px solid #3a3a6a;border-radius:16px;max-width:580px;width:100%;overflow:hidden;box-shadow:0 8px 60px rgba(0,0,0,.7)}.matchday-top{background:linear-gradient(135deg,#1e1e3a 0,#13132a 100%);padding:24px 28px 18px;border-bottom:1px solid #2a2a4a}.matchday-opp{font-size:1.9rem;font-weight:800;color:#e0e0e0;margin-bottom:4px;line-height:1.1}.matchday-sub{font-size:.82rem;color:#7ec8e3;margin-bottom:14px;letter-spacing:.5px}.matchday-meta{display:flex;gap:8px;flex-wrap:wrap}.matchday-badge{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:5px 12px;font-size:.76rem;color:#aaa}.matchday-badge.highlight{border-color:#3a5a7a;color:#7ec8e3}.matchday-section{padding:14px 24px;border-bottom:1px solid #1e1e38}.matchday-section-title{font-size:.62rem;text-transform:uppercase;letter-spacing:1.5px;color:#8a8aa5;margin-bottom:10px;font-weight:700}.matchday-line{background:#0f0f1a;border-radius:6px;padding:7px 12px;margin-bottom:5px;font-size:.8rem;font-family:monospace;color:#c8c8e8;border-left:3px solid #2a2a4a}.matchday-line.white{border-left-color:#c8c870}.matchday-line.black{border-left-color:#7070c0}.matchday-pattern{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid #111128;font-size:.81rem;line-height:1.4}.matchday-pattern:last-child{border-bottom:none}.matchday-pattern-icon{font-size:1rem;flex-shrink:0;width:22px;text-align:center;margin-top:1px}.matchday-note{background:#0d1a0d;border:1px solid #1a3a1a;border-radius:8px;padding:12px 14px;font-size:.82rem;color:#aaa;line-height:1.6;font-style:italic}.matchday-readiness{display:flex;align-items:center;gap:14px}.matchday-actions{padding:16px 24px;display:flex;gap:10px;align-items:center}.matchday-close-btn{flex:1;background:#2a2a4a;border:none;color:#aaa;border-radius:10px;padding:10px 20px;cursor:pointer;font-size:.85rem;transition:background .12s}.matchday-close-btn:hover{background:#3a3a6a;color:#e0e0e0}.matchday-log-btn{background:#1a3a1a;border:1px solid #2a5a2a;color:#70c87a;border-radius:10px;padding:10px 18px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .12s}.matchday-log-btn:hover{background:#1e481e}.result-wdl{display:flex;gap:8px;margin-bottom:10px}.result-btn{flex:1;padding:8px 6px;border-radius:8px;border:1px solid #2a2a4a;background:#0f0f1a;color:#777;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s}.result-btn:hover{border-color:#555;color:#aaa}.result-btn.win.active{background:#0d1a0d;border-color:#4a8a4a;color:#70c87a}.result-btn.draw.active{background:#1a1a0a;border-color:#7a6a2a;color:#e0c870}.result-btn.loss.active{background:#1a0a0a;border-color:#7a3a3a;color:#e07070}.result-star{cursor:pointer;font-size:1.25rem;color:#2a2a4a;transition:color .1s;padding:0 1px}.result-star.on{color:#f0c040}.stats-wdl{display:flex;gap:4px}.stats-num{text-align:center;flex:1;background:#0f0f1a;border-radius:7px;padding:10px 6px}.stats-n{font-size:1.5rem;font-weight:700;line-height:1.1}.stats-l{font-size:.58rem;text-transform:uppercase;color:#8a8aa5;margin-top:2px;letter-spacing:.5px}.stats-bar{height:5px;background:#1a1a2e;border-radius:3px;overflow:hidden;display:flex;margin:8px 0 2px}.stats-bar-w{background:#5acc5a;height:100%}.stats-bar-d{background:#e0a870;height:100%}.stats-bar-l{background:#e07070;height:100%}.stats-opp-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #111128;font-size:.76rem;cursor:pointer}.stats-opp-row:last-child{border-bottom:none}.stats-opp-row:hover{color:#7ec8e3}.stats-opp-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-opp-wdl{font-family:monospace;font-size:.7rem;color:#8a8aa5;flex-shrink:0}.stats-hist-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.74rem;border-bottom:1px solid #0f0f18}.stats-hist-row:last-child{border-bottom:none}.stats-hist-result{width:36px;flex-shrink:0;font-weight:700;font-size:.72rem}.stats-hist-result.win{color:#70c87a}.stats-hist-result.loss{color:#e07070}.stats-hist-result.draw{color:#e0c870}.stats-hist-opp{flex:1;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-hist-date{font-size:.64rem;color:#444;flex-shrink:0}.stats-stars{color:#f0c040;font-size:.75rem;letter-spacing:-1px}