:root{--gf-accent:#d4af37;--gf-accent-hover:#bda030;--gf-success:#10b981;--gf-error:#ef4444;--gf-font-sans:"Inter", system-ui, -apple-system, sans-serif;--gf-font-header:"Outfit", var(--gf-font-sans);--gf-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--gf-spacing-xs:4px;--gf-spacing-sm:8px;--gf-spacing-md:16px;--gf-spacing-lg:24px;--gf-spacing-xl:32px}.cm-chessboard .board.input-enabled .square{cursor:pointer}.cm-chessboard .coordinates,.cm-chessboard .markers-layer,.cm-chessboard .pieces-layer,.cm-chessboard .markers-top-layer{pointer-events:none}.cm-chessboard-content .list-inline{padding-left:0;list-style:none}.cm-chessboard-content .list-inline-item{display:inline-block}.cm-chessboard-content .list-inline-item:not(:last-child){margin-right:1rem}.cm-chessboard-accessibility.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.cm-chessboard-accessibility button:disabled,.cm-chessboard-accessibility button:disabled:hover{opacity:.5;cursor:not-allowed;pointer-events:none}.cm-chessboard.default.border-type-thin .board .border{stroke:#c5a076;stroke-width:.7%;fill:#c5a076}.cm-chessboard.default.border-type-none .board .border{stroke:#c5a076;stroke-width:0;fill:#c5a076}.cm-chessboard.default.border-type-frame .board .border{fill:#ecdab9;stroke:none}.cm-chessboard.default.border-type-frame .board .border-inner{fill:#c5a076;stroke:#c5a076;stroke-width:.7%}.cm-chessboard.default .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.default .coordinates .coordinate{fill:#b5936d;cursor:default;font-size:7px}.cm-chessboard.default-contrast .board .square.white{fill:#ecdab9}.cm-chessboard.default-contrast .board .square.black{fill:#c5a076}.cm-chessboard.default-contrast.border-type-thin .board .border{stroke:#c5a076;stroke-width:.7%;fill:#c5a076}.cm-chessboard.default-contrast.border-type-none .board .border{stroke:#c5a076;stroke-width:0;fill:#c5a076}.cm-chessboard.default-contrast.border-type-frame .board .border{fill:#ecdab9;stroke:none}.cm-chessboard.default-contrast.border-type-frame .board .border-inner{fill:#c5a076;stroke:#c5a076;stroke-width:.7%}.cm-chessboard.default-contrast .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.default-contrast .coordinates .coordinate{fill:#b5936d;cursor:default;font-size:7px}.cm-chessboard.default-contrast .coordinates .coordinate.black,.cm-chessboard.default-contrast .coordinates .coordinate.white{fill:#333}.cm-chessboard.green .board .square.white{fill:#e0ddcc}.cm-chessboard.green .board .square.black{fill:#4c946a}.cm-chessboard.green.border-type-thin .board .border{stroke:#4c946a;stroke-width:.7%;fill:#4c946a}.cm-chessboard.green.border-type-none .board .border{stroke:#4c946a;stroke-width:0;fill:#4c946a}.cm-chessboard.green.border-type-frame .board .border{fill:#e0ddcc;stroke:none}.cm-chessboard.green.border-type-frame .board .border-inner{fill:#4c946a;stroke:#4c946a;stroke-width:.7%}.cm-chessboard.green .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.green .coordinates .coordinate{fill:#468862;cursor:default;font-size:7px}.cm-chessboard.green .coordinates .coordinate.black{fill:#e2e0d0}.cm-chessboard.green .coordinates .coordinate.white{fill:#468862}.cm-chessboard.blue .board .square.white{fill:#d8ecfb}.cm-chessboard.blue .board .square.black{fill:#86afcf}.cm-chessboard.blue.border-type-thin .board .border{stroke:#86afcf;stroke-width:.7%;fill:#86afcf}.cm-chessboard.blue.border-type-none .board .border{stroke:#86afcf;stroke-width:0;fill:#86afcf}.cm-chessboard.blue.border-type-frame .board .border{fill:#d8ecfb;stroke:none}.cm-chessboard.blue.border-type-frame .board .border-inner{fill:#86afcf;stroke:#86afcf;stroke-width:.7%}.cm-chessboard.blue .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.blue .coordinates .coordinate{fill:#7ba1be;cursor:default;font-size:7px}.cm-chessboard.blue .coordinates .coordinate.black{fill:#dbeefb}.cm-chessboard.blue .coordinates .coordinate.white{fill:#7ba1be}.cm-chessboard.chess-club .board .square.white{fill:#e6d3b1}.cm-chessboard.chess-club .board .square.black{fill:#af6b3f}.cm-chessboard.chess-club.border-type-thin .board .border{stroke:#692e2b;stroke-width:.7%;fill:#af6b3f}.cm-chessboard.chess-club.border-type-none .board .border{stroke:#692e2b;stroke-width:0;fill:#af6b3f}.cm-chessboard.chess-club.border-type-frame .board .border{fill:#692e2b;stroke:none}.cm-chessboard.chess-club.border-type-frame .board .border-inner{fill:#af6b3f;stroke:#692e2b;stroke-width:.7%}.cm-chessboard.chess-club .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.chess-club .coordinates .coordinate{fill:#e6d3b1;cursor:default;font-size:7px}.cm-chessboard.chess-club .coordinates .coordinate.black{fill:#e6d3b1}.cm-chessboard.chess-club .coordinates .coordinate.white{fill:#af6b3f}.cm-chessboard.chessboard-js .board .square.white{fill:#f0d9b5}.cm-chessboard.chessboard-js .board .square.black{fill:#b58863}.cm-chessboard.chessboard-js.border-type-thin .board .border{stroke:#404040;stroke-width:.7%;fill:#b58863}.cm-chessboard.chessboard-js.border-type-none .board .border{stroke:#404040;stroke-width:0;fill:#b58863}.cm-chessboard.chessboard-js.border-type-frame .board .border{fill:#f0d9b5;stroke:none}.cm-chessboard.chessboard-js.border-type-frame .board .border-inner{fill:#b58863;stroke:#404040;stroke-width:.7%}.cm-chessboard.chessboard-js .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.chessboard-js .coordinates .coordinate{fill:#404040;cursor:default;font-size:7px}.cm-chessboard.chessboard-js .coordinates .coordinate.black{fill:#f0d9b5}.cm-chessboard.chessboard-js .coordinates .coordinate.white{fill:#b58863}.cm-chessboard.black-and-white .board .square.white{fill:#fff}.cm-chessboard.black-and-white .board .square.black{fill:#9c9c9c}.cm-chessboard.black-and-white.border-type-thin .board .border{stroke:#9c9c9c;stroke-width:.7%;fill:#9c9c9c}.cm-chessboard.black-and-white.border-type-none .board .border{stroke:#9c9c9c;stroke-width:0;fill:#9c9c9c}.cm-chessboard.black-and-white.border-type-frame .board .border{fill:#fff;stroke:none}.cm-chessboard.black-and-white.border-type-frame .board .border-inner{fill:#9c9c9c;stroke:#9c9c9c;stroke-width:.7%}.cm-chessboard.black-and-white .coordinates{pointer-events:none;-webkit-user-select:none;user-select:none}.cm-chessboard.black-and-white .coordinates .coordinate{fill:#909090;cursor:default;font-size:7px}.cm-chessboard.black-and-white .coordinates .coordinate.black{fill:#fff}.cm-chessboard.black-and-white .coordinates .coordinate.white{fill:#909090}.cm-chessboard .keyboard-focus-indicator .keyboard-focus{fill:none;stroke:#06c;stroke-width:3px;pointer-events:none}.cm-chessboard .keyboard-focus-indicator .keyboard-from-square{fill:#0066cc4d;stroke:#06c;stroke-width:2px;pointer-events:none}.cm-chessboard:focus{outline-offset:2px;outline:2px solid #06c}.cm-chessboard .markers{pointer-events:none}.cm-chessboard .markers .marker.marker-frame{stroke:#000;stroke-width:1.8px;opacity:.5}.cm-chessboard .markers .marker.marker-frame-primary,.cm-chessboard .markers .marker.marker-frame-info{stroke:#00f;stroke-width:1.8px;opacity:.4}.cm-chessboard .markers .marker.marker-frame-danger{stroke:red;stroke-width:1.8px;opacity:.4}.cm-chessboard .markers .marker.marker-frame-warning{stroke:orange;stroke-width:1.8px;opacity:.4}.cm-chessboard .markers .marker.marker-circle{stroke:#000;stroke-width:3px;opacity:.3}.cm-chessboard .markers .marker.marker-circle-primary,.cm-chessboard .markers .marker.marker-circle-info{stroke:#00f;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-circle-info-filled{stroke:#00f;fill:#00f;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-circle-danger{stroke:red;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-circle-danger-filled{stroke:red;fill:red;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-circle-warning{stroke:orange;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-circle-warning-filled{stroke:orange;fill:orange;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-circle-success{stroke:green;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-circle-success-filled{stroke:green;fill:green;stroke-width:3px;opacity:.4}.cm-chessboard .markers .marker.marker-square{fill:#000;opacity:.11}.cm-chessboard .markers .marker.marker-dot,.cm-chessboard .markers .marker.marker-bevel{fill:#000;opacity:.2}svg.cm-chessboard .promotion-dialog-group rect,svg.cm-chessboard .promotion-dialog-group g[data-piece]{animation:.25s ease-in fade-in}svg.cm-chessboard .promotion-dialog-group .promotion-dialog{fill:#fff;fill-opacity:.7;stroke:#0006}svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button-group{outline:none}svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button-group:focus .promotion-dialog-button{stroke:#0000004d;stroke-width:1px}svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button{fill:#0000;cursor:pointer;outline:none}svg.cm-chessboard .promotion-dialog-group .promotion-dialog-button:hover{fill:#0003}svg.cm-chessboard .promotion-dialog-group .piece{pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}:root{--bg-color:#0b0f19;--panel-bg:#141b2d;--text-color:#f3f4f6;--muted-color:#8fa0c0;--accent-color:#d4af37;--accent-light:#1f273d;--accent-hover:#e5c158;--border-color:#222d44;--success-color:#34d399;--success-bg:#34d39926;--error-color:#f87171;--error-bg:#f8717126;--info-bg:#60a5fa26;--info-color:#60a5fa;--input-bg:#1f273d;--board-white:#dee3eb;--board-black:#5c6e8d;--mistake-bg:#d9770626;--mistake-color:#fbbf24;--dubious-bg:#2563eb26;--dubious-color:#60a5fa;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-header:"Outfit", var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}body.light-mode{--bg-color:#f7f5ef;--panel-bg:#fff;--text-color:#262420;--muted-color:#736d62;--accent-color:#b58d3d;--accent-light:#f9f6ee;--accent-hover:#96742e;--border-color:#e5e0d3;--success-color:#2e602e;--success-bg:#ecf5ec;--error-color:#9c2a2a;--error-bg:#fdf2f2;--info-bg:#f0f4f8;--info-color:#2b4c7e;--input-bg:#fff;--board-white:#ecdab9;--board-black:#c5a076;--mistake-bg:#fffbeb;--mistake-color:#d97706;--dubious-bg:#f0f5ff;--dubious-color:#2563eb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);min-height:100vh;padding:1.5rem 1rem;line-height:1.5;transition:padding .2s}#app{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:1200px;margin:0 auto;transition:border-radius .2s,border .2s;overflow:hidden;box-shadow:0 12px 40px #2624200f}.mono{font-family:var(--font-mono)}.top-bar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.top-bar-right{align-items:center;gap:.75rem;display:flex}.theme-toggle-btn{background:var(--panel-bg);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-color);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover{border-color:var(--accent-color);background:var(--accent-light);transform:scale(1.05)}.tabs{gap:.5rem;display:flex}.tab-btn{font-family:var(--font-sans);border:1px solid var(--border-color);background:var(--panel-bg);color:var(--text-color);cursor:pointer;border-radius:999px;padding:.45rem 1.1rem;font-size:.9rem;font-weight:500;transition:all .2s}.tab-btn:hover:not(.active){border-color:var(--accent-color);background:var(--accent-light)}.tab-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.view{padding:1.25rem 1.5rem 1.75rem;display:none}.view.active{display:block}.top-controls{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;transition:all .2s;display:flex}.control-group{color:var(--muted-color);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.select{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);cursor:pointer;border-radius:8px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.select:focus{border-color:var(--accent-color)}.mode-group{gap:.4rem}.radio-pill{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:var(--input-bg);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.radio-pill:hover:not(:has(input:checked)){border-color:var(--accent-color);background:var(--accent-light)}.radio-pill:has(input:checked){border-color:var(--accent-color);background:var(--accent-light);color:var(--accent-hover);font-weight:600}.radio-pill input{accent-color:var(--accent-color);cursor:pointer}.stats-badge{font-family:var(--font-mono);color:var(--accent-hover);background:var(--accent-light);border:1px solid var(--border-color);border-radius:999px;margin-left:auto;padding:.35rem .95rem;font-size:.85rem;font-weight:600}.btn{border:1px solid var(--border-color);cursor:pointer;background:var(--input-bg);color:var(--text-color);border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000000a}.btn:hover:not(:disabled){border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 10px #b58d3d14}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000a}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:var(--accent-light);color:var(--accent-hover);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background:#fdfbfa}.trainer-main{align-items:flex-start;gap:1.5rem;display:flex}.board-area{flex:480px;max-width:560px}.board-header{justify-content:flex-end;margin-bottom:.4rem;display:flex}.btn-xs{padding:.2rem .55rem;font-size:.75rem;line-height:1.4}.board{aspect-ratio:1;width:100%}.side-panel{flex-direction:column;flex:320px;gap:.9rem;min-width:280px;display:flex}.panel-block{flex-direction:column;gap:.3rem;display:flex}.repertoire-name{font-family:var(--font-header);letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.turn-indicator{color:var(--muted-color);font-size:.9rem}.panel-title{font-family:var(--font-header);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-color);font-size:.8rem;font-weight:700}.comment-box{background:var(--accent-light);border:1px solid var(--border-color);border-radius:8px;padding:.7rem .9rem;font-size:.9rem;line-height:1.5}.feedback-box{border:1px solid var(--border-color);border-radius:8px;padding:.7rem .9rem;font-size:.9rem;line-height:1.5}.feedback-box p+p{margin-top:.4rem}.feedback-error{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.feedback-success{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.feedback-info{background:var(--info-bg);border-color:var(--info-color);color:var(--info-color)}.controls{flex-wrap:wrap;gap:.5rem;display:flex}.move-list-block{flex:1;min-height:0}.move-list{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:.25rem;max-height:220px;padding:.5rem;font-size:.9rem;list-style:none;display:flex;overflow-y:auto}.move-row{gap:.5rem;display:flex}.move-number{color:var(--muted-color);min-width:2.2rem}.move-san{font-family:var(--font-mono);color:var(--text-color);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.05rem .35rem;font-size:.9rem;transition:background .15s}.move-san:hover:not(.current){background:var(--accent-light)}.move-san.current{background:var(--accent-color);color:#fff;font-weight:600}.games-layout{align-items:flex-start;gap:1.5rem;display:flex}.games-list-block{flex-direction:column;flex:0 0 240px;gap:.4rem;display:flex}.games-list{flex-direction:column;gap:.35rem;list-style:none;display:flex}.game-list-item{text-align:left;border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-color);cursor:pointer;border-radius:8px;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:all .2s}.game-list-item:hover:not(.active){border-color:var(--accent-color);background:var(--accent-light)}.game-list-item.active{border-color:var(--accent-color);background:var(--accent-light);color:var(--accent-hover);font-weight:600}.games-viewer{flex-direction:column;flex:480px;gap:.75rem;max-width:560px;transition:all .2s;display:flex}.games-controls{align-items:center;gap:.75rem;display:flex}.game-delete-btn{cursor:pointer;opacity:.4;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;padding:.3rem .4rem;font-size:.95rem;line-height:1;transition:all .18s}.game-delete-btn:hover{opacity:1;border-color:var(--error-color);background:var(--error-bg)}.games-analysis-panel{border:1px solid var(--border-color);background:var(--panel-bg);border-radius:10px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;line-height:1.5;animation:.25s ease-out slideUp;display:flex}.games-analysis-panel[hidden]{display:none}.games-analysis-pending{color:var(--muted-color);align-items:center;gap:.5rem;display:flex}.analysis-spinner{animation:1.5s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.games-movelist-block{margin-top:.25rem}.move-severity-blunder{color:var(--error-color)!important}.move-severity-mistake{color:var(--mistake-color)!important}.move-severity-dubious{color:var(--dubious-color)!important}.move-analysing{opacity:.6}.boot-error,.degraded-banner{background:var(--error-bg);border:1px solid var(--error-color);color:var(--error-color);border-radius:8px;margin:1.25rem 1.5rem;padding:1rem 1.25rem}.degraded-banner ul{margin:.4rem 0 0 1.2rem}@media (width<=860px){.trainer-main,.games-layout{flex-direction:column;gap:1.25rem}.board-area{width:100%;max-width:none}.games-viewer{order:1;width:100%;max-width:none}.games-list-block{flex:none;order:2;width:100%}.stats-badge{margin-left:0}}@media (width<=768px){body{background-color:var(--panel-bg);padding:0}#app{box-shadow:none;border:none;border-radius:0}.top-bar{padding:.85rem 1rem}.top-bar h1{font-size:1.15rem}.tab-btn{padding:.35rem .85rem;font-size:.85rem}.view{padding:.75rem .75rem 1.25rem}.board-area{width:calc(100% + 1.5rem);max-width:none;margin-left:-.75rem;margin-right:-.75rem}.games-viewer #games-board{width:calc(100% + 1.5rem);margin-left:-.75rem;margin-right:-.75rem}.games-viewer #games-comment{margin-left:0;margin-right:0}.games-controls{padding:0}.top-controls{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.top-controls .control-group{justify-content:space-between;width:100%}.top-controls .select{flex-grow:1;max-width:65%}.top-controls .mode-group{justify-content:space-between;align-items:center;display:flex}.top-controls .mode-group>span{margin-right:auto}.top-controls .radio-pill{padding:.35rem .7rem;font-size:.8rem}.top-controls .stats-badge{text-align:center;width:100%;margin-left:0;padding:.4rem}.top-controls #start-btn{width:100%;padding:.6rem;font-size:.95rem}.controls{grid-template-columns:repeat(6,1fr);gap:.5rem;width:100%;display:grid}#hint-btn,#solution-btn{grid-column:span 3;padding:.75rem .5rem;font-size:.9rem}#takeback-btn,#skip-btn,#restart-btn{grid-column:span 2;padding:.75rem .3rem;font-size:.85rem}#next-line-btn{grid-column:span 6;width:100%;padding:.85rem;font-size:1rem}#learn-controls{grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;display:grid}#learn-prev-btn,#learn-next-btn,#learn-restart-btn{width:100%;padding:.75rem .5rem;font-size:.9rem}.games-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%;display:grid}#games-prev,#games-next{text-align:center;width:100%;padding:.75rem;font-size:.9rem}#games-counter{text-align:center;font-weight:600}#play-takeback-btn,#play-resign-btn,#play-reset-btn{grid-column:span 2;width:100%;padding:.75rem .3rem;font-size:.85rem}#play-download-pgn-btn,#play-analyze-lichess-btn{grid-column:span 3;width:100%;padding:.75rem .3rem;font-size:.85rem}#games-play-bot-btn{text-align:center;grid-column:span 3;width:100%;margin-top:.25rem;padding:.75rem;font-size:.9rem}.move-list{max-height:160px}}.cm-chessboard .markers .marker.marker-frame-danger{animation:1.8s ease-in-out infinite check-pulse;stroke:#ff3b30!important;stroke-width:2.5px!important;opacity:.9!important;filter:drop-shadow(0 0 4px #ff3b30cc)!important}@keyframes check-pulse{0%,to{opacity:.7;filter:drop-shadow(0 0 2px #ff3b3080)}50%{opacity:1;filter:drop-shadow(0 0 6px #ff3b30f2)}}.sync-status-container{align-items:center;gap:.5rem;display:flex}.sync-badge{border:1px solid var(--border-color);background:var(--bg-color);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.sync-badge.status-offline{color:var(--muted-color)}.sync-badge.status-syncing{color:var(--accent-hover);background:var(--accent-light);border-color:var(--accent-color)}.sync-badge.status-synced{color:var(--success-color);background:var(--success-bg);border-color:var(--success-color)}.sync-badge.status-error{color:var(--error-color);background:var(--error-bg);border-color:var(--error-color)}.sync-dot{background-color:var(--muted-color);border-radius:50%;width:6px;height:6px;display:inline-block}.status-offline .sync-dot{background-color:var(--muted-color)}.status-syncing .sync-dot{background-color:var(--accent-color);animation:1s infinite alternate pulse-dot}.status-synced .sync-dot{background-color:var(--success-color)}.status-error .sync-dot{background-color:var(--error-color)}@keyframes pulse-dot{0%{opacity:.4}to{opacity:1}}.sync-btn{cursor:pointer;background:var(--accent-color);color:#fff;border:none;border-radius:999px;padding:.35rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000d}.sync-btn:hover{background:var(--accent-hover)}.modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#26242080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;left:0;overflow:auto}.modal[hidden]{display:none!important}.modal-content{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:400px;padding:1.5rem;animation:.3s cubic-bezier(.18,.89,.32,1.28) slideUp;box-shadow:0 20px 50px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-header h2{font-family:var(--font-header);color:var(--text-color);font-size:1.25rem;font-weight:800}.close-btn{color:var(--muted-color);cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1;transition:color .2s}.close-btn:hover{color:var(--text-color)}.form-group{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--muted-color);font-size:.85rem;font-weight:600}.form-group input{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);border-radius:8px;outline:none;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus{border-color:var(--accent-color)}.error-msg{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-color);border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.85rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.play-coach-box{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;margin-top:1rem;padding:1rem 1.25rem;animation:.3s cubic-bezier(.18,.89,.32,1.28) slideUp;display:flex;box-shadow:0 4px 20px #0000000d}.coach-feedback-section{flex-direction:column;gap:.6rem;animation:.25s ease-out fadeIn;display:flex}.coach-headline{color:var(--text-color);font-size:.95rem;line-height:1.4}.coach-headline strong{font-family:var(--font-header);font-weight:700}.severity-blunder{border-left:4px solid var(--error-color)!important;background-color:var(--error-bg)!important;border-radius:8px!important;padding:.5rem .75rem!important}.severity-mistake{border-left:4px solid var(--mistake-color)!important;background-color:var(--mistake-bg)!important;color:var(--mistake-color)!important;border-radius:8px!important;padding:.5rem .75rem!important}.severity-dubious{border-left:4px solid var(--dubious-color)!important;background-color:var(--dubious-bg)!important;color:var(--dubious-color)!important;border-radius:8px!important;padding:.5rem .75rem!important}.coach-why-btn{border:1px solid var(--border-color);background:var(--input-bg);color:var(--muted-color);cursor:pointer;border-radius:6px;align-self:flex-start;padding:.35rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000a}.coach-why-btn:hover{border-color:var(--accent-color);color:var(--accent-hover);background:var(--accent-light)}.coach-detail{color:var(--text-color);opacity:.9;padding-bottom:.25rem;font-size:.9rem;line-height:1.5}.coach-better-move{color:var(--success-color);background:var(--success-bg);border-radius:6px;width:fit-content;padding:.4rem .75rem;font-size:.9rem;font-weight:500;display:inline-block}.coach-stats{color:var(--muted-color);align-items:center;gap:.4rem;margin-top:.25rem;font-size:.85rem;font-style:italic;display:flex}.coach-stats:before{content:"📊";font-style:normal}.coach-continue-btn{text-align:center;width:100%;margin-top:.5rem;padding:.6rem;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #0000000d}.play-hidden-ctrl{display:none!important}#play-view.view.active{flex-direction:column;height:calc(100vh - 130px);padding:0;display:flex;overflow:hidden}@media (width<=768px){#play-view.view.active{height:calc(100vh - 52px)}}@media (width>=801px){body.play-immersive{padding:0}body.play-immersive #app{max-width:100%;box-shadow:none;border-bottom:none;border-left:none;border-right:none;border-radius:0}body.play-immersive #play-view.view.active{height:calc(100vh - 68px)}}#play-view .play-game:not([hidden]),#play-view .play-setup:not([hidden]){flex:1;min-height:0}.play-setup:not([hidden]){justify-content:center;align-items:center;height:100%;padding:1.5rem 1rem;display:flex;overflow-y:auto}.play-scard{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:1.5rem;width:100%;max-width:450px;padding:2rem;animation:.3s both slideUp;display:flex}.play-scard-title{font-family:var(--font-header);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.play-scard-sub{color:var(--muted-color);margin-top:.25rem;font-size:.85rem}.play-slbl{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-color);margin-bottom:.45rem;font-size:.68rem;font-weight:700}.play-color-row{gap:.5rem;display:flex}.play-copt{border:1.5px solid var(--border-color);background:var(--input-bg);color:var(--text-color);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.65rem .4rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.play-ci{font-size:1.45rem}.play-copt:hover:not(.play-copt-on){border-color:var(--accent-color);background:var(--accent-light)}.play-copt-on{border-color:var(--accent-color);background:var(--accent-light);color:var(--accent-hover)}.play-diff-row{flex-wrap:wrap;gap:.35rem;display:flex}.play-dopt{border:1.5px solid var(--border-color);background:var(--input-bg);cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:0;padding:.5rem .2rem;font-family:inherit;transition:all .15s;display:flex}.play-dn{color:var(--text-color);font-size:.73rem;font-weight:700}.play-de{color:var(--muted-color);font-size:.62rem;font-family:var(--font-mono)}.play-dopt:hover:not(.play-dopt-on),.play-dopt-on{border-color:var(--accent-color);background:var(--accent-light)}.play-dopt-on .play-dn{color:var(--accent-hover)}.play-dopt-adaptive{border-color:var(--info-color)}.play-dopt-adaptive .play-dn{color:var(--info-color)}.play-dopt-adaptive.play-dopt-on{border-color:var(--info-color);background:var(--info-bg)}.play-dopt-adaptive.play-dopt-on .play-dn{color:var(--info-color)}.play-dopt-adaptive:hover:not(.play-dopt-on){border-color:var(--info-color);background:var(--info-bg)}.play-tc-row{flex-wrap:wrap;gap:.35rem;display:flex}.play-tc-row .play-dopt{flex:none;min-width:3rem}.play-coach-timed-note{color:var(--muted-color);background:var(--accent-light);border:1px solid var(--border-color);border-radius:6px;padding:.4rem .6rem;font-size:.78rem}.play-ptag-cl{font-family:var(--font-mono);text-align:right;min-width:3rem;color:var(--muted-color);font-size:.95rem;font-weight:600}.play-ptag-cl.play-clock-low{color:var(--error-color);animation:1s ease-in-out infinite clock-pulse}@keyframes clock-pulse{0%,to{opacity:1}50%{opacity:.5}}.play-toggle-rows{flex-direction:column;gap:.7rem;display:flex}.play-trow{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.play-ttext{flex:1}.play-tm{font-size:.875rem;font-weight:500}.play-ts{color:var(--muted-color);margin-top:.1rem;font-size:.75rem}.play-sw{flex:0 0 38px;width:38px;height:20px;margin-top:2px;display:inline-block;position:relative}.play-swt{background:var(--border-color);cursor:pointer;border-radius:999px;transition:background .2s;position:absolute;inset:0}.play-swt:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.play-swt[data-on=true]{background:var(--accent-color)}.play-swt[data-on=true]:after{transform:translate(18px)}.play-go{background:var(--accent-color);color:#fff;width:100%;font-family:var(--font-header);cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;padding:.8rem;font-size:1rem;font-weight:700;transition:all .2s}.play-go:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #d4af3740}.play-go:active{box-shadow:none;transform:translateY(0)}.play-game:not([hidden]){justify-content:center;align-items:stretch;height:100%;display:flex;overflow:hidden}.play-bcol{flex-direction:column;flex:none;align-items:center;gap:.3rem;width:min(100vh - 180px,100vw - 340px);padding:.875rem 1rem;display:flex}.play-ptag{flex:none;align-items:center;gap:.4rem;width:100%;padding:.15rem 0;font-size:.85rem;font-weight:600;display:flex}.play-ptag-ic{font-size:.95rem}.play-ptag-nm{flex:1}.play-ptag-cl{font-family:var(--font-mono);color:var(--muted-color);font-size:.75rem}.play-bouter{aspect-ratio:1;flex:1;width:100%;min-width:0;min-height:0}.play-bouter>div{width:100%;height:100%}.play-side{border-left:1px solid var(--border-color);flex-direction:column;flex:1;min-width:280px;max-width:400px;font-size:.875rem;display:flex;overflow:hidden}.play-sstat{border-bottom:1px solid var(--border-color);flex-direction:column;flex:none;gap:.6rem;padding:1rem 1.25rem .875rem;display:flex}.play-sstat-row{justify-content:space-between;align-items:center;display:flex}.play-mpl{font-family:var(--font-header);align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;display:flex}.play-vs{color:var(--muted-color);font-size:.75rem;font-weight:400}.play-dpill{font-size:.68rem;font-family:var(--font-mono);color:var(--muted-color);border:1px solid var(--border-color);border-radius:999px;padding:.15rem .55rem}.play-cm{color:var(--muted-color);font-size:.78rem;line-height:1.45}.play-spill{border:1px solid;border-radius:999px;align-self:flex-start;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.play-spill-yr{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.play-spill-th{background:var(--info-bg);border-color:var(--info-color);color:var(--info-color)}.play-spill-wn{background:var(--success-bg);border-color:var(--success-color);color:var(--success-color)}.play-spill-ls{background:var(--error-bg);border-color:var(--error-color);color:var(--error-color)}.play-spill-dr{background:var(--info-bg);border-color:var(--info-color);color:var(--info-color)}.play-sd{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.play-sd-pu{animation:1.4s ease-in-out infinite pulse-dot}.play-coach-box{border-left:3px solid;border-radius:8px;flex:none;width:calc(100% - 2.5rem);margin:0 1.25rem .5rem;padding:.75rem .875rem;animation:.25s both slideUp}.play-comment-inset{flex:none;width:calc(100% - 2.5rem);margin:0 1.25rem .5rem}.play-mvsec{flex-direction:column;flex:1;min-height:0;padding:.75rem 1.25rem;display:flex;overflow:hidden}.play-mvlist{flex:1;overflow-y:auto;max-height:none!important}.play-gctl:not([hidden]){border-top:1px solid var(--border-color);flex:none;align-items:center;gap:.4rem;padding:.75rem 1.25rem;display:flex}.play-btn-danger{color:var(--error-color)}.play-btn-danger:hover:not(:disabled){background:var(--error-bg)!important;border-color:var(--error-color)!important;transform:none!important}.play-sp1{flex:1}.play-pgctl:not([hidden]){border-top:1px solid var(--border-color);flex-direction:column;flex:none;gap:.4rem;padding:.75rem 1.25rem;display:flex}.play-ofc{position:relative}.play-ofc-trigger{letter-spacing:.06em;padding:.45rem .7rem!important;font-size:1rem!important}.play-omenu{background:var(--panel-bg);border:1px solid var(--border-color);z-index:200;border-radius:8px;min-width:185px;padding:.35rem;animation:.15s slideUp;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000047}.play-oitem{width:100%;color:var(--text-color);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;padding:.4rem .65rem;font-family:inherit;font-size:.78rem;font-weight:500;transition:background .1s;display:block}.play-oitem:hover:not(:disabled){background:var(--accent-light)}.play-oitem:disabled{opacity:.4;cursor:not-allowed}.play-mtabs{border-top:1px solid var(--border-color);flex:none;order:-1;display:none}.play-mtab{text-align:center;color:var(--muted-color);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.55rem .25rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.play-mtab-on{color:var(--accent-hover);border-bottom-color:var(--accent-color)}@media (width<=800px){#play-view .play-game:not([hidden]){flex-direction:column}.play-bcol{flex:none;align-items:stretch;width:100%;padding:0}.play-ptag{padding:.3rem .75rem}.play-bouter{aspect-ratio:1;flex:none;width:100%!important;height:auto!important}.play-side{border-left:none;border-top:1px solid var(--border-color);flex:1;max-width:none;min-height:0}.play-mtabs{display:flex}.play-sstat,.play-coach-box,.play-comment-inset,.play-mvsec,.play-gctl,.play-pgctl{display:none}.play-panel-visible{display:flex!important}.play-sstat.play-panel-visible,.play-coach-box.play-panel-visible{display:block!important}.play-mvsec.play-panel-visible,.play-pgctl.play-panel-visible:not([hidden]),.play-gctl.play-panel-visible:not([hidden]){display:flex!important}}.cm-chessboard.default .board .square.white{fill:var(--board-white)!important}.cm-chessboard.default .board .square.black{fill:var(--board-black)!important}.cm-chessboard.default .coordinates .coordinate.black{fill:var(--board-white)!important}.cm-chessboard.default .coordinates .coordinate.white{fill:var(--board-black)!important}.saved-sort-row{color:var(--muted-color);align-items:center;gap:.4rem;margin:.4rem 0 .6rem;font-size:.8rem;display:flex}.sort-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-color);background:0 0;border-radius:20px;padding:.15rem .55rem;font-size:.78rem;transition:all .15s}.sort-btn:hover{background:var(--hover-bg)}.sort-btn.sort-btn-on{background:var(--accent);border-color:var(--accent);color:#fff}.saved-game-main-row{align-items:center;gap:.3rem;width:100%;display:flex}.saved-game-main-row .game-list-item{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.game-chips{flex-wrap:nowrap;gap:.25rem;display:flex;overflow:hidden}.game-chip{white-space:nowrap;border-radius:20px;flex:none;padding:.1rem .45rem;font-size:.7rem;font-weight:500;line-height:1.4}.game-chip-type{background:var(--panel-bg);border:1px solid var(--border-color);color:var(--muted-color)}.game-chip-elo{color:#4b9cd3;background:#1e3a5f22;border:1px solid #1e3a5f66}.light-mode .game-chip-elo{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.game-chip-tag{color:#4ade80;background:#14532d22;border:1px solid #14532d66}.light-mode .game-chip-tag{color:#166534;background:#dcfce7;border-color:#86efac}.game-edit-btn{cursor:pointer;opacity:.35;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;padding:.3rem .4rem;font-size:.85rem;line-height:1;transition:all .18s}.game-edit-btn:hover{opacity:1;border-color:var(--border-color);background:var(--hover-bg)}.saved-game-edit-form{flex-wrap:wrap;gap:.4rem;padding:.5rem .2rem .3rem;display:flex}.edit-input{border:1px solid var(--border-color);background:var(--input-bg,var(--panel-bg));color:var(--text-color);border-radius:6px;flex:120px;padding:.3rem .5rem;font-size:.82rem}.saved-game-row{flex-direction:column;align-items:stretch}