:root{--cell:min(32px,calc((100vw - 28px)/20));--bg:#f1eee3;--panel:#fffcf3;--panel2:#e8eadc;--text:#293d32;--muted:#6c7969;--accent:#197c8f;--capture:#bd5b45;--good:#398354;--board:transparent;--board-dark:#ffffff0c;--margin:#d9cfb7}body{padding-top:32px;background:radial-gradient(ellipse at 20% 0,#e4e9d8,transparent 55%),var(--bg)}header{text-align:center;margin-bottom:25px}header h1{font:54px Georgia,serif;font-weight:400;letter-spacing:-2px;margin:8px 0}header p{font:italic 18px Georgia,serif;margin:0;color:#74846a}.eyebrow{font-size:10px;letter-spacing:3px}.wrap{gap:28px}.subtitle{font-size:12px;max-width:640px;line-height:1.6;padding:0 6px}.board{background-image:url('./board.webp');background-size:100% 100%;border:1px solid #b1a486;box-shadow:0 16px 40px #40483129}.cell.onboard{box-shadow:inset 0 0 0 .5px #785c3b65}.cell.margin{font-size:9px;color:#655c45}.stone.B,.chip.B{background:radial-gradient(circle at 30% 25%,#5a8d73,#143b31 55%,#102c25);border:1px solid #0b3327}.stone.W,.chip.W{background:radial-gradient(circle at 30% 25%,#fffef4,#e4d7b6 75%);border:1px solid #ad9d78}.panel{box-shadow:0 10px 30px #36432a15;border:1px solid #d6d8c7;width:310px}.panel h2{font:28px Georgia,serif}button{background:#e3e8d8;color:#334836;font-size:12px}button:hover{background:#cddabd}button.primary,.learn{background:#345e49;color:#fff}.learn{width:100%;margin-top:14px;padding:13px;font-size:13px}.controls select{background:#fffdf3;color:#304735;border:1px solid #cad0ba;min-width:0;font-size:11px}.controls label{width:60px;font-size:11px}.tip{font:italic 14px/1.6 Georgia,serif;color:#66745b}.underboard{font-size:9px;letter-spacing:1.3px;text-align:center;color:#7a846d;margin-top:18px}.banner{background:#e1efd3;color:#375b32}.about{background:none;border-top:1px solid #cdd2be;font-size:12px;margin-top:35px}.about h2{font:24px Georgia,serif}.cell.keyboard-cursor{outline:3px solid #bd5b45;outline-offset:-3px;z-index:7}.tgoal{line-height:1.6}.tgoal.done{background:#e1efd3!important;color:#365e38!important}.frame3{border-color:#14798e}.cell.footprint::after{border-color:#14798e}button:focus-visible,select:focus-visible,#board:focus-visible{outline:3px solid #ad7149;outline-offset:3px}@media(max-width:600px){body{padding:22px 12px}header h1{font-size:43px}.panel{width:min(100%,366px)}.wrap{gap:22px}.subtitle{font-size:11px}.stone{width:80%;height:80%}.dot.capture{border-width:2px}.frame3{border-width:2px}.cell.coach-target::after{border-width:2px}.about{padding:20px 8px}.underboard{font-size:8px}}