:root{color-scheme:dark;--bg: #11141a;--surface: #1a1f28;--surface-2: #232a35;--border: #343d4b;--text: #f3f5f7;--muted: #9aa5b4;--primary: #8b7cf6;--primary-strong: #a99cff;--danger: #ef5d68;--warning: #f3b44e;--success: #4fd19e;--shadow: 0 18px 55px rgb(0 0 0 / 28%);--radius: 16px;--space-1: .35rem;--space-2: .65rem;--space-3: 1rem;--space-4: 1.5rem;--board-light: #d8d9cf;--board-dark: #6d7180;font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=light]{color-scheme:light;--bg: #eef1f5;--surface: #fff;--surface-2: #f4f6f9;--border: #d5dae2;--text: #18202b;--muted: #657080;--shadow: 0 18px 55px rgb(35 42 55 / 14%)}[data-board-theme=ocean]{--board-light: #c4dce8;--board-dark: #477c94}[data-board-theme=forest]{--board-light: #d5ddbf;--board-dark: #58714b}[data-board-theme=mono]{--board-light: #fff;--board-dark: #333}[data-piece-theme=mono] .piece-417db{filter:grayscale(1) contrast(1.2)}[data-piece-theme=warm] .piece-417db{filter:sepia(.38) saturate(1.25)}.high-contrast{--border: #fff;--primary: #c8c0ff;--danger: #ff7b83}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--primary) 16%,transparent),transparent 38%),var(--bg);color:var(--text);padding:clamp(.75rem,2vw,1.5rem);overflow-x:hidden}button,input,select,textarea{font:inherit}button{touch-action:manipulation}[hidden]{display:none!important}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;padding:.75rem 1rem;background:var(--primary);color:#fff;border-radius:.5rem}.skip-link:focus{top:1rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.clipboard-fallback{position:fixed;left:-10000px;opacity:0}.muted{color:var(--muted)}.eyebrow{margin:0 0 .2rem;color:var(--primary-strong);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:800}.app-header{width:min(1180px,100%);margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.04em;color:var(--text)}.header-actions,.toolbar-row,.filter-row,.engine-options,.dialog-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.service-status{display:flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.78rem}.status-dot{display:inline-block;width:.62rem;height:.62rem;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px color-mix(in srgb,var(--muted) 15%,transparent)}.status-dot.online,.your-turn .status-dot{background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 18%,transparent)}.status-dot.offline{background:var(--danger)}.status-chip{border:1px solid var(--border);border-radius:999px;padding:.22rem .5rem}.status-chip.ready{color:var(--success)}.status-chip.error{color:var(--danger)}.icon-button,.button,.choice-button,.game-card,.nav-tab{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:.7rem;min-height:44px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.icon-button{min-width:44px;padding:.55rem}.button{padding:.65rem 1rem;font-weight:700}.button.small{min-height:36px;padding:.4rem .7rem;font-size:.8rem}.button.large{min-height:52px;font-size:1rem}.button.primary{background:var(--primary);border-color:var(--primary);color:#fff}.button.danger{background:color-mix(in srgb,var(--danger) 14%,var(--surface));color:var(--danger);border-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.button.secondary{background:var(--surface-2)}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--primary)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 65%,white);outline-offset:3px}.tabs{width:min(1180px,100%);margin:0 auto var(--space-3);display:flex;gap:.3rem;padding:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:.9rem}.nav-tab{padding:.55rem 1.25rem;background:transparent;border-color:transparent}.nav-tab.active{background:var(--surface-2);border-color:var(--border);color:var(--primary-strong)}main{width:min(1180px,100%);margin:auto}.card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.setup-card{width:min(600px,100%);margin:5vh auto;padding:clamp(1.2rem,4vw,2.2rem);display:grid;gap:1.5rem}.setup-heading h2{margin:.1rem 0;font-size:1.6rem}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:.6rem;color:var(--muted);font-size:.82rem;font-weight:750}.segmented-control{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.segmented-control.two-up{grid-template-columns:repeat(2,1fr)}.choice-button{padding:.8rem .5rem;font-weight:800;display:grid;place-items:center;gap:.2rem}.choice-button span:not(.piece-symbol){color:var(--muted);font-size:.7rem;font-weight:600}.choice-button.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 15%,var(--surface));box-shadow:inset 0 0 0 1px var(--primary)}.piece-symbol{font-size:1.45rem}.custom-time-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}.custom-time-fields label,.engine-options label,.settings-dialog label{display:grid;gap:.3rem;color:var(--muted);font-size:.8rem}.custom-time-fields input,input,select,textarea{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:.65rem;min-height:42px;padding:.55rem .7rem}.shortcut-hint{text-align:center;color:var(--muted);font-size:.75rem}kbd{background:var(--surface-2);border:1px solid var(--border);border-bottom-width:2px;border-radius:.3rem;padding:.1rem .35rem}.game-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(270px,1fr);gap:1rem;align-items:start}.board-column,.analysis-board-column{min-width:0}.view-return-row{margin-bottom:.55rem;display:flex;justify-content:space-between;gap:.55rem}.board-shell{position:relative;display:flex;width:100%}.board-shell #board-wrap{flex:1;min-width:0}#board-wrap,#av-board-wrap{border:3px solid var(--surface-2);overflow:hidden}.white-1e1d7{background:var(--board-light)!important}.black-3c85d{background:var(--board-dark)!important}.board-disabled{cursor:not-allowed}.board-disabled:after{content:"";position:absolute;inset:0;z-index:7;cursor:not-allowed}.spinner{display:inline-block;width:1.3rem;height:1.3rem;border:2px solid color-mix(in srgb,var(--primary) 28%,transparent);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-strip{min-height:64px;display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;background:var(--surface);border:1px solid var(--border)}.strip-top{border-radius:.8rem .8rem 0 0}.strip-bottom{border-radius:0 0 .8rem .8rem}.player-avatar{font-size:1.8rem}.player-meta{display:grid;flex:1}.player-meta span{color:var(--muted);font-size:.77rem}.player-clock{min-width:104px;padding:.42rem .7rem;text-align:center;font:800 clamp(1.35rem,4vw,2rem)/1 ui-monospace,SFMono-Regular,monospace;border-radius:.6rem;background:var(--surface-2);transition:background .2s,transform .2s}.player-clock.warning{color:#18130a;background:var(--warning);animation:pulse-clock 1.4s ease-in-out infinite}.player-clock.critical{color:#fff;background:var(--danger);animation:pulse-clock .55s ease-in-out infinite}@keyframes pulse-clock{50%{transform:scale(1.055);box-shadow:0 0 0 6px color-mix(in srgb,currentColor 13%,transparent)}}.game-sidebar{padding:1rem;min-height:500px;display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem}.turn-status{display:flex;align-items:center;gap:.55rem;font-weight:800;padding:.65rem .75rem;border-radius:.7rem;background:var(--surface-2)}.game-facts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.game-facts div{display:grid;gap:.2rem}.game-facts span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.game-facts strong{font-size:.82rem}.captured-pieces{min-height:38px;display:grid;gap:.2rem;color:var(--muted)}.captured-pieces div{min-height:18px;letter-spacing:-.1rem}.move-list{min-height:180px;max-height:320px;overflow:auto;padding:.6rem;border:1px solid var(--border);border-radius:.7rem;background:var(--bg)}.move-row{display:grid;grid-template-columns:2.1rem 1fr 1fr;padding:.2rem .3rem;border-radius:.3rem}.move-row:nth-child(odd){background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.move-number{color:var(--muted)}.action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;margin-top:auto}.sq-last{box-shadow:inset 0 0 0 999px #f5d14259}.sq-check{box-shadow:inset 0 0 0 999px #ef4b5685}.sq-selected{box-shadow:inset 0 0 0 4px var(--primary)}.legal-dot{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:#191e245c;left:39%;top:39%;pointer-events:none;animation:legal-marker-in .28s cubic-bezier(.2,.9,.3,1.25)}.legal-ring{position:absolute;inset:8%;border:5px solid rgb(25 30 36 / 35%);border-radius:50%;pointer-events:none;animation:legal-marker-in .28s cubic-bezier(.2,.9,.3,1.25)}@keyframes legal-marker-in{0%{opacity:0;transform:scale(.35)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.vertical-eval{width:28px;position:relative;background:#111;overflow:hidden;border-radius:.5rem 0 0 .5rem}.vertical-eval div{position:absolute;bottom:0;width:100%;height:50%;background:#eee;transition:height .3s}.vertical-eval span{position:absolute;z-index:2;bottom:.3rem;left:50%;transform:translate(-50%) rotate(-90deg);color:#fff;font-size:.65rem}.analysis-toolbar{padding:.75rem 1rem;display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.analysis-context-controls{display:flex;flex:1;align-items:flex-end;justify-content:space-between;gap:1rem;min-width:0}.analysis-entry-actions,.analysis-output-actions{flex-wrap:nowrap}.live-game-eval-toggle{width:fit-content;min-height:44px}.engine-options select{min-width:90px}.toggle{display:flex!important;grid-auto-flow:column;align-items:center;gap:.45rem!important}.toggle input{width:18px;min-height:18px}.recent-games-panel{padding:1rem}.section-heading,.analysis-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.section-heading h2{margin:0}.filter-row{margin-bottom:1rem}.search-field{flex:1;min-width:220px}.filter-row select{width:auto}.recent-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.game-card{min-height:70px;text-align:left;display:flex;align-items:center;gap:.75rem;padding:.8rem;background:var(--surface-2);border-color:var(--border)}.game-card:hover{background:color-mix(in srgb,var(--surface-2) 84%,var(--primary));box-shadow:0 8px 24px #00000029}.game-card:focus-visible{position:relative;z-index:1}.game-card-content{display:grid;min-width:0}.game-card-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.76rem}.result-badge{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.5rem;font-weight:900}.result-w{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.result-l{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}.result-d{background:var(--surface-2)}.pagination{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:1rem}.skeleton-list{display:grid;gap:.6rem;grid-column:1/-1}.skeleton-list span{height:70px;border-radius:.7rem;background:linear-gradient(90deg,var(--surface-2),color-mix(in srgb,var(--surface-2) 55%,white),var(--surface-2));background-size:200%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200%}}.empty-state{grid-column:1/-1;display:grid;place-items:center;gap:.5rem;min-height:230px;text-align:center;color:var(--muted)}.analysis-layout{display:grid;grid-template-columns:minmax(0,700px) minmax(300px,1fr);gap:1rem}.analysis-sidebar{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.analysis-progress{display:flex;gap:.5rem;color:var(--muted)}.engine-lines{display:grid;gap:.4rem}.engine-line{display:grid;grid-template-columns:4rem 1fr;gap:.55rem;text-align:left;padding:.55rem;background:var(--surface-2)}.engine-line span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engine-meta{color:var(--muted);font-size:.75rem}.evaluation{font-family:ui-monospace,monospace;font-weight:800}.evaluation.positive{color:var(--success)}.evaluation.negative{color:var(--danger)}.move-tree{min-height:180px;max-height:330px;margin-top:-.25rem;overflow:auto;display:grid;grid-template-columns:2rem 1fr 1fr;align-content:start;gap:.2rem}.tree-move{border:0;background:transparent;color:var(--text);text-align:left;border-radius:.3rem;padding:.25rem;min-height:32px}.tree-move.current{background:var(--primary);color:#fff}.tree-move[data-evaluation]:after{content:attr(data-evaluation);color:var(--muted);font-size:.62rem;margin-left:.3rem}.tree-move.move-inaccuracy{border-left:3px solid #f0d24c}.tree-move.move-mistake{border-left:3px solid var(--warning)}.tree-move.move-blunder{border-left:3px solid var(--danger)}.variation-branch{grid-column:1/-1;border-left:3px solid var(--warning);padding:.4rem .6rem;color:var(--warning)}.analysis-navigation{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}#av-eval-wrap{height:26px;position:relative;overflow:hidden;background:#171717;border-radius:.5rem .5rem 0 0}#av-eval-fill{height:100%;width:50%;background:#efefef;transition:width .25s}#av-eval-label{position:absolute;inset:0;display:grid;place-items:center;color:#f2b84b;font:800 .72rem ui-monospace,monospace;text-shadow:0 1px 2px #000}.connection-banner{position:fixed;z-index:100;left:50%;top:.7rem;transform:translate(-50%);display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;background:var(--danger);color:#fff;border-radius:.7rem;box-shadow:var(--shadow)}.toast-region{position:fixed;z-index:200;right:1rem;bottom:1rem;display:grid;gap:.5rem;width:min(360px,calc(100vw - 2rem))}.toast{padding:.8rem 1rem;border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:.7rem;background:var(--surface);box-shadow:var(--shadow);animation:toast-in .2s ease-out}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}dialog{width:min(480px,calc(100vw - 2rem));color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow)}dialog::backdrop{background:#04060ab8;backdrop-filter:blur(3px)}dialog form{display:grid;gap:1rem}dialog h2,dialog p{margin:0}.dialog-actions{justify-content:flex-end}.promotion-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.promotion-options button{min-height:70px;font-size:2.2rem}.result-icon{font-size:3.5rem;text-align:center}.result-checkmate .result-icon{color:var(--danger)}.result-draw .result-icon{color:var(--warning)}.result-timeout .result-icon{color:var(--danger)}@media(max-width:900px){.game-layout,.analysis-layout{grid-template-columns:1fr;max-width:720px;margin:auto}.game-sidebar{position:static;min-height:0}.move-list{min-height:110px;max-height:220px}.analysis-toolbar{flex-direction:column;align-items:stretch}}@media(max-width:600px){body{padding:.5rem}.app-header{align-items:flex-start}.app-header h1{white-space:nowrap}.header-actions{justify-content:flex-end;min-width:0;flex:1}.service-status{width:100%;order:2;justify-content:flex-start;flex-wrap:wrap}.segmented-control{grid-template-columns:repeat(2,1fr)}.recent-games{grid-template-columns:1fr}.filter-row{align-items:stretch}.filter-row select{width:100%}.player-strip{min-height:58px}.player-clock{min-width:86px;font-size:1.35rem}.game-facts{grid-template-columns:1fr}.action-row{grid-template-columns:1fr 1fr}.shortcut-hint{display:none}.analysis-toolbar .button{flex:0 0 auto}.analysis-toolbar{padding:.6rem;gap:.6rem}.analysis-toolbar .toolbar-row{flex-wrap:nowrap;overflow-x:auto;padding:.1rem .1rem .35rem;scrollbar-width:thin}.analysis-context-controls{display:grid;gap:.55rem}.engine-options{flex-wrap:nowrap;overflow-x:auto}.app-header .eyebrow{display:none}}@media(max-height:760px)and (min-width:901px){.game-layout{grid-template-columns:minmax(0,620px) 1fr}.player-strip{min-height:52px}.game-sidebar{min-height:440px}.move-list{max-height:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}