:root{--bg:#eef1ee;--paper:#fffdf8;--ink:#24363a;--muted:#6d7b7c;--line:#ccd5d2;--deep:#245250;--accent:#bd6244;--wood:#e1b872;--wood-line:#7c5a32;--soft:#e6eeeb;--danger:#9e4438;--cell:34px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 3%,#fffdf8 0 7%,transparent 31%),var(--bg);color:var(--ink);font:16px/1.65 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}.shell{width:min(1180px,calc(100% - 34px));margin:auto;padding:24px 0 54px}.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.back{justify-self:start;color:var(--muted);text-decoration:none;font-weight:700}.brand{text-align:center}.brand span{display:block;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.2em}.brand strong{font:600 1.2rem Georgia,"Microsoft YaHei",serif}.language{justify-self:end;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--deep);font-weight:800}.hero{padding:42px 0 25px}.hero h1{margin:0;font:500 clamp(2.7rem,6vw,5rem)/1.02 Georgia,"Songti SC","Microsoft YaHei",serif;letter-spacing:-.065em}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:650px;margin:14px 0 0;color:var(--muted)}.modebar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.button,.mode,.difficulty{min-height:40px;padding:8px 13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:800 .84rem inherit;cursor:pointer}.button:hover,.mode:hover,.difficulty:hover{border-color:var(--deep)}.mode.active,.difficulty.active,.button.primary{background:var(--deep);border-color:var(--deep);color:#fff}.button.danger{color:var(--danger);border-color:#d7b0a8}.button:disabled{cursor:not-allowed;opacity:.48}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.stage-card,.card{border:1px solid var(--line);background:#ffffffc7}.stage-card{padding:18px}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.turn{display:flex;align-items:center;gap:9px;font-weight:900}.turn-stone{width:21px;height:21px;border-radius:50%;background:#1f292a;box-shadow:inset 0 0 0 1px #0004,0 2px 5px #0003}.turn-stone.white{background:#f8f4e9;box-shadow:inset 0 0 0 1px #6e6b64,0 2px 5px #0002}.difficulty-row{display:flex;flex-wrap:wrap;gap:6px}.board-wrap{overflow:auto;padding:12px;background:#f7f5ed;border:1px solid var(--line);overscroll-behavior:contain}.board{display:grid;grid-template-columns:repeat(15,var(--cell));width:max-content;margin:auto;padding:10px;background:var(--wood);border:6px solid #87623a;box-shadow:0 17px 38px #24363a25;touch-action:manipulation}.intersection{position:relative;width:var(--cell);height:var(--cell);padding:0;border:0;background:transparent;cursor:pointer}.intersection::before,.intersection::after{content:"";position:absolute;background:var(--wood-line);pointer-events:none}.intersection::before{left:0;right:0;top:50%;height:1px}.intersection::after{top:0;bottom:0;left:50%;width:1px}.intersection.edge-left::before{left:50%}.intersection.edge-right::before{right:50%}.intersection.edge-top::after{top:50%}.intersection.edge-bottom::after{bottom:50%}.intersection.star::marker{content:""}.intersection.star .star-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--wood-line);transform:translate(-50%,-50%);z-index:1}.stone{position:absolute;left:50%;top:50%;z-index:2;width:82%;height:82%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.stone.black{background:radial-gradient(circle at 34% 28%,#566061,#171d1e 60%,#080a0a);box-shadow:0 3px 5px #0005}.stone.white{background:radial-gradient(circle at 35% 27%,#fff,#eee9da 68%,#bdb6a8);box-shadow:0 3px 5px #0004,inset 0 0 0 1px #817c73}.intersection.last .stone::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.intersection.hint::after{z-index:3;left:50%;top:50%;width:48%;height:48%;border:3px solid var(--accent);border-radius:50%;background:transparent;transform:translate(-50%,-50%);animation:pulse 1s infinite}.intersection.win .stone{box-shadow:0 0 0 4px #d4563d,0 3px 5px #0004}@keyframes pulse{50%{opacity:.35;transform:translate(-50%,-50%) scale(.78)}}.toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.status{min-height:26px;margin:13px 0 0;text-align:center;color:var(--muted);font-size:.9rem}.replay{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.replay[hidden]{display:none}.replay span{min-width:76px;text-align:center;color:var(--muted);font-size:.82rem}.side{display:grid;gap:14px}.card{padding:18px}.card h2{margin:0 0 11px;font:500 1.28rem Georgia,"Microsoft YaHei",serif}.card p{margin:8px 0;color:var(--muted);font-size:.87rem}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stat{padding:10px;border-left:3px solid var(--accent);background:#f7f7f2}.mini-stat span{display:block;color:var(--muted);font-size:.7rem}.mini-stat strong{display:block;margin-top:2px}.online-panel[hidden],.local-panel[hidden],.ai-options[hidden],.room-details[hidden],.undo-request[hidden]{display:none}.field{display:grid;gap:5px;margin:10px 0}.field span{font-size:.78rem;font-weight:800}.field input,.field select{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--line);background:var(--paper);font:inherit;text-transform:uppercase}.button-row{display:flex;gap:7px;margin-top:9px}.button-row>*{flex:1}.account-line{padding:10px;background:var(--soft);overflow-wrap:anywhere}.account-line a{color:var(--deep);font-weight:800}.room-code{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;background:var(--soft)}.room-code strong{font:700 1.45rem ui-monospace,monospace;letter-spacing:.16em}.players{display:grid;gap:7px;margin:12px 0}.player{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--line)}.player i{width:15px;height:15px;border-radius:50%;background:#1d2526}.player i.white{background:#f8f3e8;border:1px solid #8d887f}.undo-request{padding:10px;border-left:3px solid var(--accent);background:#fff4ed}.how-list{margin:0;padding-left:20px;color:var(--muted);font-size:.86rem}.footer{margin-top:26px;text-align:center;color:var(--muted);font-size:.78rem}.dialog{max-width:min(440px,calc(100% - 28px));border:0;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0006}.dialog::backdrop{background:#1a2b2d99}.dialog-inner{padding:30px}.dialog .eyebrow{margin:0;color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.16em}.dialog h2{margin:8px 0 10px;font:500 2rem Georgia,"Microsoft YaHei",serif}.dialog p{color:var(--muted)}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{grid-template-columns:repeat(2,minmax(0,1fr))}.online-card{grid-column:1/-1}}@media(max-width:620px){:root{--cell:calc((100vw - 54px)/15)}.shell{width:min(100% - 18px,1180px);padding-top:14px}.top{grid-template-columns:1fr auto}.brand{display:none}.hero{padding:31px 2px 20px}.stage-card{padding:10px}.stage-head{align-items:flex-start;flex-direction:column}.board-wrap{padding:3px}.board{padding:4px;border-width:4px}.side{grid-template-columns:1fr}.online-card{grid-column:auto}.button,.mode,.difficulty{min-height:44px}.toolbar .button{flex:1}.room-code strong{font-size:1.25rem}}