:root{--gradient-yes-start:#00c853;--gradient-yes-end:#1de9b6;--gradient-no-start:#ff1744;--gradient-no-end:#ff6d00;--gradient-loading-start:#424242;--gradient-loading-end:#616161;--gradient-too-early-start:#7b1fa2;--gradient-too-early-end:#9c27b0;--gradient-in-progress-start:#1565c0;--gradient-in-progress-end:#42a5f5;--gradient-results-start:#f57c00;--gradient-results-end:#ffb74d;--gradient-off-season-start:#5d8047;--gradient-off-season-end:#7ba862;--accent:#00c853;--accent-rgb:0, 200, 83;--accent-end:#1de9b6;--win:#00c853;--win-rgb:0, 200, 83;--result-win-bg:rgba(var(--win-rgb), .1);--result-win-border:var(--win);--result-win-text:var(--win);--result-lose-bg:rgba(var(--status-error-rgb), .06);--result-lose-border:var(--status-error);--result-lose-text:var(--status-error);--text-primary:white;--text-muted:#ffffffd9;--text-subtle:#ffffffb3;--text-faint:#fff9;--text-link-hover:#fffc;--overlay-light:#fff3;--overlay-light-hover:#ffffff4d;--overlay-dark:#00000059;--overlay-backdrop:#0009;--board-select:#14a0ff73;--board-dot:#14a0ff4d;--board-capture:#14a0ff59;--board-highlight:#ffff6466;--shadow-color:#0000004d;--shadow-text:2px 2px 4px var(--shadow-color);--shadow-text-heavy:4px 4px 8px var(--shadow-color);--shadow-box:0 8px 32px var(--shadow-color);--shadow-btn:0 4px 15px #0003;--shadow-btn-hover:0 6px 20px var(--shadow-color);--shadow-modal:0 20px 60px #00000080;--border-subtle:1px solid #fff3;--border-share:2px solid #fff6;--radius-card:24px;--radius-pill:50px;--radius-sm:8px;--radius-xs:4px;--radius-badge:20px;--modal-bg-start:#2d2d2d;--modal-bg-end:#1a1a1a;--input-bg:#ffffff1a;--input-border:2px solid #fff3;--input-placeholder:#fff6;--status-error:#ff6b6b;--status-error-rgb:255, 23, 68;--status-error-bg:rgba(var(--status-error-rgb), .1);--status-success:#69db7c;--status-success-bg:rgba(var(--accent-rgb), .1);--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.5s ease;--surface-primary:#1a1a2e;--surface:#ffffff0f;--surface-subtle:#ffffff14;--border-color:#ffffff26;--popup-bg:#181820f7;--nag-brilliant:#26c6da;--nag-good:#66bb6a;--nag-interesting:#ab7ae6;--nag-dubious:#42a5f5;--nag-mistake:#e8a735;--nag-blunder:#e74c3c;--nag-worst:#c0392b;--nag-forced:#78909c}*{box-sizing:border-box;margin:0;padding:0}.viewer-player-name,.editor-eco,.browser-name,.profile-row-name,.explorer-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tracker-round,.move,.move-variation,.editor-h-btn,.browser-game-row,.profile-row,.explorer-row{transition:background var(--transition-fast)}.off-season-countdown-label,.countdown-label,.pairing-history-label,.profile-section-title{text-transform:uppercase;letter-spacing:.05em}.profile-tab,.profile-row-name,.explorer-table-header{text-transform:uppercase;letter-spacing:.04em}.nag-section-title,.browser-section-header{text-transform:uppercase;letter-spacing:.08em}html{min-height:100%;transition:background var(--transition-slow)}body{justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(45deg,#00000008 25%,#0000 25%),linear-gradient(-45deg,#00000008 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#00000008 75%),linear-gradient(-45deg,#0000 75%,#00000008 75%);background-position:0 0,0 20px,20px -20px,-20px 0;background-size:40px 40px;position:fixed;inset:0}.container{z-index:1;text-align:center;width:100%;max-width:800px;padding:2rem;position:relative}html.yes{background:linear-gradient(135deg, var(--gradient-yes-start) 0%, var(--gradient-yes-end) 100%)}html.no{background:linear-gradient(135deg, var(--gradient-no-start) 0%, var(--gradient-no-end) 100%)}html.loading-state{background:linear-gradient(135deg, var(--gradient-loading-start) 0%, var(--gradient-loading-end) 100%)}html.too-early{background:linear-gradient(135deg, var(--gradient-too-early-start) 0%, var(--gradient-too-early-end) 100%)}html.in-progress{background:linear-gradient(135deg, var(--gradient-in-progress-start) 0%, var(--gradient-in-progress-end) 100%)}html.results{background:linear-gradient(135deg, var(--gradient-results-start) 0%, var(--gradient-results-end) 100%)}html.off-season{background:linear-gradient(135deg, var(--gradient-off-season-start) 0%, var(--gradient-off-season-end) 100%)}html.dark-mode.yes,html.dark-mode.no,html.dark-mode.loading-state,html.dark-mode.too-early,html.dark-mode.in-progress,html.dark-mode.results,html.dark-mode.off-season{background:#1a1a1a}html.dark-mode.yes .answer{color:var(--gradient-yes-start);text-shadow:0 0 40px rgba(var(--accent-rgb), .3)}html.dark-mode.no .answer{color:var(--gradient-no-start);text-shadow:0 0 40px rgba(var(--status-error-rgb), .3)}html.dark-mode.loading-state .answer{color:var(--gradient-loading-end)}html.dark-mode.too-early .answer{color:var(--gradient-too-early-end);text-shadow:0 0 40px #9c27b04d}html.dark-mode.in-progress .answer{color:var(--gradient-in-progress-end);text-shadow:0 0 40px #42a5f54d}html.dark-mode.results .answer{color:var(--gradient-results-start);text-shadow:0 0 40px #f57c004d}html.dark-mode.off-season .answer{color:var(--gradient-off-season-end);text-shadow:0 0 40px #7ba8624d}html.off-season .meme{max-width:520px;min-height:auto}.off-season-countdown{background:var(--overlay-dark);border-radius:var(--radius-card);max-width:520px;padding:2.5rem 3rem}.off-season-countdown-label{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.15rem;font-weight:600}.off-season-countdown-units{justify-content:center;gap:1.75rem;display:flex}.countdown-unit{flex-direction:column;align-items:center;display:flex}.countdown-value{color:var(--text-primary);text-shadow:var(--shadow-text);font-variant-numeric:tabular-nums;font-size:3.5rem;font-weight:800;line-height:1}.countdown-label{color:var(--text-subtle);margin-top:.35rem;font-size:.85rem}.title{color:var(--text-primary);text-shadow:var(--shadow-text);margin-bottom:2rem;font-size:3rem}.loading{color:var(--text-primary)}.spinner{border:6px solid var(--overlay-light);border-top-color:var(--text-primary);border-radius:50%;width:60px;height:60px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result{animation:fadeIn var(--transition-slow)}.result.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.answer{color:var(--text-primary);text-shadow:var(--shadow-text-heavy);white-space:nowrap;text-align:center;margin:1rem auto 2.5rem;font-size:22rem;font-weight:900;line-height:1}.meme{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;min-height:200px;margin:1rem auto;display:flex}.meme img{width:100%;height:auto;box-shadow:var(--shadow-box);border-radius:12px}.meme-text{color:var(--text-primary);text-shadow:1px 1px 2px var(--shadow-color);margin-top:1rem;font-size:1.5rem;font-style:italic}.meme-text-small{margin-top:.5rem;font-size:.9rem}.round-info{color:#ffffffe6;margin-top:1rem;font-size:1.2rem}.tracker-section{background:var(--overlay-dark);border-radius:var(--radius-card);text-align:center;max-width:400px;margin:1rem auto;padding:1rem 1.25rem;overflow:hidden}.tracker-section.hidden{display:none}.tracker-detail{text-align:center;padding-top:.75rem;display:none}[data-active="1"]>.tracker-detail[data-round="1"],[data-active="2"]>.tracker-detail[data-round="2"],[data-active="3"]>.tracker-detail[data-round="3"],[data-active="4"]>.tracker-detail[data-round="4"],[data-active="5"]>.tracker-detail[data-round="5"],[data-active="6"]>.tracker-detail[data-round="6"],[data-active="7"]>.tracker-detail[data-round="7"]{display:block}[data-active="1"]>.tracker-row>[data-round="1"],[data-active="2"]>.tracker-row>[data-round="2"],[data-active="3"]>.tracker-row>[data-round="3"],[data-active="4"]>.tracker-row>[data-round="4"],[data-active="5"]>.tracker-row>[data-round="5"],[data-active="6"]>.tracker-row>[data-round="6"],[data-active="7"]>.tracker-row>[data-round="7"]{box-shadow:inset 0 -3px 0 var(--text-link-hover)}.pairing-result{color:var(--text-primary);margin-bottom:.75rem;font-size:1.8rem;font-weight:700}.pairing-opponent{color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.4rem;font-weight:600;display:flex}.color-icon{object-fit:contain;width:2.5rem;height:2.5rem}.pairing-opponent .opponent-link{color:var(--text-primary);text-underline-offset:2px;font:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.pairing-opponent .opponent-link:hover{color:var(--text-link-hover)}.tracker-row{margin:-1rem -1.25rem 0;display:flex}.tracker-round{border:none;border-right:1px solid var(--input-bg);cursor:default;color:var(--text-primary);background:#00000026;border-radius:0;flex:1;justify-content:center;align-items:center;padding:.5rem 0;font-family:inherit;display:flex}.tracker-round:last-child{border-right:none}.tracker-round[data-clickable=true]{cursor:pointer}.tracker-round[data-clickable=true]:hover{background:var(--input-bg)}.tracker-icon{object-fit:contain;width:2rem;height:2rem}.tracker-number{color:var(--text-subtle);font-size:.9rem;font-weight:600}.tracker-win{background:#4caf5080}.tracker-loss{background:#f4433680}.tracker-draw,.tracker-bye{background:#9e9e9e59}.tracker-current{animation:2s ease-in-out infinite pulse-tracker}@keyframes pulse-tracker{0%,to{box-shadow:inset 0 0 0 0 var(--input-bg)}50%{box-shadow:inset 0 0 8px 0 var(--border-color)}}.tracker-future{opacity:.4}.pairing-history-label{color:var(--text-subtle);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.refresh-container{flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.button-row{flex-direction:row;align-items:center;gap:.75rem;display:flex}.check-btn{color:#333;background:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;box-shadow:var(--shadow-btn);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:1rem 2rem;font-size:1.2rem;font-weight:600}.check-btn:hover{box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.check-btn:active{transform:translateY(0)}.share-btn{color:var(--text-primary);background:var(--overlay-light);border:var(--border-share);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast);padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.share-btn:hover{background:var(--overlay-light-hover);transform:translateY(-2px)}.share-btn:active{transform:translateY(0)}.toast{border-radius:var(--radius-sm);background:var(--modal-bg-start);color:var(--text-primary);opacity:0;transition:opacity var(--transition-medium), transform var(--transition-medium);z-index:9000;pointer-events:none;border-bottom:2.5px solid;padding:.65rem 1.3rem;font-size:.9rem;font-weight:500;position:fixed;top:2rem;left:50%;transform:translate(-50%)translateY(-.5rem);box-shadow:0 4px 16px #0006}.toast.show{opacity:1;pointer-events:auto;cursor:pointer;transform:translate(-50%)translateY(0)}.toast-icon{flex-shrink:0;margin-right:.5rem;font-size:1.15rem;font-weight:700}.toast-success{border-color:var(--nag-good)}.toast-success .toast-icon{color:var(--nag-good)}.toast-success .toast-icon:before{content:"!"}.toast-error{border-color:var(--nag-blunder)}.toast-error .toast-icon{color:var(--nag-blunder)}.toast-error .toast-icon:before{content:"??"}.toast-info{border-color:var(--gradient-in-progress-end)}.toast-info .toast-icon{color:var(--gradient-in-progress-end)}.toast-info .toast-icon:before{content:"ⓘ"}.toast-shake{animation:.4s toast-shake}@keyframes toast-shake{0%,to{transform:translate(-50%)translateY(0)}20%{transform:translate(calc(-50% - 6px))translateY(0)}40%{transform:translate(calc(5px - 50%))translateY(0)}60%{transform:translate(calc(-50% - 3px))translateY(0)}80%{transform:translate(calc(2px - 50%))translateY(0)}}#offline-banner{color:#fff;text-align:center;z-index:1000;opacity:0;transition:opacity var(--transition-medium);pointer-events:none;background:#ff9800e6;padding:.5rem 1rem;font-size:.85rem;font-weight:500;position:fixed;top:0;left:0;right:0}#offline-banner.show{opacity:1}.countdown{color:var(--text-subtle);border-radius:var(--radius-badge);background:#00000026;padding:.4rem 1rem;font-size:.9rem}#countdown-time{color:#ffffffe6;font-weight:600}.footer{margin-top:2rem}.footer a,.footer-link{color:var(--text-link-hover);text-underline-offset:2px;cursor:pointer;font-size:.9rem;text-decoration:underline}.footer-link{background:0 0;border:none;padding:0;font-family:inherit}.footer a:hover,.footer-link:hover{color:var(--text-primary)}.footer-divider{color:#ffffff80;margin:0 .5rem}.modal{z-index:2000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal.hidden{display:none}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes modal-content-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-content-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}.modal:not(.hidden):not(.closing) .modal-backdrop{animation:.2s ease-out both modal-backdrop-in}.modal:not(.hidden):not(.closing) .modal-content,.modal:not(.hidden):not(.closing) .modal-content-viewer{animation:.25s ease-out both modal-content-in}.modal.closing{pointer-events:none}.modal.closing .modal-backdrop{animation:.16s ease-in both modal-backdrop-out}.modal.closing .modal-content,.modal.closing .modal-content-viewer{animation:.16s ease-in both modal-content-out}.modal-backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;inset:0}.modal-content{background:linear-gradient(135deg, var(--modal-bg-start) 0%, var(--modal-bg-end) 100%);border-radius:var(--radius-card);width:90%;max-width:400px;box-shadow:var(--shadow-modal);padding:2rem;position:relative}.modal-content h2{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem}#browser-title,#browser-title-panel{white-space:nowrap;text-align:center;flex-shrink:0;min-width:0;overflow:hidden}.browser-title-select{color:var(--text-primary);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;text-overflow:ellipsis;width:100%;max-width:100%;padding:.35rem .5rem;font-family:inherit;font-size:1.25rem;font-weight:700;overflow:hidden}.browser-title-select option,.browser-round-select option,.browser-chip-select option,select.editor-header-input option{color:#1a1a1a;background:#fff}.setting-group{margin-bottom:1.5rem}.setting-group label{color:#ffffffe6;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.setting-group input[type=text]{border:var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:.75rem 1rem;font-size:1rem}.setting-group input[type=text]::placeholder{color:var(--input-placeholder)}.setting-group input[type=text]:focus{border-color:var(--accent);outline:none}.setting-name-wrap{position:relative}.setting-hint{color:var(--text-faint);margin-top:.5rem;font-size:.8rem;line-height:1.4}.modal-buttons{border-top:1px solid var(--input-bg);justify-content:center;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.modal-btn{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600}.modal-btn:hover{transform:translateY(-2px)}.modal-btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-end) 100%);color:var(--text-primary)}.modal-btn-primary:hover{box-shadow:0 4px 15px rgba(var(--accent-rgb), .4)}.modal-btn-secondary{background:var(--input-bg);color:var(--text-primary);border:var(--border-subtle)}.modal-btn-secondary:hover{background:var(--overlay-light)}#push-section[data-push=unsupported] .push-when-unsubscribed,#push-section[data-push=unsupported] .push-when-subscribed,#push-section[data-push=unsubscribed] .push-when-unsupported,#push-section[data-push=unsubscribed] .push-when-subscribed,#push-section[data-push=subscribed] .push-when-unsupported,#push-section[data-push=subscribed] .push-when-unsubscribed,#push-section[data-push=unknown] .push-when-unsupported,#push-section[data-push=unknown] .push-when-unsubscribed,#push-section[data-push=unknown] .push-when-subscribed{display:none}.notification-status{border-radius:6px;margin-top:.5rem;padding:.4rem .75rem;font-size:.85rem}.notification-status-error{color:var(--status-error);background:var(--status-error-bg)}.notification-status-success{color:var(--status-success);background:var(--status-success-bg)}.notification-status-row{align-items:center;gap:.75rem;display:flex}.notification-status-badge{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-end) 100%);color:var(--text-primary);border-radius:var(--radius-badge);padding:.4rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.modal-btn-small{padding:.4rem .75rem;font-size:.8rem}.notify-prefs{background:var(--surface);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem;display:flex}.setting-group .notify-pref-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.6rem;margin-bottom:0;font-size:.85rem;font-weight:400;display:flex}.notify-pref-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0;width:1.1rem;height:1.1rem}.hidden{display:none!important}.debug-panel{background:var(--overlay-dark);border-radius:var(--radius-sm);margin-top:2rem;padding:1rem}.debug-panel p{color:var(--text-faint);margin-bottom:.5rem;font-size:.8rem}.debug-panel button{background:var(--overlay-light);color:var(--text-primary);border:1px solid var(--overlay-light-hover);border-radius:var(--radius-xs);cursor:pointer;margin:.25rem;padding:.4rem .8rem;font-size:.75rem}.debug-panel button:hover{background:var(--overlay-light-hover)}.modal-content-wide{max-width:480px}.about-body{color:var(--text-muted);font-size:.95rem;line-height:1.6}.about-body p{margin-bottom:1rem}.about-body a,.privacy-body a,.setting-feedback a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.about-body a:hover,.privacy-body a:hover,.setting-feedback a:hover{color:var(--accent-end)}.about-disclaimer{background:var(--surface);border-radius:var(--radius-sm);border-left:3px solid var(--text-subtle);padding:.75rem 1rem}.about-privacy{color:var(--text-subtle);font-size:.9rem}.about-body .about-credit{color:var(--text-faint);margin-bottom:0;font-size:.85rem}.modal-content-scrollable{max-height:80vh;overflow-y:auto}.privacy-body{color:var(--text-muted);font-size:.9rem;line-height:1.6}.privacy-body p{margin-bottom:.75rem}.privacy-body h3{color:var(--text-primary);border-bottom:1px solid var(--input-bg);margin-top:1.25rem;margin-bottom:.5rem;padding-bottom:.2rem;font-size:1rem}.privacy-body h4{color:var(--text-muted);margin-top:.75rem;margin-bottom:.3rem;font-size:.9rem}.privacy-body ul{color:var(--text-subtle);margin:.4rem 0 .75rem 1.25rem}.privacy-body li{margin-bottom:.25rem}.privacy-updated{color:var(--text-faint);font-size:.8rem}.setting-feedback{text-align:center;color:var(--text-faint);margin-top:1rem;margin-bottom:.75rem;font-size:.8rem}:focus-visible{outline:2px solid var(--text-link-hover);outline-offset:2px}.modal-content :focus-visible{outline-color:var(--accent)}.setting-group input[type=text]:focus-visible{border-color:var(--accent);outline:none}.modal-content-viewer{flex-direction:column;width:95%;max-width:560px;max-height:98dvh;animation:none;display:flex;overflow:hidden}.viewer-main{flex-direction:column;flex:1;min-height:0;display:flex}.viewer-close{z-index:10;color:var(--text-muted);cursor:pointer;width:2.75rem;height:2.75rem;transition:color var(--transition-fast), background var(--transition-fast);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:.4rem;right:.4rem}.viewer-close:hover{color:var(--text-primary);background:#000000b3}#viewer-board cg-board{border-radius:var(--radius-sm);overflow:hidden}#viewer-board cg-board square.move-dest{background:radial-gradient(var(--board-dot) 22%, transparent 0)}#viewer-board cg-board square.oc.move-dest{background:radial-gradient(transparent 0%, transparent 80%, var(--board-capture) 80%)}#viewer-board cg-board square.last-move{background-color:var(--board-highlight)}#viewer-board cg-board square.selected{background-color:var(--board-select)}.viewer-header{margin-bottom:.75rem}.viewer-browser-nav{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}#viewer-round-label{color:var(--text-subtle);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.viewer-browse-arrow{width:2rem;height:2rem;color:var(--text-muted);border:1px solid var(--input-bg);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:1.1rem;line-height:1;display:inline-flex}.viewer-browse-arrow:hover{color:var(--text-primary);background:var(--overlay-light);border-color:var(--overlay-light)}.viewer-browse-arrow:disabled{opacity:.25;cursor:default;pointer-events:none}.viewer-browse-back{color:var(--text-secondary);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.viewer-browse-back:hover{color:var(--text-primary)}.viewer-filter-chip{justify-content:center;align-items:stretch;gap:0;margin-bottom:.4rem;display:flex}.viewer-filter-clear{color:var(--text-faint);background:var(--overlay-light);border:1px solid var(--border-color);border-radius:0 var(--radius-pill) var(--radius-pill) 0;cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);border-left:none;align-items:center;padding:0 .5rem 0 .35rem;font-family:inherit;font-size:.7rem;line-height:1;display:flex}.viewer-filter-clear:hover{color:var(--text-primary);background:#ffffff59}.viewer-opening{text-align:center;color:var(--text-muted);background:var(--raised-panel-bg,#00000040);border-radius:var(--radius-sm);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);margin-top:.75rem;padding:.25rem .5rem;font-size:.78rem}.viewer-eco-code{color:var(--text-subtle);margin-right:.4rem;font-weight:700}.viewer-players{box-shadow:0 2px 6px var(--shadow-color);border-radius:var(--radius-sm);align-items:stretch;gap:0;display:flex}.viewer-player{background:var(--surface-subtle);border-bottom:2px solid #0000;border-top:1px solid var(--surface);flex:1;align-items:center;gap:.35rem;min-width:0;padding:.45rem .6rem;display:flex}.viewer-player:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.viewer-player:first-child .viewer-player-name{text-align:left;flex:1}.viewer-player:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.viewer-player:last-child .viewer-player-name{text-align:right;flex:1}.viewer-player.viewer-winner{border-bottom-color:var(--result-win-border);background:var(--result-win-bg)}.viewer-player.viewer-loser{border-bottom-color:var(--result-lose-border);background:var(--result-lose-bg)}.viewer-player.viewer-draw{border-bottom-color:var(--text-subtle);background:var(--overlay-light)}.viewer-player-score{color:var(--text-primary);flex-shrink:0;font-size:1.3rem;font-weight:700}.viewer-winner .viewer-player-score{color:var(--result-win-text)}.viewer-winner .viewer-player-name,.viewer-winner .viewer-player-elo{color:#fff}.viewer-loser .viewer-player-score{color:var(--result-lose-text)}.viewer-loser .viewer-player-name,.viewer-loser .viewer-player-elo{color:#fff}.viewer-piece-icon{object-fit:contain;flex-shrink:0;width:1.4rem;height:1.4rem}.viewer-unrated{opacity:.5;font-style:italic;font-weight:400}.viewer-player-name{color:var(--text-primary);cursor:pointer;min-width:0;font-size:.85rem;font-weight:600}.viewer-player-name:hover{text-underline-offset:2px;text-decoration:underline}.viewer-layout{flex-direction:column;flex:1;align-items:center;gap:.75rem;min-height:0;display:flex;overflow:hidden}.viewer-board{aspect-ratio:1;flex-shrink:1;width:100%;max-width:400px;min-height:0}.engine-choices{flex-direction:column;gap:.75rem;margin:1rem 0;display:flex}.engine-choice{cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}.engine-choice input[type=radio]{margin-top:3px}.engine-choice-label{color:var(--text-primary,#e0e0e0);flex-direction:column;gap:.15rem;display:flex}.engine-choice-label small{color:var(--text-secondary,#999);font-size:.8rem}.viewer-moves{-webkit-user-select:none;user-select:none;background:var(--raised-panel-bg,#00000040);border-radius:var(--radius-sm);width:100%;min-width:0;height:120px;color:var(--text-muted);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);padding:.5rem .75rem;font-size:.85rem;line-height:1.8;overflow:hidden auto}.engine-panel{background:var(--raised-panel-bg,#00000040);border-radius:var(--radius-sm);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color);font-size:.8rem;overflow:hidden}.engine-panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex}.engine-panel-title{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.engine-icon{opacity:.7;width:14px;height:14px}.engine-variant-badge{color:var(--text-faint,#ffffff80);text-transform:uppercase;letter-spacing:.03em;background:#ffffff14;border-radius:3px;padding:.05rem .35rem;font-size:.65rem;font-weight:500}.engine-panel-controls{color:var(--text-faint,#ffffff80);align-items:center;gap:.6rem;font-size:.7rem;display:flex}.engine-depth{font-variant-numeric:tabular-nums;opacity:.6}.engine-lines-label{cursor:pointer;align-items:center;gap:.25rem;display:flex}.engine-lines-select{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff0f;border-radius:3px;padding:.1rem .2rem;font-size:.7rem}.engine-pv-lines{flex-direction:column;display:flex}.engine-pv-row{border-bottom:1px solid #ffffff08;align-items:baseline;gap:.5rem;min-height:1.6em;padding:.3rem .6rem;display:flex}.engine-pv-row:last-child{border-bottom:none}.engine-pv-score{text-align:right;font-variant-numeric:tabular-nums;border-radius:3px;flex-shrink:0;min-width:3.5em;padding:.1rem .35rem;font-size:.8rem;font-weight:700;line-height:1.3;display:inline-block}.engine-score-white{color:#1a1a1a;background:#f0f0f0}.engine-score-black{color:#e0e0e0;background:#2a2a2a;border:1px solid #ffffff26}.engine-score-even{color:var(--text-muted);background:#ffffff1a}.engine-pv-moves{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;line-height:1.4;overflow:hidden}.engine-pv-movenum{color:var(--text-faint)}.engine-pv-move{cursor:pointer;border-radius:2px;padding:.05rem .15rem}.engine-pv-move:hover{background:rgba(var(--accent-rgb), .2);color:var(--text-primary)}.engine-pv-empty{min-height:1.6em}.engine-pv-loading{color:var(--text-subtle);padding:.5rem 0;font-size:.8rem}.engine-pause-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.engine-pause-btn:hover{color:var(--text-primary)}.engine-nps{color:var(--text-faint);font-variant-numeric:tabular-nums;opacity:.7;font-size:.6rem}.engine-settings-btn{color:var(--text-faint);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.engine-settings-btn:hover{color:var(--text-primary)}.engine-settings-grid{flex-direction:column;gap:.75rem;margin:.75rem 0;display:flex}.engine-setting{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.engine-setting-name{color:var(--text-muted);white-space:nowrap;min-width:5em;font-size:.85rem}.engine-setting-select{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-xs);color:var(--text-primary);cursor:pointer;flex:1;max-width:160px;padding:.3rem .5rem;font-size:.85rem}.engine-setting-depth-row{flex:1;align-items:center;gap:.4rem;max-width:200px;display:flex}.engine-setting-range{accent-color:var(--accent);flex:1}.engine-setting-val{font-variant-numeric:tabular-nums;color:var(--text-muted);text-align:center;min-width:1.5em;font-size:.85rem}.engine-setting-inf-label{color:var(--text-muted);cursor:pointer;align-items:center;gap:.2rem;font-size:.9rem;display:flex}.engine-setting-inf-label input{cursor:pointer}.eval-bar{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#2a2a2a;flex-shrink:0;align-self:stretch;width:28px;position:relative;overflow:hidden}.eval-bar.hidden{display:none}.eval-bar-fill{background:#f0f0f0;height:50%;transition:height .3s;position:absolute;bottom:0;left:0;right:0}.eval-bar-flipped .eval-bar-fill{top:0;bottom:auto}.eval-bar-label{font-variant-numeric:tabular-nums;white-space:nowrap;z-index:1;font-size:.55rem;font-weight:700;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.eval-bar-label-bottom{bottom:4px}.eval-bar-label-top{top:4px}.eval-bar-label-dark{color:#1a1a1a}.eval-bar-label-light{color:#e0e0e0}.move-number{color:var(--text-faint);margin-right:.1rem}.move{cursor:pointer;white-space:nowrap;border-radius:3px;padding:.1rem .25rem}.move:hover{background:rgba(var(--accent-rgb), .15)}.move-current{background:rgba(var(--accent-rgb), .25);color:var(--accent)}.move-nag{color:var(--nag-mistake);margin-left:1px;font-size:.95em;font-weight:700}.move-nag [data-nag="3"]{color:var(--nag-brilliant)}.move:has([data-nag="3"]){color:var(--nag-brilliant)}.move-variation:has([data-nag="3"]){color:var(--nag-brilliant)}.move-nag [data-nag="1"]{color:var(--nag-good)}.move:has([data-nag="1"]){color:var(--nag-good)}.move-variation:has([data-nag="1"]){color:var(--nag-good)}.move-nag [data-nag="5"]{color:var(--nag-interesting)}.move:has([data-nag="5"]){color:var(--nag-interesting)}.move-variation:has([data-nag="5"]){color:var(--nag-interesting)}.move-nag [data-nag="6"]{color:var(--nag-dubious)}.move:has([data-nag="6"]){color:var(--nag-dubious)}.move-variation:has([data-nag="6"]){color:var(--nag-dubious)}.move-nag [data-nag="2"]{color:var(--nag-mistake)}.move:has([data-nag="2"]){color:var(--nag-mistake)}.move-variation:has([data-nag="2"]){color:var(--nag-mistake)}.move-nag [data-nag="4"]{color:var(--nag-blunder)}.move:has([data-nag="4"]){color:var(--nag-blunder)}.move-variation:has([data-nag="4"]){color:var(--nag-blunder)}.move-nag [data-nag="9"]{color:var(--nag-worst)}.move:has([data-nag="9"]){color:var(--nag-worst)}.move-variation:has([data-nag="9"]){color:var(--nag-worst)}.move-nag [data-nag="7"]{color:var(--nag-forced)}.move:has([data-nag="7"]){color:var(--nag-forced)}.move-variation:has([data-nag="7"]){color:var(--nag-forced)}.move-comment{color:var(--text-faint);overflow-wrap:anywhere;font-size:.85em;font-style:italic}.move-variation{color:var(--text-muted);cursor:pointer;border-radius:3px;padding:.1rem .15rem;font-size:.92em}.move-variation:hover{background:rgba(var(--accent-rgb), .1)}.move-variation.move-current{background:rgba(var(--accent-rgb), .2);color:var(--accent)}.move-variation-block{color:var(--text-faint);font-size:.92em}.var-toggle{cursor:pointer;color:var(--text-faint);-webkit-user-select:none;user-select:none;margin-right:.2em;font-size:1.1em}[data-var-node]{cursor:pointer}.mt-variation.collapsed,.move-variation-block.collapsed{color:var(--text-faint)}.mt-variation.collapsed{border-left-style:dashed}.branch-overlay{z-index:20;border-radius:inherit;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.branch-popover{background:var(--popup-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);flex-direction:column;gap:2px;min-width:100px;padding:4px;display:flex;box-shadow:0 8px 24px #00000080}.branch-option{color:var(--text-muted);cursor:pointer;text-align:left;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:3px;padding:.4rem .75rem;font-family:inherit;font-size:.95rem;font-weight:500}.branch-option:hover,.branch-option.branch-selected{background:var(--border-color);color:var(--text-primary)}.branch-option.branch-main{font-weight:600}.raised-panel{background:var(--raised-panel-bg,#00000040);border-radius:var(--radius-sm);box-shadow:0 1px 4px var(--shadow-color);border:1px solid var(--border-color)}.viewer-toolbar{-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;gap:.25rem;margin-top:.75rem;padding:.25rem;display:flex}.viewer-toolbar.hidden{display:none}.viewer-tool-group{flex:1;justify-content:space-evenly;align-items:center;display:flex}.viewer-tool-btn{width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.35rem;display:flex}.viewer-tool-btn svg{width:100%;height:100%}.viewer-tool-btn:hover{background:var(--overlay-light);color:var(--text-primary)}.viewer-tool-btn.active{color:var(--accent)}.viewer-toolbar-sep{background:var(--border-color);flex-shrink:0;width:1px;height:1.4rem;margin:0 .1rem}.viewer-nav-group{align-items:center;gap:.15rem;display:flex}.viewer-nav-btn{width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;touch-action:manipulation;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;display:flex}.viewer-nav-btn svg{width:100%;height:100%}.viewer-nav-btn:hover{background:var(--overlay-light);color:var(--text-primary);box-shadow:0 1px 3px #00000040}.viewer-nav-btn:disabled{opacity:.25;cursor:default}.viewer-nav-btn:disabled:hover{color:var(--text-muted);background:0 0}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--surface-primary);color:var(--text-primary);white-space:nowrap;border-radius:var(--radius-xs);pointer-events:none;opacity:0;z-index:100;padding:4px 8px;font-size:.7rem;line-height:1.3;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-tooltip]:hover:after{opacity:1;transition-delay:.5s}[data-tooltip]:active:after{opacity:0;transition-delay:0s}.share-btn-wrapper{position:relative}.share-popover{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:100;flex-direction:column;min-width:150px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 16px #0006}.share-popover.hidden{display:none}.share-option{color:var(--text-primary);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.6rem 1rem;font-size:.85rem}.share-option:hover{background:var(--overlay-light)}.share-option.hidden{display:none}.overflow-btn-wrapper{display:none;position:relative}.overflow-menu{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);z-index:100;flex-direction:column;min-width:180px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 4px 16px #0006}.overflow-menu.hidden{display:none}.overflow-item{color:var(--text-primary);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.9rem;display:flex}.overflow-item svg{width:1.1rem;height:1.1rem;color:var(--text-muted);flex-shrink:0}.overflow-item:hover{background:var(--overlay-light)}.overflow-item.active,.overflow-item.active svg{color:var(--accent)}.overflow-sep{background:var(--border-color);height:1px;margin:.25rem 0}#viewer-play{background:var(--input-bg);width:2.8rem;height:2.8rem;color:var(--text-primary);box-shadow:0 1px 3px var(--shadow-color);border:1px solid var(--surface-subtle);padding:.35rem}#viewer-play:hover{background:var(--border-color);box-shadow:0 2px 6px #0006}.viewer-add-moves{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.viewer-add-moves p{margin:0}.viewer-add-moves-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600}.viewer-add-moves-btn:hover{opacity:.85}.viewer-submit-btn{color:var(--accent)}.viewer-submit-btn:hover{background:var(--accent);color:#fff}.view-game-btn{color:var(--text-primary);background:var(--overlay-light);border:var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-fast);margin-top:.75rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600}.view-game-btn:hover{background:var(--overlay-light-hover);transform:translateY(-1px)}.viewer-browser-panel:not(.hidden){display:none}.modal-content-viewer.browser-only .viewer-browser-panel:not(.hidden){flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.modal-content-viewer.browser-only .viewer-main{display:none}.modal-content-viewer.browser-only .viewer-close{z-index:2}@media (width>=768px){.modal-content-viewer{flex-direction:column;width:auto;max-width:95vw;height:90vh;display:flex;overflow:hidden}.viewer-browser-panel.hidden{display:none}.viewer-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.viewer-layout{flex-direction:row;flex:1 1 0;gap:.75rem;min-height:0;display:flex}.viewer-board-col{aspect-ratio:1;flex-direction:column;flex-shrink:0;height:100%;display:flex}.viewer-board{aspect-ratio:1;width:100%;min-width:200px;max-width:none}.viewer-side-col{flex-direction:column;flex:1;gap:.5rem;min-width:160px;height:100%;min-height:0;display:flex}.viewer-moves{flex:1;height:auto;overflow-y:auto}.engine-panel{flex-shrink:0}}@media (width<=999px){.modal-content-viewer{width:95%;max-width:560px;height:98dvh}.viewer-layout{flex-direction:column;align-items:center;gap:.75rem;display:flex}.viewer-board-col{aspect-ratio:auto;flex-shrink:1;width:100%;height:auto}.viewer-board{width:100%;min-width:0;max-width:100%}.eval-bar{display:none!important}.viewer-side-col{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.engine-panel{margin-top:.4rem}.engine-pv-row:nth-child(n+2),.engine-lines-label{display:none}.viewer-moves{flex:1;width:100%;min-width:0;height:auto}.viewer-toolbar{gap:.1rem;padding:.2rem}.viewer-toolbar-sep{margin:0}.viewer-tool-btn{width:1.75rem;height:1.75rem;padding:.3rem}.viewer-nav-btn{width:2rem;height:2.25rem;padding:.35rem}#viewer-play{width:2.5rem;height:2.5rem}}@media (width>=1000px){.modal-content-viewer.has-browser{flex-direction:row;width:95vw;padding:0}.modal-content-viewer.has-browser .viewer-main{padding:1.5rem 1.5rem 1.5rem .75rem;display:flex}.modal-content-viewer.browser-only .viewer-main{display:flex}[data-action=explorer-back]{display:none}.viewer-browser-panel:not(.hidden){flex-direction:column;flex:0 0 500px;padding:1.5rem .75rem 1.5rem 1.5rem;display:flex;overflow:hidden}}@media (width>=1000px) and (width<=1599px){.modal-content-viewer.has-browser{max-width:1000px;height:90vh}.has-browser .viewer-layout{flex-direction:column;align-items:center;gap:.75rem;display:flex}.has-browser .viewer-board-col{aspect-ratio:auto;flex-shrink:1;width:100%;height:auto}.has-browser .viewer-board{width:100%;min-width:0;max-width:100%}.has-browser .viewer-side-col{width:100%}.has-browser .viewer-moves{flex:1;width:100%;min-width:0;height:auto}.viewer-browser-panel>.engine-panel{box-sizing:border-box;flex-shrink:0;width:100%;margin:.5rem 0 0}.viewer-browser-panel>.engine-panel .engine-pv-moves{text-overflow:ellipsis;overflow:hidden}.has-browser .eval-bar{display:none!important}}.viewer-browser-panel .browser-content{flex-direction:column;flex:1;margin-top:.5625rem;display:flex}.viewer-browser-panel .browser-search{padding:0}.viewer-browser-panel .browser-filters{padding:0 .75rem}.viewer-browser-panel .browser-games-wrap{flex:1;padding:.25rem}.viewer-browser-panel .browser-game-row{padding:.35rem .75rem;font-size:.82rem}.viewer-browser-panel .browser-game-row.active{background:var(--border-color)}.viewer-browser-panel h2{text-align:center;margin:0;padding:0;font-size:1rem}.move-table{grid-template-columns:2rem 1fr 1fr;gap:0;width:100%;display:grid}.move-table .move-num{color:var(--text-faint);text-align:right;-webkit-user-select:none;user-select:none;padding:.2rem .4rem .2rem 0;font-size:.8em}.move-table .move{cursor:pointer;white-space:nowrap;border-radius:3px;padding:.2rem .4rem}.move-table .move:hover{background:rgba(var(--accent-rgb), .15)}.move-table .move-empty{padding:.2rem .4rem}.move-table .move-num,.move-table .move,.move-table .move-empty{border-bottom:1px solid var(--surface)}.move-table .mt-stripe{background:var(--surface)}.move-table .mt-comment{color:var(--text-faint);border-bottom:1px solid var(--surface);overflow-wrap:anywhere;grid-column:1/-1;min-width:0;padding:.15rem .4rem .3rem 2.4rem;font-size:.85em;font-style:italic}.move-table .mt-variation{color:var(--text-muted);border-bottom:1px solid var(--surface);border-left:2px solid rgba(var(--accent-rgb), .25);overflow-wrap:anywhere;grid-column:1/-1;min-width:0;padding:.2rem .4rem .2rem 2.4rem;font-size:.88em;line-height:1.7}.move-table .move.move-current{background:rgba(var(--accent-rgb), .25);color:var(--accent)}.editor-h-btn{border-radius:var(--radius-sm);background:var(--overlay-light);color:var(--text-primary);cursor:pointer;border:none;padding:6px 14px;font-size:.85rem;font-weight:600}.editor-h-btn:hover{background:var(--overlay-light-hover)}.editor-h-btn-secondary{background:var(--surface-subtle)}.editor-h-btn-secondary:hover{background:var(--border-color)}.editor-comment-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-sizing:border-box;resize:none;field-sizing:content;background:#0000004d;flex:none;min-height:1.8rem;margin-top:.35rem;padding:.35rem .5rem;font-family:inherit;font-size:.8rem;font-style:italic;line-height:1.5;transition:height .15s;overflow-y:hidden}.editor-comment-input::placeholder{color:var(--text-faint);font-style:italic}.editor-comment-input:focus{border-color:var(--accent);outline:none}.editor-nag-picker{z-index:2001;background:var(--popup-bg);border:1px solid var(--overlay-light);border-radius:var(--radius-sm);width:max-content;min-width:200px;max-width:260px;max-height:min(70vh,500px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 8px 24px #00000080}.editor-nag-picker:not(.hidden){display:block}.nag-section{margin-bottom:4px}.nag-section:last-child{margin-bottom:0}.nag-section-title{color:var(--text-faint);padding:4px 8px 2px;font-size:.65rem}.nag-btn{border-radius:var(--radius-xs);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:5px 8px;font-size:.85rem;display:flex}.nag-btn:hover{background:var(--input-bg)}.nag-btn.nag-active{background:rgba(var(--accent-rgb), .2)}.nag-btn.nag-active .nag-symbol{color:var(--accent)}.nag-symbol{text-align:center;width:24px;color:var(--nag-mistake);flex-shrink:0;font-size:1rem;font-weight:700}.nag-btn[data-nag="3"] .nag-symbol{color:var(--nag-brilliant)}.nag-btn[data-nag="1"] .nag-symbol{color:var(--nag-good)}.nag-btn[data-nag="5"] .nag-symbol{color:var(--nag-interesting)}.nag-btn[data-nag="6"] .nag-symbol{color:var(--nag-dubious)}.nag-btn[data-nag="2"] .nag-symbol{color:var(--nag-mistake)}.nag-btn[data-nag="4"] .nag-symbol{color:var(--nag-blunder)}.nag-btn[data-nag="9"] .nag-symbol{color:var(--nag-worst)}.nag-btn[data-nag="7"] .nag-symbol{color:var(--nag-forced)}.nag-label{color:var(--text-subtle);font-size:.8rem}.editor-context-menu{z-index:2001;background:var(--popup-bg);border:1px solid var(--overlay-light);border-radius:var(--radius-sm);min-width:180px;padding:6px;position:fixed;box-shadow:0 8px 24px #00000080}.ctx-nag-row{border-bottom:1px solid var(--input-bg);gap:2px;margin-bottom:4px;padding:2px 2px 6px;display:flex}.ctx-nag{color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:1px solid #0000;flex:1;padding:4px 0;font-size:1rem;font-weight:700}.ctx-nag:hover{background:var(--input-bg)}.ctx-nag.nag-active{background:rgba(var(--accent-rgb), .2);border-color:rgba(var(--accent-rgb), .4)}.ctx-nag[data-nag="1"]{color:var(--nag-good)}.ctx-nag[data-nag="2"]{color:var(--nag-mistake)}.ctx-nag[data-nag="3"]{color:var(--nag-brilliant)}.ctx-nag[data-nag="4"]{color:var(--nag-blunder)}.ctx-nag[data-nag="5"]{color:var(--nag-interesting)}.ctx-nag[data-nag="6"]{color:var(--nag-dubious)}.ctx-item{width:100%;color:var(--text-primary);border-radius:var(--radius-xs);cursor:pointer;text-align:left;background:0 0;border:none;padding:6px 8px;font-size:.85rem;display:block}.ctx-item:hover{background:var(--input-bg)}.board-promotion{border:1px solid var(--overlay-light-hover);z-index:30;background:#000000e6;border-radius:10px;gap:4px;padding:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-promotion:not(.hidden){display:flex}.promo-btn{background:var(--input-bg);cursor:pointer;border:none;border-radius:6px;width:52px;height:52px;padding:4px}.promo-btn:hover{background:#ffffff40}.promo-btn img{object-fit:contain;width:100%;height:100%}.editor-import-dialog{z-index:25;background:#000000b3;justify-content:center;align-items:center;position:absolute;inset:0}.editor-import-dialog:not(.hidden){display:flex}.editor-import-content{background:var(--popup-bg);border-radius:var(--radius-card);width:90%;max-width:500px;box-shadow:var(--shadow-modal);padding:1.25rem}.editor-import-content h3{color:var(--text-primary);margin:0 0 .75rem;font-size:1rem}.editor-import-text{border:1px solid var(--surface);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);resize:vertical;box-sizing:border-box;box-shadow:inset 0 2px 4px var(--shadow-color);background:#0006;padding:8px;font-family:monospace;font-size:.8rem}.editor-import-text.drag-over{border-color:var(--accent);background:#4a90e21a}.editor-file-btn{cursor:pointer}.editor-import-spacer{flex:1}.editor-import-actions{align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.editor-dirty-content{max-width:400px}.editor-dirty-message{color:var(--text-subtle);margin:.5rem 0 1rem}.editor-dirty-actions{flex-wrap:wrap}.editor-header-popup{z-index:25;background:#00000080;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.editor-header-popup:not(.hidden){display:flex}.editor-header-inner{background:var(--popup-bg);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);width:min(340px,90vw);padding:1rem 1.25rem;box-shadow:0 8px 32px #00000080}.editor-header-title{color:var(--text-primary);text-align:center;margin:0 0 .85rem;font-size:.95rem;font-weight:600}.editor-header-fields{grid-template-columns:auto 1fr;align-items:center;gap:.5rem .75rem;display:grid}.editor-header-fields label{color:var(--text-primary);text-align:right;white-space:nowrap;font-size:.8rem}.editor-header-input{background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:var(--radius-xs);width:100%;min-width:0;color:var(--text-primary);box-sizing:border-box;padding:5px 8px;font-family:inherit;font-size:.8rem}.editor-header-input:focus{border-color:var(--overlay-light-hover);outline:none}select.editor-header-input{appearance:auto}.editor-header-actions{justify-content:flex-end;gap:.5rem;margin-top:.85rem;display:flex}@media (width<=767px){.viewer-board-col:has(.editor-comment-input:not(.hidden))~.viewer-side-col .viewer-moves{flex:1 1 0;height:auto;min-height:80px}.viewer-board-col:has(.editor-comment-input:not(.hidden))~.viewer-moves{flex:1 1 0;height:auto;min-height:80px}.editor-comment-input:not(.hidden){min-height:3rem;max-height:5rem}.viewer-toolbar{justify-content:space-evenly;gap:0;padding:.4rem 0}.viewer-tool-group:first-child{flex:0}.viewer-tool-group:first-child>:not([data-action=viewer-flip]),.viewer-tool-group-end{display:none}.viewer-toolbar-sep{margin:0 .15rem}.viewer-nav-group{flex:1;justify-content:space-evenly}.overflow-btn-wrapper{display:flex}.viewer-tool-btn,.viewer-nav-btn,.viewer-overflow-btn{width:3rem;height:3rem;padding:.55rem}#viewer-play{width:3.5rem;height:3.5rem}}cg-board piece.dragging{z-index:10000!important}.browser-content{flex-direction:column;flex:1;min-height:0;margin-top:.75rem;display:flex}.browser-search{align-items:center;gap:.35rem;margin-bottom:.75rem;display:flex}.browser-search-wrap{flex:1;min-width:0;position:relative}.browser-search-input{width:100%;color:var(--text-primary);background:var(--overlay-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), background var(--transition-fast);box-sizing:border-box;outline:none;padding:.5rem 2rem .5rem .75rem;font-family:inherit;font-size:1rem}.browser-search-input::placeholder{color:var(--text-faint)}.browser-search-input:focus{border-color:var(--accent);background:var(--border-color)}.browser-search-clear{color:var(--text-subtle);cursor:pointer;width:2.75rem;height:2.75rem;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1rem;line-height:1;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.browser-search-clear:not(.hidden){display:flex}.browser-search-clear:hover{color:var(--text-primary);background:var(--input-bg)}.browser-autocomplete{z-index:10;background:var(--popup-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-modal);max-height:16rem;margin-top:.2rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.browser-ac-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:.5rem .75rem;font-family:inherit;font-size:.82rem;display:block}.browser-ac-item:hover,.browser-ac-item.browser-ac-focused{background:var(--overlay-light);color:var(--text-primary)}.browser-ac-item strong{color:var(--text-primary);font-weight:700}.browser-ac-profile{color:var(--accent);border-bottom:1px solid var(--surface-subtle);font-size:.78rem}.browser-ac-profile:hover,.browser-ac-profile.browser-ac-focused{background:rgba(var(--accent-rgb), .08);color:var(--accent)}.browser-profile-link{width:100%;color:var(--accent);background:rgba(var(--accent-rgb), .06);border:1px solid rgba(var(--accent-rgb), .15);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:background var(--transition-fast), border-color var(--transition-fast);margin-bottom:.3rem;padding:.45rem .5rem;font-family:inherit;font-size:.78rem;font-weight:600;display:block}.browser-profile-link:hover{background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .3)}.browser-ac-empty{color:var(--text-faint);padding:.5rem .75rem;font-size:.8rem}.browser-filters{justify-content:center;align-items:center;gap:0;margin-bottom:.75rem;display:flex}.browser-filters.hidden{display:none}.browser-round-select{color:var(--text-muted);background:var(--surface-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;margin-right:.5rem;padding:.2rem .4rem;font-family:inherit;font-size:.72rem;font-weight:600}.browser-chips{justify-content:center;gap:.3rem;margin-bottom:.75rem;display:flex}.browser-chips.hidden{display:none}.browser-section-btn{color:var(--text-faint);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:.3rem .55rem;font-family:inherit;font-size:.72rem;font-weight:600}.browser-section-btn:hover{color:var(--text-muted)}.browser-section-btn.browser-section-active{color:var(--text-muted);border-bottom-color:var(--text-muted)}.browser-chip-select{color:var(--text-muted);background:var(--surface);border:1px solid var(--input-bg);border-radius:var(--radius-xs);cursor:pointer;max-width:100%;padding:.25rem .4rem;font-family:inherit;font-size:.72rem}.browser-action-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:1.8rem;height:1.8rem;color:var(--text-faint);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.browser-action-btn svg{width:14px;height:14px}.browser-action-btn:hover{color:var(--text-primary);border-color:var(--overlay-light-hover)}.browser-action-btn[data-tooltip]:after{top:calc(100% + 6px);bottom:auto}.browser-action-btn:last-child[data-tooltip]:after{left:auto;right:0;transform:none}.editor-eco{color:var(--text-muted);text-align:center;padding:2px 8px;font-size:.75rem}.browser-games-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.browser-games{flex:1;min-height:0;padding:.3rem 0;overflow-y:auto}.browser-game-row{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .5rem;display:flex}.browser-game-row:hover{background:var(--overlay-light)}.browser-board{color:var(--text-faint);text-align:center;flex-shrink:0;min-width:1.5rem;font-size:.75rem;font-weight:700}.browser-player{flex:1;align-items:center;gap:.25rem;min-width:0;display:flex}.browser-player-white{justify-content:flex-end}.browser-player-black{justify-content:flex-start}.browser-result-center{flex-shrink:0;align-items:stretch;gap:0;display:flex}.browser-result-half{background:var(--surface);border-bottom:2px solid #0000;align-items:center;gap:.2rem;padding:.2rem .35rem;display:flex}.browser-result-half:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.browser-result-half:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.browser-result-half.browser-winner{border-bottom-color:var(--result-win-border);background:var(--result-win-bg)}.browser-result-half.browser-loser{border-bottom-color:var(--result-lose-border);background:var(--result-lose-bg)}.browser-result-half.browser-draw{border-bottom-color:var(--text-faint)}.browser-vs{color:var(--text-faint);font-size:.65rem;font-style:italic;display:none}.browser-game-row[data-pairing=true] .browser-result-half{display:none}.browser-game-row[data-pairing=true] .browser-vs{display:inline}.browser-game-row[data-pairing=true] .browser-result-center{background:var(--surface);border-radius:var(--radius-sm);gap:.25rem;padding:.2rem .35rem}.browser-game-row[data-pairing=true]{opacity:.8;cursor:default}.browser-elo:empty:before{content:"unr.";opacity:.6;font-style:italic}.browser-piece-icon{object-fit:contain;flex-shrink:0;width:.85rem;height:.85rem}.browser-name{color:var(--text-primary);min-width:0;font-size:.78rem;font-weight:600}.browser-elo{color:var(--text-faint);flex-shrink:0;font-size:.65rem}.browser-score{text-align:center;min-width:.7rem;color:var(--text-primary);flex-shrink:0;font-size:.85rem;font-weight:700}.browser-winner .browser-score{color:var(--result-win-text)}.browser-loser .browser-score{color:var(--result-lose-text)}.browser-section-header{color:var(--text-subtle);margin-top:.25rem;padding:.6rem .5rem .25rem;font-size:.7rem;font-weight:700}.browser-section-header:first-child{margin-top:0}.browser-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;padding:1.5rem;display:flex}.browser-empty-img{object-fit:contain;flex:1;width:100%;margin-top:1rem}.profile-modal-content{flex-direction:column;max-width:520px;max-height:85vh;display:flex;overflow:hidden}.profile-modal-content h2{text-align:center;flex-shrink:0;margin-bottom:.5rem}.profile-uscf-link{color:var(--accent);vertical-align:middle;margin-left:.25em;font-size:.65em;font-weight:500;text-decoration:none}.profile-uscf-link:hover{text-decoration:underline}.profile-body{color:var(--text-muted);flex-direction:column;flex:1;min-height:0;font-size:.9rem;line-height:1.5;display:flex;overflow:hidden}.profile-loading,.profile-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.profile-error{text-align:center;color:var(--status-error);padding:2rem 1rem}.profile-empty-small{text-align:center;color:var(--text-faint);padding:1rem;font-size:.85rem}.profile-tabs{border-bottom:1px solid var(--input-bg);flex-shrink:0;gap:0;display:flex}.profile-tab{color:var(--text-faint);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem .5rem;font-family:inherit;font-size:.78rem;font-weight:600}.profile-tab:hover{color:var(--text-muted)}.profile-tabs[data-active=overview] [data-tab=overview],.profile-tabs[data-active=openings] [data-tab=openings],.profile-tabs[data-active=opponents] [data-tab=opponents]{color:var(--text-primary);border-bottom-color:var(--accent)}.profile-row{background:var(--surface);border:1px solid var(--surface);border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;flex-direction:column;gap:.25rem;margin-bottom:.35rem;padding:.6rem .75rem;display:flex}.profile-row:hover{background:var(--overlay-light)}.profile-row-compact{background:0 0;border-color:#0000;flex-direction:row;align-items:center;gap:.4rem;margin-bottom:.15rem;padding:.35rem .5rem}.profile-row-compact .profile-row-label{flex:1;min-width:0}.profile-row-compact .profile-row-name{color:var(--text-muted);font-size:.75rem;font-weight:600}.profile-row-compact .profile-bar{flex-shrink:0;width:10rem;height:1rem;margin:0}.profile-row-compact .profile-bar span{font-size:.6rem}.profile-row-link:hover{color:var(--accent)}.profile-row-compact .profile-row-summary{text-align:right;flex-shrink:0;justify-content:flex-end;width:4.5rem;font-size:.7rem}.profile-row-label{align-items:center;gap:.4rem;display:flex}.profile-row-name{color:var(--text-subtle);min-width:0;font-size:.78rem;font-weight:700}.profile-row-summary{color:var(--text-faint);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.profile-row-divider{color:var(--border-color)}.profile-bar{border-radius:var(--radius-xs);height:1.4rem;margin:.35rem 0;display:flex;overflow:hidden}.profile-bar-win,.profile-bar-draw,.profile-bar-loss{border-bottom:2px solid #0000;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.profile-bar-win span,.profile-bar-draw span,.profile-bar-loss span{font-size:.7rem;font-weight:700;line-height:1}.profile-bar-win{background:rgba(var(--win-rgb), .12);border-bottom-color:var(--win)}.profile-bar-win span{color:var(--win)}.profile-bar-draw{background:var(--overlay-light);border-bottom-color:var(--text-subtle)}.profile-bar-draw span{color:var(--text-primary)}.profile-bar-loss{background:rgba(var(--status-error-rgb), .08);border-bottom-color:var(--status-error)}.profile-bar-loss span{color:var(--status-error)}.profile-tab-header{flex-shrink:0;padding-top:.75rem}.profile-tab-content{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.profile-section-title{color:var(--text-subtle);border-bottom:1px solid var(--surface-subtle);align-items:center;gap:.4rem;margin-top:.75rem;margin-bottom:.5rem;padding-bottom:.3rem;font-size:.75rem;font-weight:700;display:flex}.profile-color-icon{object-fit:contain;width:1.2rem;height:1.2rem}.profile-opponent-search{padding-bottom:.5rem}.profile-opponent-input{width:100%;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);outline:none;padding:.4rem .6rem;font-family:inherit;font-size:.82rem}.profile-opponent-input:focus{border-color:var(--accent)}.profile-opponent-input::placeholder{color:var(--text-faint)}.explorer-header{align-items:baseline;gap:.5rem;min-height:1.6rem;padding:.3rem 0;display:flex}.explorer-title{color:var(--text-primary);flex:1;min-width:0;font-size:.88rem;font-weight:600}.explorer-ply{cursor:pointer;border-radius:3px;padding:0 2px;transition:color .1s,background .1s}.explorer-ply:hover{color:var(--accent);background:var(--surface-subtle)}.explorer-count{color:var(--text-faint);flex-shrink:0;font-size:.75rem}.explorer-table{flex-direction:column;display:flex}.explorer-table-header{color:var(--text-faint);border-bottom:1px solid var(--input-bg);align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.68rem;font-weight:700;display:flex}.explorer-row{border:none;border-bottom:1px solid var(--surface);color:inherit;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:.3rem;width:100%;padding:.4rem .5rem;font-family:inherit;display:flex;position:relative}.explorer-row:hover{background:var(--overlay-light)}.explorer-row-all{border-top:1px solid var(--border);cursor:default}.explorer-row-all:hover{background:var(--overlay-light)}.explorer-all-label{color:var(--text-faint);font-style:italic}.explorer-row-selected{background:rgba(var(--accent-rgb), .08)}.explorer-row-selected:hover{background:rgba(var(--accent-rgb), .12)}.explorer-tip{background:var(--popup-bg);border:1px solid var(--border-color);border-radius:var(--radius-xs);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;z-index:10;padding:3px 8px;font-size:.75rem;transition:opacity .15s;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.explorer-row:hover .explorer-tip{opacity:1}.explorer-tip-w{color:var(--nag-good)}.explorer-tip-d{color:var(--text-faint)}.explorer-tip-b{color:var(--nag-blunder)}.explorer-col-move{flex-shrink:0;min-width:3rem}.explorer-san{color:var(--text-primary);font-size:.88rem;font-weight:700}.explorer-col-games{text-align:right;min-width:2.5rem;color:var(--text-muted);flex-shrink:0;font-size:.78rem}.explorer-col-bar{flex:1;min-width:3rem;padding:0 .3rem}.explorer-bar{border-radius:var(--radius-xs);height:1rem;display:flex;overflow:hidden}.explorer-bar-w{background:rgba(var(--win-rgb), .25);border-bottom:2px solid var(--win)}.explorer-bar-d{background:var(--surface-subtle);border-bottom:2px solid var(--text-subtle)}.explorer-bar-b{background:rgba(var(--status-error-rgb), .12);border-bottom:2px solid var(--status-error)}.explorer-col-score{text-align:right;min-width:2.5rem;color:var(--text-muted);flex-shrink:0;font-size:.78rem;font-weight:700}.explorer-content{flex:1}.viewer-moves:has(.explorer-toolbar){flex-direction:column;display:flex}.explorer-toolbar{justify-content:center;gap:.5rem;margin-top:.25rem;padding:.5rem 0;display:flex}.explorer-tb-btn{background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:.5rem .75rem;display:flex}.explorer-tb-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.explorer-tb-btn:disabled{opacity:.3;cursor:default}.explorer-tb-games{color:var(--accent);flex:1;font-size:.85rem;font-weight:500}@media (width>=1000px){.explorer-tb-games{display:none}}.explorer-empty{text-align:center;color:var(--text-faint);padding:1.5rem;font-size:.85rem}@media (width<=600px){.container{padding:1rem}.button-row{flex-direction:column}.title{font-size:2rem}.meme-text{font-size:1.1rem}.pairing-opponent{font-size:1.2rem}.meme{min-height:auto}.meme img{max-height:none}.off-season-countdown{padding:1.5rem}.countdown-value{font-size:2.5rem}.off-season-countdown-units{gap:1rem}.check-btn{padding:.75rem 1.5rem;font-size:1rem}.modal-content-viewer{width:98%;padding:1rem}.modal-content-viewer.browser-only{padding:0}.modal-content-viewer.browser-only h2{padding:1rem 1rem .5rem}.modal-content-viewer.browser-only .browser-search,.modal-content-viewer.browser-only .browser-filters{padding-left:1rem;padding-right:1rem}.viewer-board{max-width:100%}.viewer-moves{height:100px;font-size:.8rem}.viewer-player-name{font-size:.75rem}.viewer-player{gap:.2rem;padding:.35rem .4rem}.viewer-opening{font-size:.7rem}.viewer-filter-chip{margin-bottom:.25rem}.browser-game-row{gap:.25rem;padding:.3rem}.browser-result-half{padding:.15rem .25rem}.browser-name{font-size:.7rem}.browser-elo{display:none}.profile-modal-content{width:98%;padding:1.25rem}.profile-tab{padding:.5rem .25rem;font-size:.7rem}.profile-row-name{max-width:8rem}.explorer-col-bar{min-width:2rem}}.style-modal-content{width:95%;max-width:560px;max-height:90vh;overflow:visible}.style-preview-board{aspect-ratio:1;border-radius:var(--radius-sm);grid-template-columns:repeat(8,1fr);width:100%;margin:0 auto 1.25rem;display:grid;overflow:hidden}.preview-sq{aspect-ratio:1;justify-content:center;align-items:center;display:flex}.preview-sq img{object-fit:contain;pointer-events:none;width:90%;height:90%}.style-controls{flex-direction:column;gap:.75rem;display:flex}.style-row{align-items:center;gap:.75rem;display:flex}.style-row>label{color:var(--text-subtle);min-width:50px;margin:0;font-size:.8rem;font-weight:600}.style-dropdown{flex:1;position:relative}.style-dropdown-trigger{background:var(--surface);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;border:1px solid #ffffff26;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.style-dropdown-trigger:hover{border-color:#ffffff4d}.style-dropdown.open .style-dropdown-trigger{border-color:var(--accent)}.style-dropdown-arrow{color:var(--text-subtle);margin-left:auto;font-size:.75rem}.style-dropdown-menu{z-index:20;background:var(--popup-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:240px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.style-dropdown.open .style-dropdown-menu{display:block}.style-dropdown.dropup .style-dropdown-menu{top:auto;bottom:calc(100% + 4px)}.style-dropdown-item{cursor:pointer;color:var(--text-muted);transition:background var(--transition-fast);align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex}.style-dropdown-item:hover{background:var(--overlay-light)}.style-dropdown-item.active{color:var(--text-primary);background:var(--overlay-light)}.style-dropdown-label{white-space:nowrap;font-size:.8rem}.style-piece-row{gap:1px;display:flex}.style-piece-img{object-fit:contain;width:22px;height:22px}.style-board-swatch{border-radius:3px;flex-shrink:0;grid-template-columns:1fr 1fr;width:24px;height:24px;display:grid;overflow:hidden}.style-board-swatch span{display:block}.style-scheme-swatch{border-radius:3px;flex-shrink:0;justify-content:flex-end;align-items:flex-end;width:32px;height:20px;padding:2px;display:flex}.style-scheme-swatch span{border-radius:50%;width:8px;height:8px}.style-board-row{flex:1;align-items:center;gap:.5rem;display:flex}.style-board-row .style-dropdown{flex:1}.color-picker{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:32px;height:30px;padding:0}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:1px solid #fff3;border-radius:4px}.app-scheme-name{text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{-webkit-user-select:none;user-select:none;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{pointer-events:none;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{z-index:2;will-change:transform;pointer-events:none;background-size:cover;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;z-index:2;overflow:hidden}.cg-wrap .cg-shapes-below{z-index:1;overflow:hidden}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:12px;height:100%;top:-20px;left:4px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-4px;left:24px}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{text-transform:uppercase;text-align:right;flex-flow:column-reverse;width:12.5%;height:100%;bottom:0;left:0}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}cg-board{background-color:#f0d9b5;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4PSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIgogICAgIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+CjxnIGlkPSJhIj4KICA8ZyBpZD0iYiI+CiAgICA8ZyBpZD0iYyI+CiAgICAgIDxnIGlkPSJkIj4KICAgICAgICA8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZSIgb3BhY2l0eT0iMCIvPgogICAgICAgIDx1c2UgeD0iMSIgeT0iMSIgaHJlZj0iI2UiIHg6aHJlZj0iI2UiLz4KICAgICAgICA8cmVjdCB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBpZD0iZiIgb3BhY2l0eT0iMC4yIi8+CiAgICAgICAgPHVzZSB4PSIxIiB5PSItMSIgaHJlZj0iI2YiIHg6aHJlZj0iI2YiLz4KICAgICAgPC9nPgogICAgICA8dXNlIHg9IjIiIGhyZWY9IiNkIiB4OmhyZWY9IiNkIi8+CiAgICA8L2c+CiAgICA8dXNlIHg9IjQiIGhyZWY9IiNjIiB4OmhyZWY9IiNjIi8+CiAgPC9nPgogIDx1c2UgeT0iMiIgaHJlZj0iI2IiIHg6aHJlZj0iI2IiLz4KPC9nPgo8dXNlIHk9IjQiIGhyZWY9IiNhIiB4OmhyZWY9IiNhIi8+Cjwvc3ZnPg==)}cg-board square.move-dest{background:radial-gradient(#14551e80 22%,#208530 0,#0000004d 0,#0000 0)}cg-board square.premove-dest{background:radial-gradient(#141e5580 22%,#203085 0,#0000004d 0,#0000 0)}cg-board square.oc.move-dest{background:radial-gradient(#0000 0% 80%,#1455004d 80%)}cg-board square.oc.premove-dest{background:radial-gradient(#0000 0% 80%,#141e5533 80%)}cg-board square.move-dest:hover,cg-board square.move-dest.hover{background:#14551e4d}cg-board square.premove-dest:hover,cg-board square.premove-dest.hover{background:#141e5533}cg-board square.last-move{background-color:#9bc70069}cg-board square.selected{background-color:#14551e80}cg-board square.check{background:radial-gradient(red 0%,#e70000 25%,#a9000000 89%,#9e000000 100%)}cg-board square.current-premove{background-color:#141e5580}.orientation-white .ranks :nth-child(odd),.orientation-white .files :nth-child(2n),.orientation-black .ranks :nth-child(2n),.orientation-black .files :nth-child(odd),coords.squares:nth-of-type(odd) :nth-child(2n),coords.squares:nth-of-type(2n) :nth-child(odd){color:#484848cc}.orientation-white .ranks :nth-child(2n),.orientation-white .files :nth-child(odd),.orientation-black .ranks :nth-child(odd),.orientation-black .files :nth-child(2n),coords.squares:nth-of-type(odd) :nth-child(odd),coords.squares:nth-of-type(2n) :nth-child(2n){color:#fffc}.cg-wrap piece.pawn.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIGZpbGw9IiNmZmYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.knight.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy0zdi00aDIxdjRIMTJ6bS0xLTIyVjloNHYyaDVWOWg1djJoNVY5aDR2NSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMzQgMTRsLTMgM0gxNGwtMy0zIi8+PHBhdGggZD0iTTMxIDE3djEyLjVIMTRWMTciIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMxIDI5LjVsMS41IDIuNWgtMjBsMS41LTIuNSIvPjxwYXRoIGQ9Ik0xMSAxNGgyMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik04IDEyYTIgMiAwIDEgMS00IDAgMiAyIDAgMSAxIDQgMHptMTYuNS00LjVhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAwek00MSAxMmEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTE2IDguNWEyIDIgMCAxIDEtNCAwIDIgMiAwIDEgMSA0IDB6TTMzIDlhMiAyIDAgMSAxLTQgMCAyIDIgMCAxIDEgNCAweiIvPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi0xMi03IDExVjExbC01LjUgMTMuNS0zLTE1LTMgMTUtNS41LTE0VjI1TDcgMTRsMiAxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTkgMjZjMCAyIDEuNSAyIDIuNSA0IDEgMS41IDEgMSAuNSAzLjUtMS41IDEtMS41IDIuNS0xLjUgMi41LTEuNSAxLjUuNSAyLjUuNSAyLjUgNi41IDEgMTYuNSAxIDIzIDAgMCAwIDEuNS0xIDAtMi41IDAgMCAuNS0xLjUtMS0yLjUtLjUtMi41LS41LTIgLjUtMy41IDEtMiAyLjUtMiAyLjUtNC04LjUtMS41LTE4LjUtMS41LTI3IDB6IiBzdHJva2UtbGluZWNhcD0iYnV0dCIvPjxwYXRoIGQ9Ik0xMS41IDMwYzMuNS0xIDE4LjUtMSAyMiAwTTEyIDMzLjVjNi0xIDE1LTEgMjEgMCIgZmlsbD0ibm9uZSIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.king.white{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjZNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTIyLjUgMjVzNC41LTcuNSAzLTEwLjVjMCAwLTEtMi41LTMtMi41cy0zIDIuNS0zIDIuNWMtMS41IDMgMyAxMC41IDMgMTAuNSIgZmlsbD0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTEuNSAzN2M1LjUgMy41IDE1LjUgMy41IDIxIDB2LTdzOS00LjUgNi0xMC41Yy00LTYuNS0xMy41LTMuNS0xNiA0VjI3di0zLjVjLTMuNS03LjUtMTMtMTAuNS0xNi00LTMgNiA1IDEwIDUgMTBWMzd6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTExLjUgMzBjNS41LTMgMTUuNS0zIDIxIDBtLTIxIDMuNWM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.pawn.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PHBhdGggZD0iTTIyLjUgOWMtMi4yMSAwLTQgMS43OS00IDQgMCAuODkuMjkgMS43MS43OCAyLjM4QzE3LjMzIDE2LjUgMTYgMTguNTkgMTYgMjFjMCAyLjAzLjk0IDMuODQgMi40MSA1LjAzLTMgMS4wNi03LjQxIDUuNTUtNy40MSAxMy40N2gyM2MwLTcuOTItNC40MS0xMi40MS03LjQxLTEzLjQ3IDEuNDctMS4xOSAyLjQxLTMgMi40MS01LjAzIDAtMi40MS0xLjMzLTQuNS0zLjI4LTUuNjIuNDktLjY3Ljc4LTEuNDkuNzgtMi4zOCAwLTIuMjEtMS43OS00LTQtNHoiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==)}.cg-wrap piece.bishop.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIGZpbGw9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0Ij48cGF0aCBkPSJNOSAzNmMzLjM5LS45NyAxMC4xMS40MyAxMy41LTIgMy4zOSAyLjQzIDEwLjExIDEuMDMgMTMuNSAyIDAgMCAxLjY1LjU0IDMgMi0uNjguOTctMS42NS45OS0zIC41LTMuMzktLjk3LTEwLjExLjQ2LTEzLjUtMS0zLjM5IDEuNDYtMTAuMTEuMDMtMTMuNSAxLTEuMzU0LjQ5LTIuMzIzLjQ3LTMtLjUgMS4zNTQtMS45NCAzLTIgMy0yeiIvPjxwYXRoIGQ9Ik0xNSAzMmMyLjUgMi41IDEyLjUgMi41IDE1IDAgLjUtMS41IDAtMiAwLTIgMC0yLjUtMi41LTQtMi41LTQgNS41LTEuNSA2LTExLjUtNS0xNS41LTExIDQtMTAuNSAxNC01IDE1LjUgMCAwLTIuNSAxLjUtMi41IDQgMCAwLS41LjUgMCAyeiIvPjxwYXRoIGQ9Ik0yNSA4YTIuNSAyLjUgMCAxIDEtNSAwIDIuNSAyLjUgMCAxIDEgNSAweiIvPjwvZz48cGF0aCBkPSJNMTcuNSAyNmgxME0xNSAzMGgxNW0tNy41LTE0LjV2NU0yMCAxOGg1IiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48L2c+PC9zdmc+)}.cg-wrap piece.knight.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMiAxMGMxMC41IDEgMTYuNSA4IDE2IDI5SDE1YzAtOSAxMC02LjUgOC0yMSIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik0yNCAxOGMuMzggMi45MS01LjU1IDcuMzctOCA5LTMgMi0yLjgyIDQuMzQtNSA0LTEuMDQyLS45NCAxLjQxLTMuMDQgMC0zLTEgMCAuMTkgMS4yMy0xIDItMSAwLTQuMDAzIDEtNC00IDAtMiA2LTEyIDYtMTJzMS44OS0xLjkgMi0zLjVjLS43My0uOTk0LS41LTItLjUtMyAxLTEgMyAyLjUgMyAyLjVoMnMuNzgtMS45OTIgMi41LTNjMSAwIDEgMyAxIDMiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNOS41IDI1LjVhLjUuNSAwIDEgMS0xIDAgLjUuNSAwIDEgMSAxIDB6bTUuNDMzLTkuNzVhLjUgMS41IDMwIDEgMS0uODY2LS41LjUgMS41IDMwIDEgMSAuODY2LjV6IiBmaWxsPSIjZWNlY2VjIiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMjQuNTUgMTAuNGwtLjQ1IDEuNDUuNS4xNWMzLjE1IDEgNS42NSAyLjQ5IDcuOSA2Ljc1UzM1Ljc1IDI5LjA2IDM1LjI1IDM5bC0uMDUuNWgyLjI1bC4wNS0uNWMuNS0xMC4wNi0uODgtMTYuODUtMy4yNS0yMS4zNC0yLjM3LTQuNDktNS43OS02LjY0LTkuMTktNy4xNmwtLjUxLS4xeiIgZmlsbD0iI2VjZWNlYyIgc3Ryb2tlPSJub25lIi8+PC9nPjwvc3ZnPg==)}.cg-wrap piece.rook.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05IDM5aDI3di0zSDl2M3ptMy41LTdsMS41LTIuNWgxN2wxLjUgMi41aC0yMHptLS41IDR2LTRoMjF2NEgxMnoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTE0IDI5LjV2LTEzaDE3djEzSDE0eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMTQgMTYuNUwxMSAxNGgyM2wtMyAyLjVIMTR6TTExIDE0VjloNHYyaDVWOWg1djJoNVY5aDR2NUgxMXoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTEyIDM1LjVoMjFtLTIwLTRoMTltLTE4LTJoMTdtLTE3LTEzaDE3TTExIDE0aDIzIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMSIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjwvZz48L3N2Zz4=)}.cg-wrap piece.queen.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxnIHN0cm9rZT0ibm9uZSI+PGNpcmNsZSBjeD0iNiIgY3k9IjEyIiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMTQiIGN5PSI5IiByPSIyLjc1Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjgiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzMSIgY3k9IjkiIHI9IjIuNzUiLz48Y2lyY2xlIGN4PSIzOSIgY3k9IjEyIiByPSIyLjc1Ii8+PC9nPjxwYXRoIGQ9Ik05IDI2YzguNS0xLjUgMjEtMS41IDI3IDBsMi41LTEyLjVMMzEgMjVsLS4zLTE0LjEtNS4yIDEzLjYtMy0xNC41LTMgMTQuNS01LjItMTMuNkwxNCAyNSA2LjUgMTMuNSA5IDI2eiIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNOSAyNmMwIDIgMS41IDIgMi41IDQgMSAxLjUgMSAxIC41IDMuNS0xLjUgMS0xLjUgMi41LTEuNSAyLjUtMS41IDEuNS41IDIuNS41IDIuNSA2LjUgMSAxNi41IDEgMjMgMCAwIDAgMS41LTEgMC0yLjUgMCAwIC41LTEuNS0xLTIuNS0uNS0yLjUtLjUtMiAuNS0zLjUgMS0yIDIuNS0yIDIuNS00LTguNS0xLjUtMTguNS0xLjUtMjcgMHoiIHN0cm9rZS1saW5lY2FwPSJidXR0Ii8+PHBhdGggZD0iTTExIDM4LjVhMzUgMzUgMSAwIDAgMjMgMCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9ImJ1dHQiLz48cGF0aCBkPSJNMTEgMjlhMzUgMzUgMSAwIDEgMjMgMG0tMjEuNSAyLjVoMjBtLTIxIDNhMzUgMzUgMSAwIDAgMjIgMG0tMjMgM2EzNSAzNSAxIDAgMCAyNCAwIiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiLz48L2c+PC9zdmc+)}.cg-wrap piece.king.black{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yMi41IDExLjYzVjYiIHN0cm9rZS1saW5lam9pbj0ibWl0ZXIiLz48cGF0aCBkPSJNMjIuNSAyNXM0LjUtNy41IDMtMTAuNWMwIDAtMS0yLjUtMy0yLjVzLTMgMi41LTMgMi41Yy0xLjUgMyAzIDEwLjUgMyAxMC41IiBmaWxsPSIjMDAwIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIvPjxwYXRoIGQ9Ik0xMS41IDM3YzUuNSAzLjUgMTUuNSAzLjUgMjEgMHYtN3M5LTQuNSA2LTEwLjVjLTQtNi41LTEzLjUtMy41LTE2IDRWMjd2LTMuNWMtMy41LTcuNS0xMy0xMC41LTE2LTQtMyA2IDUgMTAgNSAxMFYzN3oiIGZpbGw9IiMwMDAiLz48cGF0aCBkPSJNMjAgOGg1IiBzdHJva2UtbGluZWpvaW49Im1pdGVyIi8+PHBhdGggZD0iTTMyIDI5LjVzOC41LTQgNi4wMy05LjY1QzM0LjE1IDE0IDI1IDE4IDIyLjUgMjQuNWwuMDEgMi4xLS4wMS0yLjFDMjAgMTggOS45MDYgMTQgNi45OTcgMTkuODVjLTIuNDk3IDUuNjUgNC44NTMgOSA0Ljg1MyA5IiBzdHJva2U9IiNlY2VjZWMiLz48cGF0aCBkPSJNMTEuNSAzMGM1LjUtMyAxNS41LTMgMjEgMG0tMjEgMy41YzUuNS0zIDE1LjUtMyAyMSAwbS0yMSAzLjVjNS41LTMgMTUuNS0zIDIxIDAiIHN0cm9rZT0iI2VjZWNlYyIvPjwvZz48L3N2Zz4=)}