:root{color-scheme:light;font-family:"Microsoft YaHei",Arial,sans-serif;background:#e8dcc7;color:#332619}*{box-sizing:border-box}body{margin:0;padding:24px 12px;text-align:center}header,main{max-width:860px;margin:auto}h1{font-size:28px;margin:15px 0 20px}h2{font-size:18px}a{color:#69421f}a:visited{color:#704d64}button,select{font:inherit;font-size:14px;padding:5px 9px;border:1px solid #9a8060;border-radius:2px;background:#f4ead7;color:#332619}button{cursor:pointer}button:hover:not(:disabled){background:#e6caa2}button:disabled,select:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #753d14;outline-offset:3px}[hidden]{display:none!important}.settings{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.settings label{font-size:14px;white-space:nowrap}.note{font-size:12px;color:#755e44;line-height:1.6;margin:10px 0}.status-area{min-height:65px;margin-top:16px}.status-area h2{font-size:20px;margin:6px 0}.status-area p{font-size:13px;margin:5px 0}.message{min-height:20px;font-size:13px;color:#913820;margin:5px 0 10px}.game-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(180px,1fr);gap:20px;align-items:start}.play-area{min-width:0}.players{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin:0 0 12px}.players>span{display:flex;align-items:center;gap:5px}.sample{display:inline-block;width:17px;height:17px;border-radius:50%;border:1px solid #51402b}.black{background:radial-gradient(circle at 34% 26%,#55504b,#171411 63%,#050403)}.white{background:radial-gradient(circle at 34% 26%,#fffdf5,#ece4d3 67%,#c4bcae)}.board-scroll{overflow:auto;max-width:100%;padding:2px}.board-frame{padding:27px;border:5px solid #764b2d;background:repeating-linear-gradient(3deg,#0000 0 12px,#603c0f0a 13px 14px,#0000 15px 25px),#d9b375;box-shadow:inset 0 0 0 2px #a87844;width:100%}.board-frame.enlarged{width:750px}#board{display:grid;grid-template-columns:repeat(var(--size,9),minmax(0,1fr));width:100%;aspect-ratio:1;user-select:none;touch-action:manipulation}.point{position:relative;width:100%;min-width:0;aspect-ratio:1;padding:0;border:0;border-radius:0;background:none;display:grid;place-items:center}.point:hover:not(:disabled){background:transparent}.point:before,.point:after{content:"";position:absolute;background:#69441f;pointer-events:none}.point:before{height:1px;width:100%;left:0;top:50%}.point:after{width:1px;height:100%;top:0;left:50%}.point.left:before{left:50%;width:50%}.point.right:before{width:50%}.point.top:after{top:50%;height:50%}.point.bottom:after{height:50%}.point:focus-visible{outline:2px solid #963d18;outline-offset:-2px;z-index:3}.point .stone{width:88%;height:88%;border-radius:50%;z-index:2;border:1px solid #17110b;box-shadow:1px 2px 2px #36220b55;pointer-events:none}.point .stone.white{border-color:#877967}.point .stone.dead{opacity:.35}.point .stone.dead:after{content:"×";color:#a00000;font-size:clamp(15px,2vw,25px);line-height:1;position:absolute;inset:0;display:grid;place-items:center;font-weight:bold}.point.last .stone:before{content:"";position:absolute;width:22%;height:22%;border:2px solid #eee4cb;left:39%;top:39%;border-radius:50%}.point.last .stone.white:before{border-color:#5a3820}.star{position:absolute;height:6px;width:6px;background:#573719;border-radius:50%;z-index:1;pointer-events:none}.coord{position:absolute;font-size:10px;color:#604223;pointer-events:none;line-height:1}.coord.rank{left:-19px;top:calc(50% - 5px)}.coord.file{bottom:-18px;left:0;width:100%;text-align:center}.territory{position:absolute;z-index:3;width:27%;height:27%;border:1px solid #725c3b;pointer-events:none}.territory.black{background:#34271b}.territory.white{background:#fff8e9}.tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.history-panel{margin-top:29px;border:1px solid #b39773;background:#eee1c9;padding:12px}.history-panel h2{font-size:16px;margin:0 0 12px}.history-head,.history-row{display:grid;grid-template-columns:40px 1fr 1fr;gap:4px;text-align:left;font-size:13px;padding:7px 2px}.history-head{font-size:12px;border-bottom:1px solid #b39773;color:#73573c}.history-row:nth-child(even){background:#e2cda9}.history{height:330px;overflow:auto;scrollbar-width:thin;scrollbar-color:#a58257 #e9d9bd}.history .empty{font-size:13px;color:#806647;margin-top:25px}.history-panel button{margin-top:12px}.scoring{margin-top:20px;border:1px solid #9f7d51;padding:15px;background:#f0e1c4}.scoring h2{margin:0 0 10px}.scoring p{font-size:13px;line-height:1.7}.scoring #score-result{font-size:16px;font-weight:bold}.guide{text-align:left;margin-top:25px;padding:14px 0;border-top:1px solid #bba486;font-size:14px;line-height:1.8}.guide summary{cursor:pointer;text-decoration:underline}footer{font-size:13px;padding:12px 0}dialog{max-width:420px;width:calc(100% - 30px);background:#f0e3ca;color:#332619;border:2px solid #775335;padding:22px;text-align:center}dialog::backdrop{background:#21150877}dialog h2{margin-top:0}dialog p{font-size:14px;line-height:1.7}
@media(max-width:650px){body{padding:18px 10px}header,main{max-width:540px}h1{font-size:25px}.settings{gap:10px 8px}.settings label,button,select{font-size:13px}.game-layout{display:block}.board-frame{padding:22px;border-width:4px}.players{font-size:12px}.players>span{gap:4px}.history-panel{margin-top:22px}.history{height:150px}.history-head,.history-row{grid-template-columns:50px 1fr 1fr}.coord{font-size:9px}.coord.rank{left:-16px}.coord.file{bottom:-17px}.star{width:4px;height:4px}.guide{font-size:13px}.note{font-size:11px}.status-area p{font-size:12px}}