.sudoku-grid{max-width:360px;margin:0 auto;background:#fff;border:3px solid #333;border-radius:8px;box-shadow:0 4px 15px #0003;position:relative}.sudoku-row{display:flex;margin:0}.sudoku-cell{width:40px;height:40px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background:#fff;transition:all .2s ease;font-size:18px;font-weight:700}.sudoku-cell.right-thick{border-right:3px solid #333}.sudoku-cell.bottom-thick{border-bottom:3px solid #333}.sudoku-cell.initial-cell{background:#f8f9fa;color:#333;font-weight:700}.sudoku-cell.user-cell{background:#fff;color:#007bff;font-weight:700}.sudoku-cell.conflict-cell{background:#ffebee!important;color:#d32f2f!important;animation:conflictShake .3s ease}@keyframes conflictShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.sudoku-cell.selected-cell{background:#e3f2fd!important;border:2px solid #2196f3!important;box-shadow:0 0 0 2px #2196f34d;z-index:10}.sudoku-cell.highlighted-row{background:#2196f31f!important}.sudoku-cell.highlighted-col{background:#2196f31f!important}.sudoku-cell.highlighted-block{background:#2196f314!important}.sudoku-cell.highlighted-same-number{background:#ffc10726!important}.sudoku-cell.hint-cell{animation:hintGlow 1.5s ease}@keyframes hintGlow{0%{background:#fff3cd;box-shadow:0 0 10px #ffc107}50%{background:#fff3cd;box-shadow:0 0 20px #ffc107}100%{background:#fff;box-shadow:none}}.memo-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;width:100%;height:100%;gap:1px;font-size:8px;color:#666}.memo-number{display:flex;align-items:center;justify-content:center;font-size:8px;line-height:1}.cell-number{font-size:18px;font-weight:700;line-height:1}.control-panel{background:#f8f9fa;padding:15px;border-radius:12px;margin-top:15px}.memo-controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px}.number-pad{display:flex;justify-content:center}.number-pad .d-flex{max-width:280px;gap:8px}.number-btn,.erase-btn{width:45px;height:45px;border:2px solid #007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:2px}.number-btn:hover,.erase-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d;background:linear-gradient(135deg,#0056b3,#004085)}.number-btn:active,.erase-btn:active{transform:translateY(0);box-shadow:0 2px 6px #007bff33}.erase-btn{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545;font-size:16px}.erase-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d}.btn.active{background:linear-gradient(135deg,#28a745,#1e7e34)!important;border-color:#28a745!important;color:#fff!important}@media (max-width: 768px){.sudoku-grid{max-width:320px}.sudoku-cell{width:35px;height:35px;font-size:16px}.cell-number{font-size:16px}.memo-container{font-size:7px}.memo-number{font-size:7px}.number-btn,.erase-btn{width:40px;height:40px;font-size:16px;margin:1px}.control-panel{padding:10px}.number-pad .d-flex{max-width:250px;gap:6px}.sudoku-cell.selected-cell{border-width:3px!important;box-shadow:0 0 0 3px #2196f366}}@media (max-width: 480px){.sudoku-grid{max-width:280px}.sudoku-cell{width:31px;height:31px;font-size:14px}.cell-number{font-size:14px}.memo-container{font-size:6px}.memo-number{font-size:6px}.number-btn,.erase-btn{width:36px;height:36px;font-size:14px}.number-pad .d-flex{max-width:220px;gap:4px}}.sudoku-complete{animation:sudokuComplete 2s ease}@keyframes sudokuComplete{0%{transform:scale(1)}25%{transform:scale(1.02)}50%{transform:scale(1)}75%{transform:scale(1.02)}100%{transform:scale(1)}}.sudoku-stats .stat-number{color:#9c27b0}.game-timer{font-family:'Courier New',monospace;font-weight:700;min-width:50px;text-align:center}