:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf9f6;--text:#1c1c1a;--text-sub:#5e5e5a;--line:#cfcdc6;--accent:#306dfd;--accent-hover:#2458d6;--accent-active:#1e4bbf;--board-frame:#2f7a4e;--board-cell:#348a58;--board-line:#1e5536;--stone-black:#151515;--stone-white:#f5f5f2;--stone-white-ring:#8a8a85;--stone-ring-width:3px;--hint:#f5f5f28c;--flip-duration:.2s;--frame:4px;--font:system-ui, -apple-system, "Hiragino Sans", "Yu Gothic", "Noto Sans CJK JP", "Segoe UI", sans-serif;--title-size:22px;--board-size:clamp(360px, min(100vw, calc(100dvh - 240px)), 640px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--text:#ededea;--text-sub:#a6a6a1;--line:#3a3a38}}@media (width>=1024px){:root{--title-size:32px}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.5}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{grid-template-columns:var(--board-size);grid-template-areas:"head""board""side";place-content:start center;gap:12px;padding:12px 0 24px;display:grid}.head{grid-area:head;gap:8px;padding:0 16px;display:grid}.title{font-size:var(--title-size);margin:0;line-height:1.2}.modes{flex-wrap:wrap;gap:8px;display:flex}.mode{border:1px solid var(--line);cursor:pointer;background:0 0;border-bottom-width:3px;border-radius:4px;flex:140px;min-height:44px;padding:6px 12px}.mode[aria-pressed=true]{border-color:var(--line);border-bottom-color:var(--accent);font-weight:700}.board{width:var(--board-size);aspect-ratio:1;padding:var(--frame);background:var(--board-frame);touch-action:manipulation;grid-area:board;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid}.cell{background:var(--board-cell);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--board-line);cursor:default;border:0;padding:0;position:relative}.cell[data-legal=true]{cursor:pointer}.cell:after{content:"";transition:transform var(--flip-duration) ease, background-color var(--flip-duration) ease;border-radius:50%;position:absolute;inset:12%;transform:scale(0)}.cell[data-disc=black]:after{background:var(--stone-black);transform:scale(1)}.cell[data-disc=white]:after{background:var(--stone-white);border:var(--stone-ring-width) solid var(--stone-white-ring);transform:scale(1)}.cell[data-legal=true]:before{content:"";background:var(--hint);border-radius:50%;position:absolute;inset:38%}.side{grid-area:side;gap:12px;padding:0 16px;display:grid}.live{gap:4px;display:grid}.message{min-height:3em;margin:0;font-weight:700}.score{color:var(--text-sub);flex-wrap:wrap;gap:4px 20px;margin:0;font-size:14px;display:flex}.score-item{align-items:center;gap:6px;display:inline-flex}.swatch{border-radius:50%;width:14px;height:14px}.swatch-black{background:var(--stone-black);border:1px solid var(--text-sub)}.swatch-white{background:var(--stone-white);border:3px solid var(--stone-white-ring)}.restart{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;min-height:48px;padding:8px 16px;font-weight:700}.restart[data-emphasis=true]{border-color:var(--accent);background:var(--accent);color:#fff}.restart[data-emphasis=true]:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.restart[data-emphasis=true]:active{border-color:var(--accent-active);background:var(--accent-active)}@media (aspect-ratio>=6/5){:root{--board-size:clamp(360px, min(calc(100dvh - 24px), calc(100vw - 340px)), 720px)}.app{grid-template-columns:var(--board-size) minmax(260px, 320px);grid-template-rows:auto 1fr;grid-template-areas:"board head""board side";align-content:center;column-gap:16px;min-height:100dvh;padding:12px 16px}.head{align-self:start;padding:0}.modes{flex-direction:column}.mode{flex:none}.side{align-self:start;padding:0}}@media (prefers-reduced-motion:reduce){:root{--flip-duration:0s}}