: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:900px;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;flex-wrap:wrap;justify-content:center;align-items:center;min-height:42px;margin-bottom:12px;padding:10px 12px;font-size:15px;display:flex}.status.result{color:#fff;background:#b07f2e;font-weight:600}.dim{color:var(--text-dim);font-size:12px}.sudoku{background:var(--panel-2);border:2px solid var(--panel-2);aspect-ratio:1;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:repeat(9,1fr);gap:1px;display:grid;overflow:hidden}.cell{appearance:none;background:var(--panel);color:var(--text);cursor:pointer;border:none;padding:0;font-family:inherit;font-size:clamp(14px,4vw,24px);line-height:1;position:relative}.cell.alt{background:#2d2926}.cell.thick-r{border-right:2px solid var(--panel-2)}.cell.thick-b{border-bottom:2px solid var(--panel-2)}.cell.given{color:#fff;font-weight:700}.cell:not(.given){color:var(--accent)}.cell.selected{outline:2px solid var(--accent);outline-offset:-2px;z-index:1;background:#4a4038}.cell.same{background:#453b32}.cell.peer{background:#38322d}.cell.conflict{color:#e67e22}.cell.error{color:var(--red);font-weight:700}.cell.win{color:#c8e6b0;background:#3a4a35}.cell.win.given{color:#eaf6df}.notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute;inset:1px}.notes i{color:var(--text-dim);font-size:clamp(7px,1.6vw,10px);font-style:normal;line-height:1}.tools{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.btn.tool{text-align:center;padding:9px 4px;font-size:13px}.numpad{grid-template-columns:repeat(9,1fr);gap:6px;margin-top:8px;display:grid}.btn.num{text-align:center;flex-direction:column;align-items:center;gap:1px;padding:10px 0;font-size:17px;font-weight:600;display:flex}.btn.num:disabled{opacity:.35;cursor:default}.sidebar{flex-direction:column;flex-shrink:0;gap:16px;width:280px;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;text-align:left;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--accent)}.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;text-align:center;font-weight:600}.btn.primary:hover{background:#d4463a}.side-col{flex-direction:column;gap:8px;display:flex}.lang-row{gap:8px;display:flex}.lang-row .btn{text-align:center;flex:1}.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%}.numpad{gap:4px}}.guide{background:var(--panel);border-radius:8px;margin-top:22px;padding:12px 16px;font-size:14px;line-height:1.9}.guide summary{cursor:pointer;color:var(--text-dim);font-weight:600}.guide p{color:var(--text);margin:8px 0 0}.ad-slot.ad-placeholder{display:none}.ad-slot{min-height:100px;margin-top:16px;overflow:hidden}