:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-2:#f4f4f4;--ink:#111;--ink-2:#3a3a3a;--muted:#6b6b6b;--line:#e4e4e4;--accent:#1f5fbf;--danger:#b42318;--success:#1f7a3a;--btn-bg:#111;--btn-fg:#fff;--board-light:#f0d9b5;--board-dark:#b58863;--board-carve:#2e1c108c;--board-line:#0000002e;--board-selected:#14551e73;--board-last:#9bc70073;--board-dot:#00000038;--piece-dark:#262626;--piece-dark-rim:#0d0d0d;--piece-light:#fafafa;--piece-light-rim:#8c8c8c;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-wordmark:"Cormorant Garamond", "Iowan Old Style", Georgia, serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--bg-2:#1c1c1c;--ink:#f2f2f2;--ink-2:#cfcfcf;--muted:#9a9a9a;--line:#2c2c2c;--accent:#7aa7ef;--danger:#f08a7e;--success:#6cc283;--btn-bg:#f2f2f2;--btn-fg:#111;--board-line:#00000040;--piece-dark-rim:#6b6b6b}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;font-weight:600;line-height:1.25}h1{font-size:1.5rem}h2{margin-top:1.6em;font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .9em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.topbar{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;position:sticky;top:0}.topbar-inner{align-items:center;gap:1rem;max-width:960px;height:52px;margin:0 auto;padding:0 1rem;display:flex}.wordmark{font-family:var(--font-wordmark);color:var(--ink);letter-spacing:.01em;white-space:nowrap;font-size:1.5rem;font-weight:600;line-height:1;text-decoration:none!important}.wordmark span{color:var(--muted)}.nav{gap:.15rem;margin-left:auto;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:.35rem .6rem;font-size:.92rem;font-weight:500;text-decoration:none!important}.nav a:hover{color:var(--ink);background:var(--bg-2)}.nav a.active{color:var(--ink)}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.35rem;display:inline-flex;text-decoration:none!important}.icon-btn.active{color:var(--ink);background:var(--bg-2)}.settings{position:relative}.settings-panel{background:var(--bg);border:1px solid var(--line);z-index:20;border-radius:8px;width:240px;padding:.75rem;position:absolute;top:calc(100% + 6px);right:0}.settings-panel .label{margin-top:0}.icon-btn:hover{color:var(--ink);background:var(--bg-2)}.icon-btn svg{width:18px;height:18px}@media (max-width:480px){.nav a{padding:.35rem .45rem;font-size:.88rem}}.page{max-width:960px;margin:0 auto;padding:1.5rem 1rem 3rem}.page-narrow{max-width:560px}.page-prose{max-width:680px}.label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:1.5rem 0 .35rem;font-size:.75rem;font-weight:600}.label:first-child{margin-top:0}.prose p,.prose li{color:var(--ink-2)}.prose ul{padding-left:1.2em}.prose li{margin-bottom:.3em}.prose blockquote{border-left:2px solid var(--line);color:var(--ink-2);margin:1em 0;padding:0 0 0 1em;font-style:italic}.prose blockquote cite{color:var(--muted);margin-top:.3em;font-size:.85rem;font-style:normal;display:block}.prose table{border-collapse:collapse;width:100%;margin:1em 0 1.5em;font-size:.9rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5em .6em}.prose th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.table-wrap{overflow-x:auto}.btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;min-height:40px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;display:inline-flex;text-decoration:none!important}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{border-color:var(--line);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--bg-2)}.btn-quiet{color:var(--muted)}.btn-quiet:hover:not(:disabled){color:var(--ink);background:var(--bg-2)}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--bg-2)}.btn-block{width:100%;min-height:46px}.btn-sm{min-height:32px;padding:.25rem .7rem;font-size:.88rem}.stack{flex-direction:column;gap:.6rem;display:flex}.actions{gap:.5rem;display:flex}.actions .btn{flex:1}.between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.between .label{margin:0}.between{margin-top:1.5rem;margin-bottom:.35rem}.stack>:first-child .between,.between:first-child{margin-top:0}.seg{background:var(--bg-2);border-radius:6px;padding:2px;display:flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:.45rem .6rem;font-size:.9rem;font-weight:500}.seg button[aria-pressed=true]{background:var(--bg);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.rows{margin:0;padding:0;list-style:none}.rows>li,.rows>button,.rows>a{border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:.8rem;padding:.75rem 0;display:flex;text-decoration:none!important}.rows>:last-child{border-bottom:0}.rows>button,.rows>a.row-link{cursor:pointer}.rows>button:hover,.rows>a.row-link:hover{background:var(--bg-2);width:calc(100% + 1rem);margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.row-body{flex:1;min-width:0}.row-title{font-weight:500;display:block}.row-sub{color:var(--muted);font-size:.85rem;display:block}.row-right{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.chevron{color:var(--muted);font-size:1.2rem;line-height:1}.radio{border:1.5px solid var(--muted);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.radio[data-on=true]{border-color:var(--accent)}.radio[data-on=true]:after{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px}.input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:42px;color:var(--ink);font:inherit;border-radius:6px;padding:.5rem .75rem}.input:focus{outline:2px solid var(--accent);outline-offset:0;border-color:#0000}.notice{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.6rem .8rem;font-size:.9rem}.notice.error{color:var(--danger);border-color:var(--danger)}.home{flex-direction:column;gap:1.25rem;max-width:400px;margin:0 auto;padding-top:1rem;display:flex}.home .board{max-width:300px;margin:0 auto}.home-links{justify-content:center;gap:.6rem;font-size:.9rem;display:flex}.home-links a{color:var(--muted)}.game{grid-template-columns:minmax(0,1fr);gap:1rem;max-width:560px;margin:0 auto;display:grid}@media (min-width:900px){.game{grid-template-columns:minmax(0,600px) 300px;align-items:start;max-width:none}.game .panel{position:sticky;top:68px}}.status{min-height:1.6em;font-size:1.05rem;font-weight:600}.status.muted{color:var(--muted);font-weight:500}.panel{flex-direction:column;gap:.9rem;display:flex}.captures{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:1rem;font-size:.9rem;display:flex}.captures .disc{vertical-align:-3px;border:1.5px solid;border-radius:50%;width:16px;height:16px;margin-right:.35rem;display:inline-block}.captures .disc.dark{background:var(--piece-dark);border-color:var(--piece-dark-rim)}.captures .disc.light{background:var(--piece-light);border-color:var(--piece-light-rim)}.movelist{font-variant-numeric:tabular-nums;border-top:1px solid var(--line);max-height:240px;padding-top:.6rem;font-size:.85rem;overflow:auto}.movelist ol{columns:2;margin:0;padding-left:1.8em}.movelist li{color:var(--ink-2);padding:.05em 0}.movelist li.current{color:var(--ink);font-weight:600}.result{text-align:center;flex-direction:column;gap:.25rem;padding-top:.5rem;display:flex}.result b{font-size:1.2rem;font-weight:600}.board{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:auto;display:block}.board .sq{cursor:pointer}.board .sq[data-disabled=true]{cursor:default}.board .piece{transition:transform .2s cubic-bezier(.2,.8,.2,1)}.board .capture-flash{pointer-events:none;animation:.4s ease-out forwards capture}@keyframes capture{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.board .piece{transition:none}.board .capture-flash{opacity:0;animation:none}}.lesson{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:1.5rem;padding:1.5rem 0;display:grid}.lesson:first-of-type{border-top:0}.lesson h2{margin-top:0}.lesson-board{margin:0}.lesson-board figcaption{color:var(--ink-2);min-height:2.6em;margin-top:.5rem;font-size:.85rem}@media (max-width:600px){.lesson{grid-template-columns:1fr}.lesson-board{max-width:300px}}.figures{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem 0 1.5rem;display:grid}.figures figure{margin:0}.figures figcaption{color:var(--muted);margin-top:.4rem;font-size:.82rem}.skip{position:absolute;left:-999px}.skip:focus{background:var(--bg);z-index:20;padding:.5rem 1rem;top:1rem;left:1rem}