#sudoku-container{flex-direction:column;align-items:center;display:flex}#sudoku-grid{background:#c9bda3;border:3px solid #d8cbb2;border-radius:8px;grid-template-rows:repeat(9,45px);grid-template-columns:repeat(9,45px);gap:1px;margin:20px 0;display:grid}.sudoku-cell{color:#e0603a;cursor:pointer;background:#fffdf8;justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:all .2s;display:flex;position:relative}.sudoku-cell:hover{background:#f5eede}.sudoku-cell.selected{background:#f3e2d6;box-shadow:inset 0 0 0 2px #e0603a}.sudoku-cell.given{color:#241f1a;background:#f2ebdd;font-weight:700}.sudoku-cell.error{color:#c0392b;background:#fbe9e4}.sudoku-cell.highlight-row,.sudoku-cell.highlight-col,.sudoku-cell.highlight-box{background:#f7efe2}.sudoku-cell.completed-box{color:#15803d;background:#dcfce7;border-color:#16a34a;font-weight:600}.sudoku-cell.highlight-number{color:#92400e!important;background:#fef3c7!important;border-color:#f59e0b!important;font-weight:700!important}.sudoku-cell:nth-child(3n){border-right:2px solid #d8cbb2}.sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #d8cbb2}#number-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f2ebddf2;border:1px solid #c9bda399;border-radius:12px;gap:8px;margin-top:20px;padding:12px 16px;display:flex;box-shadow:0 4px 16px #5a4a341f}.number-btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;appearance:none;border:1px solid #d8cbb2;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:12px 16px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 12px #5a4a341f;color:#241f1a!important;background:#f2ebdd!important}.number-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5a4a342e}.number-btn:active{transform:translateY(0);box-shadow:0 2px 8px #e0603a4d;color:#fff!important;background:#e0603a!important}.number-btn:focus{outline:none;box-shadow:0 0 0 3px #e0603a66;color:#241f1a!important;background:#f2ebdd!important}.number-btn:focus:not(:active){color:#241f1a!important;background:#f2ebdd!important}.erase-btn{box-shadow:0 3px 12px #e0603a66;color:#fff!important;background:#e0603a!important}.erase-btn:hover{box-shadow:0 6px 16px #e0603a66}.erase-btn:active{color:#fff!important;background:#c04d2c!important}.erase-btn:focus{box-shadow:0 0 0 3px #e0603a80;color:#fff!important;background:#e0603a!important}.erase-btn:focus:not(:active){color:#fff!important;background:#e0603a!important}@media (width<=768px){#sudoku-grid{grid-template-rows:repeat(9,44px);grid-template-columns:repeat(9,44px);gap:1px}.sudoku-cell{touch-action:manipulation;min-width:44px;min-height:44px;font-size:18px;font-weight:600}.sudoku-cell:active{transition:transform .1s;transform:scale(.95)}#number-controls{flex-wrap:nowrap;gap:6px;margin-top:16px;padding:10px 12px;overflow-x:auto}.number-btn{flex-shrink:0;min-width:40px;min-height:40px;padding:8px 12px;font-size:15px}}@media (width<=480px){#sudoku-grid{grid-template-rows:repeat(9,38px);grid-template-columns:repeat(9,38px)}.sudoku-cell{min-width:38px;min-height:38px;font-size:16px}#number-controls{flex-wrap:wrap;justify-content:center;gap:4px;max-width:320px;margin-top:12px;padding:8px 10px}.number-btn{flex:0 0 calc(20% - 4px);min-width:36px;min-height:36px;padding:6px 10px;font-size:14px}}@media (hover:none) and (pointer:coarse){.sudoku-cell{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sudoku-cell:hover{background:#e0603a1a}.number-btn{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.number-btn:active{transition:transform .1s;transform:scale(.95)}#sudoku-container{touch-action:manipulation;position:relative}#sudoku-grid{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}