:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{margin:18px;max-width:980px}h2{margin:0 0 10px}.bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 14px}select,button{padding:8px 10px;font-size:14px;border:1px solid #cfcfcf;border-radius:10px;background:#fff;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.status{margin-left:auto;font-size:13px;opacity:.85;padding:6px 10px;border:1px solid #e3e3e3;border-radius:10px}.wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}.board{display:grid;grid-template-columns:repeat(9,46px);grid-template-rows:repeat(9,46px);width:max-content;border:3px solid #111;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 20px #00000014}.cell{width:46px;height:46px;box-sizing:border-box;border:1px solid #d0d0d0;text-align:center;font-size:18px;outline:none}.cell.top3{border-top:3px solid #111}.cell.left3{border-left:3px solid #111}.cell.right3{border-right:3px solid #111}.cell.bottom3{border-bottom:3px solid #111}.given{background:#f4f4f6;font-weight:700}.bad{background:#ffe6e6}.hint{background:#fff4c2}.panel{min-width:260px;flex:1;border:1px solid #e5e5e5;border-radius:12px;padding:12px;background:#fff;box-shadow:0 6px 20px #0000000d}.panel h3{margin:0 0 10px;font-size:15px}.kv{font-size:13px;opacity:.9;line-height:1.6}.kv code{background:#f6f6f6;padding:2px 6px;border-radius:8px}.legend{margin-top:10px;font-size:13px;opacity:.85}.legend span{display:inline-block;padding:3px 8px;border-radius:10px;border:1px solid #e2e2e2;margin-right:6px}.small{margin-top:10px;font-size:12px;opacity:.75}