*{box-sizing:border-box}body{margin:0;background:#edf4f2;color:#193c39;font-family:system-ui,'Malgun Gothic',sans-serif}main{max-width:600px;margin:auto;padding:clamp(20px,5vw,36px)}header a{display:inline-block;min-height:44px;color:#145cc8;font-weight:700}h1{font-size:clamp(27px,6vw,38px);letter-spacing:-.04em;margin:8px 0}p{line-height:1.6;margin:0}label{display:grid;gap:6px;font-weight:700;margin-top:18px}select,button{font:inherit;color:#193c39;border:1px solid #a7beb5;background:white;border-radius:10px;min-height:48px;padding:10px 14px}button{cursor:pointer;font-weight:700}button:disabled{cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:4px solid #145cc8;outline-offset:3px;z-index:2}.settings-help{font-size:14px;margin:8px 0}#status{min-height:3.5em;font-weight:700}.board{width:min(100%,310px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:12px auto;padding:8px;background:#dfc69b;border:2px solid #ab895d;border-radius:12px}.cell{min-width:44px;min-height:44px;aspect-ratio:1;padding:2px;background:#f2dfb7;border:1px solid #b5966a;display:grid;place-items:center}.cell[data-hint=true]{outline:3px dashed #145cc8;outline-offset:-4px}.cell span{display:grid;place-items:center;width:88%;height:88%;border-radius:50%;font-size:12px}.cell[data-stone=black] span{background:#284747;color:#fff}.cell[data-stone=white] span{background:#fff;color:#233f3c;border:2px solid #486d60}.controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.controls button{flex:1}.controls [aria-pressed=true]{background:#dcecff;border-color:#145cc8}.result{margin-top:18px;border-left:5px solid #175c43;border-radius:6px;background:#e4f2e9;padding:16px}.result strong{display:block;margin-bottom:8px}.result p{margin-bottom:10px}[hidden]{display:none!important}