@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;1,14..32,400&family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base: #050505;--bg-surface: #0a0a0a;--bg-elevated: #121212;--bg-panel: rgba(10, 10, 10, .7);--bg-card: rgba(18, 18, 18, .75);--bg-card-hover: rgba(28, 28, 28, .85);--bg-input: rgba(5, 5, 5, .8);--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-accent: rgba(52, 211, 153, .35);--text-primary: #ededed;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-heading: #ffffff;--text-muted: #52525b;--accent: #10b981;--accent-hover: #34d399;--accent-muted: #064e3b;--accent-subtle: rgba(16, 185, 129, .15);--accent-glow: rgba(16, 185, 129, .35);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-subtle: rgba(245, 158, 11, .12);--success: #10b981;--success-subtle: rgba(16, 185, 129, .12);--info: #3b82f6;--info-subtle: rgba(59, 130, 246, .12);--quality-best: #10b981;--quality-good: #34d399;--quality-inaccuracy: #fbbf24;--quality-mistake: #f97316;--quality-blunder: #ef4444;--quality-pending: #71717a;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .65);--shadow-glow: 0 0 24px var(--accent-glow);--font-heading: "Outfit", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:320px;background:var(--bg-base);scroll-behavior:smooth;overflow-x:hidden;max-width:100vw}#root{width:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6e76813d;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#6e768170}.input-textarea{width:100%;height:180px;resize:vertical;padding:.8rem;font-size:.82rem;font-family:JetBrains Mono,monospace;color:var(--text-primary, #e6edf3);background:#01040966;border:1px solid var(--border-default, rgba(240, 246, 252, .1));border-radius:8px;box-shadow:inset 0 2px 6px #0000004d;outline:none;transition:border-color .15s ease;box-sizing:border-box}.dialog-panel :is(button,input,textarea,select,[role=button]):focus-visible{outline:2px solid var(--info, #58a6ff);outline-offset:2px}.input-textarea:focus{border-color:var(--accent, #3fb950);box-shadow:inset 0 2px 6px #0000004d,0 0 0 2px var(--accent-subtle, rgba(63, 185, 80, .15))}.input-textarea::placeholder{color:var(--text-tertiary, #6e7681)}.pgn-dialog .btn-start:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-elevated);border-color:var(--border-default);color:var(--text-secondary);box-shadow:none}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:#000000b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:backdrop-in .18s ease}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.dialog-panel{width:100%;max-width:460px;background:var(--bg-surface, #161b22);border:1px solid var(--border-default, rgba(240, 246, 252, .1));border-radius:18px;box-shadow:0 32px 80px #0009,0 0 0 1px var(--border-subtle, rgba(240, 246, 252, .06));overflow:hidden;animation:panel-in .24s cubic-bezier(.22,1,.36,1)}@keyframes panel-in{0%{opacity:0;transform:scale(.93) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{display:flex;align-items:center;gap:.6rem;padding:1.2rem 1.4rem 0}.dialog-icon{font-size:1.3rem;line-height:1;opacity:.85}.dialog-header h2{margin:0;font-family:var(--font-heading, inherit);font-size:1.15rem;font-weight:700;color:var(--text-heading, #ffffff);letter-spacing:.02em}.dialog-section{padding:1rem 1.4rem 0}.dialog-label{margin:0 0 .5rem;font-family:var(--font-heading, inherit);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary, #6e7681)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.7rem .5rem;border-radius:11px;border:1.5px solid var(--border-subtle, rgba(240, 246, 252, .06));background:var(--bg-elevated, #1c2128);cursor:pointer;transition:all .15s cubic-bezier(.22,1,.36,1);font-family:inherit;text-align:center}.mode-card:hover{border-color:var(--border-accent, rgba(63, 185, 80, .35));background:var(--accent-subtle, rgba(63, 185, 80, .08));transform:translateY(-1px)}.mode-card.selected{border-color:var(--accent, #3fb950);background:#3fb9501f;box-shadow:0 0 0 3px #3fb95024}.mode-icon{font-size:1.35rem;line-height:1}.mode-card strong{font-size:.74rem;font-weight:600;color:var(--text-primary, #e6edf3);line-height:1.2}.mode-desc{font-size:.65rem;color:var(--text-tertiary, #6e7681);line-height:1.3}.color-picker{display:flex;gap:.45rem}.color-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:10px;border:1.5px solid var(--border-subtle, rgba(240, 246, 252, .06));background:var(--bg-elevated, #1c2128);font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text-primary, #e6edf3);cursor:pointer;transition:all .15s cubic-bezier(.22,1,.36,1)}.color-btn:hover{border-color:var(--border-accent, rgba(63, 185, 80, .35));background:var(--accent-subtle, rgba(63, 185, 80, .08));transform:translateY(-1px)}.color-btn.selected{border-color:var(--accent, #3fb950);background:#3fb9501f;box-shadow:0 0 0 3px #3fb95024}.color-piece{font-size:1.25rem;line-height:1}.color-piece.dark{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.difficulty-label-value{color:var(--accent, #3fb950);font-family:JetBrains Mono,monospace}.difficulty-slider{width:100%;accent-color:var(--accent, #3fb950);height:5px;margin:.3rem 0 .2rem;cursor:pointer}.difficulty-ticks{display:flex;justify-content:space-between;padding:0 1px;margin-bottom:.5rem}.tick{appearance:none;-webkit-appearance:none;border:0;padding:0;width:5px;height:5px;border-radius:50%;background:#f0f6fc24;cursor:pointer;transition:background .15s ease,transform .15s ease}.tick.active{background:var(--accent, #3fb950);transform:scale(1.4)}.difficulty-desc{margin:0;font-size:.73rem;color:var(--text-secondary, #8b949e);line-height:1.45}.dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:1.1rem 1.4rem 1.2rem;margin-top:.5rem;border-top:1px solid var(--border-subtle, rgba(240, 246, 252, .06))}.btn-cancel{padding:.5rem 1rem;border-radius:9px;border:1px solid var(--border-default, rgba(240, 246, 252, .1));background:transparent;color:var(--text-secondary, #8b949e);font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-cancel:hover{background:var(--bg-elevated, #1c2128);color:var(--text-primary, #e6edf3)}.btn-start{padding:.55rem 1.3rem;border-radius:9px;border:1px solid var(--accent-muted, #196c2e);background:var(--accent-muted, #196c2e);color:var(--accent, #3fb950);font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px var(--accent-glow, rgba(63, 185, 80, .2))}.btn-start:hover{background:#3fb95038;border-color:var(--accent, #3fb950);color:#7ee787;box-shadow:0 0 20px var(--accent-glow, rgba(63, 185, 80, .3));transform:translateY(-1px)}.btn-start:active{transform:translateY(0);box-shadow:none}.ai-thinking-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.ai-thinking-badge{background:#161b22e6;border:1px solid var(--border-default);color:var(--text-primary, #e6edf3);font-size:.78rem;font-weight:600;padding:.45rem .95rem;border-radius:999px;display:flex;align-items:center;gap:.45rem;box-shadow:0 4px 16px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.thinking-dots span{width:4px;height:4px;border-radius:50%;background:var(--accent, #3fb950);animation:thinking-bounce 1.2s ease-in-out infinite}.wdl-bar{position:absolute;top:0;bottom:0;left:-20px;width:10px;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;background:#0006;border:1px solid var(--border-subtle);box-shadow:0 4px 12px #00000080;transition:all .3s ease;z-index:5}.wdl-segment{width:100%;transition:height .5s cubic-bezier(.22,1,.36,1)}.wdl-white{background:linear-gradient(to bottom,#fff,#e2e8f0);box-shadow:0 0 8px #fff6;z-index:3}.wdl-draw{background:linear-gradient(to bottom,#94a3b8,#64748b);z-index:2}.wdl-black{background:linear-gradient(to bottom,#334155,#0f172a);box-shadow:inset 0 -4px 8px #000c;z-index:1}@media(max-width:900px){.wdl-bar{left:-12px;width:10px}}.horizontal-wdl-bar{display:flex;flex-direction:row;height:4px;width:100%;border-radius:2px;overflow:hidden;margin-top:6px;background:#0003;box-shadow:inset 0 1px 2px #0006}.hw-segment{height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.hw-white{background:linear-gradient(to right,#e2e8f0,#fff);box-shadow:0 0 6px #fff6;z-index:3}.hw-draw{background:linear-gradient(to right,#64748b,#94a3b8);z-index:2}.hw-black{background:linear-gradient(to right,#0f172a,#334155);z-index:1}.app-shell{position:relative;width:100%;height:100vh;font-family:var(--font-body);background:radial-gradient(ellipse at 20% 0%,rgba(16,185,129,.07) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(59,130,246,.07) 0%,transparent 50%),var(--bg-base);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;box-sizing:border-box}.app-shell.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.main-container{flex:1;display:flex;position:relative;min-height:0;overflow-x:hidden;overflow-y:hidden;box-sizing:border-box}.panel{position:relative;transition:width .22s cubic-bezier(.22,1,.36,1);z-index:4;overflow:visible}.panel-inner{width:100%;height:100%;border:1px solid var(--border-subtle);background:var(--bg-panel);box-shadow:var(--shadow-md);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;display:flex;flex-direction:column;transition:opacity .18s ease}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.panel-header h2{margin:0;font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-primary)}.panel-content{padding:var(--space-md)}.panel-copy{margin:0 0 var(--space-md);color:var(--text-secondary);font-size:.8rem;line-height:1.55}.panel-copy.small{margin-top:var(--space-xs);font-size:.7rem;color:var(--text-tertiary)}.panel button{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.22,1,.36,1);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;line-height:1;position:relative;overflow:hidden}@media(hover:hover)and (pointer:fine){.panel button:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-heading)}}.panel button:active{transform:scale(.97);box-shadow:inset 0 1px 3px #0000004d}.app-shell :is(button,summary,input,select,textarea,a,[role=button]):focus-visible{outline:2px solid var(--info);outline-offset:2px}.app-shell :is(button,summary,input,select,textarea,a,[role=button]):focus:not(:focus-visible){outline:none}.btn-primary{background:var(--accent-muted)!important;color:var(--accent)!important;border-color:var(--accent-subtle)!important;font-weight:600!important}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:#3fb95038!important;border-color:var(--border-accent)!important;box-shadow:0 0 12px var(--accent-glow)!important;color:#7ee787!important}}.btn-primary:active{background:#3fb95024!important}.btn-icon{font-size:1rem;line-height:1;opacity:.7;transition:opacity .15s ease}@media(hover:hover)and (pointer:fine){.panel button:hover .btn-icon{opacity:1}}.top{width:100%;z-index:2000;flex-shrink:0;background:#0d1117eb;border-bottom:1px solid var(--border-subtle)}.top .panel-inner{border:none;background:transparent;box-shadow:none;flex-direction:row;align-items:center;overflow:visible;padding:.38rem .85rem;padding-top:calc(.38rem + env(safe-area-inset-top));padding-left:calc(.85rem + env(safe-area-inset-left));padding-right:calc(.85rem + env(safe-area-inset-right))}.top .panel-header{display:none}.top .panel-content{padding:.38rem .85rem;flex:1;overflow:visible}.top .compact-grid{display:flex;flex-wrap:nowrap;align-items:center;gap:.45rem;width:100%}@media(max-width:900px){.top .compact-grid{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box}}.top .compact-grid::-webkit-scrollbar{display:none}.mobile-actions{display:flex;flex-shrink:0;gap:.35rem;background:#0d111780;padding:.2rem;border-radius:24px;border:1px solid var(--border-subtle)}.mobile-actions button{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;min-height:unset;padding:0;border-radius:50%;background:transparent;border:none;color:var(--text-secondary);box-sizing:border-box}@media(hover:hover)and (pointer:fine){.mobile-actions button:hover{background:#ffffff14;color:var(--text-primary)}}.mobile-actions button:active{background:#ffffff1f}.mobile-actions .btn-label{display:none}.mobile-modes-wrapper{display:contents}.top-mode-pills{display:flex;flex-shrink:0;gap:.2rem;background:#0d111780;padding:.2rem;border-radius:24px;border:1px solid var(--border-subtle);margin:0;min-height:unset}.gc-mode-pills{background:#0d111780;padding:.2rem;border-radius:24px;border:1px solid var(--border-subtle)}.top .compact-grid button:not(.btn-icon-only),.top .settings-menu>summary{min-height:unset;height:2.2rem;padding:0 .8rem;font-size:.78rem;border-radius:20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.top .settings-menu{flex-shrink:0;margin:0}.top .settings-menu>summary{background:#0d111799;border:1px solid var(--border-subtle);max-width:max-content;white-space:nowrap}.app-brand{display:flex;align-items:center;gap:.5rem;margin-right:.75rem;padding-right:.75rem;border-right:1px solid var(--border-subtle)}.app-brand-icon{font-size:1.05rem;line-height:1;opacity:.85}.app-brand-text{font-size:.82rem;font-weight:700;letter-spacing:-.01em;color:var(--text-heading)}.toolbar-divider{width:1px;height:16px;background:var(--border-default);margin:0 .1rem;flex-shrink:0}.top .settings-menu{margin-bottom:0;margin-left:.2rem;border:none;background:none;position:relative}.top .settings-menu>summary{padding:.38rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);font-size:.76rem;font-weight:500;color:var(--text-primary);transition:all .15s ease;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none}.top .settings-menu>summary::-webkit-details-marker{display:none}@media(hover:hover)and (pointer:fine){.top .settings-menu>summary:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-heading)}}.top .settings-menu[open]{position:relative}.top .settings-body{position:absolute;top:calc(100% + 6px);left:auto;right:0;z-index:1000;width:320px;max-height:72vh;overflow-y:auto;padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-subtle);animation:dropdown-in .22s cubic-bezier(.22,1,.36,1)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.board-stage{flex:1;display:grid;place-items:center;padding:var(--space-lg);z-index:1;min-width:0;position:relative}.board-opening-label{position:absolute;top:-46px;left:0;right:0;pointer-events:none;z-index:10;display:flex;justify-content:center;align-items:center}.opening-pill{display:inline-flex;align-items:center;gap:8px;background:#0d1117d9;border:1px solid var(--border-default);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px;border-radius:var(--radius-pill);box-shadow:0 4px 12px #0006;color:var(--text-secondary);font-size:.85rem}.opening-pill strong{color:var(--text-primary);background:#ffffff14;padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:.8rem;letter-spacing:.5px}.fade-in-slide{animation:slideDownFade .3s cubic-bezier(.22,1,.36,1) forwards}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.batch-review-btn{min-width:140px}.pulsing.btn-primary{animation:bgPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bgPulse{0%,to{box-shadow:0 0 #3fb95066}50%{box-shadow:0 0 0 6px #3fb95000}}.board-wrap{position:relative;z-index:2;border-radius:14px;transition:transform .3s cubic-bezier(.22,1,.36,1);touch-action:none;width:min-content;max-width:100%;margin:0 auto}.eval-bar-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.eval-bar-label{position:absolute;bottom:-22px;left:-20px;width:34px;font-size:.62rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary);background:#0d1117e0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px 3px;line-height:1;pointer-events:none;white-space:nowrap;text-align:center;writing-mode:initial;transform:none}.ai-thinking-overlay{position:absolute;inset:0;border-radius:14px;background:#0000002e;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;pointer-events:none}.ai-thinking-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:#161b22e6;border:1px solid var(--border-default);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.76rem;font-weight:600;color:var(--text-primary);box-shadow:var(--shadow-md)}.thinking-dots{display:flex;gap:3px;align-items:center}.thinking-dots span{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:thinking-bounce 1.2s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.left{height:100%}.left .panel-inner{border-left:none;border-top:none;border-bottom:none;border-radius:0;box-shadow:1px 0 0 var(--border-subtle)}.right{height:100%}.right .panel-inner{border-right:none;border-top:none;border-bottom:none;border-radius:0;box-shadow:-1px 0 0 var(--border-subtle)}.left .panel-content,.right .panel-content{flex:1;overflow-y:auto;padding:var(--space-md);min-width:0}.left .panel-header{display:none}.bottom{width:100%;z-index:100;flex-shrink:0;background:#0d1117eb;border-top:1px solid var(--border-subtle)}.bottom .panel-inner{border-left:none;border-right:none;border-bottom:none;border-radius:0;background:#0d1117eb;box-shadow:0 -1px 0 var(--border-subtle);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.bottom .panel-header{display:none}.bottom .panel-content{padding:.3rem .85rem;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);min-height:2.1rem}.bottom .status-strip{margin-bottom:0;border:none;background:none;padding:0;font-size:.72rem;color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-sm)}.bottom .best-move{margin:0 0 0 auto;font-size:.74rem;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:.35rem}.bottom .best-move:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}.bottom.hidden{transform:translateY(100%);transition:transform .25s cubic-bezier(.22,1,.36,1)}.top.hidden{transform:translateY(-100%);transition:transform .25s cubic-bezier(.22,1,.36,1)}.top.hidden .panel-inner,.bottom.hidden .panel-inner{opacity:0;pointer-events:none}.resize-handle{position:absolute;display:flex;align-items:center;justify-content:center;z-index:110;-webkit-user-select:none;user-select:none}.resize-handle-left,.resize-handle-right{top:0;bottom:0;width:14px;cursor:col-resize}.resize-handle-right{right:-7px}.resize-handle-left{left:-7px}.resize-handle-top,.resize-handle-bottom{left:0;right:0;height:14px;cursor:pointer}.resize-handle-top{top:-7px}.resize-handle-bottom{bottom:-7px}.resize-pill{width:3px;height:32px;border-radius:2px;background:#6e768126;transition:all .2s ease}.resize-pill.horizontal{flex-direction:row;width:32px;height:3px}@media(hover:hover)and (pointer:fine){.resize-handle:hover .resize-pill{background:#6e76815c}}@media(hover:hover)and (pointer:fine){.resize-handle-left:hover .resize-pill,.resize-handle-right:hover .resize-pill{height:48px;width:4px}}@media(hover:hover)and (pointer:fine){.resize-handle-top:hover .resize-pill,.resize-handle-bottom:hover .resize-pill{width:48px;height:4px}}.settings-menu{margin-bottom:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card)}.settings-menu>summary,.advanced-settings>summary{cursor:pointer;padding:.5rem .65rem;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--text-primary);list-style:none}.settings-menu>summary::-webkit-details-marker,.advanced-settings>summary::-webkit-details-marker{display:none}.settings-backdrop{display:none}.settings-menu[open] .settings-backdrop{display:block;position:fixed;inset:0;z-index:990;cursor:default}.settings-body{padding:0 .65rem .65rem}.settings-header{display:none}.advanced-settings{border:1px dashed var(--border-default);border-radius:9px;background:#0d111766}.advanced-section{padding-top:.35rem;border-top:1px solid var(--border-subtle)}.control{display:grid;gap:.28rem;margin-bottom:.55rem}.control span{font-size:.74rem;color:var(--text-tertiary)}.control strong{font-size:.76rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.control input[type=range]{accent-color:var(--accent);height:4px;width:100%}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.compact-grid button{padding:.5rem}.switch-control{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem;font-size:.76rem;color:var(--text-secondary);cursor:pointer}.switch-control input{accent-color:var(--accent);cursor:pointer}.engine-options h3{margin:.3rem 0 .4rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.engine-options{max-height:220px;overflow:auto;border:1px solid var(--border-subtle);border-radius:9px;padding:.4rem;background:var(--bg-input)}.engine-option-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.45rem;margin-bottom:.4rem}.engine-option-row span{font-size:.73rem;color:var(--text-secondary)}.engine-option-row input,.engine-option-row select{padding:.28rem .4rem;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-primary);font-family:inherit;font-size:.73rem;transition:border-color .15s ease,box-shadow .15s ease}.engine-option-row input:focus,.engine-option-row select:focus{outline:none;border-color:var(--accent-muted);box-shadow:0 0 0 2px var(--accent-subtle)}.engine-option-row input{width:80px}.engine-option-row select{width:150px}.profile-picker{margin-bottom:.3rem}.status-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:.35rem .5rem;margin-bottom:.55rem;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);font-size:.74rem;color:var(--text-tertiary)}.status{text-transform:capitalize;font-weight:600;display:inline-flex;align-items:center;gap:.28rem}.status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;flex-shrink:0}.status.loading{color:var(--warning)}.status.loading:before{background:var(--warning);animation:pulse-dot 1.2s ease-in-out infinite}.status.ready{color:var(--accent)}.status.ready:before{background:var(--accent)}.status.analyzing{color:var(--info)}.status.analyzing:before{background:var(--info);animation:pulse-dot 1s ease-in-out infinite}.status.error{color:var(--danger)}.status.error:before{background:var(--danger)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-bottom:var(--space-md)}.analysis-header{display:flex;flex-direction:column;gap:.45rem}.analysis-tab-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem}.analysis-tab-btn{border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);font-size:.7rem;font-weight:600;padding:.34rem .46rem;border-radius:var(--radius-sm)}@media(hover:hover)and (pointer:fine){.analysis-tab-btn:hover{border-color:var(--border-default);color:var(--text-primary)}}.analysis-tab-btn.active{border-color:var(--accent-muted);background:#58a6ff1f;color:var(--accent)}.analysis-mode-pills{display:flex;flex-wrap:wrap;gap:.32rem;margin-bottom:.5rem}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;margin-bottom:.55rem}.preset-card{text-align:left;border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:var(--radius-sm);padding:.4rem .48rem;color:var(--text-secondary);display:grid;gap:.16rem}.preset-card strong{font-size:.68rem;color:var(--text-primary)}.preset-card span{font-size:.63rem;color:var(--text-muted)}.preset-card.active{border-color:var(--accent-muted);background:#58a6ff1f}.mode-pill{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--bg-card);color:var(--text-secondary);font-size:.68rem;font-weight:600;padding:.2rem .55rem}.mode-pill.active{border-color:#3fb95066;background:#3fb95026;color:var(--accent)}.command-summary{margin:-.18rem 0 .45rem;font-family:JetBrains Mono,SF Mono,monospace;color:var(--text-muted)}.opening-intel-card{margin-bottom:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0d111757;padding:.55rem}.opening-intel-card h3{margin:0 0 .45rem;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);display:flex;align-items:center;gap:.35rem}.opening-intel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.45rem}.opening-source-toggle,.opening-speed-toggle{display:flex;flex-wrap:wrap;gap:.28rem}.opening-speed-toggle{margin-bottom:.45rem}.opening-move-list{display:grid;gap:.3rem;margin-bottom:.45rem}.opening-move-row{border:1px solid var(--border-subtle);background:var(--bg-card);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.68rem;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;text-align:left;padding:.26rem .4rem}.opening-move-row strong{color:var(--text-primary)}.opening-move-row span:last-child{font-family:JetBrains Mono,monospace;color:var(--text-muted)}.engine-command-inline{font-family:JetBrains Mono,SF Mono,monospace;font-size:.66rem;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.16rem .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42%}.engine-lab-card{margin-bottom:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#0d111761;padding:.55rem}.engine-lab-card h3{margin:0 0 .5rem;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);display:flex;align-items:center;gap:.35rem}.engine-lab-console{display:grid;grid-template-columns:1fr auto auto auto;gap:.35rem;margin-bottom:.5rem}.engine-lab-console input{min-width:0;font-family:JetBrains Mono,monospace;font-size:.72rem}.diagnostics-actions{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:.45rem}.expert-toggle{margin-top:.2rem}.warning-copy{color:var(--warning)}.danger-lite{border-color:#f8514959!important;color:#ff9b95!important}.danger-lite:disabled{opacity:.45;cursor:not-allowed}.lab-history{margin-bottom:.45rem}.lab-history h4{margin:0 0 .3rem;font-size:.61rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary)}.lab-history-list{display:flex;gap:.28rem;flex-wrap:wrap}.lab-history-list button{font-size:.64rem;padding:.2rem .4rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary)}.engine-lab-output{margin:0;min-height:140px;max-height:260px;overflow:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0c1118;color:#c7d2df;font-size:.68rem;line-height:1.45;padding:.45rem .5rem;font-family:JetBrains Mono,SF Mono,monospace}.engine-lab-inline{margin-top:.4rem;display:grid;gap:.35rem}.error-copy{color:var(--danger)}.right-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-subtle)}.right-section h3,.review-scaffold h3,.pv-list h3{margin:0 0 .5rem;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);display:flex;align-items:center;gap:.35rem}.section-icon{font-size:.8rem;opacity:.5;line-height:1}.pv-list{margin-top:var(--space-md);min-height:250px}.pv-list article{border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.5rem .6rem;margin-bottom:.35rem;background:var(--bg-card);transition:border-color .15s ease,background .15s ease;cursor:default}@media(hover:hover)and (pointer:fine){.pv-list article:hover{border-color:var(--border-default);background:var(--bg-card-hover)}}.pv-list article header{display:flex;gap:var(--space-sm);align-items:baseline;font-size:.71rem;color:var(--text-tertiary);margin-bottom:.25rem}.pv-list article header strong{color:var(--accent);font-weight:700}.pv-list article header span:last-child{font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:.78rem}.pv-list article p{margin:0;font-size:.75rem;color:var(--text-secondary);overflow-wrap:anywhere;line-height:1.5}.pv-list article p.pv-uci{margin-top:.18rem;font-size:.64rem;color:var(--text-muted);font-family:JetBrains Mono,SF Mono,monospace;letter-spacing:.02em}.best-move{margin:.45rem 0 0;font-size:.76rem;font-weight:600;color:var(--accent);display:flex;align-items:center;gap:.3rem}.review-scaffold{margin-top:var(--space-md);border-top:1px solid var(--border-subtle);padding-top:var(--space-md)}.review-book-card{margin-top:var(--space-md)}.review-book-list{display:grid;gap:.28rem;min-height:400px;align-content:start}.review-book-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);padding:.22rem .4rem;display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;align-items:center;font-size:.68rem;color:var(--text-secondary)}.review-book-row span:first-child{color:var(--text-muted);font-family:JetBrains Mono,monospace}.review-book-row strong{color:var(--text-primary)}.review-book-row.in-book{border-color:#3fb95047}.review-book-row.out-of-book{border-color:#f0883e52}.review-book-row.loading{opacity:.72}.review-chips{display:flex;flex-wrap:wrap;gap:.28rem}.review-chips span{padding:.2rem .5rem;border-radius:var(--radius-pill);border:1px solid transparent;font-size:.67rem;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}@media(hover:hover)and (pointer:fine){.review-chips span:hover{transform:translateY(-1px)}}.chip-best{background:#3fb9501f;color:var(--quality-best);border-color:#3fb95038!important}.chip-good{background:#7ee7871a;color:var(--quality-good);border-color:#7ee7872e!important}.chip-inaccuracy{background:#e3b3411f;color:var(--quality-inaccuracy);border-color:#e3b34138!important}.chip-mistake{background:#f0883e1f;color:var(--quality-mistake);border-color:#f0883e38!important}.chip-blunder{background:#f851491f;color:var(--quality-blunder);border-color:#f8514938!important}.chip-pending{background:#6e76811a;color:var(--quality-pending);border-color:#6e76812e!important}.moves-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.2rem;max-height:220px;overflow:auto}.moves-list li{display:grid;grid-template-columns:auto auto 1fr auto;gap:.32rem;align-items:center;padding:.32rem .48rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);border-left:3px solid transparent;background:var(--bg-card);transition:background .12s ease,border-color .12s ease;animation:move-fade-in .22s cubic-bezier(.22,1,.36,1)}@keyframes move-fade-in{0%{opacity:0;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}@media(hover:hover)and (pointer:fine){.moves-list li:hover{background:var(--bg-card-hover);border-color:var(--border-default)}}.moves-list li span{font-size:.71rem;color:var(--text-secondary)}.moves-list li strong{font-size:.76rem;color:var(--text-primary);font-weight:600}.move-index{min-width:1.5rem;color:var(--text-muted)!important;font-variant-numeric:tabular-nums}.move-uci{font-family:JetBrains Mono,SF Mono,monospace;opacity:.5;font-size:.66rem!important}.move-quality{text-transform:capitalize;justify-self:end;font-weight:600!important;font-size:.66rem!important}.quality-best{border-left-color:var(--quality-best)!important}.quality-best .move-quality{color:var(--quality-best)}.quality-good{border-left-color:var(--quality-good)!important}.quality-good .move-quality{color:var(--quality-good)}.quality-inaccuracy{border-left-color:var(--quality-inaccuracy)!important}.quality-inaccuracy .move-quality{color:var(--quality-inaccuracy)}.quality-mistake{border-left-color:var(--quality-mistake)!important}.quality-mistake .move-quality{color:var(--quality-mistake)}.quality-blunder{border-left-color:var(--quality-blunder)!important}.quality-blunder .move-quality{color:var(--quality-blunder)}.graph-wrap{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);padding:.4rem;overflow:hidden}.graph-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.winrate-graph{width:max-content;min-width:100%;height:220px;display:block}.graph-grid-line{stroke:#f0f6fc0d;stroke-width:1;stroke-dasharray:3 4}.graph-grid-text{font-size:13px;fill:var(--text-secondary);font-family:inherit}.graph-area{fill:url(#graph-gradient)}.graph-line{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--accent-glow))}.graph-line-white{stroke:#f0f6fc;filter:drop-shadow(0 0 3px rgba(240,246,252,.3))}.graph-line-draw{stroke:#ffb86c;stroke-dasharray:4 3;filter:drop-shadow(0 0 3px rgba(255,184,108,.3))}.graph-line-black{stroke:#58a6ff;filter:drop-shadow(0 0 3px rgba(88,166,255,.35))}.graph-point{fill:var(--accent);stroke:var(--bg-base);stroke-width:1.3}.graph-point-white{fill:#f0f6fc}.graph-point-draw{fill:#ffb86c}.graph-point-black{fill:#58a6ff}.graph-legend{margin-top:.45rem;display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:var(--text-secondary)}.graph-legend span{display:flex;align-items:center;gap:.3rem}.graph-legend span:before{content:"";display:inline-block;width:8px;height:3px;border-radius:2px;background:var(--accent)}.graph-legend strong{color:var(--accent);font-weight:700;font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.graph-legend.wdl{justify-content:flex-start;gap:.9rem;flex-wrap:wrap}.graph-legend.wdl span{gap:.36rem}.graph-legend.wdl span:before{width:10px;height:3px}.graph-legend .wdl-white-label:before{background:#f0f6fc}.graph-legend .wdl-draw-label:before{background:#ffb86c}.graph-legend .wdl-black-label:before{background:#58a6ff}.sample-library-card{margin-top:var(--space-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);padding:.52rem}.sample-library-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.45rem}.sample-library-head h3{margin:0;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);display:flex;align-items:center;gap:.35rem}.sample-library-head span{font-size:.66rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.sample-filter-row{display:flex;flex-wrap:wrap;gap:.28rem;margin-bottom:.45rem}.sample-game-list{display:grid;gap:.36rem;max-height:320px;overflow:auto}.sample-game-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#0d111770;padding:.36rem .44rem}.sample-game-row header{display:flex;justify-content:space-between;gap:.42rem;align-items:baseline;margin-bottom:.16rem}.sample-game-row header strong{font-size:.7rem;color:var(--text-primary)}.sample-game-row header span{font-size:.64rem;color:var(--text-muted);font-family:JetBrains Mono,monospace}.sample-game-row p{margin:0 0 .2rem;font-size:.66rem;color:var(--text-secondary);line-height:1.35}.sample-game-row p.sample-game-opening{color:var(--text-muted)}.sample-sweep-copy{margin:0 0 .45rem;color:var(--text-muted)}.sample-game-actions{display:grid;grid-template-columns:1fr;gap:.28rem;margin-top:.24rem}.sample-game-actions button{font-size:.66rem;padding:.24rem .34rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);text-align:center;gap:var(--space-sm)}.empty-state-icon{font-size:1.6rem;opacity:.18;line-height:1}.empty-state p{margin:0;font-size:.76rem;color:var(--text-tertiary);line-height:1.55;max-width:200px}.analyzing-bar{width:100%;height:2px;background:var(--border-subtle);overflow:hidden;border-radius:1px;position:relative}.analyzing-bar.active:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:analyzing-slide 1.4s ease-in-out infinite}@keyframes analyzing-slide{0%{left:-40%}to{left:100%}}.game-mode-badge{font-size:.71rem;font-weight:600;color:var(--text-secondary);display:inline-flex;align-items:center;gap:.25rem;padding:.16rem .48rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-elevated)}.game-over-badge{font-size:.73rem;font-weight:700;padding:.18rem .5rem;border-radius:var(--radius-pill);animation:badge-pop .28s cubic-bezier(.22,1,.36,1);background:var(--danger-subtle);color:var(--danger);border:1px solid rgba(248,81,73,.22)}.game-over-badge.draw{background:#6e76811f;color:var(--text-secondary);border-color:var(--border-default)}.game-over-badge.check{background:var(--warning-subtle);color:var(--warning);border-color:#d2992240}@keyframes badge-pop{0%{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.dialog-overlay{background:#000000b8!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.dialog-box{background:var(--bg-surface)!important;border:1px solid var(--border-default)!important;box-shadow:var(--shadow-lg)!important}.dialog-box h2{color:var(--text-heading)!important}@media(max-width:900px){.app-shell{height:100vh;width:100vw;max-width:100vw;overflow:hidden;padding:0}.main-container{flex-direction:column;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.top{position:relative!important;top:auto!important;order:0}.eval-bar-label{left:-12px}.board-stage{order:1;padding:var(--space-sm);min-height:auto;width:100%;max-width:100%;box-sizing:border-box;flex:none;display:flex;justify-content:center;align-items:center;background:var(--bg-base)}.right{order:3;padding:0 var(--space-sm) var(--space-md)!important;width:100%!important;height:auto;align-self:stretch}.left{order:4;padding:0 var(--space-sm) var(--space-lg)!important;width:100%!important;height:auto;align-self:stretch}.left .panel-inner,.right .panel-inner{border-radius:var(--radius-lg)!important;border:1px solid var(--border-default)!important;box-shadow:var(--shadow-sm)!important;height:auto;max-height:none;overflow:visible}.left .panel-content,.right .panel-content{overflow:visible}.bottom{position:sticky!important;bottom:0!important;order:2;width:100%!important;overflow-x:hidden;background:#0d1117bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:200}.app-brand-text{display:none}.top .panel-inner{padding-top:env(safe-area-inset-top)}.top .panel-content{padding:.35rem .5rem}.top .settings-menu[open] .settings-backdrop{background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.top .settings-body{position:fixed;inset:auto 0 0;transform:translateY(100%)!important;width:100%;max-width:100%;max-height:85vh;z-index:1000;box-shadow:0 -12px 48px #0009,0 -1px 0 0 var(--border-subtle);padding:1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slide-up .4s cubic-bezier(.16,1,.3,1) forwards;overflow-y:auto;border:none;border-top:1px solid var(--border-strong)}.top .settings-body:before{content:"";position:fixed;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--border-strong);border-radius:4px;z-index:1001;pointer-events:none}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.settings-header h2{margin:0;font-size:1.1rem;color:var(--text-heading);font-weight:600}.settings-close-btn{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);padding:.35rem .85rem;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .14s ease}@media(hover:hover)and (pointer:fine){.settings-close-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong)}}@keyframes slide-up{to{transform:translateY(0)!important}}.desktop-only{display:none!important}.top-mode-pills,.gc-mode-pills,.wc-nav,.wc-speed{min-height:2.5rem;padding:.18rem}.top-mode-pills,.gc-mode-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top-mode-pills::-webkit-scrollbar,.gc-mode-pills::-webkit-scrollbar{display:none}.gc-pill,.wc-speed-pill,.mode-pill,.analysis-tab-btn{min-height:40px;padding:.4rem .8rem;font-size:.85rem}.wc-btn{min-width:2.5rem;min-height:2.5rem;padding:.35rem .55rem;font-size:1.15rem}.gc-btn{min-height:2.5rem;padding:.35rem .85rem}.watch-controls{flex-wrap:wrap;row-gap:.6rem;column-gap:.6rem}.bottom .panel-content{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem var(--space-md)}.bottom-status-row{justify-content:center;width:100%;margin:0;padding-bottom:.15rem}.game-controls,.watch-controls{justify-content:center;flex-wrap:wrap;gap:.4rem}.resize-handle{display:none!important}.preset-grid,.inline-actions{grid-template-columns:1fr}.diagnostics-actions{grid-template-columns:repeat(2,1fr)}.bottom-engine-info{font-size:.85rem;margin-bottom:.4rem}.panel-copy.small{font-size:.78rem}.sample-game-row{padding:.6rem;box-shadow:inset 0 0 0 1px #ffffff0d}.sample-game-row header strong{font-size:.8rem}.control,.engine-option-row{margin-bottom:1rem;padding-bottom:.4rem}.control span,.engine-option-row span{font-size:.9rem;font-weight:500}.control strong{font-size:.95rem}.switch-control{margin-bottom:1rem}.switch-control span{font-size:.9rem}input[type=range]{height:16px;border-radius:8px}input[type=checkbox]{width:1.3rem;height:1.3rem}.engine-options{max-height:40vh;padding:.6rem}.engine-option-row input,.engine-option-row select{padding:.45rem .55rem;font-size:.85rem}}.game-controls{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.gc-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .65rem;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--bg-elevated);color:var(--text-secondary);font-family:inherit;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .14s ease;white-space:nowrap}@media(hover:hover)and (pointer:fine){.gc-btn:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-card-hover)}}@media(hover:hover)and (pointer:fine){.gc-btn-pause:hover{border-color:#d2992266;color:var(--warning);background:var(--warning-subtle)}}.gc-btn-resume{border-color:var(--border-accent);color:var(--accent);background:var(--accent-subtle)}@media(hover:hover)and (pointer:fine){.gc-btn-resume:hover{background:#3fb95033;box-shadow:0 0 10px var(--accent-glow)}}.gc-icon{font-size:.78rem;line-height:1}.gc-mode-pills{display:flex;gap:.2rem;align-items:center;padding:.15rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-card)}.gc-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-tertiary);font-family:inherit;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .13s ease;white-space:nowrap}@media(hover:hover)and (pointer:fine){.gc-pill:hover{color:var(--text-secondary);background:var(--bg-elevated)}}.gc-pill-active{background:var(--accent-subtle)!important;border-color:var(--border-accent)!important;color:var(--accent)!important}.gc-pill-icon{width:.75rem;height:.75rem;opacity:.8}.bottom-status-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-left:auto}.bottom-engine-info{font-size:.71rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.3rem}.top-mode-pills{display:flex;gap:.18rem;align-items:center;padding:.12rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-card)}.watch-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.wc-nav{display:flex;gap:.15rem;align-items:center;padding:.12rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-card)}.wc-btn{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;padding:.22rem .5rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .11s ease,color .11s ease;white-space:nowrap}@media(hover:hover)and (pointer:fine){.wc-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}}.wc-btn:disabled{opacity:.28;cursor:default}.wc-play{display:flex;gap:.2rem}.wc-btn-pause{background:var(--bg-elevated)!important;border-color:var(--border-default)!important;color:var(--text-secondary)!important}@media(hover:hover)and (pointer:fine){.wc-btn-pause:hover{border-color:#d2992266!important;color:var(--warning)!important;background:var(--warning-subtle)!important}}.wc-btn-resume{background:var(--accent-subtle)!important;border-color:var(--border-accent)!important;color:var(--accent)!important}@media(hover:hover)and (pointer:fine){.wc-btn-resume:hover{background:#3fb95038!important;box-shadow:0 0 10px var(--accent-glow)!important}}.wc-btn-step{background:var(--info-subtle)!important;border-color:#58a6ff4d!important;color:var(--info)!important}.wc-speed{display:flex;align-items:center;gap:.18rem;padding:.12rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-card)}.wc-speed-label{font-size:.63rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;padding:0 .25rem 0 .35rem;-webkit-user-select:none;user-select:none}.wc-speed-pill{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-tertiary);font-family:inherit;font-size:.67rem;font-weight:600;cursor:pointer;transition:all .12s ease}@media(hover:hover)and (pointer:fine){.wc-speed-pill:hover{color:var(--text-secondary);background:var(--bg-elevated)}}.wc-speed-active{background:var(--accent-subtle)!important;border-color:var(--border-accent)!important;color:var(--accent)!important}.wc-paused-label{font-size:.7rem;font-weight:600;color:var(--warning);padding:.18rem .55rem;border-radius:var(--radius-pill);border:1px solid rgba(210,153,34,.25);background:var(--warning-subtle);white-space:nowrap;animation:badge-pop .2s cubic-bezier(.22,1,.36,1)}.mtree-scroll{height:260px;overflow-y:auto;outline:none;padding:.1rem 0}.mtree-row{display:grid;grid-template-columns:2rem 1fr 1fr;align-items:center;gap:.15rem;margin-bottom:.12rem}.mtree-num{font-size:.67rem;color:var(--text-muted);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;padding-left:.1rem;-webkit-user-select:none;user-select:none}.mtree-spacer{display:block}.mtree-chip{display:inline-flex;align-items:center;gap:.25rem;width:100%;padding:.22rem .4rem;border-radius:var(--radius-xs);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:.76rem;font-weight:500;cursor:pointer;text-align:left;transition:background .1s ease,color .1s ease,border-color .1s ease}@media(hover:hover)and (pointer:fine){.mtree-chip:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-subtle)}}.mtree-chip-active{background:var(--accent-subtle)!important;border-color:var(--border-accent)!important;color:var(--accent)!important;font-weight:700!important}.mtree-quality-dot{display:inline-block;width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-left:auto}.quality-best .mtree-quality-dot{background:var(--quality-best)}.quality-good .mtree-quality-dot{background:var(--quality-good)}.quality-inaccuracy .mtree-quality-dot{background:var(--quality-inaccuracy)}.quality-mistake .mtree-quality-dot{background:var(--quality-mistake)}.quality-blunder .mtree-quality-dot{background:var(--quality-blunder)}.mtree-variation{display:flex;align-items:center;gap:.15rem;padding:.06rem 0 .06rem 2rem;border-left:2px solid var(--border-subtle);margin:.1rem 0 .1rem .9rem;flex-wrap:wrap}.mtree-var-marker{font-size:.7rem;color:var(--text-muted);margin-right:.15rem;flex-shrink:0}.mtree-chip-compact{padding:.15rem .35rem;font-size:.71rem;width:auto}button:active:not(:disabled),.gc-btn:active:not(:disabled),.wc-btn:active:not(:disabled),.gc-pill:active,.mode-pill:active,.analysis-tab-btn:active,summary:active{transform:scale(.96);transition:transform 50ms ease}@media(prefers-reduced-motion:reduce){.app-shell *,.app-shell *:before,.app-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.analyzing-bar.active:after,.thinking-dots span,.pulsing.btn-primary,.status.loading:before,.status.analyzing:before{animation:none!important}}