:root{--ink:#303d35;--paper:#f7f2e8;--amber:#b8552a;--amber-light:#e6aa73;--slate:#3c4845;--dark:#626852;--light:#ead8b6;--line:#d1cbb9;--muted:#617066;--accent:#48664d;color-scheme:light;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 10% 0,#e2e6d3 0,transparent 40%),var(--paper)}a{color:inherit;text-underline-offset:4px}button,select{font:inherit;color:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:.65rem .85rem;touch-action:manipulation}button:hover{background:#e6eadd}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}[hidden]{display:none!important}.site-header,.site-footer{max-width:880px;margin:auto;padding:23px 26px;display:flex;justify-content:space-between;align-items:center;font:12px/1.5 ui-sans-serif,system-ui,sans-serif}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-family:Georgia,serif;font-size:23px;letter-spacing:-.04em}.game-shell{max-width:670px;margin:17px auto 48px;padding:0 26px}.heading{display:flex;align-items:center;justify-content:space-between;margin:19px 0 25px}.heading h1{font-size:clamp(32px,7vw,49px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:0 0 12px}.heading p{font:11px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.045em;color:var(--muted);margin:0}.hero-mark{font-size:55px;color:#9aaf8d;line-height:1;margin-left:12px}.game-panel{background:#fffdf6;padding:23px;border:1px solid var(--line);border-radius:12px;box-shadow:0 13px 28px #303d3510}.game-settings{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.mode-picker{display:flex;gap:4px;background:#e9ecdf;border-radius:7px;padding:3px;flex:1}.mode-picker button{font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif;border:none;min-height:44px;flex:1;padding:7px 10px;background:transparent}.mode-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.position-picker{display:grid;gap:4px;max-width:46%;color:var(--muted);font:10px/1.4 ui-sans-serif,system-ui,sans-serif}select{width:100%;min-height:44px;max-width:220px;border:1px solid var(--line);background:var(--paper);border-radius:6px;padding:6px 8px;font:12px/1.5 ui-sans-serif,system-ui,sans-serif}.position-copy{font:12px/1.6 ui-sans-serif,system-ui,sans-serif;margin:14px 0 0;color:var(--muted)}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:21px}.player-card{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:#f4f4eb}.player-card.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.player-disc{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--amber);color:white;border:2px solid #dd9360;font:bold 11px/1 ui-sans-serif,system-ui,sans-serif;box-shadow:0 2px 0 #76432c}.slate .player-disc{background:var(--slate);border-color:#aeb9a4;box-shadow:0 2px 0 #24322b}.player-card strong{font:600 13px/1.2 ui-sans-serif,system-ui,sans-serif;display:block}.player-card div>span{font:10px/1.3 ui-sans-serif,system-ui,sans-serif;color:var(--muted)}.player-card b{margin-left:auto;font:21px/1 Georgia,serif}.turn-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0 10px;min-height:24px}.turn-bar p{font:600 12px/1.5 ui-sans-serif,system-ui,sans-serif;margin:0}.turn-bar>span{font:600 10px/1.3 ui-sans-serif,system-ui,sans-serif;padding:5px 8px;border:1px solid #d2a17a;color:#8b441f;border-radius:4px;background:#fff1dd;white-space:nowrap}.board-frame{background:#424c3c;border-radius:7px;padding:10px 11px 12px;box-shadow:inset 0 0 0 1px #777a61}#board{display:grid;grid-template-columns:17px repeat(8,minmax(0,1fr));gap:0}.rank-label,.file-label,.board-corner{display:grid;place-items:center;color:#d8d6bd;font:10px/1 ui-monospace,monospace}.file-label,.board-corner{height:20px}.rank-label{padding-right:5px}.square{aspect-ratio:1;min-width:0;position:relative;display:grid;place-items:center}.square.light{background:var(--light)}.square.dark{background:var(--dark);border:none;border-radius:0;padding:0;min-height:0;outline-offset:-3px}.square.dark:nth-child(2n){background:#5c654f}.square.dark:hover{background:#7c8862}.square.dark[aria-pressed=true]{background:#a59c63}.square.dark:focus-visible{outline:3px solid #fff2ca;outline-offset:-3px;z-index:2}.piece{width:73%;height:73%;border-radius:50%;background:linear-gradient(150deg,#d78042,#ac4324);border:2px solid #e6a66f;box-shadow:0 2px 0 #68371f,0 3px 4px #18291970,inset 0 0 0 2px #8d462890;position:relative;display:none;place-items:center;pointer-events:none}.has-piece .piece{display:grid}.square[data-side="-1"] .piece{background:linear-gradient(150deg,#edf0d9,#bbc8ad);border-color:#f7f8e9;box-shadow:0 2px 0 #768674,0 3px 4px #18291970,inset 0 0 0 2px #a5b498}.piece-symbol{color:#fff9e7;font:700 clamp(10px,2.6vw,16px)/1 ui-sans-serif,system-ui,sans-serif;opacity:.9}.square[data-side="-1"] .piece-symbol{color:#3d493d}.square.destination:after{content:'';width:25%;height:25%;border-radius:50%;background:#fff0bd;box-shadow:0 0 0 3px #273e30;position:absolute;pointer-events:none}.square.can-move .piece:before{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid #fff0bd70}.square.selected .piece:before{border:2px solid #fff2bd;inset:-5px}.square.hinted{box-shadow:inset 0 0 0 3px #eed695}.square.last-move:not(.hinted){box-shadow:inset 0 0 0 2px #b5be8f}.keyboard-help{font:11px/1.6 ui-sans-serif,system-ui,sans-serif;color:var(--muted);margin:13px 0 0}.draw-clock{font:10px/1.5 ui-monospace,monospace;margin:11px 0 0;color:var(--muted)}.feedback{font:12px/1.65 ui-sans-serif,system-ui,sans-serif;margin:13px 0 0}.feedback:empty{display:none}.game-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:19px;padding-top:16px;border-top:1px solid var(--line)}.game-actions button{font:600 12px/1.4 ui-sans-serif,system-ui,sans-serif;padding:.65rem .3rem}#new-game{background:var(--ink);border-color:var(--ink);color:var(--paper)}.victory{padding:16px;margin-top:17px;background:#e7ecd8;border:1px solid #a8b494;border-radius:7px}.victory h2{font:400 28px/1.2 Georgia,serif;margin:0 0 7px}.victory p{font:12px/1.7 ui-sans-serif,system-ui,sans-serif;margin:0}.site-footer{border-top:1px solid var(--line);max-width:828px;color:var(--muted);gap:15px}.site-footer>span{font:20px/1.4 Georgia,serif;letter-spacing:-.03em}.site-footer nav{display:flex;gap:20px}.notice{padding:15px;border:1px solid #c18e63;background:#fff0d9;border-radius:8px;font:12px/1.6 ui-sans-serif,system-ui,sans-serif;margin-bottom:19px}.notice p{margin:0 0 10px}.notice-actions{display:flex;gap:7px;flex-wrap:wrap}.notice button{font-size:12px}details{margin-top:10px;font:12px/1.6 ui-sans-serif,system-ui,sans-serif}summary{min-height:32px;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,monospace}dialog{width:calc(100% - 32px);max-width:420px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:11px;padding:24px}dialog::backdrop{background:#27372e88}dialog h2{font:400 26px/1.2 Georgia,serif;margin:0 0 13px}dialog p{font:14px/1.7 ui-sans-serif,system-ui,sans-serif}.dialog-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.dialog-actions button{font:600 12px/1.5 ui-sans-serif,system-ui,sans-serif}.dialog-actions button[value=confirm]{background:var(--ink);color:var(--paper)}.article{max-width:650px;padding:0 26px;margin:36px auto 60px}.article h1{font:400 43px/1.12 Georgia,serif;letter-spacing:-.03em;margin:0 0 27px}.article h2{font:400 26px/1.25 Georgia,serif;margin-top:30px}.article p,.article li{font:14px/1.85 ui-sans-serif,system-ui,sans-serif}.article li{margin:10px 0}.article .callout{border-left:3px solid var(--amber);background:#ede9d8;padding:12px 18px}.article code{font:12px/1.7 ui-monospace,monospace;overflow-wrap:anywhere}.article button{font:600 12px/1.5 ui-sans-serif,system-ui,sans-serif}
@media(max-width:480px){.site-header,.site-footer{padding:18px 16px}.game-shell{padding:0 12px;margin-top:7px}.heading{margin:15px 4px 22px}.hero-mark{font-size:40px}.heading p{font-size:10px}.game-panel{padding:13px 10px}.game-settings{display:block}.position-picker{display:flex;align-items:center;gap:10px;max-width:100%;margin-top:12px}.position-picker select{flex:1;max-width:none}.scoreboard{gap:6px;margin-top:16px}.player-card{padding:10px 8px;gap:7px}.player-disc{width:24px;height:24px;font-size:9px}.player-card strong{font-size:12px}.player-card b{font-size:19px}.player-card div>span{font-size:9px}.turn-bar p{font-size:11px}.turn-bar>span{font-size:9px;padding:4px 6px}.board-frame{padding:6px 5px 7px}#board{grid-template-columns:14px repeat(8,minmax(0,1fr))}.file-label,.board-corner{height:18px}.rank-label,.file-label{font-size:9px}.piece{border-width:1px}.square.can-move .piece:before{inset:-3px}.square.selected .piece:before{inset:-3px}.keyboard-help{font-size:10px}.game-actions{gap:5px}.game-actions button{font-size:11px}.article{padding:0 18px;margin-top:25px}.article h1{font-size:36px}.site-footer{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.square,.piece{transition:background .1s,box-shadow .1s}.victory{animation:finish .18s ease-out}@keyframes finish{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}