:root{color:#172019;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f2e9;--card:#ffffffb8;--card-solid:#fbfaf6;--green:#1a593f;--green-soft:#e6eee9;--muted:#68716b;--line:#19342721;background:#f5f2e9;font-family:Inter,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}main{max-width:1440px;margin:auto;padding:12px 24px}header{align-items:center;gap:14px;min-height:66px;display:flex}header h1{margin:0;font-size:24px}.brand p{color:var(--muted);letter-spacing:.08em;margin:1px 0 0;font-size:14px}.logo{object-fit:cover;border-radius:14px;width:54px;height:54px;display:block;box-shadow:0 4px 13px #0002}.status{text-overflow:ellipsis;max-width:42%;color:var(--green);white-space:nowrap;margin-left:auto;font-size:13px;overflow:hidden}.layout{grid-template-columns:minmax(480px,760px) minmax(330px,1fr);gap:22px;display:grid}.play{min-width:0}.mode{background:#dfded7;border-radius:12px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.mode button{background:0 0;border:0;border-radius:10px;padding:9px}.mode .active{color:var(--green);background:#fff;font-weight:700;box-shadow:0 1px 4px #0002}.toolbar{grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;min-height:49px;padding:6px 2px;display:grid}.toolbar .history-tools,.toolbar .view-tools{align-items:center;gap:4px;display:flex}.toolbar strong{text-align:center}.toolbar button{background:0 0;border:0;border-radius:9px;padding:7px}.toolbar .history-tools button,.toolbar .view-tools button{background:var(--green-soft);width:38px;height:38px;color:var(--green);border-radius:50%;place-items:center;padding:0;font-size:20px;display:grid}.toolbar button:hover{background:var(--green-soft)}.toolbar .round{width:36px;height:36px;color:var(--green);background:var(--green-soft);border-radius:50%;padding:0;font-family:serif;font-weight:800}.toolbar .round.active{color:#fff;background:var(--green)}.board-shell{aspect-ratio:1;width:100%;position:relative}.board{border-radius:10px;grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid;overflow:hidden;box-shadow:0 10px 28px #0002}.square{aspect-ratio:1;border:0;place-items:center;min-width:0;padding:0;display:grid;position:relative}.light{background:#eadcb5}.dark{background:#568064}.selected{z-index:1;box-shadow:inset 0 0 0 clamp(3px,.7vw,6px) #f0c830}.last{box-shadow:inset 0 0 0 clamp(2px,.5vw,4px) #ef941c}.selected.last{box-shadow:inset 0 0 0 clamp(3px,.7vw,6px) #f0c830,inset 0 0 0 clamp(7px,1.2vw,10px) #ef941c99}.target:after{content:"";z-index:2;background:#3588ddaa;border-radius:50%;width:24%;height:24%;position:absolute}.piece{filter:drop-shadow(0 2px 1px #0004);z-index:1;font-family:Apple Symbols,"Noto Sans Symbols 2",serif;font-size:clamp(34px,7vw,76px);line-height:1}.piece.w{color:#fff;text-shadow:0 0 2px #111}.piece.b{color:#151515}.square small{z-index:4;text-transform:lowercase;pointer-events:none;font-size:clamp(10px,1.25vw,14px);font-weight:800;line-height:1;position:absolute}.rank-label{top:4px;left:4px}.file-label{bottom:4px;right:4px}.square.light small{color:#568064}.square.dark small{color:#eadcb5}.candidate-arrows{z-index:3;pointer-events:none;filter:drop-shadow(0 1px 1px #0006);width:100%;height:100%;position:absolute;inset:0}.arrow-number{fill:#fff;text-anchor:middle;dominant-baseline:central;font-family:system-ui,sans-serif;font-size:3.2px;font-weight:800}.setup-tools{background:var(--card);border:1px solid var(--line);border-radius:11px;margin:0 0 8px;padding:8px}.setup-tools>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.setup-tools button,.setup-tools select{border:1px solid var(--line);background:var(--card-solid);border-radius:8px;padding:6px 9px}.setup-tools button.active{color:#fff;background:var(--green)}.setup-tools label{color:var(--muted);margin-left:auto;font-size:12px}.setup-tools .finish{color:#fff;background:var(--green)}.setup-pieces{margin-top:6px}.setup-pieces small{width:30px;color:var(--muted)}.setup-pieces .piece-tool{width:35px;height:35px;padding:0;font-family:Apple Symbols,serif;font-size:25px;line-height:1}aside{flex-direction:column;gap:11px;max-height:calc(100vh - 91px);padding-right:4px;display:flex;overflow:auto}.module{background:var(--card);border:1px solid var(--line);border-radius:13px;overflow:hidden}.module summary{cursor:pointer;justify-content:space-between;padding:13px 14px;font-weight:700;list-style:none;display:flex}.module summary:after{content:"▼";color:var(--green)}.module[open] summary:after{content:"▲"}.module-body{padding:0 14px 14px}.review{background:var(--green-soft);border-radius:10px;flex-direction:column;gap:3px;margin-bottom:9px;padding:10px;display:flex}.review span{color:var(--muted);font-size:12px}.candidate-heading{color:var(--muted);justify-content:space-between;align-items:center;margin:5px 0;font-size:12px;display:flex}.candidate-heading button{color:var(--green);background:0 0;border:0}.candidate{text-align:left;width:100%;color:inherit;background:#edf0eb;border:0;border-radius:9px;grid-template-columns:24px minmax(88px,1fr) auto auto 33px;align-items:center;gap:7px;margin-top:7px;padding:9px;display:grid}.candidate:hover{background:#e1e9e4}.candidate>span{flex-direction:column;min-width:0;display:flex}.candidate code{font-size:16px;font-weight:700}.candidate span small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;overflow:hidden}.candidate em{color:var(--muted);font-size:11px;font-style:normal;font-weight:700}.candidate:first-child em,.candidate strong{color:var(--green)}.candidate>small{color:var(--muted)}.module label{align-items:center;gap:10px;margin:10px 0;display:flex}.module input[type=range]{flex:1}.module input[type=number],.module select{max-width:100px;padding:5px}.module-body>button,.primary{border:1px solid var(--line);background:var(--card-solid);border-radius:8px;padding:7px 10px}.primary{color:#fff;border-color:var(--green);background:var(--green)}.module p{color:var(--muted);font-size:13px;line-height:1.55}.chart-wrap{background:var(--card-solid);border-radius:10px;height:150px;position:relative;overflow:hidden}.chart{width:100%;height:100%}.chart-zero{stroke:#7b837e66;stroke-width:1px}.chart-grid{stroke:#7b837e24;stroke-width:1px}.chart-axis{fill:var(--muted);font:10px ui-monospace,monospace}.chart-line{fill:none;stroke:var(--green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--green)}.chart-white,.chart-black{color:var(--muted);font-size:10px;position:absolute;left:7px}.chart-white{top:5px}.chart-black{bottom:5px}.record-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.record-head>span{flex-direction:column;flex:100px;display:flex}.record-head small{color:var(--muted)}.record-head button,.moves button{border:1px solid var(--line);color:inherit;background:var(--card-solid);border-radius:7px;padding:5px 7px}.record-head .primary{color:#fff;background:var(--green)}.moves{max-height:220px;margin-top:8px;overflow:auto}.moves p{grid-template-columns:28px 1fr 1fr;align-items:center;gap:5px;margin:5px 0;font-family:ui-monospace,monospace;display:grid}.moves p button{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}footer{text-align:center;color:#858a86;padding:14px;font-size:11px}.modal-backdrop{z-index:20;background:#0007;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.record-modal{background:var(--card-solid);border-radius:16px;width:min(620px,100%);max-height:min(760px,88vh);padding:18px;overflow:auto;box-shadow:0 22px 80px #0006}.result-modal{text-align:center;background:var(--card-solid);border-radius:18px;width:min(420px,100%);padding:26px;box-shadow:0 22px 80px #0006}.result-modal h2{margin:10px 0 6px}.result-modal p{color:var(--muted);margin:0 0 20px;line-height:1.6}.result-modal>div:last-child{justify-content:center;gap:10px;display:flex}.result-modal button{border:1px solid var(--line);color:inherit;background:var(--paper);border-radius:9px;padding:9px 14px;font-weight:700}.result-modal button.primary{color:#fff;background:var(--green)}.result-mark{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;font-size:26px;font-weight:900;display:grid}.record-modal header{align-items:flex-start;min-height:0}.record-modal h2,.record-modal h3{margin:0}.record-modal header p{color:var(--muted);margin:3px 0 14px;font-size:12px}.record-modal header button{color:var(--green);background:0 0;border:0;margin-left:auto}.record-modal label{flex-direction:column;gap:6px;font-weight:700;display:flex}.record-modal textarea{resize:vertical;border:1px solid var(--line);min-height:100px;color:inherit;background:var(--paper);border-radius:9px;padding:9px;font-family:ui-monospace,monospace}.record-modal .wide{width:100%;margin:9px 0 18px}.saved-games{flex-direction:column;gap:7px;margin-top:9px;display:flex}.saved-games button{border:1px solid var(--line);text-align:left;color:inherit;background:var(--paper);border-radius:9px;flex-direction:column;gap:3px;padding:10px;display:flex}.saved-games span{color:var(--muted);font-size:11px}.notice{z-index:30;color:#fff;background:#193d2d;border-radius:12px;align-items:center;gap:14px;width:min(520px,100% - 28px);padding:12px 14px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0005}.notice span{flex:1}.notice button{color:#fff;background:0 0;border:0;font-weight:800}@media (max-width:850px){main{padding:8px 12px}header{min-height:56px}.logo{width:46px;height:46px}header h1{font-size:19px}.brand p{font-size:12px}.status{display:none}.layout{display:block}.toolbar{font-size:13px}.toolbar button{padding:6px 5px}.board-shell{width:min(100%,100vh - 146px);margin:auto}.setup-tools+.board-shell{width:min(100%,100vh - 270px);min-width:280px}aside{max-height:none;margin-top:13px}.piece{font-size:min(10vw,10vh)}.candidate{grid-template-columns:22px minmax(76px,1fr) auto auto 30px;padding:8px 6px}}@media (max-width:430px){.toolbar strong,.toolbar button:not(.round){font-size:12px}.setup-tools label{margin-left:0}.record-head button{font-size:12px}}@media (prefers-color-scheme:dark){:root{color:#ecefe9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#151a17;--card:#252c28eb;--card-solid:#2c342f;--green:#6dd7a7;--green-soft:#263c32;--muted:#b4bcb7;--line:#e1eee621;background:#151a17}.mode{background:#2b322e}.mode .active{color:#c8f4df;background:#3b453f}.candidate{background:#343c37}.candidate:hover{background:#3c4941}.light{background:#d7c69e}.dark{background:#466b55}.square.light small{color:#466b55}.square.dark small{color:#d7c69e}footer,.brand p{color:#a8afa9}}html{background:var(--paper);min-height:100%}body{min-height:100dvh}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);overscroll-behavior-y:none}main{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}