*{box-sizing:border-box}body{margin:0;background:#f2f0e9;color:#23342e;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}main{max-width:1240px;margin:auto;padding:34px 48px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccd2c7;padding-bottom:24px}.brand{font-weight:850;letter-spacing:5px;font-size:22px}.edition,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750}.edition{color:#747d72}.layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:74px;margin:48px 0 30px}.eyebrow{color:#6c7b66;margin:0 0 13px}h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;font-size:60px;line-height:1.04;margin:16px 0 22px}.lead{font-size:15px;line-height:1.7;color:#6a736a}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}.collection button{height:65px;text-align:left;padding:10px;font-size:11px;display:flex;flex-direction:column;gap:6px}.collection button strong{font-size:14px}button{border:1px solid #c7d0c1;background:transparent;color:inherit;border-radius:7px;padding:10px 14px;font:600 12px inherit;cursor:pointer;transition:background .15s}button:hover{background:#e0e6d7}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ba6a34;outline-offset:3px}button[aria-pressed=true]{background:#2c463b;border-color:#2c463b;color:#fff}.progress{font-size:12px;color:#66735e;margin:18px 0 28px}details{border-top:1px solid #ccd2c7;padding-top:18px;font-size:12px;line-height:1.7;color:#616f63}summary{cursor:pointer;font-weight:700;color:#293f33;font-size:13px}details p{margin:12px 0}.play{padding:26px;background:#e6eadd;border-radius:16px;align-self:start;box-shadow:0 18px 40px #24342b09}.board-head{display:flex;justify-content:space-between;align-items:center}.board-head h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:0}.board-head .eyebrow{margin-bottom:6px}#moves{font-size:12px;color:#66735e}.toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0 16px}.toolbar button{font-size:12px;padding:8px 11px}kbd{opacity:.55;font:9px monospace;margin-left:5px}.paper{background:#fcfbf7;border:1px solid #cbd4c3;border-radius:9px;overflow:hidden;padding:10px}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}#status{font-size:13px;line-height:1.5;min-height:22px;margin:17px 0 0}#next{margin-top:14px;background:#2c463b;color:white}footer{font-size:10px;line-height:1.7;color:#76806e;border-top:1px solid #ccd2c7;padding-top:20px;display:flex;gap:6px}footer span{margin-left:auto}a{color:inherit}@media(max-width:850px){main{padding:22px}.layout{gap:24px;grid-template-columns:260px minmax(0,1fr)}h1{font-size:47px}.play{padding:16px}.edition{display:none}}@media(max-width:650px){.layout{display:flex;flex-direction:column;margin-top:24px}.intro h1{font-size:40px}.intro h1 br{display:none}.lead{display:none}.collection{margin-top:20px}.play{width:100%}details{margin-bottom:0}.progress{margin-bottom:15px}.layout{gap:22px}footer{flex-wrap:wrap}footer span{width:100%;margin-left:0}}
canvas{max-width:400px;margin:auto}.layout{margin-top:32px}.paper{padding:8px}.play{padding:22px}.toolbar{margin:16px 0 12px}