@charset "UTF-8";#sudoku-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:600px;margin:0 auto}#sudoku-grid{width:100%;height:100%;max-width:500px;max-height:500px;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);margin-bottom:20px}td{display:flex;align-items:center;justify-content:center;background-color:#1c4b74;border:1px solid #024;color:#f5f5dc;font-size:28px;font-weight:bold;position:relative;height:100%;width:100%}td input{position:absolute;top:0;left:0;width:100%;height:100%;font-size:28px;text-align:center;border:none;background-color:transparent;color:#f5f5dc;font-weight:bold;outline:none}td input:focus{color:#fc0}.bold{border-width:2px}.button-container{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}button{padding:12px 25px;font-size:16px;border-radius:5px;border:none;cursor:pointer;background-color:#ff7043;color:white;transition:background-color 0.3s ease,transform 0.3s ease}button:hover{background-color:#e64a19;transform:translateY(-2px)}.btn-primary{background-color:#0288d1;color:white}.btn-primary:active{background-color:#0277bd}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:active{background-color:#ddd}.error{color:red;font-size:14px;text-align:center;margin-top:10px}#explanation{text-align:center;font-size:18px;margin-bottom:20px}#solution-count{font-size:16px;text-align:center;margin-top:10px}@media (max-width:600px){td{font-size:20px}td input{font-size:20px}.button-container{flex-direction:column;gap:10px}button{width:100%;padding:15px;font-size:18px}#sudoku-grid{max-width:100%;height:auto}}@media (max-width:400px){td{font-size:18px}td input{font-size:18px}}