:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;background:#10221d;color:#f6f2df}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:24px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}h1{font-size:30px;line-height:1.1;margin:0}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.08em;color:#c6cead}label{font-size:13px;display:grid;gap:4px}select,button{font:inherit;color:inherit;background:#254238;border:1px solid #708675;border-radius:8px;padding:10px}select{max-width:100%}.stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;color:#cad5bd;margin:16px 0}.stats strong{font-size:23px;color:#fff4d4}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:440px;margin:22px auto;padding:12px;background:#314d3d;border:1px solid #85946d;border-radius:18px}.board button{aspect-ratio:1;width:100%;padding:0;border-radius:50%;font-size:clamp(18px,4vw,29px);line-height:1;touch-action:manipulation;min-height:0;position:relative}.peg{color:#f4dda4;background:radial-gradient(circle at 36% 26%,#e6b662,#a56937);border:2px solid #f1d49c!important;box-shadow:0 3px 0 #172f26}.hole{background:#142f25;color:#7d9478;border:2px solid #718269!important}.board .selected{outline:3px solid #fff;outline-offset:2px}.board .landing{border:3px dashed #ffdc73!important;background:#486745;color:#fff9d5}.board .center:after{content:'';position:absolute;inset:5px;border:1px dotted currentColor;border-radius:50%;pointer-events:none}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ffdd7e;outline-offset:3px}.tools{display:flex;flex-wrap:wrap;gap:8px}.tools button{min-height:44px;flex:1;cursor:pointer;font-size:14px}button:disabled{opacity:.45;cursor:default}#status{min-height:72px;background:#20392e;padding:12px;border-left:3px solid #e6bd78;border-radius:5px}details{border-top:1px solid #58725b;padding-top:12px}summary{cursor:pointer}footer{margin-top:20px;font-size:12px}a{color:#f8dda2}@media(max-width:420px){main{padding:16px 10px}.board{padding:8px;gap:4px;margin:18px auto}.tools{gap:6px}.tools button{font-size:12px;padding:8px 6px}.heading{gap:12px}h1{font-size:25px}}