.game{align-items:center;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:20px}.game-info{font-size:18px;margin-bottom:20px;text-align:center}.game-info div{margin:5px 0}.loading-screen{align-items:center;color:#007bff;display:flex;flex-direction:column;font-size:18px;height:100%;justify-content:center}.loading-message{margin-bottom:10px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.grid-container{align-items:center;display:flex;justify-content:center;max-width:100%;overflow:hidden;padding-bottom:60px;width:100%}.grid{background-color:#ddd;border-radius:5px;flex-direction:column;padding:2px}.grid,.row{display:flex;gap:2px}.cell{align-items:center;border:1px solid #ccc;border-radius:3px;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;transition:background-color .2s ease;-webkit-user-select:none;user-select:none;width:40px}.cell,.cell.active{background-color:#fff}.cell.active{color:#333}.cell.inactive{background-color:#eee;color:#999;cursor:not-allowed}.cell.cleared{background-color:#90ee90;visibility:hidden}.cell.selected{background-color:#90caf9;border-color:#42a5f5}@media (max-width:600px){.cell{font-size:14px;height:30px;width:30px}.game-info{font-size:16px}}@media (max-width:400px){.cell{font-size:12px;height:25px;width:25px}.game-info{font-size:14px}}.about{font-size:16px;line-height:1.6;padding:20px;text-align:left}.about h2{color:#007bff;text-align:center}.about p,.about ul{margin-bottom:15px}.about ul{padding-left:20px}.about ul li{margin-bottom:10px}.about a{color:#007bff;text-decoration:none}.about a:hover{text-decoration:underline}body,html{height:100%;margin:0;padding:0;touch-action:none}.app,body,html{overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;-webkit-user-select:none;user-select:none}.app.light{background-color:#f0f0f0;color:#000}.app.light .inactive{background-color:#ccc;color:#000}.app.light .restart-button{background-color:#ff5050;color:#fff}.app.light .restart-button:hover{background-color:#c00}.app.dark{background-color:#333;color:#fff}.app.dark .inactive{background-color:#666;color:#fff}.app.dark .restart-button{background-color:#444;color:#fff}.app.dark .restart-button:hover{background-color:#222}.app.blue{background-color:#e0f7fa;color:#00695c}.app.blue .inactive{background-color:#80deea;color:#00695c}.app.blue .restart-button{background-color:#0077b6;color:#fff}.app.blue .restart-button:hover{background-color:#005f8a}.app.green{background-color:#e8f5e9;color:#2e7d32}.app.green .inactive{background-color:#a5d6a7;color:#2e7d32}.app.green .restart-button{background-color:#2e7d32;color:#fff}.app.green .restart-button:hover{background-color:#1b5e20}.app.purple{background-color:#f3e5f5;color:#6a1b9a}.app.purple .inactive{background-color:#ce93d8;color:#6a1b9a}.app.purple .restart-button{background-color:#6a1b9a;color:#fff}.app.purple .restart-button:hover{background-color:#4a148c}.about,.game,.settings{flex:1 1;overflow-y:auto;padding:20px}.settings{margin:0 auto;max-width:400px}.settings h2{margin-bottom:20px;text-align:center}.settings .setting{margin-bottom:15px}.settings label{display:block;font-weight:700;margin-bottom:5px}.settings select{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:16px;padding:8px;width:100%}.about{margin:0 auto;max-width:600px;text-align:center}.about h2{margin-bottom:20px}.about p{font-size:16px;line-height:1.5}.bottom-nav{background-color:#007bff;bottom:0;display:flex;justify-content:space-around;left:0;padding:10px;position:fixed;right:0;width:100%;z-index:1000}.bottom-nav button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:5px;padding:10px}.bottom-nav button.active{background-color:#ffffff1a;border-radius:5px;font-weight:700}.restart-container{align-items:center;bottom:80px;display:flex;justify-content:center;position:fixed;right:60px}.restart-button{border:none;border-radius:5px;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}@media (max-width:600px){.about,.settings{padding:10px}.settings select{font-size:14px}.bottom-nav button{font-size:14px;padding:8px}}@media (max-width:400px){.settings select{font-size:12px}.bottom-nav button{font-size:12px;padding:6px}}
/*# sourceMappingURL=main.04ab3879.css.map*/