.go-board-wrap{padding:clamp(6px,2vw,10px);background:#6a3f1f;border-color:rgba(255,214,146,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 16px 32px rgba(0,0,0,.3)}
.go-board{--go-size:19;width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(var(--go-size),1fr);padding:clamp(5px,2.7%,12px);border-radius:14px;background:linear-gradient(135deg,#d8a65d,#b97936 58%,#d29a4e);box-shadow:inset 0 0 18px rgba(76,38,11,.42);overflow:hidden}
.go-point{position:relative;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
.go-point:disabled{opacity:1;cursor:default}
.go-point::before,.go-point::after{content:"";position:absolute;z-index:0;background:rgba(55,28,8,.72);pointer-events:none}
.go-point::before{left:-50%;top:calc(50% - .5px);width:200%;height:1px}
.go-point::after{top:-50%;left:calc(50% - .5px);width:1px;height:200%}
.go-point.edge-left::before{left:50%;width:100%}
.go-point.edge-right::before{left:-50%;width:100%}
.go-point.edge-top::after{top:50%;height:100%}
.go-point.edge-bottom::after{top:-50%;height:100%}
.go-point.star-point.empty{background:radial-gradient(circle at 50% 50%,rgba(48,23,6,.9) 0 13%,transparent 15%)}
.go-point.legal-point.empty{cursor:pointer}
.go-point.legal-point.empty::selection{background:transparent}
.go-point.legal-point.empty:hover{background:radial-gradient(circle at 50% 50%,rgba(25,16,8,.35) 0 28%,transparent 31%)}
.go-stone{position:absolute;z-index:2;inset:2%;border-radius:50%;pointer-events:none}
.go-stone.black{background:radial-gradient(circle at 34% 27%,#6b7280 0,#20242b 18%,#080a0d 58%,#000 100%);box-shadow:inset -2px -3px 5px #000,inset 2px 2px 3px rgba(255,255,255,.34),0 2px 4px rgba(48,24,7,.58)}
.go-stone.white{background:radial-gradient(circle at 32% 26%,#fff 0,#f4efe5 42%,#d5c7ad 78%,#aa987a 100%);box-shadow:inset -2px -3px 4px rgba(98,77,43,.34),inset 2px 2px 3px rgba(255,255,255,.72),0 2px 4px rgba(48,24,7,.45)}
.go-stone.last::after{content:"";position:absolute;width:24%;aspect-ratio:1;left:38%;top:38%;border-radius:50%;background:#facc15;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.go-stone-mini{position:relative;display:inline-block;inset:auto;flex:0 0 28px;width:28px;height:28px}
.go-score-panel small{display:block;margin-top:2px;color:var(--muted);font-size:.58rem;font-weight:600;white-space:nowrap}
.go-result-stone{border-radius:50%}
.go-result-stone.black{background:radial-gradient(circle at 34% 27%,#737b88,#11151b 38%,#000 100%);box-shadow:inset -3px -4px 6px #000,inset 2px 2px 3px rgba(255,255,255,.3),0 7px 14px rgba(0,0,0,.3)}
.go-result-stone.white{background:radial-gradient(circle at 32% 26%,#fff,#eee7da 55%,#b7a486 100%);box-shadow:inset -3px -4px 5px rgba(86,64,32,.3),inset 2px 2px 3px #fff,0 7px 14px rgba(0,0,0,.24)}
:root[data-theme="light"] .go-board-wrap{border-color:rgba(74,42,17,.38);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 12px 28px rgba(68,38,14,.22)}
@media(max-width:390px){
  .go-board-wrap{padding:6px}
  .go-board{padding:6px}
  .go-score-panel{padding:10px 9px;gap:6px}
  .go-score-panel .score-side{gap:6px}
  .go-score-panel .score-value{font-size:1rem}
  .go-stone-mini{flex-basis:24px;width:24px;height:24px}
}