:root{color:#283d34;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#446b55;--green-hover:#375745;--green-active:#2d4838;--green-light:#eaf1e7;--green-border:#b0c7ac;--muted:#839087;--line:#e5eae1;background:#f4f5ef;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(at 12% 0,#e9efe4 0,#0000 45%),#f4f5ef;min-width:280px;min-height:100vh;margin:0}button{font:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus-visible{outline-offset:2px;outline:2.5px solid #58876a}button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.page{width:min(1120px,100%);margin:0 auto;padding:38px 28px 24px}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-mark{background:#e0e8da;border-radius:15px;flex:none;width:48px;height:48px;position:relative}.brand-stone{border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:0 2px 4px #233d3422}.brand-stone.dark{background:#344a3d;top:10px;left:9px}.brand-stone.light{background:#fffefa;border:1px solid #e6e9e1;top:20px;left:21px}.header h1{letter-spacing:-.8px;margin:0;font-size:27px;font-weight:650;line-height:1.15}.header p{color:#63715c;letter-spacing:.12em;margin:4px 0 0;font-size:12px}.sound-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#496352;cursor:pointer;white-space:nowrap;background:#ffffffb3;border:1px solid #d9e3d4;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:7px 12px 7px 11px;font-size:13px;font-weight:500;transition:background-color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 7px #344a3d0a}.sound-button svg,.sound-button .sound-dot,.sound-button .shortcut{flex-shrink:0}.sound-button:hover{color:#2e4736;background:#fffdf9;border-color:#c4d4be;transform:translateY(-1px);box-shadow:0 4px 12px #344a3d14}.sound-button:active{transform:scale(.97)translateY(0)}.sound-button .sound-dot{background:#4ca367;border-radius:50%;width:7px;height:7px;transition:all .18s;box-shadow:0 0 0 2px #4ca36724}.sound-button.muted{color:#7b8b7a;background:#ffffff70;border-color:#e0e6dc}.sound-button.muted .sound-dot{box-shadow:none;background:#aab8a5}.game-layout{grid-template-columns:minmax(0,1fr) 302px;align-items:start;gap:22px;display:grid}.board-card{background:#fffefa;border:1px solid #fff;border-radius:26px;min-width:0;padding:24px;box-shadow:0 8px 34px #344a3d06}.board-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;display:flex}.eyebrow{color:#68795f;letter-spacing:.16em;font-size:12px}.board-heading h2{letter-spacing:.02em;margin:4px 0 0;font-size:17px;font-weight:550}.move-count{color:#63715c;background:#f2f5ee;border-radius:10px;flex:none;padding:7px 11px;font-size:12px}.move-count strong{color:#506d59;font-variant-numeric:tabular-nums;margin:0 3px;font-size:14px;font-weight:600}.board-caption{color:#68795f;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:12px;display:flex}.board-caption>span:first-child{align-items:center;gap:6px;display:inline-flex}.caption-dot{background:#90a68b;border-radius:50%;width:5px;height:5px}.side-panel{gap:18px;display:grid}.status-card,.settings-card{background:#fffefa;border:1px solid #fff;border-radius:24px;padding:24px;box-shadow:0 6px 26px #344a3d04}.status-card{background:#edf2e8;border-color:#e5eddf}.state-label{color:#61715b;letter-spacing:.08em;align-items:center;gap:7px;font-size:12px;display:flex}.state-dot{background:#6e916b;border-radius:50%;width:6px;height:6px}.status{letter-spacing:-.7px;margin:10px 0 6px;font-size:26px;font-weight:620}.status-description{color:#607057;margin:0;font-size:13px;line-height:1.8}.players{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px;display:grid}.player-badge{background:#f9fbf480;border:1px solid #e1e8d9;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:16px 5px 14px;display:flex;position:relative}.player-badge.active{background:#fffefb;border-color:#b2c5a8}.badge-stone{border-radius:50%;width:27px;height:27px;margin-bottom:4px;display:block}.badge-stone.black,.stone.black{background:radial-gradient(circle at 32% 25%,#565c53,#262b27 55%,#18201b);box-shadow:0 2px 4px #12221733,inset 0 0 0 1px #ffffff0d}.badge-stone.white,.stone.white{background:radial-gradient(circle at 32% 25%,#fff,#f7f7f0 50%,#dfdfd5);box-shadow:0 2px 4px #3c4b3926,inset 0 0 0 1px #b9bbae44}.player-badge strong{font-size:12px;font-weight:550}.player-badge>span:not(.badge-stone):not(.turn-mark){color:#63715c;font-size:11px}.turn-mark{opacity:0;background:#6f9865;border-radius:50%;width:5px;height:5px;position:absolute;top:9px;right:9px}.player-badge.active .turn-mark{opacity:1}.thinking-detail{color:#61715b;border-top:1px solid #dfe8d7;justify-content:space-between;align-items:center;min-height:37px;margin-top:18px;padding-top:15px;font-size:12px;display:flex}.thinking-detail strong{color:#527548;font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.thinking-detail small{color:#61715b;margin-left:1px;font-size:11px;font-weight:400}.ready-note{color:#65795b}.status-card.thinking .state-dot{animation:1.3s ease-in-out infinite breathe}.status-card.over{background:#e7f0e4}.section-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-heading h2{margin:0;font-size:14px;font-weight:600}.section-heading>span{color:#68795f;font-size:11px}.seg{background:#ecefe8;border:1px solid #e1e7dc;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;transition:opacity .2s;display:grid}.seg.thinking{opacity:.62;cursor:not-allowed}.seg button{color:#586b53;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:38px;padding:7px 0;font-size:12px;font-weight:550;transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1)}.seg button:not(.on):not(:disabled):hover{color:#324b2e;background:#fff9}.seg button:active:not(:disabled){transform:scale(.97)}.seg button.on{color:#fffef8;background:#446b55;box-shadow:0 2px 8px #2d493940,0 1px 2px #00000014}.seg button:disabled{cursor:not-allowed}.difficulty-status{color:#6a6248;min-height:1.5em;margin:8px 0 0;font-size:12px;line-height:1.5}.difficulty-status:empty{min-height:0;margin:0}.difficulty-description{color:#68795f;margin:10px 0 9px;font-size:13px;line-height:1.7}.budget-note{color:#68795f;align-items:center;gap:6px;font-size:12px;display:flex}.budget-note svg{fill:none;stroke:#90a285;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.budget-note strong{color:#57774b;font-weight:550}.instant-note{color:#68795f;margin:7px 0 0;font-size:11px}.actions{border-top:1px solid var(--line);gap:8px;margin-top:20px;padding-top:18px;display:grid;container:actions/inline-size}.btn{cursor:pointer;white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 12px;font-size:13px;font-weight:550;transition:background-color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.actions .btn{grid-template-columns:18px minmax(0,1fr) auto;place-items:center start;column-gap:8px;padding:9px 12px;display:grid}.actions .btn>span{justify-self:start}.actions .btn>.shortcut{justify-self:end;margin-left:0}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:scale(.985)translateY(0)}.btn:disabled{cursor:not-allowed;transform:none}.btn-primary-action:disabled{color:#6f8476;box-shadow:none;background:#f3f6f1;border-color:#d5e1d1}.btn-secondary:disabled{color:#8b9b8c;box-shadow:none;background:#fbfcf9;border-color:#e4ebe0}.btn-primary-win:disabled{color:#f7faf8;box-shadow:none;background:#d7e4db;border-color:#d7e4db;animation:none}.btn-primary-action{color:#234631;background:#eaf1e7;border:1px solid #9cba96;min-height:46px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #446b5512}.btn-primary-action:hover:not(:disabled){color:#1a3826;background:#deebd7;border-color:#8bb584;box-shadow:0 4px 12px #446b551f}.btn-primary-win{color:#fffef8;background:linear-gradient(145deg,#4b745e,#3a5e4b);border:1px solid #57856b;min-height:46px;font-size:14px;font-weight:600;animation:2.4s ease-in-out infinite gentle-glow;box-shadow:0 4px 14px #3a5e4b40}.btn-primary-win:hover:not(:disabled){background:linear-gradient(145deg,#426753,#335342);box-shadow:0 6px 18px #3a5e4b52}.btn-secondary{color:#52674e;background:#fffefa;border:1px solid #dce4d6;min-height:42px;font-size:13px}.btn-secondary:hover:not(:disabled){color:#354a32;background:#f4f8ef;border-color:#c4d3bc;box-shadow:0 2px 7px #344a3d0d}.secondary-actions{gap:8px;display:grid}.shortcut{color:currentColor;opacity:.72;background:#0000000f;border:1px solid #00000014;border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 4px;font-family:inherit;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.btn-primary-win .shortcut{color:#fff;opacity:.92;background:#ffffff38;border-color:#ffffff59}.header-shortcut{opacity:.6;margin-left:1px}.first-note{color:#68795f;text-align:center;margin:13px 0 0;font-size:11px}.error{background:#faf0e9;border:1px solid #efddd1;border-radius:12px;margin-top:16px;padding:12px}.error p{color:#875840;margin:0 0 9px;font-size:12px}.error-retry-btn{color:#8e5a3c;background:#fffaf5;border-color:#dfcebe;min-height:34px;margin-top:2px;padding:6px 12px;font-size:12px}.error-retry-btn:disabled{color:#b08972;box-shadow:none;background:#fbf6f2;border-color:#eadfd4}.page-footer{color:#a3ac9b;letter-spacing:.03em;justify-content:space-between;gap:16px;margin:22px 5px 0;font-size:10px;display:flex}.board{--inset:6.5%;aspect-ratio:1;-webkit-user-select:none;user-select:none;background:repeating-linear-gradient(93deg,#997d5103 0 1px,#0000 1px 7px),radial-gradient(at 15% 0,#ffffff40,#0000 65%),#e6cfaa;border-radius:18px;width:100%;position:relative;box-shadow:inset 0 0 0 1px #baa17c35,inset 0 1px 1px #ffffff5e,0 5px 15px #7d714213}.board.thinking,.board.thinking .cross:disabled{cursor:progress}.grid{inset:var(--inset);width:calc(100% - 2 * var(--inset));height:calc(100% - 2 * var(--inset));stroke:#93805e;stroke-width:.023px;fill:#93805e;position:absolute;overflow:visible}.board-coordinate{color:#7b6745;pointer-events:none;font-size:10px;font-weight:500;line-height:1;position:absolute}.board-coordinate.column{top:2.8%;transform:translate(-50%)}.board-coordinate.row{left:2.6%;transform:translateY(-50%)}.cross{width:calc((100% - 2 * var(--inset)) / 14);height:calc((100% - 2 * var(--inset)) / 14);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.cross:disabled{cursor:default}.cross:focus-visible{outline-offset:-1px;border-radius:50%;outline:2px solid #557b48}.stone{z-index:1;border-radius:50%;width:90%;height:90%;display:block;position:relative}.stone:not(.ghost){animation:.18s ease-out place-stone}.stone.ghost{opacity:0}.stone.last:after{content:"";background:#c49360;border-radius:50%;width:18%;height:18%;position:absolute;top:41%;left:41%;box-shadow:0 0 0 1px #ffffff80}.winline{inset:var(--inset);width:calc(100% - 2 * var(--inset));height:calc(100% - 2 * var(--inset));z-index:2;pointer-events:none;fill:none;stroke-linecap:round;position:absolute;overflow:visible}.winline .halo{stroke:#fffef2d9;stroke-width:.27px}.winline .core{stroke:#699159;stroke-width:.1px}@keyframes place-stone{0%{opacity:.4;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes breathe{50%{opacity:.3;box-shadow:0 0 0 4px #6e916b15}}@keyframes gentle-glow{0%,to{box-shadow:0 4px 14px #3a5e4b38}50%{box-shadow:0 4px 20px #4e826666,0 0 0 2.5px #57856b40}}@media (hover:hover) and (pointer:fine){.cross:not(:disabled):hover .stone.ghost{opacity:.45}}@media (width<=960px){.page{padding:28px 22px 22px}.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.board-card{padding:20px}.status-card,.settings-card{padding:21px}.board-heading h2{font-size:15px}.move-count{padding:6px 8px;font-size:11px}}@media (width<=780px){.page{width:min(680px,100%)}.game-layout{grid-template-columns:minmax(0,1fr)}.side-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.status-card,.settings-card{padding:20px}.status{font-size:24px}.players{margin-top:20px}.settings-card .actions{margin-top:17px;padding-top:17px}.secondary-actions{grid-template-columns:1fr 1fr}.actions .btn{grid-template-columns:1fr auto auto 1fr;justify-items:center;column-gap:5px;padding:8px;font-size:13px}.actions .btn>svg{grid-column:2;justify-self:end;width:16px;height:16px}.actions .btn>span{grid-column:3;justify-self:start}.shortcut{display:none}.page-footer{font-size:9px}}@media (width<=540px){.page{padding:22px 14px 20px}.header{margin-bottom:22px}.brand{gap:10px}.brand-mark{border-radius:14px;width:43px;height:43px}.brand-stone{width:20px;height:20px}.brand-stone.dark{top:9px;left:8px}.brand-stone.light{top:18px;left:18px}.header h1{font-size:25px}.header p{font-size:10px}.sound-button{gap:5px;min-height:36px;padding:7px 11px;font-size:12px}.sound-button svg{width:16px;height:16px}.board-card{border-radius:23px;padding:16px 13px}.board-heading{margin-bottom:16px;padding:1px 3px}.eyebrow{font-size:11px}.board-heading h2{font-size:14px}.board{border-radius:14px}.board-coordinate{font-size:8px}.board-caption{margin-top:15px;padding:0 3px;font-size:10px}.side-panel{grid-template-columns:minmax(0,1fr);gap:16px}.status-card{padding:20px;position:relative}.status{margin-top:8px}.players{margin-top:18px}.player-badge{flex-flow:wrap;justify-content:center;gap:6px;padding:12px 10px}.badge-stone{width:21px;height:21px;margin:0}.player-badge>span:not(.badge-stone):not(.turn-mark){text-align:center;flex-basis:100%}.thinking-detail{margin-top:14px;padding-top:12px}.settings-card{padding:20px}.shortcut{display:none}.page-footer{flex-direction:column;align-items:center;gap:4px;margin-top:19px}}@container actions (width<=240px){.secondary-actions{grid-template-columns:1fr}.actions .btn{grid-template-columns:18px minmax(0,1fr) auto;justify-items:start;column-gap:8px;padding:9px 12px;font-size:13px}.actions .btn>svg{grid-column:1;justify-self:center;width:17px;height:17px}.actions .btn>span{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}