*{margin:0;padding:0;box-sizing:border-box}:root{background-color:#222}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}#file{display:flex;gap:25px;flex-direction:column;justify-content:center;align-items:center;width:25%;height:fit-content;background-color:#11998e;box-shadow:0 0 15px 5px #000;border-radius:25px;margin:100px auto;padding:20px;color:#000}h2{text-align:center;font-size:50px}#file-input,#select-input{display:flex;width:100%;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;padding:15px;background-color:#fff3;border-radius:25px}#file-input p{font-size:25px}.file-upload{display:flex;justify-content:center;align-items:center;height:50px;min-width:100px;padding:15px;background-color:#141414;border:2px solid white;border-radius:5px;font-size:20px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;color:#fff}.file-upload:hover{cursor:pointer;background-color:#414141}.file-upload:active{background-color:#414141}input[type=file]{display:none}#isGood{width:100%;background-color:red;text-align:center;overflow-wrap:break-word;font-size:20px;color:#fff;font-weight:bolder}#difficulty{width:50%;height:50px;font-size:20px;padding:5px;border-radius:10px}#startGame,#generateSudoku{width:50%;height:50px;font-size:20px;background:linear-gradient(0deg,#1b3dff,#275dff);border:none;color:#fff;border-radius:10px}#startGame:hover,#generateSudoku:hover{cursor:pointer}#startGame:active,#generateSudoku:active{background:linear-gradient(0deg,#275dff,#1b3dff);border:1px solid black}@media only screen and (max-width:1440px){h2{font-size:40px}#file-input{gap:12px}#file-input p{font-size:20px}.file-upload:hover{cursor:pointer;background-color:#464646}.file-upload:active{background-color:#272727}input[type=file]{display:none}#startGame,#generateSudoku{width:50%;height:50px}}@media only screen and (max-width:990px){h2{font-size:40px}#file{width:60%}}nav{display:flex;justify-content:left;align-items:center;width:100%;height:75px;gap:15px;padding:0 15px;background-color:#333;box-shadow:0 0 25px 5px #000}nav button{height:75%;background:none;border:none}nav img{height:100%}nav img:hover{cursor:pointer}main{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;margin:50px auto;width:100%}#menu{display:flex;justify-content:center;align-items:center;gap:10px}#solve_sudoku,#delete_hints,#clear_sudoku{width:fit-content;min-width:90px;height:40px;font-size:15px;padding:5px;background:linear-gradient(0deg,#1b3dff,#275dff);border:1px solid transparent;color:#fff;border-radius:10px}#solve_sudoku:hover:enabled,#delete_hints:hover:enabled,#clear_sudoku:hover:enabled{cursor:pointer}#solve_sudoku:active:enabled,#delete_hints:active:enabled,#clear_sudoku:active:enabled{background:linear-gradient(0deg,#275dff,#1b3dff);border:1px solid black}#hints_switch{width:fit-content;min-width:90px;height:40px;font-size:15px;padding:5px;border:none;background:linear-gradient(0deg,#ac1c1c,#ff2727);color:#fff;border-radius:10px}#hints_switch:hover:enabled{cursor:pointer}#hints_switch:active:enabled{background:linear-gradient(0deg,#ff2727,#ff1b1b);border:1px solid black}#show_left{position:relative;width:40px;height:40px;border-radius:50%}#show_left img{width:40px;height:40px}#show_left:hover{cursor:help}#show_left:hover>#data_div{display:block;z-index:5}#data_div{position:absolute;display:none;width:200px;left:-80px;top:50px;padding:15px;font-size:20px;color:#fff;background-color:#000;border-radius:25px}#data_div:before{content:"";position:absolute;top:-25px;left:0;right:0;margin:0 auto;width:0;height:0;border-bottom:25px solid black;border-left:25px solid transparent;border-right:25px solid transparent}#data_div table{width:100%;margin:0 auto;border-collapse:collapse}#data_div table th,#data_div table td{min-width:50%;vertical-align:middle;text-align:center}#data_div{border-collapse:collapse;border:none}#data_div td,#data_div th{border:1px solid white}#data_div tr:first-child td,#data_div tr:first-child th{border-top:none}#data_div tr:last-child td,#data_div tr:last-child th{border-bottom:none}#data_div tr td:first-child,#data_div tr th:first-child{border-left:none}#data_div tr td:last-child,#data_div tr th:last-child{border-right:none}.switch_on{background:linear-gradient(0deg,#2db612,#74e21a)!important}.switch_on:active:enabled{background:linear-gradient(0deg,#74e21a,#2db612)!important;border:1px solid black!important}#gameArea{max-width:50%;table-layout:fixed;color:#000;background-color:#fff;border-collapse:collapse;border:2px solid black}#gameArea td{vertical-align:middle;text-align:center;color:#000;background-color:#fff;border:2px solid black}#gameArea td div{display:flex;position:relative;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px}#gameArea td div input{position:relative;font-size:20px}#gameArea .empty_cell input{width:100%;height:100%;background-color:transparent;color:#000;outline-color:#0ff;text-align:center;outline:none;border-color:transparent}#gameArea .empty_cell input:focus{border:3px solid rgb(255,0,149)}#gameArea .empty_cell input:focus{caret-color:#000}#gameArea .filled_cell div{font-weight:bolder}#gameArea tr:nth-child(even) td:nth-child(even),#gameArea tr:nth-child(odd) td:nth-child(odd){background-color:#626f91}#gameArea tr:nth-child(3n){border-bottom:4px solid black}#gameArea tr:nth-child(1){border-top:4px solid black}#gameArea td:nth-child(3n){border-right:4px solid black}#gameArea td:nth-child(1){border-left:4px solid black}#gameArea td div:after{content:attr(data-after);position:absolute;bottom:0;font-size:12px;color:#00f}#winHeader{color:#32cd32}@media only screen and (max-width:990px){nav{height:60px}#solve_sudoku,#delete_hints,#clear_sudoku,#hints_switch{min-width:70px;height:30px;font-size:15px}#data_div{width:150px;left:-60px;top:35px;padding:15px;font-size:15px}#data_div:before{top:-15px}#show_left,#show_left img{width:30px;height:30px}#gameArea td div{width:40px;height:40px;font-size:15px}#gameArea td div input{font-size:15px}#gameArea td div:after{font-size:10px}}@media print{*{color:#000!important;print-color-adjust:economy!important}nav,#menu,h2{display:none}#gameArea td div:after{content:""}}