:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf1ea;font-synthesis:none;--surface:#151c17;--surface-raised:#1b241e;--line:#2b372f;--muted:#9ba89f;--green:#9ccf7a;--green-bright:#c2ec9f;--amber:#e5ba70;--board:min(calc(100dvh - 10rem), calc(100vw - 30.5rem));--content:calc(var(--board) + 29.5rem);background:#0d120f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,#3e5c4133,#0000 30rem),#0d120f;flex-direction:column;min-width:320px;min-height:100dvh;margin:0;display:flex}button,a{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);color:#e8ede7;font:inherit;cursor:pointer;background:#202a23;border-radius:.55rem;padding:.62rem .85rem;font-weight:650;transition:border-color .12s,background .12s,transform .12s}button:hover:not(:disabled){background:#29362d;border-color:#536658}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #9ccf7a73}button:disabled{cursor:not-allowed;opacity:.42}.site-header{width:100%;max-width:var(--content);align-items:center;gap:1rem;min-height:3.5rem;margin:0 auto;padding:0 1.5rem;display:flex}.variant-nav{border:1px solid var(--line);background:#151c17cc;border-radius:.65rem;gap:.2rem;margin-left:auto;padding:.2rem;display:flex}.variant-link{color:var(--muted);border-radius:.45rem;padding:.42rem .7rem;font-size:.8rem;font-weight:720;text-decoration:none}.variant-link:hover{color:#edf1ea}.variant-link.active{color:var(--green-bright);background:#29382d}.brand{color:#f4f6f1;letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.08rem;font-weight:780;text-decoration:none;display:inline-flex}.brand-mark{width:2rem;height:2rem;display:block}.source-badge{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:700}.explorer{width:100%;max-width:var(--content);grid-template-columns:var(--board) minmax(18rem, 25rem);flex:1 0 auto;place-content:center;align-items:start;gap:1.5rem;margin:0 auto;padding:.5rem 1.5rem;display:grid}.board-column{width:var(--board)}.solution-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1}.evaluation{min-width:5.2rem;color:var(--green-bright);text-align:center;font-variant-numeric:tabular-nums;background:#1b281e;border:1px solid #465b4a;border-radius:.7rem;flex:none;padding:.5rem .75rem;font-size:1.1rem;font-weight:800}.board-shell{border-radius:.85rem;width:100%;position:relative}.board{width:100%}.sc-board-root{-webkit-user-select:none;user-select:none;gap:.35rem;width:100%;display:grid}.sc-board-surface{aspect-ratio:1;isolation:isolate;background:#6f8668;border:1px solid #ffffff14;border-radius:.8rem;width:100%;position:relative;overflow:hidden;box-shadow:0 1.5rem 5rem #00000059,inset 0 0 0 1px #0000001a}.sc-squares,.sc-pieces{position:absolute;inset:0}.sc-squares{z-index:1;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid}.sc-square,.sc-square:hover:not(:disabled),.sc-square:active:not(:disabled){cursor:default;border:0;border-radius:0;min-width:0;min-height:0;padding:0;position:relative;transform:none}.sc-square.sc-light,.sc-square.sc-light:hover:not(:disabled){background:#d7c7a1}.sc-square.sc-dark,.sc-square.sc-dark:hover:not(:disabled){background:#758b68}.sc-square.sc-last{box-shadow:inset 0 0 0 10rem #ecca4f5e}.sc-square.sc-selected{box-shadow:inset 0 0 0 10rem #a9d3686e,inset 0 0 0 .22rem #e7ffc59e}.sc-square.sc-destination:after{content:"";z-index:2;aspect-ratio:1;pointer-events:none;background:#111e1257;border-radius:50%;width:24%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sc-square.sc-destination.sc-capture:after{background:0 0;border:.28rem solid #18251957;width:78%}.sc-rank-coordinate,.sc-file-coordinate{z-index:3;color:#1e2d1db8;pointer-events:none;font-size:clamp(.55rem,1.4vw,.72rem);font-weight:850;line-height:1;position:absolute}.sc-dark .sc-rank-coordinate,.sc-dark .sc-file-coordinate{color:#e7ecd3b3}.sc-rank-coordinate{top:.24rem;left:.24rem}.sc-file-coordinate{bottom:.2rem;right:.24rem}.sc-pieces{z-index:3;pointer-events:none}.sc-piece,.sc-piece:hover:not(:disabled),.sc-piece:active:not(:disabled){cursor:default;pointer-events:auto;will-change:transform;background:0 0;border:0;border-radius:0;place-items:center;width:12.5%;height:12.5%;padding:0;transition:transform .185s cubic-bezier(.2,.78,.3,1),opacity .12s,filter .12s;display:grid;position:absolute;top:0;left:0}.sc-piece img,.sc-pocket-piece img,.sc-drag-ghost img,.sc-promotion img{object-fit:contain;pointer-events:none;filter:drop-shadow(0 .12rem .11rem #00000052);width:92%;height:92%;display:block}.sc-piece.sc-movable,.sc-pocket-piece.sc-movable{cursor:grab;touch-action:none}.sc-piece.sc-movable:hover{filter:brightness(1.06)}.sc-piece.sc-movable:active,.sc-pocket-piece.sc-movable:active{cursor:grabbing}.sc-piece:focus-visible,.sc-pocket-piece:focus-visible,.sc-promotion button:focus-visible{z-index:5;outline-offset:-.18rem;outline:.2rem solid #d2f2aed9}.sc-drag-source{opacity:.24}.sc-drag-ghost{z-index:20;pointer-events:none;will-change:transform;place-items:center;display:grid;position:absolute;top:0;left:0}.sc-no-animation .sc-piece{transition:none}.sc-pocket{border:1px solid var(--line);background:#151c17f0;border-radius:.65rem;align-items:center;gap:.18rem;min-height:clamp(2.6rem,7vw,3.7rem);padding:.22rem .4rem;display:none}.sc-has-pockets .sc-pocket{display:flex}.sc-pocket-piece,.sc-pocket-piece:hover:not(:disabled),.sc-pocket-piece:active:not(:disabled){background:0 0;border:0;border-radius:.42rem;place-items:center;width:clamp(2.15rem,6.2vw,3.2rem);height:clamp(2.15rem,6.2vw,3.2rem);padding:0;display:grid;position:relative;transform:none}.sc-pocket-piece.sc-movable:hover{background:#9ccf7a1f}.sc-pocket-piece span{color:#fff;text-align:center;background:#17221a;border-radius:999px;min-width:1.15rem;font-size:.68rem;line-height:1.15rem;position:absolute;bottom:0;right:0;box-shadow:0 0 0 1px #ffffff24}.sc-pocket-empty{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:700}.sc-promotion{z-index:30;place-items:center;display:grid;position:absolute;inset:0}.sc-promotion[hidden]{display:none}.sc-promotion-backdrop,.sc-promotion-backdrop:hover:not(:disabled),.sc-promotion-backdrop:active:not(:disabled){-webkit-backdrop-filter:blur(.12rem);backdrop-filter:blur(.12rem);background:#080c09ad;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0;transform:none}.sc-promotion-panel{z-index:1;background:#18211b;border:1px solid #ffffff29;border-radius:.85rem;width:min(88%,27rem);padding:1rem;position:relative;box-shadow:0 1.2rem 4rem #00000080}.sc-promotion-title{text-align:center;margin-bottom:.7rem;font-size:.85rem;font-weight:800}.sc-promotion-choices{justify-content:center;gap:.3rem;display:flex}.sc-promotion-choices button,.sc-promotion-choices button:hover:not(:disabled),.sc-promotion-choices button:active:not(:disabled){background:#243128;border:1px solid #0000;border-radius:.55rem;place-items:center;width:min(16vw,4.25rem);height:min(16vw,4.25rem);padding:.18rem;display:grid;transform:none}.sc-promotion-choices button:hover:not(:disabled){background:#304033;border-color:#789567}.sc-promotion-cancel{width:100%;margin-top:.7rem;padding-block:.45rem;font-size:.76rem}.sc-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading-overlay{color:#fff;opacity:0;pointer-events:none;background:#0a0f0b59;border-radius:.8rem;place-items:center;font-weight:750;transition:opacity .12s;display:grid;position:absolute;inset:0}.loading-overlay.visible{opacity:1;transition-delay:.35s}.controls{justify-content:space-between;gap:.75rem;margin-top:.6rem;display:flex;container-type:inline-size}.control-group{flex:1;gap:.35rem;display:flex}.control-group.tools{flex:none}.icon-button{border:1px solid var(--line);color:#e8ede7;background:#202a23;border-radius:.55rem;flex:1;place-items:center;min-width:2.75rem;height:2.6rem;padding:0;display:grid}@container (width<=25rem){.control-group,.control-group.tools{flex:1 1 0;min-width:0}.icon-button{min-width:0}}a.icon-button:hover,.icon-button:hover:not(:disabled){background:#29362d;border-color:#536658}.icon-button svg{fill:currentColor;width:1.25rem;height:1.25rem}.icon-button.confirmed{color:var(--green-bright);border-color:#658357}.line-panel{flex:none;max-height:5.5rem;overflow:auto}.side-column{height:calc(var(--board) + 3.2rem);flex-direction:column;gap:.6rem;display:flex}.panel{border:1px solid var(--line);background:#151c17eb;border-radius:.8rem;padding:.8rem}.moves-panel{flex-direction:column;flex:auto;min-height:6rem;display:flex}.statistics-panel{flex:none}.panel h2{margin:0;font-size:1rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.panel-heading span{color:var(--muted);font-size:.75rem}.small-button{padding:.38rem .6rem;font-size:.75rem}.position-detail{color:var(--muted);margin-bottom:0;font-size:.82rem;line-height:1.5}.move-list{flex:auto;align-content:start;gap:.35rem;min-height:0;padding-right:.2rem;display:grid;overflow:auto}.move-option{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.45rem .65rem;display:grid}.move-notation{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.move-evaluation{color:var(--green-bright);font-variant-numeric:tabular-nums;text-align:right;font-size:.76rem;font-weight:760}.move-option.quiet .move-evaluation{color:var(--muted);font-weight:650}.history-list{flex-wrap:wrap;align-items:baseline;gap:.15rem .2rem;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;list-style:none;display:flex}.history-number{color:var(--muted);margin-left:.4rem}.history-list li:first-child .history-number{margin-left:0}.history-move,.history-move:hover:not(:disabled){color:#e8ede7;font:inherit;background:0 0;border:0;border-radius:.35rem;padding:.22rem .35rem;transform:none}.history-move:hover:not(:disabled){background:#29362d}.history-move.current,.history-move.current:hover:not(:disabled){color:var(--green-bright);background:#2b3a2d}.statistics{grid-template-columns:repeat(auto-fill,minmax(6.8rem,1fr));gap:.45rem;margin:0;display:grid}.statistics>div{background:var(--surface-raised);border-radius:.55rem;padding:.5rem .6rem;position:relative}.statistics dt{color:var(--muted);font-size:.68rem}.statistic-link,.statistic-link:hover:not(:disabled),.statistic-link:active:not(:disabled){color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;display:inline-flex;transform:none}.statistic-link:after{content:"";border:1px solid #0000;border-radius:.55rem;position:absolute;inset:0}.statistic-link:hover:after{border-color:#536658}.statistic-link svg{width:1.3rem;height:1.3rem;fill:var(--muted);position:absolute;top:50%;right:.45rem;transform:translateY(-50%)}.statistic-link:hover svg{fill:var(--green-bright)}.statistics dd{color:#f0f3ed;font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:.95rem;font-weight:760}.fatal-error{z-index:20;color:#ffd8d2;background:#402422;border:1px solid #995d59;border-radius:.7rem;width:min(90vw,38rem);padding:.9rem 1rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 1rem 3rem #0006}.help{border:1px solid var(--line);background:var(--surface);color:#edf1ea;border-radius:.8rem;max-width:min(26rem,100vw - 2rem);margin:auto;padding:1rem 1.1rem;font-size:.85rem;line-height:1.5}.help::backdrop{background:#00000059}.help ul{gap:.4rem;margin:0;padding-left:1.1rem;display:grid}.help-keys{color:var(--muted);margin:.75rem 0 0;font-size:.78rem}.help kbd{border:1px solid var(--line);color:#e8ede7;font:inherit;background:#202a23;border-radius:.3rem;padding:0 .3rem}@media (hover:none) and (pointer:coarse){.help-keys{display:none}}.notice{z-index:20;color:#e8ede7;background:#1f2b22;border:1px solid #536658;border-radius:.7rem;justify-content:space-between;align-items:center;gap:1rem;width:min(90vw,38rem);padding:.8rem 1rem;font-size:.85rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 1rem 3rem #0006}.notice[hidden]{display:none}.site-footer{width:100%;max-width:var(--content);color:#77857b;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.2rem .55rem;margin:0 auto;padding:.2rem 1.5rem .5rem;font-size:.7rem;display:flex}.profile-link{display:inline-grid}.profile-link svg{width:.9rem;height:.9rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:#c8d2c9;text-decoration:underline}@media (width<=62rem),(aspect-ratio<=4/5){.site-header,.explorer,.site-footer{max-width:90rem}.site-footer{justify-content:center}.explorer{flex-direction:column;gap:.85rem;display:flex}.moves-panel{flex:none}.move-list{max-height:18rem}.line-panel{max-height:none}.board-column,.side-column{display:contents}.explorer>*>*{width:100%;max-width:50rem;margin-inline:auto}.solution-heading,.controls,.line-panel{margin-block:0}.solution-heading{order:1}.board-shell{order:2}.controls{order:3}.moves-panel{order:4}.line-panel{order:5}.statistics-panel{order:6}}@media (width<=40rem){.site-header,.explorer,.site-footer{padding-left:.85rem;padding-right:.85rem}.explorer{padding-top:.5rem}.site-header{flex-wrap:wrap;padding-top:.75rem;padding-bottom:.75rem}.variant-nav{order:3;width:100%;margin-left:0}.variant-link{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}