:root{color-scheme:dark;--bg: #141311;--surface: #1c1b18;--surface-2: #242320;--surface-3: #2e2d29;--line: #34322c;--line-strong: #4a463e;--text: #ebe5d6;--text-2: #a7a08f;--text-3: #7a7566;--accent: #c8a867;--accent-hover: #d9bb7c;--accent-ink: #17140b;--accent-soft: rgba(200, 168, 103, .12);--danger: #c9796c;--danger-soft: rgba(201, 121, 108, .12);--warn: #d4a85e;--warn-soft: rgba(212, 168, 94, .12);--focus: #e6d29a;--sidebar-w: 176px;--panel-w: 320px;--radius: 4px;--radius-sm: 3px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:0}.app-shell{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding:18px 12px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;padding:4px 12px 26px}.brand-mark{width:30px;height:30px;flex-shrink:0}.brand-name{display:block;font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.2;letter-spacing:.01em}.brand-sub{display:block;font-size:12px;color:var(--text-3)}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{position:relative;display:flex;align-items:center;padding:7px 4px 7px 2px;color:var(--text-2);text-align:left;font-size:14px;transition:color .15s ease}.nav-item:hover{color:var(--text)}.nav-item.active{color:var(--text);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:2px;background:var(--accent)}.nav-icon{width:18px;height:18px;flex-shrink:0}.sidebar-foot{margin-top:auto;padding:8px;font-size:12px;color:var(--text-3)}.main-area{flex:1;min-width:0;overflow:auto;display:flex;flex-direction:column}.view{width:100%;max-width:960px;padding:28px 32px}.view.narrow{max-width:700px}.view-head{margin-bottom:22px}.view-head h1{font-size:28px}.view-head p{margin-top:4px;color:var(--text-2);max-width:62ch}.placeholder-view{max-width:620px;padding:28px 32px}.placeholder-view h1{font-size:28px;margin-bottom:8px}.placeholder-view p{color:var(--text-2)}.help-view ul{margin-top:16px;padding-left:18px;color:var(--text-2);display:flex;flex-direction:column;gap:8px}.gp-muted{font-size:12px;color:var(--text-3)}.card{margin-bottom:0;padding:18px 0 20px;background:none;border:0;border-top:1px solid var(--line);border-radius:0}.card-title{padding:0 0 10px;font-family:var(--serif);font-size:17px;font-weight:600;color:var(--text)}.meta-gap{margin-left:8px}.card-note{padding-bottom:10px;font-size:13px;color:var(--text-3);max-width:62ch}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-label{font-weight:500}.setting-hint{margin-top:2px;font-size:12px;color:var(--text-3);max-width:52ch}.setting-control{flex-shrink:0}.setting-control .select{width:240px}.setting-control .input{width:140px}.key-row{display:flex;flex-direction:column;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.key-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.key-input{display:flex;gap:8px}.key-input .input{flex:1;min-width:0}.form-foot{display:flex;justify-content:flex-end;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);font-weight:500;font-size:13px;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-strong)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-block{width:100%}.input,.select{width:100%;min-height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg)}.input::placeholder{color:var(--text-3)}.input:focus,.select:focus{outline:none;border-color:var(--focus)}.range{width:100%;accent-color:var(--accent)}.toggle{position:relative;width:38px;height:22px;flex-shrink:0;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-strong);transition:background .18s ease,border-color .18s ease}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-2);transition:transform .18s ease,background .18s ease}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on .toggle-knob{transform:translate(16px);background:var(--accent-ink)}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge.ok{background:var(--accent-soft);color:var(--accent)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.muted{color:var(--text-3)}.search{max-width:420px;margin-bottom:6px}.group-title{margin:22px 0 10px;font-size:13px;font-weight:600;color:var(--text-2)}.model-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 28px}.model-card{display:flex;flex-direction:column;gap:6px;padding:14px 0 16px;text-align:left;background:none;border:0;border-top:1px solid var(--line);border-radius:0;transition:border-color .15s ease}.model-card:hover{border-top-color:var(--line-strong)}.model-card.selected{border-top-color:var(--accent);background:none}.model-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.model-name{font-weight:600}.model-meta{font-size:12px;color:var(--text-3)}.model-desc{font-size:13px;line-height:1.5;color:var(--text-2)}.board-and-panel{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding:24px 28px}.board-column{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%}.player-bar{display:flex;justify-content:space-between;align-items:center;width:min(640px,94vw);min-height:28px;padding:0 2px;font-size:13px}.player-bar-name{font-weight:600}.player-bar-sep{margin:0 8px;color:var(--text-3);font-weight:400}.player-bar-status{font-size:12px;font-weight:600;color:var(--accent)}.player-bar-status.muted{color:var(--text-3);font-weight:500}.game-panel{width:var(--panel-w);max-width:100%;max-height:calc(100vh - 48px);overflow:auto;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.gp-section{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.gp-label{font-size:12px;font-weight:500;color:var(--text-3)}.gp-opponent-name{font-family:var(--serif);font-size:18px;font-weight:600}.gp-bot-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.rating-tier{display:inline-flex;align-items:center;gap:6px;min-width:0;vertical-align:middle}.rating-tier-glyph{flex-shrink:0;display:block}.rating-tier-label{font-size:12px;color:var(--text-2);white-space:nowrap}.gp-status{display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);font-size:13px}.gp-status.is-thinking{background:var(--accent-soft);color:var(--text)}.gp-status.is-check{background:var(--danger-soft);color:var(--danger)}.gp-error{padding:8px 12px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:13px}.gp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.gp-actions .gp-wide{grid-column:1 / -1}.gp-row{display:flex;align-items:center;gap:12px}.gp-between{justify-content:space-between}.gp-pgn-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gp-pgn-feedback{font-size:12px;color:var(--accent)}.gp-history{flex:1;min-height:0;border-bottom:0}.gp-count{margin-left:4px;color:var(--text-3);font-weight:500}.gp-moves{display:grid;grid-template-columns:34px 1fr 1fr;gap:2px;max-height:240px;overflow-y:auto;padding:6px;border-radius:var(--radius-sm);background:var(--bg);font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums}.gp-move-row{display:contents}.gp-move-num{padding:3px 6px;color:var(--text-3)}.gp-san{padding:3px 6px;border-radius:5px}.gp-san.is-last{background:var(--accent-soft);color:var(--accent)}.gp-empty{grid-column:1 / -1;padding:4px 6px;color:var(--text-3);font-family:var(--font)}.gp-footer{padding:10px 12px}.thinking-dots{display:inline-flex;gap:4px;flex-shrink:0}.thinking-dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:think-dot 1.2s infinite ease-in-out}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes think-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#0507099e}.dialog{min-width:280px;max-width:100%;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px #00000073}.dialog-title{font-size:17px;font-weight:600}.dialog-text{margin:6px 0 18px;color:var(--text-2)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.result-dialog{text-align:left}.promo-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.promo-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);font-size:12px;color:var(--text-2);transition:border-color .15s ease,color .15s ease}.promo-btn:hover{border-color:var(--accent);color:var(--text)}.promo-btn img{width:52px;height:52px}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;padding:8px 12px;gap:2px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 10px 0 0}.brand-text,.sidebar-foot{display:none}.nav{flex-direction:row}.nav-item{min-height:44px;padding:10px 12px;white-space:nowrap}.nav-item.active:before{display:none}.board-and-panel{flex-direction:column;align-items:center;gap:14px;padding:14px 16px}.game-panel{width:min(640px,94vw);max-height:none;overflow:visible}.view,.placeholder-view{padding:22px 16px}.setting-row{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.analysis-view{max-width:1180px}.analysis-head{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between}.analysis-controls{display:flex;gap:12px;align-items:flex-end}.analysis-depth{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-2)}.analysis-warning{margin:0 0 16px;padding:10px 14px;border:1px solid rgba(216,167,86,.35);background:var(--warn-soft);color:var(--text);border-radius:var(--radius-sm);font-size:13px}.analysis-progress-head{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;justify-content:space-between;margin-bottom:12px}.progress-track{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:var(--accent);transition:width .16s linear}.analysis-error{border-color:#d9776f66}.analysis-error p{margin:8px 0 12px;color:var(--text-2);font-size:13px}.analysis-intro ul{margin:10px 0 12px 18px;color:var(--text-2);font-size:13px;line-height:1.7}.analysis-summary{margin-bottom:16px}.analysis-players{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.analysis-players>div{display:flex;flex-direction:column;gap:2px;font-size:12px}.analysis-player-right{text-align:right;align-items:flex-end}.analysis-player-right .rating-tier{justify-content:flex-end}.analysis-player-name{font-size:15px;font-weight:600}.analysis-result{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-2);padding:4px 10px;border:1px solid var(--line-strong);border-radius:999px;white-space:nowrap}.analysis-accuracy{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0}.accuracy-cell{display:flex;flex-direction:column;gap:3px}.accuracy-value{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.analysis-counts{display:flex;flex-wrap:wrap;gap:8px}.count-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:12px}.count-number{font-weight:600;font-variant-numeric:tabular-nums}.count-label{color:var(--text-2)}.move-glyph{flex:none;display:block}.analysis-graph-card{margin-bottom:16px}.eval-graph{margin:0}.eval-graph-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--text-2);margin-bottom:8px}.eval-graph-final{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text)}.eval-graph-svg{width:100%;height:170px;display:block;border-radius:var(--radius-sm)}.eval-graph-bg{fill:var(--surface-3)}.eval-graph-white-side{fill:#e8ebef0d}.eval-graph-area{fill:var(--accent-soft)}.eval-graph-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round}.eval-graph-zero{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:4 4}.eval-graph-hit{cursor:pointer}.eval-graph-mate{fill:var(--text-3);font-size:11px;font-family:var(--font)}.eval-graph-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-3);margin-top:4px}.analysis-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;align-items:start}.analysis-move-header,.analysis-move-row{display:grid;grid-template-columns:minmax(96px,1.1fr) minmax(120px,1.2fr) minmax(120px,1fr) 64px;gap:10px;align-items:center}.analysis-move-header{font-size:12px;color:var(--text-3);padding:10px 10px 6px}.analysis-move-list{list-style:none;margin:0;padding:0;max-height:460px;overflow-y:auto}.analysis-move-row{width:100%;padding:7px 10px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer}.analysis-move-row:hover{background:var(--surface-2)}.analysis-move-row.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px #8fb96a59}.analysis-move-san{display:inline-flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums;font-size:13px}.move-number{color:var(--text-3);font-size:12px}.analysis-move-grade{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-2)}.grade-label{white-space:nowrap}.critical-tag{font-size:11px;padding:2px 6px;border-radius:3px}.analysis-move-eval,.analysis-move-loss{font-size:12px;color:var(--text-2);font-variant-numeric:tabular-nums}.analysis-move-loss{text-align:right}.analysis-detail{position:sticky;top:16px}.analysis-detail-badge{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;margin-bottom:12px}.analysis-board-wrap{margin-bottom:12px}.analysis-board-wrap .chessboard-wrap{width:100%;max-width:320px}.analysis-board-note{font-size:11px;color:var(--text-3);margin-top:8px}.analysis-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:12px 0;font-size:12px}.analysis-facts div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:4px}.analysis-facts dt{color:var(--text-3)}.analysis-facts dd{font-variant-numeric:tabular-nums}.analysis-best{font-size:13px;margin-bottom:12px}.analysis-stale,.analysis-foot{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-2)}.analysis-stale{padding:10px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-2)}.gp-premove{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);background:#60a5fa1f;border:1px solid rgba(96,165,250,.4);font-size:12px}.gp-premove-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa}.btn:focus-visible,.nav-item:focus-visible,.toggle:focus-visible,.select:focus-visible,.analysis-move-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.player-bar-name{letter-spacing:.01em}.gp-moves{scrollbar-width:thin}@media(max-width:1080px){.analysis-body{grid-template-columns:minmax(0,1fr)}.analysis-detail{position:static}.analysis-move-list{max-height:320px}}@media(max-width:720px){.analysis-move-header{display:none}.analysis-move-row{grid-template-columns:1fr auto;grid-template-areas:"san grade" "eval loss";row-gap:4px}.analysis-move-san{grid-area:san}.analysis-move-grade{grid-area:grade;justify-content:flex-end}.analysis-move-eval{grid-area:eval}.analysis-move-loss{grid-area:loss}.analysis-players{grid-template-columns:1fr;text-align:left}.analysis-player-right{align-items:flex-start;text-align:left}}.history-view{max-width:900px;padding:28px 32px 40px;display:flex;flex-direction:column;gap:16px}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.history-head h1{font-size:22px;margin-bottom:4px}.history-sub,.hs-muted{color:var(--text-2);font-size:13px}.history-note{font-size:13px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px}.history-empty{border:1px dashed var(--line);border-radius:10px;padding:22px 20px}.history-empty p+p{margin-top:6px}.history-list{list-style:none;display:flex;flex-direction:column;gap:10px}.history-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.history-row{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(160px,1fr) auto;align-items:center;gap:12px}.history-when{display:flex;flex-direction:column;gap:2px;min-width:0}.history-date{font-size:12px;color:var(--text-2)}.history-players{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-facts{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.history-result{font-weight:600}.history-result.is-open{color:var(--text-2);font-weight:500}.history-score{font-variant-numeric:tabular-nums;color:var(--text-2)}.history-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.hs-btn{padding:5px 10px;font-size:12.5px}.history-pgn{margin-top:12px;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px;resize:vertical}@media(max-width:720px){.history-view{padding:20px 16px 32px}.history-row{grid-template-columns:1fr;align-items:flex-start}.history-actions{justify-content:flex-start}}.gp-pgn-fallback{margin-top:8px;width:100%;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px;resize:vertical}.theme-green,.board-theme-green{--sq-light: #ebecd0;--sq-dark: #739552}.theme-brown,.board-theme-brown{--sq-light: #f0d9b5;--sq-dark: #b58863}.theme-blue,.board-theme-blue{--sq-light: #e8edf1;--sq-dark: #7d9bb3}.theme-purple,.board-theme-purple{--sq-light: #e8d5f0;--sq-dark: #7b5a8c}.highlight-green{background:#78c8508c!important}.highlight-red{background:#eb505080!important}.highlight-blue{background:#50a0e680!important}.highlight-yellow{background:#e6b42880!important}.app-main{flex:1;min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column}.play-layout{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding:24px 28px;width:100%;box-sizing:border-box}.play-board-col{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 1 auto;max-width:100%}.play-layout .game-panel{width:var(--panel-w, 300px);max-width:100%;max-height:calc(100vh - 48px);overflow:auto;flex-shrink:0}.piece-img{color-scheme:only light}.puzzle-layout{display:grid;grid-template-columns:minmax(0,640px) minmax(240px,320px);justify-content:start;align-items:start;gap:40px}.view.puzzle-view{max-width:1080px}.puzzle-board-col{min-width:0}.puzzle-board-col .chessboard-wrap{width:100%;max-width:640px}.puzzle-side{padding-top:4px}.puzzle-rating-card{display:flex;align-items:flex-end;gap:14px}.puzzle-rating-card .accuracy-value{font-family:var(--serif);font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.puzzle-rating-meta{display:flex;flex-direction:column;gap:2px;padding-bottom:2px;font-size:13px;color:var(--text-2)}@media(max-width:900px){.app-shell{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;padding:8px 10px;gap:2px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line, #2a3038);-webkit-overflow-scrolling:touch}.brand{padding:0 8px 0 0}.brand-text,.sidebar-foot{display:none}.nav{flex-direction:row;flex:1}.nav-item{min-height:44px;padding:10px 12px;justify-content:center;white-space:nowrap}.nav-item.active:before{display:none}.nav-item.active{box-shadow:inset 0 -2px 0 var(--accent)}.play-layout,.board-and-panel{flex-direction:column;align-items:center;gap:14px;padding:12px 12px 24px}.play-board-col,.board-column{width:100%}.play-layout .chessboard-wrap,.board-and-panel .chessboard-wrap,.chessboard-wrap{width:min(100vw - 24px,520px)}.play-layout .game-panel,.board-and-panel .game-panel,.game-panel{width:min(100vw - 24px,520px);max-height:none;overflow:visible}.view,.placeholder-view{padding:16px 12px 28px}.setting-row{flex-direction:column;align-items:stretch;gap:10px}.setting-control .select{width:100%}.analysis-replay-layout,.puzzle-layout{grid-template-columns:1fr!important}.analysis-pgn-textarea{font-size:16px}}@media(max-width:480px){.chessboard-wrap{width:calc(100vw - 16px);border-radius:4px}.play-layout,.board-and-panel{padding:8px 8px 20px;gap:10px}.play-layout .game-panel,.game-panel{width:calc(100vw - 16px)}.nav-item{padding:10px 8px}}.chessboard-wrap{position:relative;width:min(640px,94vw);aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;overflow:hidden;box-shadow:0 10px 28px #00000052}.chessboard-wrap.is-dragging,.chessboard-wrap.is-dragging *{cursor:grabbing!important}.chessboard{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%}.square{position:relative;display:flex;align-items:center;justify-content:center}.square.light{background:var(--sq-light)}.square.dark{background:var(--sq-dark)}.square.selected{outline:3px solid rgba(255,214,10,.9);outline-offset:-3px}.square.last-from,.square.last-to{box-shadow:inset 0 0 0 999px #e8c85a57}.square.check{box-shadow:inset 0 0 0 999px #e030306b}.square.premove-from,.square.premove-to{outline:3px solid rgba(96,165,250,.95);outline-offset:-3px}.piece-img{color-scheme:only light;width:90%;height:90%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;filter:drop-shadow(0 1.5px 2px rgba(0,0,0,.28))}.piece-premove-ghost{opacity:.5;position:absolute}.legal-dot{position:absolute;width:22%;height:22%;border-radius:50%;background:#0000002e;pointer-events:none;z-index:1}.legal-capture{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;border:5px solid rgba(0,0,0,.16);pointer-events:none;z-index:1}.coord{position:absolute;font-size:11px;font-weight:700;pointer-events:none;z-index:1;font-family:system-ui,-apple-system,sans-serif;line-height:1}.coord-file{bottom:3px;right:4px}.coord-rank{top:3px;left:4px}.square.light .coord{color:var(--sq-dark);opacity:.88}.square.dark .coord{color:var(--sq-light);opacity:.92}.board-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.board-overlay svg{width:100%;height:100%;overflow:visible}.piece-flying-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.piece-flying{position:absolute;left:0;top:0;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;pointer-events:none;will-change:transform;z-index:1}.piece-flying .piece-img{color-scheme:only light;width:90%;height:90%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4))}.piece-drag-ghost{position:absolute;left:0;top:0;width:12.5%;height:12.5%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:9}.piece-drag-ghost .piece-img{color-scheme:only light;width:92%;height:92%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.42))}