*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',system-ui,sans-serif;background:#0f0f1a;color:#e0e0e0;height:100dvh;overflow:hidden;display:flex;flex-direction:column}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;position:sticky;top:0;z-index:100}.topbar h1{font-size:1.1rem;color:#7ec8e3;letter-spacing:2px;white-space:nowrap}.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}#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;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}#auth-gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#666;font-size:1rem}#auth-gate span{font-size:2rem}#page{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.tabs{display:flex;gap:0;background:#1a1a2e;border-bottom:1px solid #2a2a4a;padding:0 24px;flex-shrink:0}.tab-btn{background:0 0;border:none;color:#888;cursor:pointer;padding:12px 18px;font-size:.82rem;font-weight:600;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;letter-spacing:.3px}.tab-btn:hover{color:#ccc}.tab-btn.active{color:#7ec8e3;border-bottom-color:#7ec8e3}.tab-panel{display:none;flex:1;min-height:0}.tab-panel.active{display:flex;flex-direction:column}#tab-directory{padding:24px;overflow-y:auto}.search-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.search-bar input{flex:1;min-width:200px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:8px 14px;color:#e0e0e0;font-size:.85rem;outline:0}.search-bar input:focus{border-color:#7ec8e3}.search-bar input::placeholder{color:#444}.specialty-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.spec-btn{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:20px;padding:4px 12px;font-size:.72rem;color:#888;cursor:pointer;transition:all .15s}.spec-btn:hover{border-color:#7ec8e3;color:#7ec8e3}.spec-btn.active{background:#7ec8e3;border-color:#7ec8e3;color:#0f0f1a;font-weight:700}.coach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.coach-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s}.coach-card:hover{border-color:#3a3a6a}.coach-header{display:flex;align-items:center;gap:12px}.coach-avatar{width:48px;height:48px;border-radius:50%;background:#2a2a4a;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#7ec8e3;flex-shrink:0;overflow:hidden}.coach-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.coach-info{flex:1;min-width:0}.coach-name{font-size:.95rem;font-weight:700;color:#e0e0e0}.coach-username{font-size:.72rem;color:#8a8aa5}.title-badge{display:inline-block;font-size:.62rem;font-weight:800;padding:2px 5px;border-radius:4px;letter-spacing:.5px;margin-left:4px;vertical-align:middle}.title-GM{background:rgba(240,192,64,.15);color:#f0c040;border:1px solid #f0c04044}.title-IM{background:rgba(126,200,227,.15);color:#7ec8e3;border:1px solid #7ec8e344}.title-FM{background:rgba(110,203,110,.15);color:#6ecb6e;border:1px solid #6ecb6e44}.title-CM{background:rgba(192,126,224,.15);color:#c07ee0;border:1px solid #c07ee044}.title-NM{background:rgba(136,136,136,.15);color:#999;border:1px solid #99999944}.title-WGM{background:rgba(240,192,64,.15);color:#f0c040;border:1px solid #f0c04044}.title-WIM{background:rgba(126,200,227,.15);color:#7ec8e3;border:1px solid #7ec8e344}.title-WFM{background:rgba(110,203,110,.15);color:#6ecb6e;border:1px solid #6ecb6e44}.title-WCM{background:rgba(192,126,224,.15);color:#c07ee0;border:1px solid #c07ee044}.coach-bio{font-size:.78rem;color:#999;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.coach-tags{display:flex;flex-wrap:wrap;gap:5px}.coach-tag{background:#13132a;border:1px solid #2a2a4a;border-radius:4px;padding:2px 7px;font-size:.65rem;color:#7ec8e3}.coach-stats{display:flex;gap:16px;font-size:.72rem;color:#666}.coach-stat-item{display:flex;flex-direction:column}.coach-stat-val{font-size:.85rem;font-weight:700;color:#aaa}.coach-actions{display:flex;gap:8px;margin-top:4px}.btn{border:none;border-radius:7px;cursor:pointer;font-size:.78rem;font-weight:600;padding:7px 14px;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:#7ec8e3;color:#0f0f1a}.btn-secondary{background:#2a2a4a;color:#e0e0e0}.btn-danger{background:#d97070;color:#fff}.btn-teal{background:#2a5a6a;color:#7ec8e3;border:1px solid #3a6a7a}.btn-teal:hover{background:#3a6a7a}.btn-sm{padding:5px 10px;font-size:.72rem}.btn-full{width:100%}#tab-sessions{padding:24px;overflow-y:auto}.sub-tabs{display:flex;gap:4px;margin-bottom:20px}.sub-tab{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:7px;padding:6px 14px;font-size:.78rem;color:#888;cursor:pointer;transition:all .15s}.sub-tab.active{background:#2a2a4a;color:#7ec8e3;border-color:#7ec8e3}.session-list{display:flex;flex-direction:column;gap:10px;max-width:700px}.session-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:14px}.session-info{flex:1;min-width:0}.session-title{font-size:.9rem;font-weight:700;color:#e0e0e0;margin-bottom:3px}.session-meta{font-size:.72rem;color:#666}.session-code{font-family:monospace;background:#13132a;border:1px solid #2a2a4a;padding:3px 8px;border-radius:5px;font-size:.8rem;color:#7ec8e3;letter-spacing:2px;cursor:pointer;user-select:all}.session-code:hover{border-color:#7ec8e3}.status-badge{padding:2px 9px;border-radius:20px;font-size:.65rem;font-weight:700;letter-spacing:.5px;flex-shrink:0}.status-waiting{background:rgba(136,136,136,.2);color:#888}.status-active{background:rgba(110,203,110,.2);color:#6ecb6e}.status-ended{background:rgba(85,85,85,.2);color:#8a8aa5}.join-code-row{display:flex;gap:8px;margin-top:12px;max-width:420px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:10px;padding:12px 14px}.join-code-row input{flex:1;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:6px;padding:7px 10px;color:#e0e0e0;font-size:.82rem;outline:0;font-family:monospace;letter-spacing:2px;text-transform:uppercase}.join-code-row input:focus{border-color:#7ec8e3}.sessions-actions{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}#tab-profile{padding:24px;overflow-y:auto}.profile-form{max-width:640px}.form-section{margin-bottom:24px}.form-section h3{font-size:.8rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.form-row{display:flex;gap:14px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1;margin-bottom:14px}.form-group label{font-size:.73rem;color:#888}.form-group input,.form-group select,.form-group textarea{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:8px 12px;color:#e0e0e0;font-size:.82rem;outline:0;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#7ec8e3}.form-group textarea{resize:vertical;min-height:90px}.form-group select option{background:#1a1a2e}.char-count{font-size:.65rem;color:#8a8aa5;text-align:right}.spec-grid{display:flex;flex-wrap:wrap;gap:7px}.spec-check{display:flex;align-items:center;gap:6px;cursor:pointer}.spec-check input{display:none}.spec-check-label{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:5px 11px;font-size:.72rem;color:#888;cursor:pointer;transition:all .15s}.spec-check input:checked+.spec-check-label{background:#2a4a5a;border-color:#7ec8e3;color:#7ec8e3}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-label{font-size:.82rem;color:#e0e0e0}.toggle{width:36px;height:20px;background:#2a2a4a;border-radius:10px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:#6ecb6e}.toggle::after{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s}.toggle.on::after{left:19px}#tab-live{display:none;flex-direction:row;flex:1;overflow:hidden;min-height:0}#tab-live.active{display:flex}.live-board-side{flex:1;display:flex;flex-direction:column;padding:16px;gap:10px;overflow-y:auto;min-width:0;min-height:0;border-right:1px solid #2a2a4a}.session-info-bar{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.session-info-bar .sib-title{font-size:.85rem;font-weight:700;color:#e0e0e0;flex:1;min-width:0}.peer-dot{width:8px;height:8px;border-radius:50%;background:#555;flex-shrink:0}.peer-dot.connected{background:#6ecb6e}.peer-label{font-size:.7rem;color:#666}#btn-mute-board{display:none;background:#2a2a4a;border:1px solid #3a3a5a;border-radius:6px;padding:4px 10px;font-size:.72rem;color:#e0e0e0;cursor:pointer;flex-shrink:0}#btn-mute-board.muted{background:#3a1a1a;border-color:#7a3a3a;color:#e07070}#board-video-strip{display:none;gap:6px;flex-wrap:nowrap;overflow-x:auto;background:#0f0f1a;border-radius:8px;padding:4px}#board-video-strip .bvs-tile{position:relative;flex:0 0 100px;height:76px;background:#0a0a14;border-radius:6px;overflow:hidden;border:1px solid #2a2a4a}#board-video-strip .bvs-tile video{width:100%;height:100%;object-fit:cover;display:block}#board-video-strip .bvs-tile .bvs-lbl{position:absolute;bottom:3px;left:5px;font-size:.6rem;color:#ccc;background:rgba(0,0,0,.55);padding:1px 4px;border-radius:3px}.board-container{position:relative;width:min(calc(100% - 0px),760px);align-self:center}.board-aspect{width:100%;padding-bottom:100%;position:relative}.board-inner{position:absolute;inset:0}.board-grid-coaching{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;user-select:none;touch-action:none}.sq-c{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.sq-c img.piece{width:86%;height:86%;pointer-events:none;display:block}.sq-c .legal-dot{width:28%;height:28%;border-radius:50%;background:rgba(0,0,0,.18);pointer-events:none}.sq-c .legal-ring{position:absolute;inset:0;border:4px solid rgba(0,0,0,.22);pointer-events:none;border-radius:0}.sq-c .rank-lbl{position:absolute;top:1px;left:2px;font-size:clamp(8px, 1.5cqw, 11px);line-height:1;font-weight:700;pointer-events:none}.sq-c .file-lbl{position:absolute;bottom:1px;right:2px;font-size:clamp(8px, 1.5cqw, 11px);line-height:1;font-weight:700;pointer-events:none}.sq-c.selected{outline:3px solid rgba(126,200,227,.7);outline-offset:-3px}.sq-c.last-from{background:#baca2b!important}.sq-c.last-to{background:#cdd26a!important}.arrow-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.board-hint{font-size:.65rem;color:#8a8aa5;text-align:center;margin-top:4px;user-select:none}.board-hint kbd{background:#1e1e30;border:1px solid #3a3a5a;border-radius:3px;padding:0 4px;font-size:.62rem;color:#888}.board-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:480px;align-self:center}.control-mode-label{font-size:.7rem;color:#666;white-space:nowrap}.control-mode-sel{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:5px 8px;color:#e0e0e0;font-size:.75rem;outline:0;cursor:pointer}.control-mode-sel:focus{border-color:#7ec8e3}@keyframes pulse-rec{0%,100%{opacity:1}50%{opacity:.3}}.rec-dot-inline{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d97070;animation:pulse-rec 1.2s ease-in-out infinite;vertical-align:middle;margin-right:3px;flex-shrink:0}.video-btn.is-recording{background:#3a0a0a!important;border-color:#d97070!important;color:#e07070!important}.calendar-wrap{max-width:700px}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cal-header h3{font-size:.92rem;color:#e0e0e0;font-weight:700}.cal-nav{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:4px 11px;color:#888;cursor:pointer;font-size:.82rem}.cal-nav:hover{color:#e0e0e0;border-color:#7ec8e3}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-day-label{text-align:center;font-size:.62rem;color:#8a8aa5;text-transform:uppercase;letter-spacing:.4px;padding:4px 0}.cal-cell{min-height:54px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:5px;padding:4px 5px;font-size:.7rem;color:#8a8aa5;cursor:default}.cal-cell.today{border-color:rgba(126,200,227,.5)}.cal-cell.has-session{cursor:pointer;border-color:#2a4a5a}.cal-cell.has-session:hover{border-color:#7ec8e3}.cal-cell-num{font-size:.66rem;color:#8a8aa5;margin-bottom:2px}.cal-dot{font-size:.6rem;padding:1px 4px;border-radius:3px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.cal-dot.status-scheduled{background:rgba(126,200,227,.15);color:#7ec8e3}.cal-dot.status-active{background:rgba(110,203,110,.15);color:#6ecb6e}.cal-dot.status-waiting{background:rgba(200,164,75,.15);color:#c8a84b}.cal-dot.status-ended{background:rgba(85,85,85,.2);color:#8a8aa5}.book-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.book-cal-title{font-size:.82rem;color:#e0e0e0;font-weight:700}.book-cal-nav{background:0 0;border:1px solid #2a2a4a;border-radius:5px;padding:3px 9px;color:#888;cursor:pointer;font-size:.75rem}.book-cal-nav:hover{border-color:#7ec8e3;color:#7ec8e3}.book-cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.book-cal-day-label{text-align:center;font-size:.6rem;color:#444;text-transform:uppercase;letter-spacing:.5px;padding:2px 0}.book-cal-day{background:#13132a;border:1px solid #1e1e38;border-radius:6px;padding:5px 4px;min-height:52px}.book-cal-day.is-today{border-color:rgba(126,200,227,.35)}.book-cal-day.past{opacity:.35}.book-cal-date{font-size:.62rem;color:#444;margin-bottom:3px;text-align:center}.book-slot{display:block;width:100%;text-align:center;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:4px;color:#7ec8e3;font-size:.6rem;padding:2px 0;margin-top:2px;cursor:pointer;transition:background .1s}.book-slot:hover{background:#2a3a5a}.book-slot.no-avail{background:0 0;border:none;color:#333;cursor:default;font-style:italic;font-size:.58rem}.book-confirm{background:#0f1e2e;border:1px solid #2a4a6a;border-radius:8px;padding:12px 14px;margin-top:10px}.book-confirm-title{font-size:.8rem;color:#e0e0e0;font-weight:700;margin-bottom:8px}.book-confirm-meta{font-size:.72rem;color:#7ec8e3;margin-bottom:10px}.book-confirm input{width:100%;background:#13132a;border:1px solid #2a2a4a;border-radius:5px;padding:6px 9px;color:#e0e0e0;font-size:.8rem;outline:0;margin-bottom:8px;font-family:inherit}.book-confirm input:focus{border-color:#7ec8e3}.book-confirm-row{display:flex;gap:8px}.pv-bar{display:none;align-items:center;gap:5px;flex-wrap:wrap;padding:5px 8px;background:#13132a;border:1px solid #1e1e38;border-radius:6px;font-size:.7rem;max-width:680px;align-self:center;margin-top:2px}.pv-bar.visible{display:flex}.pv-label{color:#8a8aa5;font-size:.62rem;letter-spacing:.6px;text-transform:uppercase;flex-shrink:0}.pv-move{background:#1a2a3a;border:1px solid #2a3a4a;border-radius:3px;padding:2px 6px;color:#7ec8e3;font-family:monospace;cursor:pointer}.pv-move:hover{background:#2a3a4a}.pv-cp{color:#aaa;font-size:.65rem;margin-left:4px}.puzzle-feedback{display:none;align-items:center;justify-content:center;gap:10px;padding:7px 12px;border-radius:6px;font-size:.82rem;font-weight:700;margin-top:2px}.puzzle-feedback.visible{display:flex}.puzzle-feedback.correct{background:#1a3a1a;border:1px solid #3a6a3a;color:#6ecb6e}.puzzle-feedback.wrong{background:#2a1a1a;border:1px solid #5a2a2a;color:#e07070}#summary-modal{display:none;position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.85);align-items:center;justify-content:center;padding:20px}#summary-modal.open{display:flex}.summary-box{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:14px;padding:28px 32px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto}.summary-box h2{font-size:1.1rem;color:#e0e0f0;margin-bottom:4px}.summary-subtitle{font-size:.78rem;color:#8a8aa5;margin-bottom:20px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.summary-stat{background:#13132a;border-radius:8px;padding:10px 12px;text-align:center}.summary-stat-val{font-size:1.3rem;font-weight:700;color:#7ec8e3}.summary-stat-lbl{font-size:.62rem;color:#8a8aa5;text-transform:uppercase;letter-spacing:.6px;margin-top:2px}.summary-section{margin-bottom:16px}.summary-section h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;color:#8a8aa5;margin-bottom:8px}.summary-chapter{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #1e1e38;font-size:.8rem}.summary-chapter:last-child{border-bottom:none}.summary-chapter-name{flex:1;color:#e0e0e0}.summary-chapter-moves{font-size:.7rem;color:#8a8aa5}.summary-annotated{background:#13132a;border-radius:6px;padding:6px 10px;margin-bottom:4px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:8px}.summary-annotated:hover{background:#1a2a3a}.summary-nag{font-size:.85rem}.summary-comment{flex:1;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.inv-card{background:#1a1a2e;border:1px solid #2a4a2a;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inv-info{flex:1;min-width:0}.inv-title{font-size:.88rem;font-weight:700;color:#e0e0e0}.inv-meta{font-size:.72rem;color:#666;margin-top:2px}.tab-badge{display:inline-block;background:#d97070;color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;padding:1px 5px;margin-left:4px;vertical-align:middle;line-height:1.4}#guest-join-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);align-items:center;justify-content:center}#guest-join-modal.open{display:flex}.gjm-box{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:14px;padding:28px 24px;max-width:440px;width:94%;text-align:center}.gjm-icon{font-size:2.4rem;margin-bottom:10px}.gjm-title{font-size:1.15rem;font-weight:700;color:#e0e0e0;margin-bottom:6px}.gjm-sub{font-size:.82rem;color:#888;margin-bottom:20px;line-height:1.5}.gjm-input{width:100%;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;padding:10px 14px;color:#e0e0e0;font-size:.92rem;outline:0;margin-bottom:14px}.gjm-input:focus{border-color:#7ec8e3}.gjm-btn{width:100%;padding:11px;border-radius:8px;border:none;cursor:pointer;font-size:.88rem;font-weight:700;transition:opacity .15s}.gjm-btn:hover{opacity:.85}.gjm-btn-join{background:#7ec8e3;color:#0f0f1a}.gjm-note{font-size:.72rem;color:#8a8aa5;margin-top:12px}#session-end-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);align-items:center;justify-content:center}#session-end-modal.open{display:flex}.sem-box{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:14px;padding:32px 28px;max-width:360px;width:90%;text-align:center}.sem-icon{font-size:2.8rem;margin-bottom:10px}.sem-title{font-size:1.2rem;font-weight:700;color:#e0e0e0;margin-bottom:6px}.sem-sub{font-size:.82rem;color:#888;margin-bottom:20px;line-height:1.5}.sem-install-box{background:#13132a;border:1px solid #2a2a4a;border-radius:10px;padding:14px;margin-bottom:16px;font-size:.82rem;color:#aaa;line-height:1.8}.sem-install-box .hl{color:#7ec8e3;font-weight:700}.sem-btn{width:100%;padding:11px;border-radius:8px;border:none;cursor:pointer;font-size:.88rem;font-weight:700;margin-top:8px;transition:opacity .15s}.sem-btn:hover{opacity:.85}.sem-btn-install{background:#7ec8e3;color:#0f0f1a}.sem-btn-continue{background:#2a2a4a;color:#e0e0e0}.editor-palette{display:none;flex-direction:column;gap:8px;align-self:center;width:100%;max-width:680px;background:#1a1a2e;border:1px solid #2a5a2a;border-radius:10px;padding:12px}.palette-hint-c{font-size:.72rem;color:#888;text-align:center;text-transform:uppercase;letter-spacing:.8px}.palette-row-c{display:flex;gap:4px;justify-content:center}.pal-piece-c{width:48px;height:48px;background:#13132a;border:2px solid #2a2a4a;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .1s,background .1s}.pal-piece-c img{width:37px;height:37px;pointer-events:none;display:block}.pal-piece-c:hover{border-color:#7ec8e3}.pal-piece-c.pal-on{border-color:#7ec8e3;background:#1a3a4a;box-shadow:0 0 0 2px rgba(126,200,227,.3)}.pal-erase-c{padding:5px 14px;background:#2a1a1a;border:2px solid #3a2a2a;color:#e07070;border-radius:7px;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .1s}.pal-erase-c.pal-on,.pal-erase-c:hover{border-color:#e07070;background:#3a1a1a}.pal-turn-c{padding:5px 12px;background:#13132a;border:2px solid #2a2a4a;border-radius:7px;cursor:pointer;font-size:.8rem;color:#aaa;font-weight:600;transition:all .1s}.pal-turn-c.pal-on{border-color:#7ec8e3;color:#7ec8e3;background:#1a3a4a}.pal-actions-c{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#btn-edit-board.edit-on{background:#1a3a4a;border-color:#7ec8e3;color:#7ec8e3}.sq-c.drag-over{outline:3px solid #7ec8e3;outline-offset:-3px;z-index:1}.pal-piece-c[draggable=true]{cursor:grab}.pal-piece-c[draggable=true]:active{cursor:grabbing}.fen-row{display:flex;gap:6px;align-items:center;max-width:480px;align-self:center;width:100%}.fen-row input{flex:1;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:6px 10px;color:#e0e0e0;font-size:.72rem;outline:0;font-family:monospace}.fen-row input:focus{border-color:#7ec8e3}.live-right-side{flex:0 0 260px;display:flex;flex-direction:column;padding:12px;gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0}.video-section{background:#13132a;border:1px solid #2a2a4a;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.video-section h3{font-size:.72rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px}.video-wrap{position:relative;background:#0a0a14;border-radius:6px;overflow:hidden}.video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.video-label{position:absolute;bottom:4px;left:6px;font-size:.62rem;color:#aaa;background:rgba(0,0,0,.5);padding:1px 5px;border-radius:3px;z-index:1}.video-coach-badge{position:absolute;top:5px;right:6px;font-size:.58rem;background:rgba(126,200,227,.25);border:1px solid rgba(126,200,227,.5);color:#7ec8e3;padding:1px 6px;border-radius:10px;z-index:1}.video-wrap-primary{aspect-ratio:16/9;border:1px solid #2a3a5a}.video-thumbs-row{display:flex;gap:6px;flex-wrap:wrap}.video-thumbs-row .video-wrap{flex:1;min-width:0;min-height:64px;aspect-ratio:4/3}.video-section.is-coach #local-video-wrap{aspect-ratio:16/9;height:auto;border:1px solid #7ec8e3;border-radius:6px}#remote-video-wrap{display:none!important}.prejoin-preview{position:relative;background:#0a0a14;border-radius:8px;overflow:hidden;aspect-ratio:16/9;margin-bottom:14px;border:1px solid #2a3a5a}.prejoin-preview video{width:100%;height:100%;object-fit:cover;display:block}.prejoin-preview-off{display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#444;letter-spacing:.5px;text-transform:uppercase;height:100%;position:absolute;inset:0}#prejoin-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);align-items:center;justify-content:center}#prejoin-modal.open{display:flex}.pjm-box{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:14px;padding:24px 22px;max-width:420px;width:92%}.pjm-title{font-size:1rem;font-weight:700;color:#e0e0e0;margin-bottom:4px}.pjm-sub{font-size:.78rem;color:#666;margin-bottom:14px}.pjm-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.video-actions{display:flex;gap:6px;flex-wrap:wrap}.video-btn{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:5px 10px;font-size:.7rem;color:#e0e0e0;cursor:pointer;transition:all .15s}.video-btn:hover{background:#2a2a4a}.video-btn.active{background:#2a4a5a;border-color:#7ec8e3;color:#7ec8e3}.video-btn.danger{background:#3a1a1a;border-color:#7a3a3a;color:#d97070}.bg-controls{display:none;gap:6px;align-items:center;flex-wrap:wrap;padding:6px 0 2px}.bg-controls.visible{display:flex}.bg-controls label{font-size:.65rem;color:#7ec8e3;white-space:nowrap}.bg-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s;flex-shrink:0}.bg-swatch.active,.bg-swatch:hover{border-color:#7ec8e3}.bg-swatch.blur-swatch{background:linear-gradient(135deg,#1a1a3a 50%,#4a4a7a 50%);font-size:0}.bg-color-picker{width:22px;height:22px;border:none;border-radius:50%;cursor:pointer;padding:0;background:0 0}.device-picker{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.device-row{display:flex;align-items:center;gap:8px}.device-row label{font-size:.67rem;color:#888;white-space:nowrap;min-width:68px}.device-row select{flex:1;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:5px;padding:4px 7px;color:#e0e0e0;font-size:.7rem;outline:0}.move-list-panel{background:#13132a;border:1px solid #2a2a4a;border-radius:8px;flex-shrink:0;overflow:hidden}.move-list-header{display:flex;align-items:center;gap:4px;padding:6px 10px 4px;border-bottom:1px solid #1e1e3a;flex-wrap:wrap}.move-list-header>span{font-size:.68rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px;flex:1}.move-list-header button{background:0 0;border:1px solid #2a2a4a;border-radius:5px;padding:2px 8px;font-size:.67rem;color:#aaa;cursor:pointer}.move-list-header button:hover{background:#1a1a2e;color:#7ec8e3;border-color:#7ec8e3}.nav-move-btns{display:flex;gap:2px}.nav-move-btns button{background:0 0;border:1px solid #2a2a4a;border-radius:4px;padding:2px 6px;font-size:.7rem;color:#aaa;cursor:pointer}.nav-move-btns button:hover{background:#1a1a2e;color:#7ec8e3;border-color:#7ec8e3}.move-list-inner{display:flex;flex-wrap:wrap;gap:1px 2px;align-items:baseline;padding:6px 10px;max-height:140px;overflow-y:auto}.mv-pair{display:contents}.mv-num{font-size:.7rem;color:#8a8aa5;font-family:monospace;padding:1px 2px}.mv-san{font-size:.76rem;color:#d0d0d0;font-family:monospace;background:#1a1a2e;border-radius:3px;padding:2px 5px;cursor:pointer}.mv-san:hover{background:#1e2a3a}.mv-san.active{background:#2a4a6a;color:#7ec8e3}.mv-nag{color:#e0a050;font-size:.75em;margin-left:1px}.mv-varblock{color:#888;font-size:.85em;margin:0 2px;display:inline}.mv-varblock .mv-san{color:#aaa;font-size:.73rem}.mv-varblock .mv-san:hover{background:#1a2030}.mv-empty{font-size:.72rem;color:#444;font-style:italic;padding:2px 0}#annotation-picker{display:none;position:fixed;z-index:9999;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:8px;padding:6px;gap:4px;flex-wrap:wrap;max-width:220px}#annotation-picker button{background:#0f0f1a;border:1px solid #2a2a4a;border-radius:4px;padding:3px 7px;font-size:.85rem;color:#e0a050;cursor:pointer}#annotation-picker button:hover{background:#2a2a4a}.sip-wrap{position:relative}.sip-popup{display:none;position:absolute;top:100%;right:0;z-index:100;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;padding:12px 14px;min-width:260px;margin-top:4px;box-shadow:0 8px 24px rgba(0,0,0,.6)}.sip-popup.open{display:block}.sip-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem}.sip-row:last-child{margin-bottom:0}.sip-lbl{color:#666;font-size:.68rem;min-width:60px}.sip-val{color:#e0e0e0;font-family:monospace;flex:1;font-size:.78rem;word-break:break-all}.sip-copy{background:#2a2a4a;border:none;border-radius:4px;color:#7ec8e3;font-size:.68rem;cursor:pointer;padding:2px 7px}.sip-copy:hover{background:#3a3a5a}.session-timer{font-size:.7rem;color:#8a8aa5;font-family:monospace;letter-spacing:.5px}.participants-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.participant-chip{font-size:.62rem;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:10px;padding:1px 7px;color:#888}.participant-chip.is-coach{border-color:#7ec8e3;color:#7ec8e3}.r-section{background:#13132a;border:1px solid #2a2a4a;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.r-section-hdr{display:flex;align-items:center;padding:7px 12px;cursor:pointer;user-select:none;gap:6px}.r-section-hdr:hover{background:rgba(126,200,227,.05)}.r-section-title{font-size:.68rem;color:#7ec8e3;text-transform:uppercase;letter-spacing:1px;flex:1}.r-section-meta{font-size:.67rem;color:#8a8aa5}.r-chevron{font-size:.6rem;color:#8a8aa5;transition:transform .2s;display:inline-block}.r-section.collapsed .r-chevron{transform:rotate(-90deg)}.r-section.collapsed .r-section-body{display:none}.r-section.has-border-top .r-section-body{border-top:1px solid #2a2a4a}.chat-messages{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:5px;max-height:180px;min-height:60px}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:#2a2a4a}.chat-msg{padding:4px 7px;border-radius:5px;background:#1a1a2e;font-size:.75rem}.chat-msg .msg-who{font-weight:700;color:#7ec8e3;margin-right:5px;font-size:.68rem}.chat-msg.mine{background:#1a2a3a}.chat-msg .msg-text{color:#ccc}.chat-input-row{display:flex;gap:6px;padding:6px 8px;border-top:1px solid #2a2a4a;flex-shrink:0}.chat-input-row input{flex:1;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:6px;padding:5px 8px;color:#e0e0e0;font-size:.78rem;outline:0}.chat-input-row input:focus{border-color:#7ec8e3}.chat-input-row button{background:#7ec8e3;border:none;border-radius:6px;padding:6px 14px;color:#0f0f1a;font-size:.76rem;font-weight:800;cursor:pointer;flex-shrink:0;letter-spacing:.3px}.chat-input-row button:hover{background:#a8dff0}.participants-list-panel{padding:6px 8px;display:flex;flex-direction:column;gap:3px}.p-row{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;background:#1a1a2e;font-size:.75rem;color:#ccc}.p-row .p-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-row .p-role{font-size:.62rem;color:#7ec8e3;padding:1px 5px;border:1px solid #2a4a5a;border-radius:8px;flex-shrink:0}.p-row .p-mute-btn{background:0 0;border:1px solid #3a3a5a;border-radius:4px;color:#888;cursor:pointer;font-size:.65rem;padding:1px 6px;flex-shrink:0}.p-row .p-mute-btn:hover{border-color:#e07070;color:#e07070}.p-row .p-muted{font-size:.65rem;color:#e07070}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:1000;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:14px;padding:24px;max-width:520px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:12px;right:14px;background:0 0;border:none;color:#666;font-size:1.2rem;cursor:pointer;line-height:1}.modal-close:hover{color:#e0e0e0}.modal h2{font-size:1rem;color:#e0e0e0;margin-bottom:14px}.modal p{font-size:.82rem;color:#999;line-height:1.6;margin-bottom:10px}.modal-avatar{width:60px;height:60px;border-radius:50%;background:#2a2a4a;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#7ec8e3;margin-bottom:14px;overflow:hidden}.modal-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.modal-section{margin-bottom:12px}.modal-section label{font-size:.7rem;color:#8a8aa5;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:5px}.modal-section p{margin-bottom:0}.modal-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.modal-tag{background:#13132a;border:1px solid #2a2a4a;border-radius:4px;padding:2px 8px;font-size:.68rem;color:#7ec8e3}.modal-code-hint{background:#13132a;border:1px solid #2a2a5a;border-radius:8px;padding:12px;margin-top:12px;font-size:.78rem;color:#888}.modal-input{width:100%;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:7px;padding:8px 12px;color:#e0e0e0;font-size:.85rem;outline:0;margin-bottom:10px;font-family:monospace;letter-spacing:2px;text-transform:uppercase}.modal-input:focus{border-color:#7ec8e3}.msg-ok{font-size:.75rem;color:#6ecb6e;margin-top:8px}.msg-err{font-size:.75rem;color:#d97070;margin-top:8px}.empty-state{text-align:center;padding:48px 24px;color:#444}.empty-state span{font-size:2rem;display:block;margin-bottom:10px}.empty-state p{font-size:.85rem}.eval-bar-wrap{position:absolute;right:calc(100% + 6px);top:0;height:100%;width:13px;display:none;flex-direction:column;align-items:center;gap:2px}.eval-bar-wrap.visible{display:flex}.eval-bar{flex:1;width:100%;position:relative;background:#1a1a2a;border-radius:3px;overflow:hidden;min-height:0}#eval-bar-fill{position:absolute;bottom:0;left:0;right:0;background:#d0d0d0;transition:height .35s ease;height:50%}.eval-score-num{font-size:.5rem;color:#888;font-family:monospace;text-align:center;flex-shrink:0}.puzzle-banner{display:none;align-items:center;justify-content:center;gap:8px;background:#1a2a1a;border:1px solid #2a6a2a;border-radius:8px;padding:7px 14px;font-size:.78rem;color:#6ecb6e;flex-wrap:wrap;max-width:680px;align-self:center;width:100%}.puzzle-banner.active{display:flex}.puzzle-banner strong{color:#8eeb8e}#btn-puzzle.puzzle-on{background:#1a3a1a!important;border-color:#6ecb6e!important;color:#6ecb6e!important}.chapter-bar{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding:5px 8px;border-bottom:1px solid #1e1e3a;min-height:30px}.ch-tab{background:0 0;border:1px solid #2a2a4a;border-radius:5px;padding:2px 9px;font-size:.68rem;color:#888;cursor:pointer;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;transition:all .12s}.ch-tab:hover{border-color:#7ec8e3;color:#ccc}.ch-tab.active{background:#2a4a6a;border-color:#7ec8e3;color:#7ec8e3}.ch-add{background:0 0;border:1px dashed #2a2a4a;border-radius:5px;padding:2px 8px;font-size:.68rem;color:#8a8aa5;cursor:pointer;flex-shrink:0}.ch-add:hover{border-color:#7ec8e3;color:#7ec8e3}.pgn-game-row{padding:7px 10px;border-radius:6px;background:#1a1a2e;border:1px solid #2a2a4a;cursor:pointer;margin-bottom:5px;transition:border-color .1s}.pgn-game-row:hover{border-color:#7ec8e3}.pgn-game-row.selected{background:#1a2a3a;border-color:#7ec8e3}.pgn-game-players{font-size:.8rem;color:#e0e0e0;font-weight:600;display:block}.pgn-game-meta{font-size:.68rem;color:#666;display:block;margin-top:2px}.mv-comment{font-size:.65rem;color:#7a9a7a;font-style:italic;margin:0 3px;font-family:inherit;display:inline}.annot-comment-wrap{width:100%;margin-top:5px;border-top:1px solid #2a2a4a;padding-top:5px}.annot-comment-inp{width:100%;background:#0f0f1a;border:1px solid #2a2a4a;border-radius:5px;padding:3px 7px;color:#e0e0e0;font-size:.72rem;outline:0;font-family:inherit;box-sizing:border-box}.annot-comment-inp:focus{border-color:#7ec8e3}.loading{text-align:center;padding:32px;color:#8a8aa5;font-size:.82rem}@media (max-width:900px){#tab-live{flex-direction:column;overflow:visible;height:auto}.live-board-side{flex:none;border-right:none;border-bottom:1px solid #2a2a4a;overflow:visible}.live-right-side{flex:none;height:auto;min-height:0;overflow:visible}.board-container{width:min(100%,520px)}}@media (max-width:600px){.tabs{padding:0 6px}.tab-btn{padding:10px 8px;font-size:.7rem}#tab-directory,#tab-profile,#tab-sessions{padding:12px}.live-board-side{padding:8px;gap:6px}.live-right-side{padding:8px;gap:6px}.coach-grid{grid-template-columns:1fr}.board-container{width:100%}.board-controls{gap:5px;justify-content:center;flex-wrap:wrap}.board-controls .control-mode-label{display:none}.btn.btn-sm{padding:8px 12px;min-height:38px;font-size:.78rem}.session-info-bar{padding:8px 10px;gap:8px}.control-mode-sel{font-size:.78rem}.move-list-inner{max-height:56px}.video-section{padding:8px;gap:6px}.video-actions{gap:4px}.video-btn{padding:7px 9px;font-size:.68rem}.participants-list{font-size:.78rem}}.mobile-live-tabs{display:none}@media (max-width:768px){.mobile-live-tabs{display:flex;background:#13132a;border-bottom:1px solid #2a2a4a;flex-shrink:0}.mobile-live-tab{flex:1;padding:10px 6px;font-size:.8rem;font-weight:700;color:#666;background:0 0;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}.mobile-live-tab.active{color:#7ec8e3;border-bottom-color:#7ec8e3}.live-board-side.mobile-hidden,.live-right-side.mobile-hidden{display:none!important}}@media (max-width:768px){body{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}#page{height:auto;overflow:visible}.tab-panel.active{display:block;height:auto;overflow:visible;flex:none}#tab-live.active{display:flex;flex-direction:column;height:auto;overflow:visible}.live-board-side{overflow:visible}.live-right-side{overflow:visible;height:auto}.video-section.is-coach #local-video-wrap,.video-wrap-primary{aspect-ratio:unset!important;height:140px!important}.video-thumbs-row .video-wrap{height:70px!important;flex:0 0 70px;aspect-ratio:unset!important}.video-section{flex-shrink:0}.board-grid-coaching{touch-action:pan-y}.coach-grid{grid-template-columns:1fr!important}.session-list{max-width:100%}.calendar-wrap{max-width:100%}#tab-profile .form-group,#tab-profile form{max-width:100%}.board-container{width:calc(100vw - 20px)!important}.modal-overlay{padding:8px;align-items:flex-start;padding-top:56px}.modal{max-width:100%;width:100%;max-height:82dvh;overflow-y:auto;overflow-x:hidden}.sub-tabs{flex-wrap:wrap;gap:4px}}