.back-button{display:inline-block;margin-bottom:.9rem;padding:.4rem .8rem;border:1px solid var(--line);color:var(--light);font-size:.9rem;text-decoration:none;transition:border-color .2s,color .2s}.back-button[hidden]{display:none}.back-button:hover{border-color:var(--terracotta);color:var(--terracotta)}.page{position:relative;flex:1;min-height:0;display:grid;--board-min: 24rem;--board-pad: .8rem;--board-col: calc(var(--board-max, 32rem) + 2 * var(--board-pad));grid-template-columns:minmax(calc(var(--board-min) + 2 * var(--board-pad)),var(--board-col)) 2.5rem minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:1.5rem 0;padding:calc(.6rem + var(--database-space)) 1.5rem .5rem;overflow-x:hidden;overflow-y:auto}.board-column{align-self:start}.page{--card: color-mix(in srgb, var(--surface) 88%, transparent);--card-top: color-mix(in srgb, var(--surface) 70%, rgba(255, 255, 255, .06))}[data-design=modern-light] .page{--card-top: #fbf8f4}body:not(.focus-mode) .page>.board-column{min-width:0;padding:var(--board-pad);border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--card-top),var(--card));box-shadow:0 12px 30px -18px #00000073}body.focus-mode .page{--board-pad: 0rem}.divider{position:relative;align-self:stretch;cursor:col-resize;touch-action:none}.divider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line);transition:background .2s,width .2s}.divider:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:2.8rem;border-radius:3px;background:var(--line);transform:translate(-50%,-50%);transition:background .2s}.divider:hover:before,.divider.active:before,.divider:focus-visible:before{width:2px;background:var(--terracotta)}.divider:hover:after,.divider.active:after,.divider:focus-visible:after{background:var(--terracotta)}.divider:focus{outline:none}body.divider-dragging{cursor:col-resize;user-select:none;-webkit-user-select:none}.tree-column{display:flex;flex-direction:column;min-height:0}.page>.focus-button,.filter-tools>.focus-button{position:absolute;top:10px;right:1.5rem;z-index:5;display:inline-flex;padding:.3rem;border-radius:8px;background:var(--black);color:var(--muted)}.page>.database-message{grid-column:1 / -1;grid-row:1 / -1;align-self:center}.page>.focus-button svg,.filter-tools>.focus-button svg{display:block;width:1.15rem;height:1.15rem}.page>.focus-button[aria-pressed=true]{border-color:var(--terracotta);color:var(--light)}.focus-button .icon-off,.focus-button[aria-pressed=true] .icon-on{display:none}.focus-button[aria-pressed=true] .icon-off{display:inline}.panes{flex:1;min-height:0;display:flex;flex-direction:column}.moves-pane{flex:none;min-width:0}.tree-pane{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.tree-pane>*{flex:none}.tree-pane>.list,.tree-pane>.table-area{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}@media (min-width: 801px){body.focus-mode .main-nav,body.focus-mode .sub-nav,body.focus-mode .footer{display:none}body.focus-mode .page{padding-top:calc(.6rem + var(--database-space));padding-bottom:.6rem}body.focus-mode .page{grid-template-columns:minmax(16rem,calc(var(--board-max, 32rem) + 3rem)) 2.5rem minmax(0,1fr)}body.focus-mode .board-column{display:flex;gap:.6rem}body.focus-mode .big-board{flex:none;width:var(--board-max)}body.focus-mode .board-controls{flex-direction:column;justify-content:space-between;margin-top:0}body.focus-mode .move-buttons{flex-direction:column}body.focus-mode #flip-board{margin-left:0;margin-top:.6rem}body.focus-mode .board-extras,body.focus-mode .extras-row{flex-direction:column}body.focus-mode .board-extras .view-group{flex-direction:column;margin:.45rem 0 0}body.focus-mode .board-extras .view-group .view-button:first-child{border-radius:7px 7px 0 0}body.focus-mode .board-extras .view-group .view-button:last-child{border-radius:0 0 7px 7px}body.focus-mode .board-extras .view-group .view-button+.view-button{border-left:0;border-top:1px solid var(--line)}body.focus-mode .board-extras .view-group:before{top:calc(-.4rem - 1px);bottom:auto;left:15%;right:15%;width:auto;height:1px}}@media (min-width: 801px){.page.lists-collapsed .tree-column{display:none}.page.lists-collapsed{grid-template-columns:minmax(0,1fr) minmax(calc(var(--board-min) + 2 * var(--board-pad)),var(--board-col)) minmax(0,1fr) 2.5rem;grid-template-areas:". board . divider"}.page.lists-collapsed .board-column{grid-area:board}.page.lists-collapsed #divider{grid-area:divider}body.focus-mode .page.lists-collapsed{grid-template-columns:minmax(0,1fr) minmax(16rem,calc(var(--board-max, 32rem) + 3rem)) minmax(0,1fr) 2.5rem}}.board-column>*{max-width:var(--board-max, min(32rem, 70vh))}.big-board .board{width:100%}.big-board{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.drag-piece{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.promotion{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#1b1511b8;border-radius:3px}.promotion button{width:22%;aspect-ratio:1;padding:.3rem;border:2px solid var(--line);border-radius:10px;background:#f0d9b5}.promotion button:hover,.promotion button:focus-visible{border-color:var(--terracotta);background:#fff3dc}.promotion img{display:block;width:100%;height:100%}.half-move.own{color:var(--terracotta);font-style:italic}.half-move.own.current{color:var(--light)}.own-hint{color:var(--terracotta);font-style:italic}.board-name .known{padding:0;border:none;color:var(--light);font:inherit;text-align:left;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent);text-underline-offset:3px;cursor:pointer}.board-name .known:hover{color:var(--terracotta)}.position-info{height:var(--moves-height, min(35vh, 400px));padding:.7rem .9rem;overflow-x:hidden;overflow-y:auto;border:1px solid var(--line)}.board-name{font-size:1.05rem}.board-moves{margin-top:.3rem;color:var(--muted);line-height:1.9}.game-line{margin:0 0 .45rem;font-size:.85rem;line-height:1.45;color:var(--muted)}.game-line[hidden]{display:none}.board-moves .move-number{margin-left:.25rem}.board-moves .move-number:first-child{margin-left:0}.half-move{padding:.05rem .25rem;border:none;border-radius:4px;color:var(--muted);font-size:inherit}.half-move.new{color:var(--light)}.half-move:hover{background:#ffffff12;color:var(--light)}.half-move.current{background:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--light)}.board-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;margin-top:10px}.move-buttons{display:flex;gap:.35rem;min-width:0}.move-buttons button{flex:0 1 2.4rem;min-width:1.7rem}.move-buttons button{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.1rem;padding:0;color:var(--light)}.move-buttons svg{display:block;width:1.15rem;height:1.15rem}.move-buttons button:hover:not(:disabled){color:var(--terracotta)}.move-buttons button:disabled{opacity:.35;cursor:default;border-color:var(--line);color:var(--light)}#flip-board{margin-left:.6rem}#flip-board[aria-pressed=true]{border-color:var(--terracotta);color:var(--terracotta)}.open-net{display:inline-flex;padding:.35rem;line-height:1}.open-net .net-icon{width:1.3rem;height:1.3rem}.board-extras{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;margin-left:auto}.extras-row{display:flex;align-items:center;gap:.35rem}.board-extras .view-button{width:auto;height:auto;margin:0;padding:.35rem}.board-extras .view-button svg{width:1.3rem;height:1.3rem}.big-board.structure-view{cursor:default}.tree-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hint{margin:.2rem 0 .8rem;font-size:.8rem;color:var(--muted)}.list,.list ul{margin:0;padding:0;list-style:none}.list .empty{padding:.3rem .4rem;font-size:.9rem;color:var(--muted)}.list ul{margin-left:.85rem;padding-left:.6rem;border-left:1px solid var(--line)}.row{display:flex;align-items:baseline;gap:.5rem;padding:.22rem .4rem;border-radius:6px;cursor:pointer}.row:focus{outline:none}.row:focus-visible{box-shadow:inset 0 0 0 1px var(--terracotta)}.row.selected{background:color-mix(in srgb,var(--accent) 17%,transparent)}.row.context{opacity:.5}.row.spot{background:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 3px 0 0 var(--terracotta)}.row .expand{flex:none;width:1.1rem;padding:0;border:none;color:var(--muted);font-size:.8rem;line-height:1;transition:transform .15s}.row .expand:hover{color:var(--terracotta)}[aria-expanded=true]>.row .expand{transform:rotate(90deg)}.row .slot{flex:none;width:1.1rem;text-align:center;color:var(--band);opacity:.6}.row .text{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:.5rem}.row .move{flex:0 1 auto;color:var(--band, var(--light))}.row .name{flex:1 1 7rem;min-width:0;font-size:calc(1em - 6px)}.row .eco{flex:none;font-size:.78rem;color:var(--muted)}.row .count{flex:none;padding:.05rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 20%,transparent);font-size:.75rem;font-variant-numeric:tabular-nums}.row .go-to{flex:none;padding:0 .3rem;color:var(--terracotta);text-decoration:none;opacity:0}.row:hover .go-to,.row:focus-within .go-to,.row.selected .go-to{opacity:1}.net-dialog{width:calc(100vw - 2rem);max-width:none;height:calc(100vh - 2rem);max-height:none;padding:0;border:1px solid var(--line);color:var(--light);overflow:hidden}.net-dialog[open]{display:flex;flex-direction:column}.net-dialog::backdrop{background:#000000b8}.net-header{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem .7rem 1.4rem;border-bottom:1px solid var(--line)}.net-header>div{flex:1;min-width:0}.net-header h2{font-size:1.1rem;font-weight:400}.net-moves{margin:.15rem 0 .1rem;font-size:.95rem;line-height:1.45;color:var(--muted)}.net-moves b{font-weight:400;color:var(--light)}.net-hint{flex:none;padding:.8rem 1.5rem .7rem;font-size:.9rem;font-style:italic;text-align:center;color:var(--muted)}.net-close{padding:.1rem .6rem;font-size:1.5rem;line-height:1}.net-area{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-width:none}.net-area::-webkit-scrollbar{display:none}#net-svg{display:block}.nn-edge{fill:none;stroke:var(--band, var(--muted));stroke-opacity:.28;stroke-width:1;transition:opacity .2s}.nn-pulse{fill:none;stroke:var(--band, var(--light));stroke-width:1.8;stroke-linecap:round;stroke-dasharray:.04 .96;stroke-opacity:.8;animation:nn-puls 2.6s linear infinite;transition:opacity .2s}@keyframes nn-puls{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.nn-node{cursor:pointer;transition:opacity .2s}.nn-node circle{fill:var(--band, var(--light));stroke:var(--black);stroke-width:1.5}.nn-node.nn-selected circle{stroke:var(--light);stroke-width:2.5}.nn-node text{font-size:11px;fill:var(--light);dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:var(--black);stroke-width:3px;stroke-linejoin:round}.nn-node .nn-move{fill:var(--band, var(--light))}.nn-node .nn-name{font-size:10.5px;fill:var(--light)}.nn-node .nn-more{fill:#f2b58e;font-size:9.5px}.nn-mini-board{opacity:.6;transition:opacity .15s}.nn-node:hover .nn-mini-board,.nn-node:focus .nn-mini-board{opacity:1}.nn-mini-board .light{fill:#f0d9b5}.nn-mini-board .dark{fill:#b58863}.nn-mini-board:hover .light{fill:#fff2d8}.nn-mini-board .nn-mini-board-area{fill:transparent}.nn-node .nn-mini-board rect{stroke:none}.nn-edge.nn-path{stroke:var(--terracotta);stroke-opacity:.9;stroke-width:2.2}.nn-pulse.nn-path{stroke:var(--light);stroke-width:2.4}.nn-node.nn-path circle{stroke:var(--terracotta);stroke-width:2}.nn-node.nn-side{opacity:.55}.nn-node.nn-intermediate circle{fill:var(--black);stroke:var(--band, var(--light))}.nn-node.nn-intermediate .nn-name{fill:var(--muted);font-style:italic}.nn-focus .nn-node:not(.on){opacity:.18}.nn-focus .nn-edge:not(.on){opacity:.1}.nn-focus .nn-edge.on{stroke-opacity:.85;stroke-width:1.5}.nn-focus .nn-pulse:not(.on){opacity:0}.net-dialog:has(>.details.large:not([hidden])):after{content:"";position:fixed;inset:0;z-index:30;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 800px){.board-controls{flex-wrap:wrap}.page{grid-template-columns:minmax(0,1fr);grid-template-rows:none;overflow-y:auto}.divider{display:none}.tree-pane>.list,.tree-pane>.table-area{overflow:visible}.page>.focus-button{display:none}.panes{gap:1.2rem}}@media (prefers-reduced-motion: reduce){.nn-pulse{display:none}}.nn-focus .nn-node.on{opacity:1}.nn-node.nn-path.nn-selected circle{stroke:var(--light);stroke-width:2.5}html.embedded body>:not(#net-dialog){visibility:hidden}html.embedded .net-dialog{width:100vw;height:100vh;margin:0;border:0;border-radius:0}html.embedded .net-dialog::backdrop{background:transparent}.row a.count{text-decoration:none}.row a.count:hover{text-decoration:underline}.moves-pane{display:flex;flex-direction:column;gap:.8rem;min-width:0}.moves-pane>.position-info.here-card{flex:none;height:auto;padding:1.1rem 1.3rem 1rem;border:1px solid var(--border);border-radius:20px;background:var(--tile);box-shadow:var(--shadow)}.here-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin:0;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--quiet)}.here-band{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;letter-spacing:.02em;text-transform:none;color:var(--quiet)}.here-band:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--band)}.tree-column .here-title{margin:.4rem 0 0;font-size:clamp(1.3rem,2vw,1.85rem);font-weight:400;line-height:1.15;color:var(--light)}.here-variation{margin:.2rem 0 0;font-size:.95rem;color:var(--quiet)}.here-opening{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;margin-top:.6rem;padding:.8rem 1rem;border:1px solid color-mix(in srgb,var(--band, var(--terracotta)) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--band, var(--terracotta)) 9%,transparent)}.here-opening .code{font-family:var(--mono, ui-monospace, monospace);font-size:1.4rem;color:var(--band, var(--terracotta))}.here-opening b{display:block;font-weight:400;line-height:1.25;color:var(--light)}.here-opening span{display:block;font-size:.82rem;color:var(--muted)}.here-card .board-name{margin-top:.4rem}.here-card .game-line{margin-top:.6rem}.here-card .board-moves{margin-top:.7rem}.here-facts{display:flex;flex-wrap:wrap;gap:.35rem 1.3rem;margin:.8rem 0 0;padding-top:.75rem;border-top:1px solid var(--border);font-size:.86rem;color:var(--quiet)}.here-facts b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.here-turn{display:inline-flex;align-items:center;gap:.4rem}.here-turn i{width:.8rem;height:.8rem;border-radius:50%;border:1.5px solid var(--text)}.here-turn i.white{background:#fff}.here-turn i.black{background:#1f1915;border-color:var(--quiet)}.engine-slot:empty{display:none}.engine-slot>.engine-panel{padding:.45rem .6rem .45rem .9rem;border:1px solid var(--border);border-radius:14px;background:var(--tile)}.engine-slot .engine-output{height:4rem;overflow:hidden}.engine-slot .engine-output[hidden]{display:block;position:relative;visibility:hidden}.engine-slot .engine-output[hidden]:before{content:attr(data-off);position:absolute;inset:.5rem 0 auto;visibility:visible;font-size:.82rem;color:var(--quiet)}.engine-slot .engine-score{margin-top:.45rem}.engine-slot .engine-line{min-height:1.5em;margin-top:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engine-slot .engine-info{margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.focus-mode .engine-slot{display:none}.tree-header{flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:.6rem 1rem;margin:1rem 0}.next-sort[hidden]{display:none}.next-sort{display:grid;grid-template-columns:repeat(3,auto);border:1px solid var(--line);border-radius:8px;overflow:hidden}.tree-header .next-sort button{padding:.4rem .8rem;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;font:inherit;font-size:.82rem;color:var(--light);cursor:pointer}.tree-header .next-sort button:last-child{border-right:0}.tree-header .next-sort button:hover{color:var(--terracotta)}.tree-header .next-sort button[aria-pressed=true]{background:var(--terracotta);color:#fff}.tree-pane:has(>.table-area:not([hidden]))>.hint{order:9;margin:.8rem 0 0;font-size:.76rem;color:var(--very-quiet)}.next-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border:1px solid var(--border);border-radius:14px;background:var(--tile);overflow:hidden}.next-list:has(>.next-empty){border:0;background:none}.next-list>li+li{border-top:1px solid var(--border)}.next-list>li:first-child>.next-move{border-radius:13px 13px 0 0}.next-list>li:last-child>.next-move{border-radius:0 0 13px 13px}.next-list>li:only-child>.next-move{border-radius:13px}.next-move{display:grid;grid-template-columns:6.6rem minmax(0,1fr) minmax(4rem,9rem) 8.5rem;grid-template-areas:"san name bar count";align-items:center;gap:.35rem 1rem;padding:.75rem 1rem;color:var(--text);cursor:pointer;transition:background .15s}.next-move:hover,.next-move:focus-visible{background:var(--tile-2)}.next-move:focus{outline:none}.next-move:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.next-move.context{opacity:.5}.next-san{grid-area:san;font-size:1.06rem;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--band, var(--text))}.next-move[class*=band-] .next-san{color:var(--band)}.next-name{grid-area:name;min-width:0;display:flex;flex-direction:column;gap:.1rem}.next-name strong{font-weight:400;overflow-wrap:anywhere}.next-name small{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .5rem;font-size:.78rem;color:var(--quiet)}.next-eco{padding:.02rem .38rem;border-radius:6px;font-family:var(--mono, ui-monospace, monospace);font-size:.74rem;font-weight:650;color:var(--band, var(--accent));background:color-mix(in srgb,var(--band, var(--accent)) 13%,transparent)}.next-bar{grid-area:bar;height:.5rem;border-radius:99px;background:var(--subtle);overflow:hidden}.next-bar i{display:block;height:100%;min-width:3px;border-radius:inherit;background:var(--band, var(--accent))}.next-count{grid-area:count;text-align:right;font-size:.84rem;color:var(--count);font-variant-numeric:tabular-nums;white-space:nowrap}.next-count.end{color:var(--very-quiet)}.next-count a{color:inherit}.next-empty{padding:1rem 1.2rem;border:1px dashed var(--border-strong);border-radius:14px;color:var(--quiet);font-size:.92rem;line-height:1.5}.next-empty strong{color:var(--text)}.next-more{margin-top:.6rem;padding:.4rem .9rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--pill-bg);color:var(--text);font:inherit;font-size:.84rem;cursor:pointer}.next-more:hover{border-color:var(--accent);color:var(--accent)}.next-more[hidden]{display:none}.move-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.move-arrow line{stroke:var(--accent);stroke-width:.17;stroke-linecap:round;opacity:.85}.move-arrow path{fill:var(--accent);opacity:.85}@container (max-width: 34rem){.next-move{grid-template-columns:4.4rem minmax(0,1fr) auto;grid-template-areas:"san name name" "san bar count";gap:.45rem .8rem}}.tree-pane{container-type:inline-size}@media (max-width: 800px){.next-move{grid-template-columns:4.4rem minmax(0,1fr) auto;grid-template-areas:"san name name" "san bar count";gap:.45rem .8rem;padding:.7rem .85rem}}@media (prefers-reduced-motion: reduce){.next-move{transition:none}}.board-moves[hidden]{display:none}.next-name small .game-link{color:inherit}.next-name small .game-link:hover{color:var(--terracotta)}@media (min-width: 801px){.panes{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}.panes>.tree-pane{flex:none}.panes>.tree-pane>:is(.list,.table-area){flex:none;overflow:visible}}.here-card .board-moves.moves-text{font-size:.98rem;line-height:2.05;color:var(--light)}.here-card .moves-text .move-number{margin-left:.25rem;color:var(--quiet)}.here-card .moves-text .move-number:first-child{margin-left:0}.here-card .moves-text .half-move{padding:.05rem .3rem;border:0;border-radius:6px;background:transparent;font-size:inherit;color:var(--light)}.here-card .moves-text .half-move.new{color:color-mix(in srgb,var(--band, var(--terracotta)) 85%,var(--light))}.here-card .moves-text .half-move:hover{background:color-mix(in srgb,var(--terracotta) 14%,transparent);color:var(--light)}.here-card .moves-text .half-move.current{background:var(--terracotta);color:#fff}.here-card .moves-text .half-move.own{font-style:italic;color:var(--terracotta)}.here-card .moves-text .half-move.own.current{color:#fff}@media (min-width: 801px){.page{grid-template-rows:auto minmax(0,1fr);row-gap:.6rem}.page:not(.lists-collapsed)>.board-column{grid-column:1;grid-row:1}.page:not(.lists-collapsed)>.engine-slot{grid-column:1;grid-row:2}.page>.engine-slot{align-self:start;margin-top:0}.page:not(.lists-collapsed)>#divider{grid-column:2;grid-row:1 / span 2}.page>.tree-column{grid-column:3;grid-row:1 / span 2;min-height:0}.page.lists-collapsed{grid-template-areas:". board . divider" ". engine . divider"}.page.lists-collapsed>.engine-slot{grid-area:engine}}