:root{font-family:Inter,"Hiragino Sans","Yu Gothic",system-ui,sans-serif;color:#eef8f2;background:#0b241b;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#1b5540 0,#0b241b 55%,#071812 100%)}button,select{font:inherit}.app{width:min(1060px,100%);margin:auto;padding:24px clamp(14px,3vw,34px) 40px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.2rem);line-height:.9;letter-spacing:.02em;margin:0}header p{margin:7px 0 0;color:#9fc9b2;letter-spacing:.28em;font-weight:700}.primary,button,select{border:1px solid #638b76;border-radius:8px;background:#173d2e;color:#fff;min-height:44px;padding:9px 14px;cursor:pointer}.primary{background:#f2efe2;color:#183628;border-color:#fff;font-weight:800}.primary span,button span{display:block;font-size:.72rem;font-weight:500;opacity:.75}.game{display:grid;grid-template-columns:minmax(0,680px) minmax(220px,280px);gap:24px;align-items:start}.play-column{min-width:0}.scorebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#102f24;border:1px solid #416c57;border-radius:12px 12px 0 0;padding:10px 14px}.score{display:flex;align-items:center;gap:8px;font-weight:800}.score.white{justify-content:flex-end}.score i{width:25px;height:25px;border-radius:50%;display:block;flex:0 0 auto}.score.black i{background:#080b09;border:1px solid #69766f}.score.white i{background:#fff;border:1px solid #dfe8e2}.score small{display:block;color:#a7c1b4}.score strong{font-size:1.45rem}.turn{text-align:center;color:#f6d777;font-weight:900;font-size:.88rem;line-height:1.05;padding:0 10px}.turn small{color:#d7e7df;font-weight:600}.board{width:100%;max-width:680px;aspect-ratio:1/1;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(8,minmax(0,1fr))!important;overflow:hidden;border:8px solid #061b13;background:#176b43;box-shadow:0 15px 35px #020c08aa;touch-action:manipulation}.board .cell{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1/1;position:relative;border:1px solid #062d1b!important;border-radius:0!important;background:#218557!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important}.board .cell:hover:not(:disabled){background:#299362!important}.board .cell:disabled{cursor:default}.board .disc{width:80%!important;height:80%!important;aspect-ratio:1/1;border-radius:50%!important;display:block!important;box-shadow:inset -3px -5px 8px #0005,0 2px 3px #00190f88;animation:place .16s ease-out}.board .disc.black{background:#050706!important;border:1px solid #000!important}.board .disc.white{background:#fff!important;border:2px solid #8e9b94!important}.board .legal{width:18%!important;height:18%!important;aspect-ratio:1/1;border-radius:50%!important;background:rgba(240,247,168,.78)!important;box-shadow:none!important}.board .cell:focus-visible{outline:3px solid #ffe36f;outline-offset:-4px;z-index:2}@keyframes place{from{transform:scale(.55);opacity:.4}}.message{height:0;position:relative;z-index:3;text-align:center;font-weight:900;color:#fff}.message.show{height:auto;padding:8px;background:#956f13;border:1px solid #e2c25a}.actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.actions p{font-size:.86rem;color:#b7cec2;margin:0;text-align:right}.panel{background:#102f24;border:1px solid #416c57;border-radius:12px;padding:18px;box-shadow:0 12px 30px #020b0870}.field{margin-bottom:18px}.field label{display:block;font-weight:800;margin-bottom:7px}.field label span,.record h2 span{display:block;color:#9fc9b2;font-weight:500;font-size:.82rem}.field select{width:100%;background:#0a2319}.field p{color:#9fc9b2;font-size:.76rem;line-height:1.5;margin:7px 0 0}.record{border-top:1px solid #315b47;padding-top:15px}.record h2{font-size:1rem;margin:0 0 9px}.record div{display:flex;justify-content:space-between;padding:5px 0;color:#c9ded3}.record strong{color:#fff}.site-counts{border-top:1px solid #315b47;margin-top:15px;padding-top:12px;font-size:.78rem}.site-counts div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:#c9ded3}.site-counts small{display:block;color:#9fc9b2;font-size:.7rem}.site-counts strong{color:#f6d777;font-variant-numeric:tabular-nums}.thinking .board{opacity:.84;pointer-events:none}@media(max-width:760px){.app{padding:15px 12px 32px}.game{grid-template-columns:1fr}.play-column{width:100%;max-width:680px;margin:auto}.board{width:100%;max-width:none}.panel{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.record{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.record h2{grid-column:1/-1}.record div{background:#0a2319;border-radius:6px;padding:8px;display:block;text-align:center}.site-counts{grid-column:1/-1;display:flex;gap:14px;justify-content:space-around}.site-counts div{flex:1;background:#0a2319;border-radius:6px;padding:8px;display:block;text-align:center}.scorebar{padding:8px}.score span{font-size:.72rem}.score strong{font-size:1.15rem}.turn{font-size:.72rem}.actions{align-items:flex-start}.actions p{font-size:.73rem}}@media(max-width:420px){header{margin-bottom:12px}.primary{padding:8px 10px}.panel{grid-template-columns:1fr}.record{grid-column:auto}.score i{width:20px;height:20px}.score{gap:4px}.scorebar{padding:7px 5px}.turn{padding:0 4px}.actions p{max-width:52%}}