body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;justify-content:space-between;left:0;padding:0 10px;position:fixed;right:0;top:0;width:100%;z-index:1000}nav,nav ul{display:flex}nav ul{list-style:none;margin:0;padding:0}nav ul li{margin-left:10px}nav ul li:first-child{margin-left:0}nav ul li button{background:none;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:12px;padding:5px 10px;transition:background-color .3s}nav ul li button:hover{background-color:gray}.settings-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.settings-modal .modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;width:400px}.settings-modal .modal-content h2{font-size:24px;margin-top:0}.settings-modal .modal-content .setting{margin:20px 0}.settings-modal .modal-content .setting label{display:block;font-size:16px;margin-bottom:10px}.settings-modal .modal-content .setting .options{display:flex;justify-content:center}.settings-modal .modal-content .setting .options .option{background:#f0f0f0;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;font-size:14px;min-width:60px;padding:10px 20px;transition:background-color .3s}.settings-modal .modal-content .setting .options .option.active{background:#d4edda;color:#155724;font-weight:700}.settings-modal .modal-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.settings-modal .modal-content button:hover{background-color:#0056b3}.main-screen{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;text-align:center;width:100%}.main-header{padding:0 20px}.main-number{font-size:3rem;font-weight:700}.main-footer{display:flex;justify-content:center;margin-top:20px}.board{grid-gap:10px;display:grid;gap:10px;grid-auto-flow:row;padding:20px auto}.cell{align-items:center;background:#fff;border:1px solid #ccc;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:60px;justify-content:center;outline:none;position:relative;-webkit-user-select:none;user-select:none;width:60px}.cell.valid{background:#fff;color:#000}.cell.invalid{background:#f0f0f0;color:#ccc;pointer-events:none}.cell span{color:#d3d3d3;font-size:12px;left:5%;position:absolute;top:5%}.cell span.valid{color:#000}.cell span.invalid{color:#ccc}.cell.filled{background:#d4edda;color:#155724}.game-over{color:red}.game-over,.win{font-size:18px;margin:10px 0}.win{color:green}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}button:hover{background-color:#0056b3}.modal{align-items:flex-end;background:#00000080;bottom:0;display:flex;height:auto;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999}.modal .modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center;width:400px}.modal .modal-content h2{font-size:24px;margin-top:0}.modal .modal-content p{font-size:18px;margin:20px 0}.modal .modal-content button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.modal .modal-content button:hover{background-color:#0056b3}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}
/*# sourceMappingURL=main.bbd4c70b.css.map*/