:root{color-scheme:light;--ink:#181411;--muted:#75685c;--board:#d9a957;--board-dark:#b7792f;--paper:#fbfaf6;--accent:#2f6f73;--accent-dark:#23575a}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at 18% 18%,rgba(47,111,115,.16),transparent 26rem),linear-gradient(135deg,#f5efe2 0%,#f7f7ef 46%,#e4efe9 100%);color:var(--ink)}button,select{font:inherit}.app{width:min(1180px,calc(100vw - 32px));min-height:100vh;margin:0 auto;display:grid;grid-template-columns:minmax(320px,760px) minmax(280px,340px);align-items:start;gap:28px;padding:28px 0}.board-wrap{width:100%;aspect-ratio:1;padding:clamp(10px,2vw,18px);border-radius:8px;background:linear-gradient(145deg,#8d5b28,#4f321d);box-shadow:0 24px 70px rgba(31,23,16,.24)}canvas{display:block;width:100%;height:100%;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 38%),linear-gradient(145deg,var(--board),var(--board-dark));cursor:pointer}.panel{background:rgba(255,255,255,.86);border:1px solid rgba(70,52,31,.14);border-radius:8px;box-shadow:0 18px 48px rgba(31,23,16,.14);padding:24px}.eyebrow,.label{margin:0;color:var(--muted);font-size:.82rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em}h1{margin:4px 0 18px;font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:0}.turn-card,.score-grid,.controls{border:1px solid rgba(70,52,31,.14);border-radius:8px;background:var(--paper)}.turn-card{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:14px}.stone{width:36px;height:36px;flex:0 0 36px;border-radius:50%;box-shadow:inset -5px -6px 10px rgba(0,0,0,.2),0 2px 5px rgba(0,0,0,.18)}.stone.black{background:radial-gradient(circle at 32% 26%,#555,#050505 68%)}.stone.white{background:radial-gradient(circle at 32% 26%,#fff,#dad5c9 72%)}#turnText{display:block;font-size:1.5rem}.controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px}select{min-width:92px;border:1px solid rgba(70,52,31,.24);border-radius:6px;background:white;padding:8px 10px;color:var(--ink)}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;margin:14px 0;background:rgba(70,52,31,.12)}.score-grid>div{background:var(--paper);padding:14px}.score-grid strong{display:block;font-size:2rem;line-height:1.1}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}button{min-height:44px;border:0;border-radius:7px;background:var(--accent);color:white;font-weight:700;cursor:pointer}button:hover{background:var(--accent-dark)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{width:100%;background:#3e352c}.secondary:hover{background:#28211b}.status{min-height:54px;margin:16px 0 10px;padding:12px 14px;border-left:4px solid var(--accent);background:rgba(47,111,115,.1);color:#214f52;line-height:1.4}details{border-top:1px solid rgba(70,52,31,.16);padding-top:12px}summary{cursor:pointer;font-weight:700}.score-details{margin-top:10px;color:var(--muted);line-height:1.55}@media (max-width:880px){.app{grid-template-columns:1fr;align-items:start}.panel{order:-1}}@media (max-width:520px){.app{width:min(100vw - 18px,420px);padding:10px 0 18px;gap:12px}.panel{padding:16px}.button-row{grid-template-columns:1fr}}