:root{--bg:#26221f;--panel:#322d29;--panel-2:#3d3733;--text:#ece5da;--text-dim:#a89e91;--accent:#d9a24a;--red:#c0392b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.page{max-width:980px;margin:0 auto;padding:20px 16px 32px}.header{text-align:center;margin-bottom:18px}.header h1{letter-spacing:2px;margin:0;font-size:26px}.main{justify-content:center;align-items:flex-start;gap:20px;display:flex}.board-area{flex:auto;min-width:0;max-width:560px}.status{text-align:center;background:var(--panel);border-radius:8px;justify-content:center;align-items:center;min-height:42px;margin-bottom:12px;padding:10px 12px;font-size:15px;display:flex}.status.thinking{color:var(--accent)}.status.result{background:var(--accent-dark,#b07f2e);color:#fff;font-weight:600}.board-wrap{justify-content:center;display:flex}.sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:300px;display:flex}.sidebar section{background:var(--panel);border-radius:8px;padding:14px}.sidebar h2{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-size:13px;font-weight:600}.btn{appearance:none;border:1px solid var(--panel-2);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:14px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.active{background:var(--accent);border-color:var(--accent);color:#1d1b18;font-weight:600}.btn.primary{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.btn.primary:hover{background:#d4463a}.level-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn.level{text-align:center;padding:9px 2px}.lang-row{gap:8px;display:flex}.lang-row .btn{flex:1}.btn.small{padding:6px 12px;font-size:13px}.side-row{gap:8px;display:flex}.side-row .btn{flex:1}.move-count{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.actions{gap:10px;display:flex}.actions .btn{flex:1;padding:11px;font-size:15px}.footer{text-align:center;color:var(--text-dim);margin-top:22px;font-size:12px}.footer a{color:inherit}@media (width<=860px){.main{flex-direction:column;align-items:stretch}.board-area{width:100%;margin:0 auto}.sidebar{width:100%}}