#root{max-width:1280px;margin:0 auto;padding:0rem;text-align:center}.App{display:flex;flex-direction:column;align-items:center;gap:10px}.number-selector{position:fixed;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px;border-radius:8px;box-shadow:0 2px 10px #0003;z-index:1000}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.number-button{width:40px;height:40px;border:1px solid #ccc;background:#fff3;border-radius:4px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.number-button:hover{background:#eee}.number-button:active{background:#ddd}.number-button.clear{grid-column:1 / span 3;width:auto;background:#ff98004d;color:#fff;border:none}.number-button.clear:hover{background:#f57c004d}@media (max-width: 480px){.number-button{width:50px;height:50px;font-size:24px}}.sudoku-board{display:inline-block;padding:10px;background:linear-gradient(45deg,#8b4513,sienna);border:8px solid #5D4037;border-radius:8px;box-shadow:0 8px 16px #0006;position:relative;max-width:100%;box-sizing:border-box}.sudoku-board:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.row{display:flex}.cell{width:clamp(25px,11vw,40px);height:clamp(25px,11vw,40px);border:1px solid rgba(0,0,0,.2);text-align:center;font-size:clamp(14px,5vw,20px);margin:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#deb887;color:#2d1810;font-weight:700;transition:all .2s ease;text-shadow:1px 1px 1px rgba(255,255,255,.2);box-sizing:border-box}.cell:hover{background-color:#e8c39e}.cell:active{background-color:#d4a676}.cell:nth-child(3n){border-right:3px solid #5D4037}.row:nth-child(3n) .cell{border-bottom:3px solid #5D4037}.cell:focus{background-color:#e8c39e;outline:none;box-shadow:inset 0 0 5px #0000004d}@media (max-width: 480px){.cell{width:30px;height:30px;font-size:16px}.sudoku-board{padding:5px;border-width:4px}.sudoku-container{padding:8px;width:98%;max-width:100%;margin:0 auto;gap:12px}}@media (max-width: 360px){.cell{width:25px;height:25px;font-size:14px}.sudoku-board{padding:3px;border-width:3px}.sudoku-container{padding:5px;gap:8px}}.cell.entered{background-color:#f0f0f0d3}.cell.incorrect{color:#d32f2f;background-color:#e6bbb3}.cell.incorrect:hover{background-color:#e6cac3}.cell.incorrect:active{background-color:#d6aba3}.cell.initial{background-color:#f0f0f0;cursor:not-allowed;font-weight:700}.cell.selected{background-color:#e3f2fd;outline:5px solid #2196f3;outline-offset:-5px}.cell.selected:hover{background-color:#c99b6d}.game-controls{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:20px}@media (max-width: 480px){.cell{width:30px;height:30px;font-size:16px}.difficulty-buttons{flex-direction:column;gap:5px;width:100%;max-width:280px}.new-game-button{width:100%;padding:8px 16px;font-size:14px}.game-controls{margin-top:12px;gap:8px}}.button-row{display:flex;gap:10px}.show-incorrect-button{padding:8px 16px;font-size:16px;background:linear-gradient(145deg,#8b6b4f,#725544);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 1px rgba(0,0,0,.3);box-shadow:0 4px 6px #0003;border:2px solid rgba(0,0,0,.1);-webkit-user-select:none;user-select:none;touch-action:manipulation}.show-incorrect-button:active{background:linear-gradient(145deg,#725544,#8b6b4f);transform:scale(.98)}.undo-button{padding:8px 16px;font-size:16px;background:linear-gradient(145deg,#8b6b4f,#725544);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 1px rgba(0,0,0,.3);box-shadow:0 4px 6px #0003;border:2px solid rgba(0,0,0,.1)}.undo-button:hover:not(:disabled){background:linear-gradient(145deg,#9b7b5f,#826554)}.undo-button:disabled{background:linear-gradient(145deg,#aaa,#999);cursor:not-allowed;opacity:.7}.undo-button:active:not(:disabled){transform:scale(.98)}.difficulty-buttons{display:flex;gap:10px;margin-top:20px}.new-game-button{padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:all .3s;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);box-shadow:0 4px 6px #0003;border:2px solid rgba(0,0,0,.1)}.new-game-button.basic{background:linear-gradient(145deg,#7e9e7e,#5c8a5c)}.new-game-button.basic:hover{background:linear-gradient(145deg,#8cae8c,#6a986a)}.new-game-button.hard{background:linear-gradient(145deg,#c17817,#a65d00)}.new-game-button.hard:hover{background:linear-gradient(145deg,#d18827,#b66d10)}.new-game-button.very-hard{background:linear-gradient(145deg,#8b4513,#723810)}.new-game-button.very-hard:hover{background:linear-gradient(145deg,#9b5523,#824920)}.new-game-button:active{transform:scale(.98)}.game-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#f5e6d3,#e6d5c3);border-radius:12px;box-shadow:0 4px 8px #0000001a;width:95%;max-width:500px;margin:0 auto;box-sizing:border-box}.victory-message{background-color:#4caf50;color:#fff;padding:15px 30px;border-radius:8px;font-size:1.2em;font-weight:700;text-align:center;animation:bounce .5s ease;margin-bottom:20px;box-shadow:0 2px 4px #0003}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}