.details-board{margin:.5rem 0}.details-board .board{width:100%}.details-board[hidden]{display:none}.board{display:block;width:min(15rem,100%);height:auto;aspect-ratio:1;border-radius:3px}.board.colors,.greats-board .board.colors{aspect-ratio:8 / 8.75}.board .light{fill:#f0d9b5}.board .dark{fill:#b58863}.board .latest{fill:#9bc70069}.board .selection,.board .target{fill:#14551e80}.board .target-capture{fill:none;stroke:#14551e8c;stroke-width:.08}.board .coordinate{font-family:system-ui,sans-serif;font-size:.22px;font-weight:600}.board .on-light{fill:#b58863}.board .on-dark{fill:#f0d9b5}.board-links{display:flex;align-items:center;gap:.8rem;margin-top:.5rem;font-size:.85rem}.board-links a{color:var(--terracotta);text-decoration:none}.board-links a:hover{text-decoration:underline}.net-icon{display:block;width:1.25rem;height:1.25rem}.board-text{margin-top:.4rem;font-size:.8rem;line-height:1.45;color:var(--muted)}.board-text b{font-weight:400;color:var(--light)}span.figurine{font-size:1.22em;line-height:0;position:relative;top:-.08em}tspan.figurine{font-size:1.22em;baseline-shift:.08em}.view-button{display:inline-grid;place-items:center;width:2rem;height:2rem;margin-left:auto;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--light);cursor:pointer}.view-button:hover{border-color:var(--terracotta);color:var(--terracotta)}.view-button[aria-pressed=true]{border-color:var(--terracotta)}.view-group{position:relative;display:inline-flex;margin-inline:.45rem;border:1px solid var(--line);border-radius:8px}.view-group .view-button{margin:0;border:0;border-radius:0}.view-group .view-button:first-child{border-radius:7px 0 0 7px}.view-group .view-button:last-child{border-radius:0 7px 7px 0}.view-group:before{content:"";position:absolute;top:15%;bottom:15%;width:1px;background:var(--line)}.view-group:before{left:calc(-.4rem - 1px)}.view-group{margin-right:0}.view-group:first-child:before{display:none}.view-group .view-button+.view-button{border-left:1px solid var(--line)}.view-group .view-button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--terracotta)}.view-row .view-group{margin-left:auto}.view-button svg{width:1.2rem;height:1.2rem}.view-row{display:flex;justify-content:flex-end;margin-top:.4rem}.structure .background{fill:#1d1713}.structure .protection{stroke:#8a8278;stroke-width:1.5}.structure .attack{stroke:#e05a4f;stroke-width:1.5;stroke-dasharray:5 4}.structure .atom{stroke:#444;stroke-width:1}.structure .atom.white{fill:#e8e6df}.structure .atom.black{fill:#5b4fa8}.structure .atom-text{font-family:system-ui,sans-serif;font-size:14px;font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none}.structure .atom-text.white{fill:#222}.structure .atom-text.black{fill:#fff}.structure .line{font-family:system-ui,sans-serif;font-size:11px;fill:#8a8278;text-anchor:middle}.structure .xray{stroke-width:1.1;stroke-dasharray:1.5 3.5;stroke-linecap:round;opacity:.85}.structure .ring{fill:none;stroke-width:1.6}.structure .ring.radical{stroke:#e05a4f;stroke-width:2.2;animation:radical 1.6s ease-in-out infinite}.structure .ring.loose{stroke:#b9a88a;stroke-dasharray:3 3;opacity:.8}@keyframes radical{50%{stroke-opacity:.25}}@media (prefers-reduced-motion: reduce){.structure .ring.radical{animation:none}}.structure .divider{stroke:#3a302a;stroke-width:1}.structure .formula{font-family:system-ui,sans-serif;font-size:12.5px;fill:#8a8278}.structure .formula .white{fill:#e8e6df;font-weight:600}.structure .formula .black{fill:#9d92e6;font-weight:600}.structure .formula.radicals{fill:#e05a4f}.structure .atom{cursor:pointer;transition:opacity .15s}.structure line,.structure .ring{transition:opacity .15s}.structure.focus line:not(.on):not(.divider),.structure.focus .atom:not(.on),.structure.focus .atom-text:not(.on),.structure.focus .ring{opacity:.15}.structure .atom-text{transition:opacity .15s}.structure.focus line.on{stroke-width:2.6}.structure.focus .atom.on{stroke:#c4693a;stroke-width:2}.structure .atom.last{stroke:#c4693a;stroke-width:2.8}.structure .atom-text.last{font-weight:800}.structure line.last{stroke-width:2.8}.structure line.last.xray{stroke-width:2}[data-design=modern-light] .structure .background{fill:#f3ede4}[data-design=modern-light] .structure .protection{stroke:#9a9088}[data-design=modern-light] .structure .divider{stroke:#ddd3c6}[data-design=modern-light] .structure .formula .white{fill:#6a5f55}[data-design=modern-light] .structure .formula .black{fill:#5b4fa8}.export{position:relative;display:inline-flex;align-items:center;gap:.4rem;margin-left:auto}.export+.view-button{margin-left:.35rem}.button-group{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto}.button-group .view-button,.button-group .export{margin-left:0}.button-group .export-notice,.board-extras .export-notice{position:absolute;bottom:calc(100% + .3rem);left:50%;transform:translate(-50%);padding:.15rem .45rem;border-radius:6px;background:var(--surface);pointer-events:none}.button-group .export-notice:empty,.board-extras .export-notice:empty{display:none}.board-links a.view-button{color:var(--light)}.board-links a.view-button:hover{color:var(--terracotta);text-decoration:none}.net-button .net-icon{width:1.2rem;height:1.2rem}.export-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:5;display:flex;flex-direction:column;min-width:9.5rem;padding:.3rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 10px 30px #00000073}.export-menu[hidden]{display:none}.export-menu button{padding:.4rem .6rem;border:none;border-radius:6px;background:none;color:var(--light);font-size:.88rem;text-align:left;white-space:nowrap}.export-menu button:hover,.export-menu button:focus-visible{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--light);outline:none}.export-notice{font-size:.8rem;color:var(--band-C);white-space:nowrap}.export-notice.error{color:#d4583c}.colors .control.white{fill:#e8b450}.colors .control.black{fill:#5b4fa8}.colors .control.contested{fill:#7d7a76;fill-opacity:.45}.colors .activity-dot{stroke:#1b1511;stroke-width:.03}.colors .activity-dot.active{fill:#6fbf5a}.colors .activity-dot.medium{fill:#e6c34a}.colors .activity-dot.passive{fill:#9a948c}.colors .activity-dot.hanging{fill:#e0483a}.colors .bar{fill:#1d1713}.colors text{font-family:system-ui,sans-serif;font-size:.21px;fill:#b9a88a}.colors .space{font-size:.24px}.colors .space .white{fill:#e8b450;font-weight:600}.colors .space .black{fill:#9d92e6;font-weight:600}[data-design=modern-light] .colors .bar{fill:#f3ede4}[data-design=modern-light] .colors text{fill:#6a5f55}[data-design=modern-light] .colors .space .white{fill:#b8861c}[data-design=modern-light] .colors .space .black{fill:#5b4fa8}.reaction-window{width:calc(100vw - 2rem);max-width:none;height:calc(100vh - 2rem);max-height:none;margin:auto;padding:0;border:1px solid var(--line);color:var(--light);overflow:hidden}.reaction-window[open]{display:flex;flex-direction:column}.reaction-window::backdrop{background:#000000b8}.reaction-header{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem .7rem 1.4rem;border-bottom:1px solid var(--line)}.reaction-header>div{flex:1;min-width:0}.reaction-header h2{font-size:1.1rem;font-weight:400}.reaction-moves{max-height:4.35em;margin:.15rem 0 .1rem;overflow-y:auto;overscroll-behavior:contain;font-size:.95rem;line-height:1.45}.reaction-close{flex:none;display:grid;place-items:center;width:2.4rem;height:2.2rem;padding:0;border:1px solid var(--line);border-radius:8px;background:transparent;cursor:pointer}.reaction-close svg{display:block;width:1.1rem;height:1.1rem}.reaction-close:hover{border-color:var(--terracotta);color:var(--terracotta)}.reaction-player{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.9rem 1.5rem}.reaction-player button{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.1rem;padding:0;color:var(--light)}.reaction-player svg{display:block;width:1.15rem;height:1.15rem}.reaction-player button:hover:not(:disabled){color:var(--terracotta)}.reaction-player button:disabled{opacity:.35;cursor:default}.reaction-player [data-step=play][aria-pressed=true]{border-color:var(--terracotta);color:var(--terracotta)}.reaction-player .icon-pause,.reaction-player [aria-pressed=true] .icon-play{display:none}.reaction-player [aria-pressed=true] .icon-pause{display:inline}.reaction-arrow .arrow-move{padding:0 .15rem;border:0;border-radius:4px;background:transparent;font:inherit;color:inherit;cursor:pointer}.reaction-arrow .arrow-move:hover{color:var(--terracotta)}.reaction-arrow .arrow-move.current{background:var(--terracotta);color:#fff}.reaction-stage{padding:.6rem .4rem .3rem;border:3px solid transparent;border-radius:10px;scroll-margin:1rem}.reaction-stage.current{border-color:var(--terracotta)}.reaction-views{display:inline-flex;margin-left:.8rem}.reaction-views .view-group{margin:0}.reaction-meta{margin-top:.15rem;overflow:hidden;font-size:.88rem;white-space:nowrap;text-overflow:ellipsis;color:var(--light)}.reaction-meta:empty{display:none}.reaction-scheme{flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:safe center;align-items:center;justify-content:safe center;gap:1.25rem .75rem;padding:1.5rem;overflow-y:auto}.reaction-step{display:flex;align-items:center;gap:.75rem}.reaction-stage{width:clamp(15rem,23vw,26rem);margin:0}.reaction-stage .board{width:100%;height:auto;display:block;border-radius:6px}.reaction-stage figcaption{margin-top:.4rem;font-size:.9rem;text-align:center}.reaction-arrow{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:10rem;text-align:center;font-size:.9rem}.arrow-line{position:relative;width:100%;height:2px;background:var(--terracotta)}.arrow-line:after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:9px solid var(--terracotta);border-right:0}.arrow-elimination{color:#e05a4f}.reaction-legend{margin:.4rem 1rem .8rem;padding:.25rem .6rem;border-radius:10px;background:#14100d73;font-size:.72rem;line-height:1.4;opacity:.7;transition:opacity .2s,color .2s,background .2s,box-shadow .2s}.reaction-legend:hover{opacity:1;background:#14100dd9}[data-design=modern-light] .reaction-legend{background:#ffffff8c}[data-design=modern-light] .reaction-legend:hover{background:#fffffff2}.math-hint{font-size:.9rem;font-style:italic;text-align:center}.math-content{flex:1;min-height:0;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;overflow:auto}.math-board{width:clamp(12rem,24vh,18rem)}.math-board .board{display:block;width:100%;height:auto;border-radius:4px}.math-calculation{font-family:Palatino Linotype,Palatino,Georgia,serif}.math-formula{margin:.4rem 0 .9rem;font-size:1.6rem}.math-constants{margin-left:1.5rem;font-size:1rem}.math-calculation i{font-style:italic}.fraction{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;line-height:1.05;font-size:.85em}.fraction>span+span{border-top:1px solid currentColor;padding-top:.05em}.math-table{border-collapse:collapse;font-size:1.15rem}.math-table th,.math-table td{padding:.3rem .45rem;text-align:center}.math-table thead th{font-size:.95rem;font-weight:400}.math-table tbody th{text-align:left;font-weight:400;padding-right:1rem}.math-table tr.white th,.math-delta .white{color:#e8b450}.math-table tr.black th,.math-delta .black{color:#9d92e6}.math-table .result{font-weight:600}.math-delta{margin-top:.8rem;font-size:1.3rem}.math-delta b{font-weight:600}.math-delta span{margin-left:.6rem;font-size:.95rem}.math-layout{flex:1;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr)}.math-board-column{padding-right:1.5rem;border-right:1px solid var(--line)}.math-board-column .math-board{width:max(15rem,min(34vw,calc(100dvh - 21rem)))}.math-sections{min-width:0;min-height:0;display:flex;flex-direction:column;padding-left:1.5rem}.math-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:.7rem}.math-section:first-child{flex:none}.math-section.engine-section{flex:1 1 0;min-height:11rem;overflow:hidden}.math-section+.math-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.math-section .math-hint{text-align:left}.math-section-body{flex:1;min-height:0;display:flex;align-items:stretch;gap:1rem 1.5rem}.math-section-body>.math-calculation,.math-section-body>.math-engine{flex:0 0 24rem;min-width:0}.math-section-body>.math-curve-box{flex:1 1 0;min-width:0;max-width:30rem;min-height:8rem;overflow:hidden}.math-section:first-child .math-curve-box{align-self:center;height:min(100%,14rem)}.math-section.engine-section .math-curve-box{max-height:16rem}@media (max-width: 1200px){.math-section{flex:none}.math-section-body{flex-direction:column}.math-section-body>.math-calculation,.math-section-body>.math-engine{flex:none}.math-section-body>.math-curve-box{flex:none;height:13rem}}@media (max-width: 900px){.math-layout{grid-template-columns:minmax(0,1fr)}.math-board-column{padding:0 0 1rem;border-right:0;border-bottom:1px solid var(--line)}.math-board-column .math-board{width:min(100%,26rem);margin:0 auto}.math-sections{padding:1rem 0 0}}.math-engine{padding:.2rem 0 0}.math-engine-title{font-size:.95rem;color:var(--muted)}.math-engine-value{margin-top:.3rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.6rem;font-variant-numeric:tabular-nums}.math-engine-line{margin-top:.4rem;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}.math-engine-note{margin-top:.4rem;font-size:.9rem;line-height:1.45}.math-engine-small{margin-top:.5rem;font-size:.78rem;color:var(--muted)}.math-engine-switch{margin-top:.7rem;padding:.3rem .9rem;border-radius:999px;border:1px solid var(--terracotta);background:var(--terracotta);color:#fff;font:inherit;font-size:.9rem;cursor:pointer}.math-engine-title{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.math-engine-pause{padding:.15rem .8rem;border-radius:999px;border:1px solid var(--line);background:transparent;font:inherit;font-size:.82rem;color:inherit;cursor:pointer}.math-engine-pause:hover,.math-engine-pause.on{border-color:var(--terracotta);color:var(--terracotta)}.math-engine-off{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.math-curve-box{flex:1;min-height:9rem;display:flex;flex-direction:column}.math-curve-box[hidden]{display:none}.math-curve-title{font-size:.85rem;color:var(--muted)}.math-curve{position:relative;flex:1;min-height:8rem}.math-curve svg{position:absolute;inset:0;display:block}.math-curve .guide{stroke:var(--line);stroke-dasharray:2 4}.math-curve .zero{stroke:var(--muted);stroke-width:1}.math-curve .axis{font-size:11px;fill:var(--muted);text-anchor:end;dominant-baseline:central}.math-curve .axis.bottom{text-anchor:middle;dominant-baseline:auto}.math-curve .area.white{fill:#e8b4504d}.math-curve .area.black{fill:#5b4fa861}.math-curve .line{fill:none;stroke:var(--terracotta);stroke-width:2;stroke-linejoin:round}.math-curve .outlier{font-size:11px;fill:var(--muted);text-anchor:start}.math-curve .dot{cursor:pointer}.math-curve .dot .hit-area{fill:transparent}.math-curve .dot circle{stroke:var(--terracotta);stroke-width:1.5}.math-curve .dot.beyond circle{stroke-dasharray:2 2}.math-curve .dot:hover circle{r:5.5}.math-curve .dot.on circle{r:6;fill:var(--terracotta)}[data-design=modern-light] .math-table tr.white th,[data-design=modern-light] .math-delta .white{color:#b8861c}[data-design=modern-light] .math-table tr.black th,[data-design=modern-light] .math-delta .black{color:#5b4fa8}.net-window{width:calc(100vw - 2rem);max-width:none;height:calc(100vh - 2rem);max-height:none;margin:auto;padding:0;border:1px solid var(--line);overflow:hidden}.net-window::backdrop{background:#000000b8}.net-window iframe{display:block;width:100%;height:100%;border:0}html.net-window-open{overflow:hidden}.board-input{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.board-input .board{cursor:pointer}.board-input .drag-piece{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.board-input .promotion{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#1b1511b8;border-radius:3px}.board-input .promotion button{width:22%;aspect-ratio:1;padding:.3rem;border:2px solid var(--line);border-radius:10px;background:#f0d9b5}.board-input .promotion button:hover,.board-input .promotion button:focus-visible{border-color:var(--terracotta);background:#fff3dc}.board-input .promotion img{display:block;width:100%;height:100%}.engine-panel{padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;background:#ffffff06;font-size:.9rem}.engine-panel .engine-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.engine-panel .engine-head b{font-weight:400;color:var(--light)}.engine-panel .engine-buttons{display:inline-flex;gap:.35rem}.engine-panel .engine-toggle,.engine-panel .engine-pause{padding:.15rem .7rem;border-radius:999px;font-size:.8rem}.engine-panel .engine-toggle[aria-pressed=true]{border-color:var(--terracotta);background:var(--terracotta);color:#fff}.engine-panel .engine-pause[aria-pressed=true]{border-color:var(--terracotta);color:var(--terracotta)}.engine-panel .engine-score{display:flex;align-items:center;gap:.7rem;margin-top:.6rem}.engine-panel .engine-value{min-width:5.5rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem;color:var(--light);font-variant-numeric:tabular-nums}.engine-panel .engine-bar{position:relative;flex:1;height:.55rem;overflow:hidden;border:1px solid var(--line);border-radius:99px;background:#2b2420}.engine-panel .engine-bar i{position:absolute;inset:0 auto 0 0;width:50%;background:#f0e6d6;transition:width .4s}.engine-panel .engine-line{min-height:3em;margin-top:.45rem;line-height:1.5;color:var(--light);overflow-wrap:anywhere}.engine-panel.pending .engine-value,.engine-panel.pending .engine-line{opacity:.45;transition:opacity .15s .25s}.engine-panel .engine-info{margin-top:.35rem;font-size:.74rem;color:var(--muted)}.engine-panel .engine-info a{color:inherit}.math-move{padding:0 .15rem;border:0;border-radius:4px;background:transparent;font:inherit;color:inherit;cursor:pointer}.math-move:hover{color:var(--terracotta)}.math-move.current{background:var(--terracotta);color:#fff}.math-move:focus,.reaction-arrow .arrow-move:focus{outline:none}.math-move:focus-visible:not(.current),.reaction-arrow .arrow-move:focus-visible:not(.current){outline:2px solid var(--terracotta);outline-offset:1px}.math-player{flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.9rem 0 0}.math-player .reaction-views{margin-left:.6rem}