@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-opsz-normal-D9N6E8K1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-opsz-normal-IcJDqblK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-opsz-normal-Cre6nC2_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#11120e;--ink-raised:#191a15;--paper:#ecebe4;--muted:#a3a296;--line:#ecebe41f;--square-light:#24251f;--square-dark:#161712;--accent:#ff5b2e;--accent-soft:#ff5b2e29;--font:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--gutter:clamp(1rem, 5vw, 4rem);--max:72rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ink);min-height:100svh;color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:1.125rem;line-height:1.55;display:flex}main{flex:1}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip{left:var(--gutter);background:var(--paper);color:var(--ink);z-index:10;border-radius:6px;padding:.5rem .875rem;font-weight:600;text-decoration:none;position:absolute;top:-4rem}.skip:focus{top:1rem}.masthead,.hero,.section,.footer,.page{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.masthead{padding-block:1.5rem}.wordmark{letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark svg{flex:none;width:1.75rem;height:1.75rem}.wordmark .tile{fill:var(--ink-raised);stroke:var(--line);stroke-width:1px}.wordmark .dim{fill:var(--paper);opacity:.16}.wordmark .lit{fill:var(--accent)}.wordmark .on{fill:var(--paper)}.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:clamp(2.5rem,8vw,6rem) clamp(3rem,8vw,6.5rem);display:grid}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700}h1{letter-spacing:-.035em;font-size:clamp(2.75rem,7.2vw,5.75rem);line-height:.95}.lede{max-width:34rem;color:var(--muted);text-wrap:pretty;margin:1.75rem 0 0;font-size:clamp(1.125rem,1.6vw,1.3125rem)}.position{justify-self:end;width:100%;max-width:26rem;margin:0}.board{outline:1px solid var(--line);outline-offset:6px;border-radius:10px;width:100%;height:auto;display:block}.board .light{fill:var(--square-light)}.board .dark{fill:var(--square-dark)}.board .from{fill:none;stroke:var(--accent);stroke-width:.04px;stroke-dasharray:.12 .08;opacity:.7}.board .to{fill:var(--accent)}.board .check{fill:var(--accent-soft)}.board .move{stroke:var(--accent);stroke-width:.06px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;animation:1.1s cubic-bezier(.65,0,.35,1) .3s both draw}.board .ours{fill:var(--paper)}.board .rook{fill:var(--ink)}.board .theirs{fill:none;stroke:var(--paper);stroke-width:.07px}@keyframes draw{0%{stroke-dashoffset:1px}}.position figcaption{color:var(--muted);margin-top:1.25rem;font-size:.9375rem}.notation{font-family:var(--mono);color:var(--accent);margin-right:.5rem;font-size:.875em}.section{border-top:1px solid var(--line);padding-block:clamp(3rem,7vw,5rem)}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.875rem;font-weight:600}.moves{counter-reset:move;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,4vw,3rem);margin:2rem 0 0;padding:0;list-style:none;display:grid}.moves li{counter-increment:move}.moves li:before{content:counter(move) ".";font-family:var(--mono);color:var(--accent);margin-bottom:.75rem;font-size:.875rem;display:block}h3{letter-spacing:-.02em;font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.15}.moves p{color:var(--muted);text-wrap:pretty;margin:.75rem 0 0}.page{padding-block:clamp(3rem,12vw,8rem)}.page .notation{margin:0 0 1rem;font-size:1rem}.page .lede{margin-bottom:2.5rem}.button{background:var(--paper);color:var(--ink);border-radius:999px;padding:.8rem 1.25rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-block}.button:hover{background:var(--accent)}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding-block:2rem 2.5rem;font-size:.875rem;display:flex}@media (width<=52rem){.hero{grid-template-columns:minmax(0,1fr)}.position{justify-self:start;max-width:20rem}.moves{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.board .move{animation:none}}