:root{--chess-coordinate-on-light:var(--muted,#8b8d94);--chess-coordinate-on-dark:var(--ink-soft,#4d4f56)}html[data-theme=dark]{--chess-coordinate-on-light:var(--ink-soft,#4d4f56);--chess-coordinate-on-dark:var(--muted,#8b8d94)}.chess-layout{grid-template-columns:minmax(0,1fr) minmax(0,480px) minmax(0,1fr);align-items:center;gap:3rem;display:grid}.chess-main{justify-self:center;width:min(100%,480px);min-width:0}.chess-side{width:100%;min-width:0;max-width:17rem}.chess-side-left{justify-self:end}.chess-side-right{justify-self:start}@media (max-width:1180px){.chess-layout{grid-template-columns:minmax(0,1fr);gap:2rem}.chess-main{order:-1;max-width:480px;margin:0 auto}.chess-side{justify-self:center;max-width:40rem}}.chess-side-panel{font-size:.95rem}.chess-panel-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#8b8d94);border-bottom:1px solid var(--rule,#e4e1d8);margin:0 0 1rem;padding-bottom:.8rem;font-size:.76rem;font-weight:700}.chess-muted{color:var(--muted,#8b8d94);margin:0;font-size:.9rem}.chess-hint{color:var(--muted,#8b8d94);margin:.3rem 0 0;font-size:.8rem}.chess-status{justify-content:space-between;align-items:center;gap:1rem;display:flex}.chess-status-text{color:var(--ink,#16181c);text-align:center;font-size:.95rem;font-weight:600}.chess-badge{background:var(--card,#fff);border:1px solid var(--rule,#e4e1d8);color:var(--ink,#16181c);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.9rem;font-weight:700;transition:border-color .2s,box-shadow .2s;display:inline-flex}.chess-badge-dot{border:1px solid var(--rule,#e4e1d8);border-radius:50%;width:.75rem;height:.75rem}.chess-badge.is-check{border-color:#d62d2d;box-shadow:0 0 0 3px #d62d2d47}.chess-board{--chess-light:#ffffff0d;--chess-dark:#0000;--chess-blur:4px;--chess-saturate:180%;--chess-border:0px;--chess-shadow:.28;--chess-radius:0px;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;margin:1rem 0 .8rem;position:relative}html:not([data-theme=dark]) .chess-board{--chess-dark:#0000001a}.chess-board button{font:inherit}.chess-board-glass{aspect-ratio:1;border:var(--chess-border) solid var(--glass-border,#14141417);border-radius:var(--chess-radius);-webkit-backdrop-filter:blur(var(--chess-blur)) saturate(var(--chess-saturate));backdrop-filter:blur(var(--chess-blur)) saturate(var(--chess-saturate));box-shadow:0 8px 32px -14px rgba(0, 0, 0, var(--chess-shadow));grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.chess-arrow{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.chess-arrow polygon{fill:#2ea05299}.chess-moves-row{align-items:center;gap:.6rem;min-width:0;max-width:100%;display:flex}.chess-strip{white-space:nowrap;background:var(--card,#fff);border:1px solid var(--rule,#e4e1d8);min-width:0;height:2.5rem;font-family:var(--mono,"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace);color:var(--ink,#16181c);scrollbar-width:thin;border-radius:.7rem;flex:auto;align-items:center;gap:1.1rem;padding:0 .9rem;font-size:.86rem;display:flex;overflow-x:auto}.chess-strip-turn{gap:.5rem;display:inline-flex}.chess-strip-number,.chess-strip-empty{color:var(--muted,#8b8d94)}.chess-copy{width:2.5rem;height:2.5rem;color:var(--ink-soft,#4d4f56);background:var(--card,#fff);border:1px solid var(--rule,#e4e1d8);cursor:pointer;border-radius:.7rem;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:inline-flex}.chess-copy svg{width:1.15rem;height:1.15rem}.chess-copy:hover:not(:disabled){border-color:var(--accent,#24406f);color:var(--ink,#16181c)}.chess-copy.is-copied{color:var(--accent,#24406f);border-color:var(--accent,#24406f)}.chess-copy:focus-visible{outline:2px solid var(--accent,#24406f);outline-offset:2px}.chess-copy:disabled{opacity:.5;cursor:default}.chess-actions{justify-content:center;margin-top:1.2rem;display:flex}.chess-promotion-row{margin-bottom:.8rem}.chess-promotion{background:var(--card,#fff);border:1px solid var(--rule,#e4e1d8);border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;display:flex}.chess-promotion button{background:var(--paper,#faf9f6);border:1px solid var(--rule,#e4e1d8);cursor:pointer;border-radius:.6rem;width:3.4rem;height:3.4rem;padding:.25rem;transition:border-color .15s}.chess-promotion button:hover{border-color:var(--accent,#24406f)}.chess-promotion .chess-promotion-cancel{width:auto;height:auto;font-family:var(--sans,"Bricolage Grotesque", "Inter", system-ui, sans-serif);color:var(--muted,#8b8d94);background:0 0;border:none;padding:.5rem .8rem;font-size:.88rem}.chess-promotion .chess-promotion-cancel:hover{color:var(--ink,#16181c)}.chess-fields{flex-direction:column;gap:1rem;display:flex}.chess-field{color:var(--ink-soft,#4d4f56);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.chess-input,.chess-dropdown-trigger{width:100%;font-family:var(--sans,"Bricolage Grotesque", "Inter", system-ui, sans-serif);color:var(--ink,#16181c);background:var(--card,#fff);border:1px solid var(--rule,#e4e1d8);border-radius:.65rem;padding:.5rem .75rem;font-size:.92rem;transition:border-color .15s}.chess-input:focus-visible,.chess-dropdown-trigger:focus-visible{outline:2px solid var(--accent,#24406f);outline-offset:1px}.chess-input:hover,.chess-dropdown-trigger:hover{border-color:var(--muted,#8b8d94)}.chess-dropdown{position:relative}.chess-dropdown-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.chess-dropdown-trigger svg{color:var(--accent,#24406f);flex:none}.chess-dropdown-menu{z-index:20;background:var(--card,#fff);border:1px solid var(--rule,#e4e1d8);border-radius:.9rem;padding:.4rem;position:absolute;top:calc(100% + .4rem);left:0;right:0;box-shadow:0 20px 44px -18px #0a0a0a66}.chess-dropdown-menu button{width:100%;font-family:var(--sans,"Bricolage Grotesque", "Inter", system-ui, sans-serif);color:var(--ink-soft,#4d4f56);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.6rem;padding:.55rem .7rem;font-size:.87rem;font-weight:600;transition:background-color .2s,color .2s;display:block}.chess-dropdown-menu button:hover{background:var(--rule-soft,#edeae1);color:var(--ink,#16181c)}.chess-dropdown-menu button.is-active{color:var(--accent,#24406f)}.chess-toggles{border-top:1px solid var(--rule-soft,#edeae1);flex-direction:column;gap:.9rem;padding-top:1rem;display:flex}.chess-toggle{color:var(--ink,#16181c);cursor:pointer;justify-content:space-between;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.chess-toggle-track{flex:none;width:2.4rem;height:1.35rem;position:relative}.chess-toggle-track input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.chess-toggle-thumb{background:var(--rule,#e4e1d8);pointer-events:none;border-radius:999px;transition:background-color .2s;position:absolute;inset:0}.chess-toggle-thumb:after{content:"";background:#fff;border-radius:50%;width:1.05rem;height:1.05rem;transition:transform .2s;position:absolute;top:.15rem;left:.15rem;box-shadow:0 1px 3px #0000004d}.chess-toggle-track input:checked+.chess-toggle-thumb{background:var(--accent,#24406f)}.chess-toggle-track input:checked+.chess-toggle-thumb:after{transform:translate(1.05rem)}.chess-toggle-track input:focus-visible+.chess-toggle-thumb{outline:2px solid var(--accent,#24406f);outline-offset:2px}.chess-facts{flex-direction:column;gap:.65rem;margin:0;display:flex}.chess-facts div{justify-content:space-between;gap:.8rem;display:flex}.chess-facts dt{color:var(--muted,#8b8d94);font-size:.9rem}.chess-facts dd{color:var(--ink,#16181c);text-align:right;margin:0;font-size:.9rem;font-weight:600}.chess-diagnostics{max-width:calc(var(--wrap) - 4rem);border-top:1px solid var(--rule-soft,#edeae1);margin:4.4rem auto 0;padding-top:3.2rem}.chess-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;display:grid}@media (max-width:820px){.chess-charts{grid-template-columns:1fr}}.chess-charts h3{margin-bottom:.25rem;font-size:1rem}.chess-charts .chess-muted{margin-bottom:1rem}.chess-chart{width:100%;height:auto;display:block}.chess-chart-grid{stroke:var(--rule-soft,#edeae1);stroke-width:1px}.chess-chart-zero{stroke:var(--rule,#e4e1d8);stroke-width:1px}.chess-chart-tick{fill:var(--muted,#8b8d94);font-family:var(--mono,"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:11px}.chess-chart-axis{fill:var(--ink-soft,#4d4f56);font-family:var(--sans,"Bricolage Grotesque", "Inter", system-ui, sans-serif);font-size:12px;font-weight:600}.chess-chart-line{fill:none;stroke:var(--accent,#24406f);stroke-width:2px;stroke-linejoin:round}.chess-chart-dot{fill:var(--accent,#24406f)}.chess-chart-dot.is-active{stroke:var(--card,#fff);stroke-width:2px}.chess-chart-cursor{stroke:var(--muted,#8b8d94);stroke-width:1px;stroke-dasharray:3 3}.chess-chart-tip{fill:var(--card,#fff);stroke:var(--rule,#e4e1d8);stroke-width:1px}.chess-chart-tip-text{fill:var(--ink,#16181c);font-family:var(--mono,"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace);font-size:11px}.chess-button{font-family:var(--sans,"Bricolage Grotesque", "Inter", system-ui, sans-serif);border:1.5px solid var(--ink,#16181c);background:var(--ink,#16181c);color:var(--on-ink,#fff);cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.3rem;font-size:.92rem;font-weight:600;transition:background-color .25s,border-color .25s,color .25s;display:inline-flex}.chess-button:hover{background:var(--accent,#24406f);border-color:var(--accent,#24406f);color:var(--on-accent,#fff)}
.chess-stage{max-width:1480px;margin:2.2rem auto 0;padding:0 2rem;overflow-x:clip}.chess-about{border-top:1px solid var(--rule-soft);max-width:56.25rem;margin:4.4rem auto 0;padding:3.2rem 2rem 0}.chess-about .prose{max-width:46rem}