:root{color-scheme:dark;--bg:#111c22;--panel:#1b2a32;--line:#31414a;--text:#e9e8de;--muted:#8fa8b7;--gold:#dbb77b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#1c2d33 0,transparent 60%),var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);min-height:46px;padding:10px 12px;transition:background .2s}button:hover:not(:disabled){background:#ffffff0b}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.shell{max-width:1280px;margin:auto;padding:0 42px}.skip{position:absolute;top:-80px;left:20px;z-index:9;padding:14px;background:var(--panel)}.skip:focus{top:10px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:serif;font-size:27px;letter-spacing:3px}.brand span{font:13px system-ui;color:var(--muted);letter-spacing:1px}nav{display:flex;gap:26px;font-size:13px;color:var(--muted)}nav a{text-decoration:none;padding:14px 0}main{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:36px;margin-top:40px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--muted);margin:0 0 12px}h1{font:40px "Songti SC",SimSun,serif;letter-spacing:6px;margin:0}.board-label{font-size:13px;color:var(--muted);display:flex;gap:8px}.board-frame{background:#dcbc88;border:6px solid #e2c697;border-radius:13px;padding:33px 30px 16px;box-shadow:0 20px 40px #0002}.board{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;isolation:isolate;background:linear-gradient(#785d3766 1px,transparent 1px),linear-gradient(90deg,#785d3766 1px,transparent 1px);background-size:11.111111% 11.111111%;background-position:center;background-origin:content-box}.board:before{content:"";position:absolute;inset:5.555555%;border-right:1px solid #785d3766;border-bottom:1px solid #785d3766;z-index:-1}.cell{position:relative;border:0;border-radius:0;padding:0;min-height:0;background:none!important;display:grid;place-items:center;aspect-ratio:1}.cell:before{content:"";position:absolute;width:10%;height:10%;background:#755b36;border-radius:50%;opacity:0}.cell.star:before{opacity:1}.cell .piece{display:block;width:88%;height:88%;border-radius:50%;z-index:1}.cell.b .piece{background:radial-gradient(circle at 32% 24%,#526065,#121b20 75%);box-shadow:1px 3px 5px #0005}.cell.w .piece{background:radial-gradient(circle at 32% 24%,#fffef8,#eae9df 80%);box-shadow:1px 3px 5px #0004}.cell.last .piece:after{content:"";display:block;position:absolute;inset:44%;border-radius:50%;background:#c4794d;border:1px solid #fff9}.cell.hint:not(.b):not(.w) .piece{border:2px dashed #217469;background:#21746922}.cell.hint .piece:before{content:"✦";color:#14534b;position:absolute;inset:0;display:grid;place-items:center;font-size:22px}.cell.territory-b:not(.b):not(.w) .piece{width:20%;height:20%;border-radius:1px;background:#18232b88}.cell.territory-w:not(.b):not(.w) .piece{width:20%;height:20%;border-radius:1px;background:#fff9}.cell:focus-visible{outline:2px solid #9b4d2d;outline-offset:-4px;border-radius:8px}.coord-x,.coord-y{position:absolute;color:#816b46;font-size:11px;pointer-events:none}.coord-x{top:-19px;left:0;width:100%;text-align:center}.coord-y{left:-19px;top:50%;transform:translateY(-50%)}.board-note{display:flex;justify-content:space-between;margin-top:18px;font-size:10px;color:#816b46}.board-note i{display:inline-block;background:#c4794d;width:6px;height:6px;border-radius:50%;margin-right:4px}.below{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:18px}.message{font-size:13px;color:#d8c298;min-height:24px;line-height:1.7}.guide{display:flex;gap:20px;margin-top:24px;padding-top:23px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.9}.guide span{white-space:nowrap;letter-spacing:2px;color:var(--gold)}.guide p{margin:0}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.panel-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.badge{font-size:10px;border:1px solid #647b6655;border-radius:4px;padding:3px 6px;color:#a7bbad;white-space:nowrap}.players{display:flex;align-items:center;justify-content:space-between;padding:27px 4px}.players>div{display:flex;flex-direction:column;align-items:center;gap:7px}.stone{display:block;width:38px;height:38px;border-radius:50%;margin-bottom:7px;box-shadow:1px 3px 5px #0004}.stone.black{background:radial-gradient(circle at 30% 20%,#59656a,#111c22 75%)}.stone.white{background:radial-gradient(circle at 30% 20%,#fff,#e9e9df)}.players strong{font-size:15px;font-weight:500}.players small{font-size:10px;color:var(--muted)}.versus{font:13px Georgia;color:var(--muted)}.turn{border-top:1px solid var(--line);padding:22px 0;font-size:16px;color:var(--gold);line-height:1.5}.settings{display:grid;grid-template-columns:1fr 1.45fr;align-items:center;gap:13px 10px;margin-bottom:20px;font-size:12px;color:var(--muted)}select{min-width:0;min-height:44px;border:1px solid var(--line);border-radius:7px;padding:8px;background:var(--bg);color:var(--text);font-size:13px}.primary{width:100%;background:var(--gold);color:#172329;border:0;font-weight:600}.primary:hover:not(:disabled){background:#e9c88e}.two{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.two button{font-size:12px;padding:10px 4px}.quiet button{border-color:transparent;color:var(--muted);font-size:11px}.export{width:100%;font-size:10px;color:var(--muted);border:0;min-height:32px}.score-box{border:1px solid #dabb7455;border-radius:8px;padding:14px;margin-bottom:18px}.score-box p{margin:0 0 12px;line-height:1.7;color:var(--gold)}.score-box small{font-size:11px;color:var(--muted);line-height:1.8}.about{padding:27px 4px}.about-title{display:flex;justify-content:space-between;align-items:center}h2{font-size:15px;font-weight:500;margin:0}.about>p{font-size:12px;line-height:1.9;color:var(--muted)}.stats{display:flex;gap:36px;margin:23px 0}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font:29px Georgia;color:#dbc7a7}.stats span{font-size:10px;color:var(--muted)}.engine{font-size:10px!important}details{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;color:var(--muted);font-size:11px;line-height:1.8}summary{cursor:pointer;font-size:12px;min-height:28px}details a{color:var(--gold)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:26px 0;margin-top:40px;font-size:11px;color:var(--muted)}footer a{text-decoration:none}[hidden]{display:none!important}
@media(max-width:900px){.shell{padding:0 24px}main{gap:24px;grid-template-columns:minmax(0,1fr) 290px}.board-frame{padding:26px 22px 12px}.board-label{flex-direction:column;gap:5px}h1{font-size:32px}}
@media(max-width:720px){.shell{padding:0 max(16px,env(safe-area-inset-left)) 0 max(16px,env(safe-area-inset-right))}header{height:72px}.brand{font-size:23px}nav{gap:16px;font-size:11px}main{display:block;margin-top:28px}.heading{margin-bottom:22px}.eyebrow{font-size:9px}h1{font-size:32px}.board-label{font-size:11px}.board-frame{padding:25px 17px 13px;border-width:4px}.coord-x{top:-18px}.coord-y{left:-14px;font-size:9px}.board-note{font-size:9px;margin-top:15px}.guide{margin:16px 0 24px;font-size:11px;padding-top:17px}.panel{padding:21px}.players{padding:20px 14px}.turn{padding:18px 0}.settings select{font-size:16px}.settings{grid-template-columns:1fr 1.6fr}.primary{min-height:48px}.two button{font-size:13px;min-height:46px}.quiet button{font-size:12px}.about{padding:25px 4px 0}.message{font-size:12px}.stats{gap:50px}.about>p{font-size:12px}footer{margin-top:27px;padding-bottom:calc(26px + env(safe-area-inset-bottom))}button{touch-action:manipulation}.cell.hint .piece:before{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.board{background:none}.board:before{background:linear-gradient(#785d3766 1px,transparent 1px),linear-gradient(90deg,#785d3766 1px,transparent 1px);background-size:12.5% 12.5%;background-position:0 0}
.mobile-actions{display:none}@media(max-width:720px){body{padding-bottom:76px}.mobile-actions{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;align-items:center;gap:9px;background:#16252cf5;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:9px max(16px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.mobile-actions span{flex:1;font-size:12px;color:var(--gold)}.mobile-actions button{min-height:44px;font-size:12px}.mobile-actions button:last-child{background:var(--gold);color:#18242a;border:0}}