:root{color-scheme:light;--ink:#183e35;--gold:#b7985f;--paper:#f7f2e7;--muted:#617369}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:1100px;margin:auto;padding:38px 24px 48px}header{text-align:center;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#8a7046}h1{font:clamp(44px,7vw,76px)/1.12 Georgia,serif;letter-spacing:-2px;margin:12px 0}h1 i{color:#a48653;font-weight:400}.subtitle{color:var(--muted);margin:12px 0}h2{font:26px/1.25 Georgia,serif;margin:10px 0}p{margin:10px 0}.toolbar{display:flex;gap:14px;align-items:end;margin:0 auto 18px;max-width:920px}label{display:flex;flex-direction:column;font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;gap:5px}label:first-child{flex:1}button,select{font:600 14px/1.25 system-ui;color:var(--ink);background:#fffaf0;border:1px solid #c9c4b4;border-radius:8px;min-height:44px;padding:10px 14px;cursor:pointer}select{width:100%;max-width:100%;text-transform:none;letter-spacing:0}button:hover:enabled{background:#e0e9db;border-color:#6c8a70}button:focus-visible,select:focus-visible{outline:3px solid #d49b39;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.table{background:#153e35;border-radius:20px;color:#f8efd9;box-shadow:0 16px 40px #143d3519;overflow:hidden;padding:22px 24px 18px}.scorebar{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.scorebar span{display:flex;gap:8px;align-items:center}.scorebar strong{font-size:22px;font-weight:500}.stone{width:16px;height:16px;border-radius:50%;display:inline-block}.ivory{background:#fff0cf}.jade{background:#41a58c}#turnBadge{font-size:10px;letter-spacing:1.4px;color:#d8be85;text-align:center}#board{display:block;width:100%;max-height:520px;touch-action:manipulation;margin:auto}#boardWrap{margin:8px 0}.line{stroke:#a88f5d;stroke-width:2;opacity:.68}.point{cursor:pointer;outline:none}.point .hit{fill:transparent;stroke:transparent;stroke-width:3}.point:focus-visible .hit{stroke:#f1c45d}.piece{stroke-width:2;filter:drop-shadow(0 3px 3px #0005)}.point text{font:11px system-ui;fill:#b8c5ac;pointer-events:none}.selected{stroke:#ffd47a;stroke-width:5}.target{fill:#d7bd72;opacity:.7}.hintRing{fill:none;stroke:#e6f987;stroke-width:4;stroke-dasharray:5 4}.message{text-align:center;min-height:94px}.message h2{font-size:27px}.message p{color:#c6d1b9;font-size:14px;margin-top:5px}.actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.actions button{background:#244f43;color:#f9efd9;border-color:#67806a}.actions button:hover:enabled{background:#356755}#choices{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}#choices:empty{display:none}#choices button{background:#ead6a2}.last{text-align:center;color:#bac7b1;font:12px/1.5 ui-monospace,monospace;min-height:18px}.below{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:32px 6px}.below p{color:#52685b;font-size:14px}.below a{color:#20674e}.credit{margin-top:20px!important;font-size:12px!important}#end{border-color:#d6b779}@media(max-width:600px){main{padding:22px 12px 30px}header{margin-bottom:20px}h1{letter-spacing:-1px}.subtitle{font-size:14px;padding:0 10px}.toolbar{flex-wrap:wrap;gap:9px}.toolbar label:first-child{flex:1 1 100%}.toolbar label:nth-child(2){flex:1}.table{padding:16px 9px 14px;border-radius:14px}.scorebar{font-size:12px;padding:0 6px}.scorebar span{gap:5px}.scorebar strong{font-size:18px}#turnBadge{font-size:9px;letter-spacing:.4px}.message{min-height:110px;padding:0 8px}.message h2{font-size:23px}.message p{font-size:13px}.actions{gap:7px}.actions button{padding:10px;font-size:13px}.below{grid-template-columns:1fr;gap:24px;padding:28px 7px}#boardWrap{margin:14px -2px 5px}}