.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:3px solid oklch(44.2% .017 285.786);max-width:100%;aspect-ratio:1 / 1}.sudoku-preview{width:45px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.sudoku-preview svg{width:100%}.sudoku-grid-placeholder{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:1px solid oklch(44.2% .017 285.786);width:100%;max-width:48px;aspect-ratio:1 / 1;gap:0px}.sudoku-grid-placeholder .sudoku-grid-placeholder-cell-fill{background:#52525c}.sudoku-grid.loading{opacity:.25}#numberSelector{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border:2px solid oklch(44.2% .017 285.786);width:100px;aspect-ratio:1 / 1;background:#fff;position:absolute;top:0;right:0;margin-top:-8px}#numberSelector button{text-align:center;font-size:20px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer!important;color:#52525c}#numberSelector button:hover,#numberSelector button.exists{background-color:#dff2fe}@media only screen and (max-width: 768px){#numberSelector{width:150px}}#numberSelector:after{content:"";position:absolute;bottom:-16px;left:50%;transform:translate(-50%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid oklch(44.2% .017 285.786)}#numberSelector.altmode{border-color:#0069a2;border-color:oklch(50% .134 242.749)}#numberSelector.altmode button{color:#0069a2;color:oklch(50% .134 242.749)}#numberSelector.altmode:after{border-top:16px solid oklch(50% .134 242.749)}.sudoku-placeholder{aspect-ratio:1 / 1;width:100%;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0 37%,#e0e0e0 63%);background-size:400% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sudoku-cell{border:1px solid oklch(92% .004 286.32);text-align:center;font-size:25px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer!important;color:#52525c}.sudoku-cell:hover,.sudoku-cell.highlighted{background-color:#dff2fe}.sudoku-cell.selected{background-color:#b8e6fe;border-color:#78d4ff;border-color:oklch(82.8% .111 230.318)}.sudoku-cell.hint{color:#9f9fa9;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.sudoku-cell.error{background-color:#ffe4e6;border-color:#ff6880;border-color:oklch(71.2% .194 13.428);color:#ff6880;color:oklch(71.2% .194 13.428)}.sudoku-cell:nth-of-type(3n){border-right:3px solid oklch(44.2% .017 285.786)}.sudoku-cell:nth-of-type(9n){border-right:1px solid oklch(92% .004 286.32)}.sudoku-cell:nth-of-type(n+19):nth-of-type(-n+27),.sudoku-cell:nth-of-type(n+46):nth-of-type(-n+54){border-bottom:3px solid oklch(44.2% .017 285.786)}.sudoku-grid.complete{background:#ecfdf5!important;border-color:#007857!important;border-color:oklch(50.8% .118 165.612)!important}.sudoku-grid.complete .sudoku-cell,.sudoku-grid.complete .sudoku-cell.complete{background:#ecfdf5!important;border-color:#007857!important;border-color:oklch(50.8% .118 165.612)!important;color:#007857!important;color:oklch(50.8% .118 165.612)!important}.pencil-marks{position:absolute;inset:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);-webkit-user-select:none;user-select:none;pointer-events:none}.pencil-marks span{display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .2s ease;font-weight:700;font-size:14px;color:#00a5ea;color:oklch(68.5% .169 237.323)}.pencil-marks span.visible{opacity:1}.pencil-marks span.invalid{color:#71717b;font-weight:400}.hidden-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}