:root{color:#17202a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e8ebdf;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#60887138,#0000 34%),linear-gradient(315deg,#ce5c4829,#0000 38%),#eceee5;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{min-height:100vh;padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));justify-content:center;align-items:center;display:flex}.game-surface{gap:18px;width:min(1160px,100%);display:grid}.topbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.eyebrow{color:#6d776e;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1{color:#161b22;letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,4.4rem);line-height:.95}.status-pill{color:#17202a;white-space:nowrap;background:#ffffffb8;border:1px solid #151c2424;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;display:inline-flex;box-shadow:0 14px 38px #292f2314}.status-pill[data-state=thinking]{color:#315e66}.status-pill[data-state=win]{color:#8f3d2c}.play-layout{grid-template-columns:minmax(0,1fr) minmax(286px,318px);align-items:stretch;gap:18px;display:grid}.board-zone,.control-panel{background:#ffffff80;border:1px solid #151c241f;border-radius:8px;box-shadow:0 24px 70px #232b1c1f}.board-zone{place-items:center;min-height:0;padding:clamp(10px,2.4vw,24px);display:grid}.board{aspect-ratio:1;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,680px,100svh - 156px);min-width:0;display:block}.board-bg{fill:#c7904f}.board-inner{fill:#d8aa67;stroke:#54331247;stroke-width:2px}.grid-line{stroke:#3a210eb8;stroke-width:1.45px;shape-rendering:crispedges}.star{fill:#4f2d14}.stone-wrap{animation:.15s ease-out stoneIn}.stone{stroke:#ffffff38;stroke-width:.8px}.ghost{opacity:.34;pointer-events:none}.ghost.black{fill:#11161b}.ghost.white{fill:#fbf7ee;stroke:#37291959;stroke-width:1.4px}.ai-candidate{pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:.98s ease-in-out infinite candidatePulse}.ai-candidate-ring{fill:#31686f14;stroke:#1f5e66b8;stroke-width:2.5px}.ai-candidate-dot{fill:#c7432d;stroke:#fff8ece0;stroke-width:2px}.ai-candidate-rank{fill:#263238;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#fff8ece6;stroke-width:4px;font-size:15px;font-weight:900}.last-ring{fill:none;stroke:#c7432d;stroke-width:3px;pointer-events:none}.win-line{stroke:#c7432d;stroke-linecap:round;stroke-width:7px;opacity:.84;pointer-events:none}.control-panel{flex-direction:column;gap:16px;padding:18px;display:flex}.panel-block{gap:10px;display:grid}.panel-title{color:#354139;align-items:center;gap:8px;font-weight:800;display:flex}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented button,.stone-toggle button,.icon-button{color:#1b252f;cursor:pointer;background:#ffffff9e;border:1px solid #1c212524;border-radius:8px;min-height:44px;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s}.segmented button{gap:2px;padding:9px 6px;display:grid}.segmented button span{font-weight:800}.segmented button small{color:#687267;font-size:.72rem}.segmented button:hover,.stone-toggle button:hover,.icon-button:hover:not(:disabled){border-color:#21646a52;transform:translateY(-1px);box-shadow:0 10px 24px #212c2314}.segmented button.active,.stone-toggle button.active{background:#e3f0ec;border-color:#1b5f658c}.stone-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stone-toggle button{justify-content:center;align-items:center;gap:8px;padding:9px;font-weight:800;display:flex}.mini-stone{border-radius:999px;width:18px;height:18px;box-shadow:0 3px 8px #1c161038}.mini-stone.black{background:#11151a}.mini-stone.white{background:#fffaf0;border:1px solid #41342847}.metrics{margin-top:4px}.metric{color:#4c584f;border-bottom:1px solid #1b252f17;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;min-height:44px;display:grid}.metric:last-child{border-bottom:none}.metric strong{color:#17202a;font-size:.95rem}.thought-panel{border-top:1px solid #1b252f17;padding-top:4px}.thought-list{flex-wrap:wrap;align-content:start;align-items:flex-start;gap:8px;min-height:76px;display:flex}.thought-chip,.thought-empty{color:#2d4144;background:#edf7f3b8;border:1px solid #1f5e662e;border-radius:8px;align-items:center;gap:7px;min-height:30px;padding:6px 9px;font-size:.86rem;font-weight:800;display:inline-flex}.thought-chip b{color:#fff;background:#315e66;border-radius:999px;place-items:center;width:18px;height:18px;font-size:.72rem;display:inline-grid}.thought-empty{color:#718072;background:#ffffff8a}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto;display:grid}.icon-button{justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-weight:850;display:flex}.icon-button.primary{color:#fff;background:#bd4b35;border-color:#a93e2b6b}.icon-button:disabled{cursor:not-allowed;opacity:.52}@keyframes stoneIn{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}@keyframes candidatePulse{0%,to{opacity:.46;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}@media (width<=900px){.app-shell{align-items:start}.topbar{flex-direction:column;align-items:start}.play-layout{grid-template-columns:1fr}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.metrics,.thought-panel,.action-row{grid-column:1/-1}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{border-bottom:0;border-right:1px solid #1b252f17;min-height:52px;padding-right:10px}.metric:last-child{border-right:0}}@media (width<=540px){.app-shell{padding:max(10px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-right,0px)) max(10px, env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px))}.game-surface{gap:12px}h1{font-size:clamp(1.9rem,11vw,2.45rem);line-height:1}.status-pill{justify-content:center;width:100%;min-height:40px;padding:8px 12px}.control-panel,.board-zone{padding:10px}.board{width:min(100%,100svw - 42px)}.control-panel{grid-template-columns:1fr;gap:12px}.segmented,.stone-toggle,.action-row{gap:7px}.segmented button,.stone-toggle button,.icon-button{min-height:40px}.segmented button{padding:7px 5px}.metrics{grid-template-columns:1fr}.metric{border-bottom:1px solid #1b252f17;border-right:0;min-height:38px;padding-right:0}.thought-list{min-height:42px}}@media (width<=380px){.segmented button small{display:none}.stone-toggle button,.icon-button{gap:6px;padding-left:7px;padding-right:7px}}@media (height<=720px) and (width>=901px){.app-shell{align-items:start}h1{font-size:clamp(2rem,3.2vw,3.2rem)}.board{width:min(100%,640px,100svh - 128px)}}