:root{--bg:#f4efe6;--panel:#fffdf9;--text:#2a2118;--muted:#7a6c5c;--border:#e4d9c8;--accent:#8a5a24;--accent-text:#fff;--seg-bg:#f1e8da;--seg-on:#fff;--danger:#c43d2f;--good:#2e7d4f;--shadow:0 1px 2px #3c280a0f, 0 6px 20px #3c280a12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17140f;--panel:#221e18;--text:#efe6d8;--muted:#a8998a;--border:#3a3228;--accent:#d9a45e;--accent-text:#1b150e;--seg-bg:#2c261f;--seg-on:#3d352b;--danger:#f07060;--good:#6fcf97;--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#17140f;--panel:#221e18;--text:#efe6d8;--muted:#a8998a;--border:#3a3228;--accent:#d9a45e;--accent-text:#1b150e;--seg-bg:#2c261f;--seg-on:#3d352b;--danger:#f07060;--good:#6fcf97;--shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:Pretendard,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif}button,input{font:inherit;color:inherit}.app{max-width:1080px;margin:0 auto;padding:16px 16px 32px}.top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.top h1{letter-spacing:.02em;align-items:center;gap:10px;margin:0;font-size:1.5rem;display:flex}.logo{background:radial-gradient(circle at 35% 30%,#777,#111 60%);border-radius:50%;width:26px;height:26px;margin-right:10px;box-shadow:12px 6px 0 -4px #f2f0ea,12px 6px 0 -3px #bbb}.layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.board-col{min-width:0;position:sticky;top:16px}.board-box{border-radius:10px;width:100%;max-width:min(720px,max(340px,100vh - 110px));margin:0 auto;line-height:0;overflow:hidden;box-shadow:0 2px 4px #0000002e,0 14px 34px #3c230540}#board{touch-action:manipulation;cursor:pointer;width:100%;display:block}.panel{flex-direction:column;gap:12px;display:flex}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:14px}.card h2{color:var(--muted);margin:0 0 10px;font-size:.95rem;font-weight:600}.card-head{justify-content:space-between;align-items:baseline;display:flex}.status-card .turn{align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.status-card .sub{min-height:1.3em;color:var(--muted);margin-top:4px;font-size:.9rem}.status-card.win .turn{color:var(--good)}.status-card.loss .turn{color:var(--danger)}.stone-icon{border-radius:50%;flex:none;width:22px;height:22px}.stone-icon.black{background:radial-gradient(circle at 35% 30%,#777,#111 60%)}.stone-icon.white{background:radial-gradient(circle at 35% 30%,#fff,#d4d4cc 80%);border:1px solid #aaa}.stone-icon.none{display:none}.thinking:after{content:"";text-align:left;width:1.2em;animation:1.2s steps(4,end) infinite dots;display:inline-block}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}button{cursor:pointer;border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:10px 12px;font-weight:600;transition:background .15s,transform 50ms,opacity .15s}button:hover:not(:disabled){background:var(--seg-bg)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}button.primary.attention{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}button.ghost{color:var(--muted);padding:6px 12px;font-size:.85rem;font-weight:500}button.link{color:var(--muted);background:0 0;border:none;padding:2px 0;font-size:.8rem;font-weight:500;text-decoration:underline}button.link:hover:not(:disabled){color:var(--danger);background:0 0}button:focus-visible,.seg input:focus-visible+span,.toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.field{margin-bottom:10px}.field .label{color:var(--muted);margin-bottom:4px;font-size:.8rem;display:block}.seg{background:var(--seg-bg);border-radius:10px;gap:2px;padding:3px;display:flex}.seg label{flex:1;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{text-align:center;color:var(--muted);white-space:nowrap;border-radius:8px;padding:7px 4px;font-size:.88rem;display:block}.seg input:checked+span{background:var(--seg-on);color:var(--text);font-weight:700;box-shadow:0 1px 3px #0000001f}.note{color:var(--muted);margin:4px 0 0;font-size:.8rem;line-height:1.45}.note.pending{color:var(--accent);font-weight:600}.toggles{border-top:1px solid var(--border);gap:18px;margin-top:12px;padding-top:12px;display:flex}.toggle{cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.toggle input{accent-color:var(--accent);width:16px;height:16px}.stats{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.stats th,.stats td{text-align:center;padding:5px 4px}.stats th{color:var(--muted);font-size:.8rem;font-weight:500}.stats td:first-child{text-align:left;color:var(--muted)}.stats tbody tr+tr td{border-top:1px solid var(--border)}.records{max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.records li+li{border-top:1px solid var(--border)}.records button{text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;gap:8px;width:100%;padding:8px 4px;font-size:.85rem;font-weight:500;display:flex}.records .meta{color:var(--muted)}.records .res{white-space:nowrap;font-weight:700}.res.win{color:var(--good)}.res.loss{color:var(--danger)}.replay-bar{background:var(--panel);border:1px solid var(--border);max-width:min(720px,max(340px,100vh - 110px));box-shadow:var(--shadow);border-radius:12px;margin:12px auto 0;padding:10px 12px}.replay-bar[hidden]{display:none}.replay-title{color:var(--muted);margin-bottom:6px;font-size:.85rem}.replay-controls{align-items:center;gap:6px;display:flex}.replay-controls button{padding:6px 10px}.replay-controls input{min-width:0;accent-color:var(--accent);flex:1}.replay-foot{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-top:8px;font-size:.9rem;display:flex}.replay-foot button{padding:6px 14px}@media (max-width:860px){.layout{grid-template-columns:minmax(0,1fr)}.board-col{position:static}.board-box,.replay-bar{max-width:640px}.panel{width:100%;max-width:640px;margin:0 auto}}@media (max-width:480px){.app{padding:10px 10px 24px}.top h1{font-size:1.25rem}.board-box{border-radius:6px}.seg span{font-size:.8rem}}