:root{--cellWidth:35px;--gridSize:9}.index-sudoku-history-container{--cellWidth:50px;grid-template-columns:repeat(1,1fr)}.solved-sudoku-history-container{grid-template-columns:repeat(4,1fr)}.account-sudoku-container{--cellWidth:25px;grid-template-columns:repeat(5,1fr)}.account-sudoku-container,.index-sudoku-history-container,.solved-sudoku-history-container{display:grid;gap:1rem;margin:0 auto;width:-moz-fit-content;width:fit-content}.account-sudoku-container .solved-sudoku-container,.index-sudoku-history-container .solved-sudoku-container,.solved-sudoku-history-container .solved-sudoku-container{width:calc(var(--cellWidth)*var(--gridSize))}.account-sudoku-container .solved-sudoku-container .row,.index-sudoku-history-container .solved-sudoku-container .row,.solved-sudoku-history-container .solved-sudoku-container .row{display:flex}.account-sudoku-container .solved-sudoku-container .row:first-child,.index-sudoku-history-container .solved-sudoku-container .row:first-child,.solved-sudoku-history-container .solved-sudoku-container .row:first-child{border-top:4px solid #000}.account-sudoku-container .solved-sudoku-container .row:nth-child(3n),.index-sudoku-history-container .solved-sudoku-container .row:nth-child(3n),.solved-sudoku-history-container .solved-sudoku-container .row:nth-child(3n){border-bottom:4px solid #000}.account-sudoku-container .solved-sudoku-container .cell,.index-sudoku-history-container .solved-sudoku-container .cell,.solved-sudoku-history-container .solved-sudoku-container .cell{border:1px solid #000;box-sizing:border-box;font-size:1.5rem;height:var(--cellWidth);margin:0;outline:none;padding:0;text-align:center;width:var(--cellWidth)}.account-sudoku-container .solved-sudoku-container .cell:first-child,.index-sudoku-history-container .solved-sudoku-container .cell:first-child,.solved-sudoku-history-container .solved-sudoku-container .cell:first-child{border-left:4px solid #000}.account-sudoku-container .solved-sudoku-container .cell:nth-child(3n),.index-sudoku-history-container .solved-sudoku-container .cell:nth-child(3n),.solved-sudoku-history-container .solved-sudoku-container .cell:nth-child(3n){border-right:4px solid #000}.account-sudoku-container .solved-sudoku-container .cell::-webkit-inner-spin-button,.index-sudoku-history-container .solved-sudoku-container .cell::-webkit-inner-spin-button,.solved-sudoku-history-container .solved-sudoku-container .cell::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}@media only screen and (max-width:1350px){.solved-sudoku-history-container{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:1250px){.account-sudoku-container{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width:1050px){.account-sudoku-container{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:1000px){.solved-sudoku-history-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:850px){.account-sudoku-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:700px){.solved-sudoku-history-container{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:550px){.account-sudoku-container,.index-sudoku-history-container{--cellWidth:32.5px;grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:360px){:root{--cellWidth:30px}}