@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";body{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}#root{max-width:1280px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.title{font-size:50px;font-family:Caveat;font-weight:900;text-align:center;font-size:4rem;border:none}.cell{aspect-ratio:1/1;border:solid 1px black;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;display:flex;align-items:center;justify-content:center}.controls select{background-color:#d7f9f8;border-radius:10%}.cellinput{height:95%;width:95%;resize:none;border:none}.cellinput:focus-visible{outline:none}.cellContent{text-align:center;overflow-wrap:break-word;width:100%;height:100%;padding:10px;box-sizing:border-box}.checked{background-color:#d7f9f8}.checked.winning{background-color:#e5d4ef}.controls{display:flex;flex-wrap:wrap;justify-content:center}.controls button,.controls select{margin:10px;border:0;cursor:pointer;padding:15px 20px}button{border-radius:10%;color:#fff;font-weight:900;font-family:Montserrat;font-size:16px}#grid{display:grid;gap:6px;max-width:700px;width:40vw}@media (max-width: 900px){#grid{width:90vw}}#lock{background-color:#ff6e96}#lock:hover{background-color:#e6557d}#shuffle{background-color:#ab9cd1}#shuffle:hover{background-color:#9283ba}