.sudoku-board{padding:16px!important;display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}.sudoku-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;max-width:414px;aspect-ratio:1;border:2px solid #246c59;border-radius:8px;overflow:hidden;direction:ltr;background:#fff}.sudoku-cell{box-sizing:border-box;min-width:0;min-height:0;border:0;border-right:1px solid #cfddd7;border-bottom:1px solid #cfddd7;display:flex;align-items:center;justify-content:center;padding:0;border-radius:0;font:600 clamp(16px,3vw,24px)/1 system-ui;color:#176b57;background:#fff;aspect-ratio:1;cursor:pointer}.sudoku-cell.is-given{background:#edf3f0;color:#12333a;font-weight:750;cursor:default}.sudoku-cell.box-right{border-right:2px solid #246c59}.sudoku-cell.box-bottom{border-bottom:2px solid #246c59}.sudoku-cell.is-selected{box-shadow:inset 0 0 0 3px #248269;background:#e4f5eb}.sudoku-cell.has-conflict{color:#9b2535;background:#fff0ef;text-decoration:underline;text-decoration-thickness:2px}.sudoku-cell:focus-visible{outline:3px solid #d18b21;outline-offset:-4px;position:relative;z-index:1}.sudoku-keypad{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;width:100%;max-width:470px;direction:ltr}.sudoku-keypad .btn{padding:0;min-width:0;min-height:44px;font-size:18px}.sudoku-keypad .sudoku-clear{grid-column:1/-1;font-size:14px}.sudoku-note{max-width:470px;margin:0;color:#49666b;font-size:13px;line-height:1.6}.lesson .sudoku-grid{max-width:360px}.lesson .sudoku-board{padding:8px!important}@media(max-width:520px){.sudoku-keypad{grid-template-columns:repeat(5,minmax(0,1fr))}.sudoku-keypad .sudoku-clear{grid-column:auto;font-size:11px}.sudoku-board{padding:10px!important}.sudoku-note{font-size:12px}}@media(prefers-contrast:more){.sudoku-cell{border-color:#3d6255}.sudoku-cell.is-selected{box-shadow:inset 0 0 0 4px #12333a}}