:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--ink: #1b1a17;--ink-quiet: #6b675f;--paper: #f6f3ec;--panel: #fffdf8;--line: #ddd6c7;--square-light: #eadfc8;--square-dark: #a98963;--square-selected: #c9d67a;--square-last-move: #f0d98a;--square-check: #e57373;--hint: rgba(30, 28, 24, .32);--piece-white: #fdfcf9;--piece-black: #22201c;--piece-outline: #2c2a25}@media(prefers-color-scheme:dark){:root{--ink: #ece7dc;--ink-quiet: #a49e92;--paper: #191815;--panel: #232120;--line: #3a3733}}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink)}.app{max-width:60rem;margin:0 auto;padding:1.5rem 1rem 3rem}.app__title{font-size:1.25rem;font-weight:600;margin:0 0 1.25rem}.app__layout{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}.board-wrap{flex:1 1 22rem;max-width:32rem}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border:1px solid var(--line);border-radius:4px;overflow:hidden;touch-action:none;user-select:none}.square{position:relative;display:grid;place-items:center}.square--light{background:var(--square-light)}.square--dark{background:var(--square-dark)}.square--last-move:after{content:"";position:absolute;inset:0;background:var(--square-last-move);opacity:.45;pointer-events:none}.square--selected:after{content:"";position:absolute;inset:0;background:var(--square-selected);opacity:.55;pointer-events:none}.square--check:before{content:"";position:absolute;inset:6%;border-radius:50%;box-shadow:inset 0 0 0 3px var(--square-check);background:radial-gradient(circle,rgba(229,115,115,.55),transparent 70%);pointer-events:none}.square__hint{position:absolute;width:28%;height:28%;border-radius:50%;background:var(--hint);pointer-events:none}.square--legal-capture .square__hint{width:88%;height:88%;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 4px var(--hint)}.piece{position:relative;width:84%;height:84%;pointer-events:none}.piece__glyph{font-size:76px;paint-order:stroke fill;stroke-width:4px;stroke-linejoin:round}.piece--w .piece__glyph{fill:var(--piece-white);stroke:var(--piece-outline)}.piece--b .piece__glyph{fill:var(--piece-black);stroke:var(--piece-white);stroke-width:2px}.piece--dragging{opacity:.35}.drag-layer{position:fixed;width:3.5rem;height:3.5rem;transform:translate(-50%,-50%);pointer-events:none;z-index:10}.panels{flex:1 1 16rem;display:flex;flex-direction:column;gap:1rem}.panel__heading{font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-quiet);margin:0 0 .5rem}.turn{margin:0;font-size:1rem}.clocks{display:flex;flex-direction:column;gap:.4rem}.clock{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:0;padding:.5rem .9rem;background:var(--panel);border:1px solid var(--line);border-radius:6px}.clock[data-running=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.clock__side{color:var(--ink-quiet);font-size:.85rem}.clock__value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:600}.time-control{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:.6rem .75rem;border:1px solid var(--line);border-radius:6px}.time-control__legend{padding:0 .35rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-quiet)}.button--preset{padding:.3rem .6rem;font-size:.9rem}.button--preset[aria-pressed=true]{border-color:var(--ink);font-weight:600}.game-over{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.75rem 1rem}.game-over__title{margin:0;font-size:1.05rem}.game-over__reason{margin:.25rem 0 0;color:var(--ink-quiet)}.move-list{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.75rem 1rem;max-height:20rem;overflow-y:auto}.move-list__empty{margin:0;color:var(--ink-quiet)}.move-list__rows{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}.move-list__row{display:grid;grid-template-columns:2.5rem 1fr 1fr;gap:.5rem;padding:.15rem 0}.move-list__number{color:var(--ink-quiet)}.controls{display:flex;flex-wrap:wrap;gap:.5rem}.board-controls{display:flex;justify-content:center;gap:.5rem;margin-top:.6rem}.button{font:inherit;padding:.45rem .9rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);cursor:pointer}.button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--ink-quiet)}.button:disabled,.button[aria-disabled=true]{opacity:.45;cursor:default}.button--quiet{background:transparent}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#00000073;z-index:20}.modal__card{background:var(--panel);border-radius:8px;padding:1.25rem;min-width:18rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.modal__heading{margin:0;font-size:1rem}.promotion__choices{display:flex;gap:.5rem}.promotion__choice{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:4.5rem;padding:.5rem .25rem;font:inherit;font-size:.8rem;border:1px solid var(--line);border-radius:6px;background:var(--square-light);color:var(--piece-outline);cursor:pointer}.promotion__choice .piece{width:2.5rem;height:2.5rem}.promotion__choice:hover{border-color:var(--ink-quiet)}