:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--gap: 18px;--board-border: 3px;--cell: min(46px, calc((100vw - (2 * 18px) - (2 * 3px)) / 9))}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:var(--gap);flex-wrap:wrap;align-items:flex-start}.board{display:grid;grid-template-columns:repeat(9,var(--cell));grid-template-rows:repeat(9,var(--cell));width:max-content;border:var(--board-border) solid #111;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 20px #00000014}.cell{width:var(--cell);height:var(--cell);box-sizing:border-box;border:1px solid #d0d0d0;text-align:center;font-size:clamp(14px,calc(var(--cell) * .45),18px);outline:none;padding:0}.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}@media (max-width: 520px){body{margin:12px}.status{margin-left:0;width:100%}.panel{min-width:100%}}