:root{color:#191815;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#191815;--muted:#6b665a;--paper:#f3f0e8;--control-bg:#fffdf794;--control-border:#19181538;--panel-text:#191815c7;--panel-bg:#19181512;--panel-border:#19181514;--button-border:#19181547;--hover-ghost:#19181529;--board:#d7b171;--board-edge:#9d7440;--line:#302518;--white-stone:#f7f4ec;--black-territory-border:#fffdf7db;--white-territory-border:#19181599;--last-on-black:#fffdf7e0;--last-on-white:#000000d1;--accent:#8f2f25;--board-shadow:#3a2a1624;background:#f3f0e8;font-family:Georgia,Cambria,Times New Roman,serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color:#ece5d7;--ink:#ece5d7;--muted:#afa696;--paper:#11100e;--control-bg:#fff7e214;--control-border:#fff7e22e;--panel-text:#ece5d7d1;--panel-bg:#fff7e212;--panel-border:#fff7e21c;--button-border:#fff7e233;--hover-ghost:#fff7e224;--board:#9f7542;--board-edge:#6e4d29;--line:#20170f;--white-stone:#e8dfcf;--black-territory-border:#fff7e2d1;--white-territory-border:#11100eb8;--last-on-black:#fff7e2e6;--last-on-white:#000000db;--accent:#d56254;--board-shadow:#00000061;background:#11100e}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{border:0}.app-shell{gap:14px;width:min(820px,100% - 32px);min-height:100vh;margin:0 auto;padding:18px 0 26px;display:grid}label{color:var(--muted);gap:7px;font-size:.86rem;display:grid}select{width:100%;min-height:42px;color:var(--ink);background:var(--control-bg);border:1px solid var(--control-border);border-radius:6px;padding:0 10px}.status-block{min-height:48px;color:var(--panel-text);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:12px 14px}.status-block p{margin:0;line-height:1.45}.action-row,.file-row{gap:8px;display:grid}.action-row{grid-template-columns:repeat(4,1fr)}.file-row{grid-template-columns:repeat(2,1fr)}.action-row button,.file-row button{min-height:42px;color:var(--ink);border:1px solid var(--button-border);cursor:pointer;background:0 0;border-radius:6px;transition:background .16s,color .16s}.action-row button:first-child,.action-row button:hover:enabled,.file-row button:hover:enabled{color:var(--paper);background:var(--ink)}.action-row button:disabled,.file-row button:disabled{cursor:not-allowed;opacity:.42}.file-input{display:none}.board-zone{place-items:center;min-width:0;display:grid}.board-wrap{background:var(--board);border:1px solid var(--board-edge);width:min(100%,100vh - 185px,760px);min-width:0;box-shadow:0 18px 45px var(--board-shadow);border-radius:8px;padding:clamp(12px,2.3vw,22px)}.play-panel,.settings-panel{justify-self:center;width:min(100%,100vh - 185px,760px)}.play-panel{gap:10px;display:grid}.settings-panel{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:4px;display:grid}.go-board{grid-template-columns:repeat(var(--board-size), 1fr);grid-template-rows:repeat(var(--board-size), 1fr);aspect-ratio:1;display:grid;position:relative}.go-board:before{inset:calc(50% / var(--board-size));z-index:0;content:"";background:linear-gradient(var(--line), var(--line)) top / 100% 1px no-repeat, linear-gradient(var(--line), var(--line)) bottom / 100% 1px no-repeat, linear-gradient(90deg, var(--line), var(--line)) left / 1px 100% no-repeat, linear-gradient(90deg, var(--line), var(--line)) right / 1px 100% no-repeat, repeating-linear-gradient(90deg, transparent 0 calc(100% / (var(--board-size) - 1) - 1px), var(--line) calc(100% / (var(--board-size) - 1) - 1px) calc(100% / (var(--board-size) - 1))), repeating-linear-gradient(0deg, transparent 0 calc(100% / (var(--board-size) - 1) - 1px), var(--line) calc(100% / (var(--board-size) - 1) - 1px) calc(100% / (var(--board-size) - 1)));opacity:.74;pointer-events:none;position:absolute}.intersection{z-index:2;aspect-ratio:1;cursor:pointer;background:0 0;place-items:center;width:100%;padding:0;display:grid;position:relative}.intersection:before{aspect-ratio:1;content:"";border-radius:999px;width:78%;max-width:34px;transition:background .16s,transform .16s,opacity .16s;display:block}.intersection:hover:enabled:before{background:var(--hover-ghost);transform:scale(.62)}.intersection.black:before{background:radial-gradient(circle at 34% 28%,#3f3c36 0 9%,#090909 58%,#000 100%);box-shadow:inset -5px -6px 12px #0000005c,0 3px 8px #00000047}.intersection.white:before{background:radial-gradient(circle at 34% 28%, #fff 0 19%, var(--white-stone) 56%, #cbc5b7 100%);box-shadow:inset -4px -6px 10px #4a3b262e,0 3px 7px #0000002e}.intersection.last-ai:after,.intersection.last-move:after{aspect-ratio:1;content:"";background:var(--last-on-white);border-radius:999px;width:13%;min-width:4px;max-width:7px;position:absolute}.intersection.black.last-move:after{background:var(--last-on-black)}.intersection.white.last-move:after,.intersection.last-ai:after{background:var(--last-on-white)}.intersection.black-territory:after,.intersection.white-territory:after{aspect-ratio:1;content:"";border-radius:999px;width:18%;min-width:5px;max-width:9px;position:absolute}.intersection.black-territory:after{border:1px solid var(--black-territory-border);background:#000000c7}.intersection.white-territory:after{border:1px solid var(--white-territory-border);background:#fffdf7eb}.intersection.hint:before{border:2px solid var(--accent);background:0 0;width:42%;transform:scale(1)}.intersection:disabled{cursor:default}.star-point{z-index:1;aspect-ratio:1;background:var(--line);pointer-events:none;border-radius:999px;place-self:center;width:7px}@media (width<=860px){.app-shell{width:min(100% - 18px,680px);padding:10px 0 18px}.board-wrap,.play-panel,.settings-panel{width:min(100%,100svh - 180px)}}@media (width<=680px){.settings-panel{grid-template-columns:1fr}}@media (width<=520px){.action-row{grid-template-columns:repeat(2,1fr)}.board-wrap{width:100%;padding:10px}}
