.app{max-width:800px;font-family:SF Pro,Arial,Helvetica,sans-serif;margin:auto;padding:2rem .5rem .5rem;text-align:center;display:flex;flex-direction:column}main{flex-grow:1}footer{margin-top:1rem;margin-bottom:.2rem;justify-self:flex-end}.title{margin-bottom:1rem}.instructions{margin-bottom:.5rem;color:#d3d3d3}.instructions.game-over{color:#f58b9d}.instructions.win{color:#2cff59}.stats{color:#d3d3d3;margin-bottom:1rem;font-weight:700;font-size:1.5rem}button{border:none;cursor:pointer;padding:.5rem;font-family:inherit;font-size:1rem;border-radius:5px;color:#eee;background-color:#000;font-weight:700}button:disabled{cursor:default;opacity:.5}.sudoku-grid-wrapper{display:flex;gap:.5rem;margin:auto;margin-top:-2rem;width:fit-content;flex-flow:column wrap;align-items:flex-end;justify-content:right}.sudoku-grid-buttons{display:flex;width:100%;flex-direction:row;justify-content:space-between}.generation-settings{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:1rem}.seed-input{display:flex;gap:.5rem;background-color:#000;padding:.5rem;border-radius:5px;font-weight:700}.seed-input input{background:#eee;padding-left:4px;border:none;color:#111}.sudoku-grid{border:2px solid #111;display:inline-block;margin-bottom:2rem}.sudoku-row{margin:0!important}.sudoku-cell{background-color:#eee;display:inline-block;color:#111;width:2em;height:2em;font-size:min(5vw,24px);border-radius:0;border:1px solid #111;margin:0}.sudoku-cell.bottom{border-bottom:3px solid #111}.sudoku-cell.right{border-right:3px solid #111}.sudoku-cell:disabled{cursor:default;opacity:100%}.sudoku-cell-contents{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700}.sudoku-cell-contents.faded{opacity:20%}.sudoku-cell-contents.wrong{color:#f58b9d;opacity:100%!important}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#333;color:#eee;height:100%}html,#root,.app{height:100%}a{color:inherit;text-decoration:none;border-bottom:1px solid gray}a:hover{color:gray}