*{box-sizing:border-box}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#26372f;background:#f6f5ef;font-synthesis:none}html{overflow-y:scroll;scrollbar-gutter:stable}body{margin:0}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c0793d;outline-offset:3px}a{color:inherit}header{height:67px;border-bottom:1px solid #dedfd5;justify-content:space-between;padding:0 20px}.brand,header{display:flex;align-items:center}.brand{gap:12px;font-family:Georgia,serif;font-size:25px;font-weight:500;letter-spacing:-1px}.brand h1{font:inherit;margin:0;letter-spacing:inherit}.logo{width:34px;height:34px;background:#263e31;border-radius:50%;position:relative;flex-shrink:0}.logo:after{content:"";position:absolute;width:15px;height:15px;background:#f6f5ef;right:3px;bottom:3px;border-radius:50%}.headerlinks{display:flex;gap:8px;align-items:center;font-size:13px}.headerlinks a{display:none;text-decoration:none}.headerlinks button{font-size:11px;padding:8px 13px}.pill{border:1px solid #d5d9cc;border-radius:99px;padding:10px 16px;background:transparent}.active{background:#263e31;color:#fff;border-color:#263e31}main{max-width:1230px;margin:auto;padding:16px 16px 12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}.savedrow .variation,.vartext,.workspace>*{min-width:0}.boardcard{background:#ecece3;border:1px solid #e0e1d6;border-radius:16px;overflow:hidden}.boardtop{justify-content:space-between;padding:12px 14px;font-size:12px}.boardtop,.turn{display:flex;align-items:center}.turn{gap:8px}.stoneIcon{height:14px;width:14px;border-radius:50%;background:#222;box-shadow:0 1px 2px #777}.switch{display:flex;background:#e0e2d6;padding:3px;border-radius:7px}.switch button{border:0;background:transparent;border-radius:5px;padding:7px 12px;font-size:11px}.switch button.selected{background:#fcfcf7;box-shadow:0 1px 3px #b9beaf}.boardwrap{padding:0 11px 11px}.board{display:block;width:100%;aspect-ratio:1;height:auto;border-radius:5px;background:#dcca9e;box-shadow:0 3px 12px #49391d17;touch-action:manipulation}.board g[role=button]{cursor:pointer}.board g[role=button]:focus{outline:none}.board g[role=button]:focus circle{stroke:#101f15;stroke-width:3}.board [aria-disabled=true]{cursor:default}.boardfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 14px 14px;font-size:11px;color:#747b6b}.pass-button{min-height:44px;padding:8px 14px;border:1px solid #c4ccba;border-radius:8px;background:#f6f7ef;font-size:12px}.pass-button:not(:disabled):hover{background:#e0e8d7}.navcontrols{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr;align-items:center;border:1px solid #dcdfd4;border-radius:10px;background:#fffefa;margin-top:14px;overflow:hidden}.navcontrols button{height:48px;border:0;background:transparent;font-size:21px}.navcontrols span{text-align:center;font-size:12px}.underboard{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:8px;margin:10px 0 0}.underboard button{min-height:44px;font-size:12px;border:0;background:transparent;padding:8px 4px;white-space:nowrap}.tabs{display:flex;gap:25px;border-bottom:1px solid #dce0d5;margin-bottom:20px}.tabs button{min-height:44px;border:0;background:transparent;padding:4px 0 15px;font-size:13px;color:#7b8377}.tabs button.chosen{color:#263e31;border-bottom:2px solid #263e31}.detailhead{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:8px;margin-bottom:12px}h2{font:normal 26px Georgia,serif;letter-spacing:-.6px;margin:0}.detailhead h2{overflow-wrap:anywhere;min-width:0}.badge{font-size:10px;padding:5px 9px;border-radius:5px;background:#e6ebdf;color:#54704d}.badge,.coord{flex-shrink:0;white-space:nowrap}.description{font:14px/1.8 system-ui;color:#6c766b;white-space:pre-wrap;overflow:auto;padding-right:7px;min-height:min(101px,50dvh);max-height:50dvh;overflow-wrap:anywhere;scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.sectionhead h3{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;margin:0}.count{font-size:11px;color:#8b9386}.search{width:100%;border:1px solid #dce0d5;background:#fcfcf7;padding:12px 14px;border-radius:8px;font-size:12px;margin-bottom:11px}.variations{display:grid;gap:8px;height:325px;overflow:auto;align-content:start;scrollbar-gutter:stable;overscroll-behavior:contain;overflow-anchor:none}.variation{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:#fbfcf7;border:1px solid #e1e4da;border-radius:9px;padding:12px 14px;min-height:57px}.variation:not(:disabled):hover{background:#edf1e6;border-color:#b5c4aa}.letter{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e5ebde;color:#58734f;font:12px system-ui;flex-shrink:0}.vartext{flex:1 1;overflow-wrap:anywhere}.vartext strong{font-size:12px;font-weight:500;display:block}.vartext small{font-size:10px;color:#8a9285;display:block;margin-top:4px}.coord{font-size:11px;color:#8d9687}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:#7d8876;margin-top:16px}.legend span:before{content:"●";margin-right:5px;color:var(--c)}.callout{border-top:1px solid #dce0d5;margin-top:20px;padding-top:18px;font-size:11px;line-height:1.7;color:#8a9284}.callout a{color:#536c49}.status{padding:12px 15px;border:1px solid #e3c7a0;background:#fff4e5;border-radius:8px;font-size:12px;margin-bottom:12px}.status button{margin-left:10px}.savedrow{display:flex;gap:8px;margin:10px 0}.savedrow .variation{flex:1 1}.savedrow>button:last-child{min-width:44px;border:0;background:none}.empty{font-size:13px;color:#7b8575;padding:20px 0;line-height:1.7}dialog{max-width:400px;width:90%;border:1px solid #dce0d5;border-radius:14px;padding:25px;background:#f6f5ef;color:#26372f}dialog::backdrop{background:#1e302b66}dialog p{font-size:14px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:761px){header{height:84px;padding:0 5vw}.brand{font-size:29px}.headerlinks{gap:25px}.headerlinks a{display:block}.headerlinks button{font-size:13px;padding:10px 16px}main{padding:24px 32px 20px}.workspace{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:38px}.boardtop{padding:16px 20px}.boardwrap{padding:0 18px 18px}.boardfoot{padding:4px 20px 20px}.underboard{margin:17px 0}.tabs{margin-bottom:24px}h2{font-size:28px}.description{min-height:min(126px,50dvh)}.callout{margin-top:24px}}@media (min-width:1100px){.boardwrap{padding:0 24px 24px}}@media (prefers-reduced-motion:no-preference){button{transition:background .16s}}