@font-face{font-family:Asap;src:local("Asap"),url(/static/media/AsapCondensed-Regular.b7d6918bd4a6da8589a4.ttf)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body,button{font-family:Asap,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button{border-radius:9999px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-menu{--tw-bg-opacity:1;align-items:center;background-color:rgb(232 234 220/var(--tw-bg-opacity));display:flex;flex-direction:column;font-family:Asap,Arial,sans-serif;height:100vh;justify-content:center}.main-title{color:#333;font-size:3rem;margin-bottom:2rem}.main-menu-image-container{border-radius:10px;margin:20px 0;max-width:400px;overflow:hidden;width:80%}.main-menu-image{display:block;height:auto;width:100%}.menu-button{background-color:#fff;border:none;border-radius:9999px;color:#000;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.menu-button:hover{background-color:#8eb34c}.clock-container{transition:all .3s ease}.clock-container.alert{animation:pulse .6s ease-in-out infinite alternate,backgroundColorChange .6s ease-in-out infinite alternate;color:red;font-size:45px}.clock-container.normal{color:#fff;font-size:30px}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes backgroundColorChange{0%{background-color:pink;color:red}to{background-color:#f83656;color:pink}}.auth-overlay{background-color:#0003;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-content,.auth-overlay{align-items:center;display:flex}.auth-content{background-color:#fff;border-radius:.5rem;flex-direction:column;max-height:80%;max-width:80%;padding:2rem;text-align:center}.auth-form{align-items:center;display:flex;gap:10px;justify-content:space-between}.auth-input{border:1px solid #ccc;border-radius:.25rem;flex:1 1;padding:.5rem}.auth-button,.auth-close-button,.auth-logout-button,.auth-toggle-button{border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;margin:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.auth-buttons{display:flex;justify-content:flex-end;margin-top:1rem}.auth-button{background-color:#48bb78;transition:background-color .3s ease}.auth-button:hover{background-color:#38a169}.auth-toggle-button{background-color:#3182ce;color:#fff}.auth-toggle-button:hover{background-color:#2b6cb0}.auth-close-button{background-color:#e53e3e;color:#fff}.auth-close-button:hover{background-color:#c53030}.auth-logout-button{background-color:#f56565;color:#fff}.auth-logout-button:hover{background-color:#e53e3e}.auth-button:disabled,.auth-close-button:disabled,.auth-logout-button:disabled,.auth-toggle-button:disabled{background-color:#d3d3d3;color:#a9a9a9;cursor:not-allowed;pointer-events:none}.auth-status-message{color:green;font-size:1rem;margin-top:1rem}.tutorial-overlay{align-items:center;background-color:#0003;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.tutorial-content{align-items:center;background-color:#fff;border-radius:.5rem;display:flex;flex-direction:column;max-height:80%;max-width:80%;padding:2rem}.tutorial-image{height:auto;margin-bottom:1rem;max-height:70vh;max-width:100%;object-fit:contain;width:auto}.tutorial-buttons{display:flex;justify-content:space-between;width:100%}.tutorial-button{border:none;border-radius:.25rem;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.skip-button{background-color:#e53e3e;color:#fff}.skip-button:hover{background-color:#c53030}.next-button{background-color:#48bb78;color:#fff}.next-button:hover{background-color:#38a169}.level-select{--tw-bg-opacity:1;align-items:center;background-color:rgb(232 234 220/var(--tw-bg-opacity));display:flex;flex-direction:column;min-height:100vh;padding:2rem}.level-select h1{color:#333;font-size:2.5rem;margin-bottom:2rem}.level-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:800px;width:100%}.level-button{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1rem;transition:all .3s ease}.level-button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.level-number{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.star-rating{display:flex;justify-content:center}.star{height:20px;margin:0 2px;width:20px}.back-button{background-color:#fff;border:none;border-radius:9999px;color:#000;cursor:pointer;font-size:1rem;margin-top:20px;padding:.75rem 1.5rem;transition:background-color .3s ease}.info-screen{--tw-bg-opacity:1;align-items:center;background-color:rgb(232 234 220/var(--tw-bg-opacity));display:flex;flex-direction:column;font-family:Asap,Arial,sans-serif;height:100vh;justify-content:center}.info-screen h1{color:#333;font-size:3rem;margin-bottom:2rem}.info-screen p{font-size:1.2em;line-height:1.6;margin-bottom:20px;margin-left:30%;margin-right:30%;text-align:center}.button-container{display:flex;flex-direction:column;gap:1rem}.back-button,.next-button{background-color:#fff;border:none;border-radius:9999px;color:#000;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.back-button:hover{background-color:#8eb34c}.next-button:disabled{background-color:#ccc;cursor:not-allowed}.next-button.enabled:hover{background-color:#8eb34c}.timer-container{background-color:#e0e0e0;height:20px;overflow:hidden;position:relative;width:100%}.bar-wipe{background-color:#ff0;width:100%}.bar-wipe,.indicator{height:100%;left:0;position:absolute}.indicator{background-color:#000;width:10%}.cooking-timer-container{border:10px solid #828282;border-radius:10px;display:inline-block;height:20px;width:100px}.overlay-screen{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-content{--tw-bg-opacity:1;background-color:rgb(232 234 220/var(--tw-bg-opacity));border-radius:15px;max-width:80%;padding:30px;text-align:center;width:400px}.overlay-title{color:#007b9e;font-size:30px;margin-bottom:50px}.overlay-info{margin-bottom:15px}.overlay-button-container{display:flex;justify-content:space-between;margin-bottom:30px;margin-top:30px}.overlay-button{border:none;border-radius:9999px;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 20px;transition:background-color .3s}.continue-button,.retry-button{background-color:#fff}.continue-button:hover,.retry-button:hover{background-color:#8eb34c}.level-select-button{background-color:#008cba;color:#fff}.auth-button,.level-select-button:hover{background-color:#007b9e}.auth-button{color:#fff}.auth-button:hover{background-color:#00058e}.behind-recipe-effect,.behind-recipe-effect-failure{display:inline-block;opacity:0;position:relative}.failure-image,.success-image{height:auto;position:relative;width:150px;z-index:2}.behind-recipe-effect:before{background:radial-gradient(circle,#ffe60080 0,#0000 70%)}.behind-recipe-effect-failure:before,.behind-recipe-effect:before{content:"";height:400px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1}.behind-recipe-effect-failure:before{background:radial-gradient(circle,rgba(236,32,32,.747) 0,#0000 70%)}.star-score{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:30px}.star-icon{height:40px;margin:0 5px;width:40px}.intro-image{height:auto;margin-bottom:20px;position:relative;width:200px;z-index:2}.play-button{background-color:#8eb34c;color:#fff;width:100%}.play-button:hover{background-color:#45a049}.level-template{align-items:center;background-position:50%;background-size:cover;display:flex;flex-direction:column;font-family:Asap,Arial,sans-serif;height:100vh;justify-content:flex-start;padding-top:2rem;position:relative;width:100vw}.level-template h1{color:#fff;font-size:2.5rem;text-shadow:2px 2px 4px #00000080}.level-template-buttons{display:flex;flex-direction:column;gap:10px;position:absolute;right:20px;top:20px}.level-template-buttons button{background-color:#8eb34c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.level-template-buttons button:hover{background-color:#45a049}
/*# sourceMappingURL=main.c047bbbf.css.map*/