:root{font-family:system-ui,sans-serif;color:#213f35;background:#f4f5e9}*{box-sizing:border-box}body{margin:0;padding:24px}header{display:flex;align-items:center;gap:18px;max-width:1000px;margin:0 auto 24px}header>span{font-size:45px}h1{font-family:Georgia,serif;margin:0;font-size:32px}header p{margin:5px 0;color:#647268}main{max-width:1000px;margin:auto;display:grid;grid-template-columns:minmax(0,620px) 300px;gap:28px}.board{background:#e6c78e;border:12px solid #6d5437;border-radius:10px;box-shadow:0 10px 28px #243a2820}svg{display:block;width:100%;touch-action:manipulation}aside{background:#fffef5;padding:24px;border-radius:12px}button,input{font:inherit;padding:11px;border-radius:6px;border:1px solid #b3bdb0;width:100%;margin:5px 0}button{cursor:pointer;background:#315a48;color:white}button:disabled{opacity:.5}label{display:block;margin-top:16px}#message{color:#a02c24}#history{max-height:190px;overflow:auto;font-size:14px}small{color:#657065;line-height:1.6}.piece{cursor:pointer}.piece:focus circle{stroke:#167e9a;stroke-width:4}@media(max-width:780px){body{padding:12px}main{grid-template-columns:1fr;gap:16px}aside{padding:18px}.board{border-width:7px}}