*{box-sizing:border-box}body{margin:0;background:#eeeadd;color:#233f3b;font-family:system-ui,-apple-system,sans-serif}main{max-width:1180px;margin:auto;padding:0 30px}button,input,select{font:inherit}button{border:1px solid #afbdad;border-radius:8px;padding:10px 13px;color:#21453d;background:#f5f1e5;font-weight:650;font-size:12px;cursor:pointer}button:hover{background:#dce4cf}button:disabled{opacity:.45;cursor:default}button:focus-visible,canvas:focus-visible,select:focus-visible{outline:3px solid #c6954e;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #bdc7b6}.brand{font-size:19px;font-weight:850;letter-spacing:3px}.brand span{display:block;font-size:8px;letter-spacing:3px;margin-top:5px}.tag{font-size:9px;letter-spacing:2px;color:#60776b}.intro{padding:26px 0 20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#6d7c61}h1{font-family:Georgia,serif;font-size:clamp(30px,4vw,45px);font-weight:500;letter-spacing:-1px;margin:7px 0 10px}.intro>p:last-child{font-size:14px;max-width:710px;line-height:1.6;margin-bottom:0}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,1fr);gap:34px}.board-wrap{align-self:start;background:#193f3c;border-radius:16px;overflow:hidden;box-shadow:0 18px 35px #183b2c20}.board-top,.board-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 18px;color:#dfe6cd;font-size:10px;letter-spacing:1px}.board-bottom{letter-spacing:0;min-height:57px}.board-bottom button{background:#31544b;color:#f2edda;border-color:#5b7864;padding:7px;font-size:10px}.board-bottom button.active{background:#b58b49;color:#fff}canvas{width:100%;display:block;touch-action:none;cursor:crosshair;outline-offset:-5px}aside{padding-top:5px}h2{font-family:Georgia,serif;font-size:31px;line-height:1.15;font-weight:500;margin:8px 0 12px}p{line-height:1.6}#description{font-size:14px;margin-bottom:18px}.players{display:flex;gap:23px;border-top:1px solid #bdc7b6;border-bottom:1px solid #bdc7b6;padding:14px 0}.players>div{display:flex;gap:9px;align-items:center;font-size:12px}.players i{width:28px;height:28px;border-radius:50%;box-shadow:0 2px 3px #0003}.dark{background:#123a36 url('stone-dark.webp') center/cover}.light{background:#fff5d9 url('stone-light.webp') center/cover}.players strong{display:block;font-size:10px;color:#7b806b;margin-top:3px;font-weight:500}#status{font-size:13px;min-height:42px;color:#66784d}label{display:block;font-size:11px;font-weight:750}select{display:block;width:100%;border:1px solid #b6c3ae;border-radius:8px;margin-top:7px;padding:10px;background:#f7f2e6;color:#233f3b;font-size:13px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}#new,#again{background:#31584a;color:#f3efd9;border-color:#31584a}.hint{font-size:12px;color:#926731;min-height:10px}details{border-top:1px solid #bdc7b6;padding-top:15px;margin-top:15px}summary{font-size:13px;font-weight:700;cursor:pointer}details p{font-size:12px;color:#627466}.small{font-size:10px!important}#result{background:#e1e8d0;padding:20px;border:1px solid #b6c4a7;border-radius:12px;margin-top:18px}#result-icon{font-size:39px;color:#ba8a3e}#result h2{font-size:26px}#result p{font-size:12px}footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #bdc7b6;margin:32px 0 0;padding:20px 0;font-size:10px;color:#697d6b}footer a{color:inherit}[hidden]{display:none!important}@media(max-width:730px){main{padding:0 16px}header{padding:18px 0}.brand{font-size:15px}.tag{font-size:7px;letter-spacing:1px}.intro{padding-top:18px}.workspace{grid-template-columns:1fr;gap:18px}.board-top,.board-bottom{padding:11px 13px}aside{padding:0 3px}h2{font-size:28px}footer{flex-direction:column}.players{justify-content:space-between;padding-right:15px}}