:root{color:#17211b;background:#f5efe2;font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;width:min(1180px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:28px 0;align-items:start}.game-area,.side-panel{min-width:0}.board-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.eyebrow,.panel-label{margin:0 0 4px;color:#66746b;font-size:.82rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:2rem;line-height:1.1;letter-spacing:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #1d2a22;border-radius:8px;color:#17211b;background:#fffaf0;box-shadow:0 2px #1d2a22;cursor:pointer}.icon-button:disabled{opacity:.55;cursor:not-allowed}.board-wrap{width:min(100%,690px);padding:16px;border:1px solid #caa962;border-radius:8px;background:#d9ad5f;box-shadow:0 18px 45px #402d1038}.board{--cell-size: clamp(20px, 4.1vw, 42px);position:relative;display:grid;grid-template-columns:repeat(15,var(--cell-size));grid-template-rows:repeat(15,var(--cell-size));width:fit-content;max-width:100%;margin:0 auto;border:2px solid #5c3c18;background-color:#d9ad5f;background-image:linear-gradient(#5c3c18 1px,transparent 1px),linear-gradient(90deg,#5c3c18 1px,transparent 1px);background-size:var(--cell-size) var(--cell-size);background-position:calc(var(--cell-size) / 2) calc(var(--cell-size) / 2)}.cell{position:relative;display:grid;place-items:center;width:var(--cell-size);height:var(--cell-size);border:0;padding:0;background:transparent;cursor:pointer}.cell:disabled{cursor:default}.cell-empty:not(:disabled):hover:after,.cell-pending:after{content:"";width:72%;height:72%;border-radius:50%;background:#12161440}.stone{width:78%;height:78%;border-radius:50%;box-shadow:inset -5px -6px 12px #00000038,0 3px 8px #0000003d}.cell-black .stone{background:radial-gradient(circle at 32% 28%,#5a5f5b,#111513 62%,#050605)}.cell-white .stone{background:radial-gradient(circle at 32% 28%,#fff,#ece8dc 64%,#c9bda4)}.cell-last .stone:after{content:"";position:absolute;inset:36%;border-radius:50%;background:#d84a32}.side-panel{display:grid;gap:16px;padding-top:58px}.status-band{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid #cfd8cc;border-radius:8px;background:#fffdf8}.status-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fffdf8;background:#1f5f4a}.status-band strong{display:block;min-width:0;color:#152019;font-size:1.35rem;line-height:1.2}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric,.ai-note,.settings-card{border:1px solid #cfd8cc;border-radius:8px;background:#fffdf8}.metric{min-height:84px;padding:14px}.metric span{display:block;margin-bottom:9px;color:#66746b;font-size:.86rem}.metric strong{display:block;min-width:0;color:#152019;font-size:1.05rem;line-height:1.25;overflow-wrap:anywhere}.ai-note{padding:16px}.settings-card{padding:16px;box-shadow:0 10px 28px #1f2d2212}.settings-form{display:grid;gap:12px}.settings-form label{display:grid;gap:6px}.settings-form label span{color:#66746b;font-size:.86rem;font-weight:700}.settings-form input,.settings-form select{width:100%;min-height:40px;border:1px solid #b9c6b8;border-radius:7px;padding:0 11px;color:#152019;background:#fffaf0;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}.settings-form input:focus,.settings-form select:focus{border-color:#1f5f4a;box-shadow:0 0 0 3px #1f5f4a29}.settings-form input:disabled{color:#7d877f;background:#edf0ea}.settings-actions{display:flex;gap:10px;align-items:center}.settings-actions .icon-button{min-height:38px;box-shadow:none;background:#1f5f4a;color:#fffdf8;border-color:#1f5f4a}.ghost-button{width:42px;padding:0;color:#6f342b;border-color:#d7b4ad;background:#fff7f4}.settings-hint,.settings-message{display:flex;gap:7px;align-items:flex-start;margin:12px 0 0;color:#66746b;font-size:.84rem;line-height:1.45}.settings-message{display:block;color:#1f5f4a}.note-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#1f5f4a;font-weight:800}.ai-note p,.error-text{margin:0;line-height:1.55}.ai-note p{color:#46544b}.error-text{padding:12px 14px;border:1px solid #e1a195;border-radius:8px;color:#8d2618;background:#fff3ef}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:880px){.app{grid-template-columns:1fr;gap:18px;padding:18px 0 28px}.side-panel{padding-top:0}.board-header{align-items:flex-end}}@media(max-width:520px){.app{width:min(100% - 20px,1180px)}h1{font-size:1.55rem}.board-wrap{padding:10px}.stats-grid{grid-template-columns:1fr}}