:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{height:100vh;width:100vw;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.splash-screen{height:100%;width:100%;position:relative}.background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.game-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#ffffffbf;border-radius:16px;height:55vh;width:55vw}.game-content-intro{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#ffffffbf;border-radius:16px;height:40vh;width:55vw}.game-name{max-width:80%;height:19%;margin-bottom:20px;animation:float 10s ease-in-out infinite;margin-top:16px}.play-button{width:22vw;cursor:pointer;transition:transform .3s ease}.play-button:active{animation:scaleUpDown 1.5s}.fade-in{animation:fadeIn 3s ease-in-out forwards}.fade-in-button{animation:fadeInButton 1s ease-in-out forwards}.fade-out{animation:fadeOut 3s ease-in-out forwards}.plant-image{position:absolute;top:4%;right:-4%;max-width:20%;z-index:2}.dialogue-text{position:absolute;font-size:1.2rem;font-weight:500;color:#333;border-radius:12px;text-align:center;max-width:70%}.next-button{position:absolute;bottom:-7%;left:92%;transform:translate(-50%);background-color:#fffcf6;border:2px solid #1f8f00;border-radius:100%;cursor:pointer;transition:background-color .3s ease;width:3em;height:3em;display:flex;justify-content:center;align-items:center;padding:0;box-sizing:border-box}.next-arrow{width:55%;height:auto;max-width:100%;max-height:100%;transform:rotate(-90deg);margin-left:5px}.next-button:hover{border-color:#125002;background-color:#fff}.game-wrapper{display:flex;width:100vw;height:100vh;justify-content:center;align-items:center;position:relative;min-width:800px}.game-content-game{flex-shrink:0;height:94vh;width:65vw;z-index:2}.game-content-settings-education{flex-shrink:0;background-color:#ffffffbf;border-radius:16px;height:94vh;width:65vw;display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;z-index:2}.sidebar{flex-shrink:0;height:94vh;width:8vw;min-width:5rem;background-color:#ececec;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;box-shadow:-2px 0 5px #0003;border-radius:16px;margin-left:10px;z-index:2}.sidebar-button{width:4rem;height:4rem;background-color:#007bff;color:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;font-size:2rem}.sidebar-button:hover{background-color:#0056b3}.currency-button{background-color:#f1b500;height:5.4rem}.currency-button:hover{background-color:#d6a204}.currency-button:active{background-color:#cc9a04}.settings-button{background-color:#6c757d}.settings-button:hover{background-color:#5a6268}.settings-button:active{background-color:#4d565e}.education-button{background-color:#28a745}.education-button:hover{background-color:#218838}.education-button:active{background-color:#19772e}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.overlay-content{background-color:#fff;padding:2rem;border-radius:12px;text-align:center;max-width:400px;box-shadow:0 4px 10px #0003}.gameplay-instructions{font-size:1.2rem;margin-bottom:1rem;color:#333}.overlay-button{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:8px;background-color:#4caf50;color:#fff;cursor:pointer}.overlay-button:hover{background-color:#45a049}.blurred{filter:blur(5px);pointer-events:none}.page{color:#333;display:block;height:80vh;padding:5vh 0;overflow-y:scroll}.page-header{text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:20px;color:#333;font-size:1.2em;text-align:left;padding-left:3em}.settings-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.5em 2em;margin:.5em 3em .5em .5em;background-color:#b1b1b1b3}.settings-content:focus{color:#333}.settings-label{font-size:1em;font-weight:600;margin-right:1em;color:#333}.checkbox-wrapper .settings-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#565656;border-radius:72px;border-style:none;flex-shrink:0;height:20px;margin:0;position:relative;width:30px}.checkbox-wrapper .settings-checkbox:before{bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px}.checkbox-wrapper .settings-checkbox,.checkbox-wrapper .settings-checkbox:after{transition:all .1s ease-out}.checkbox-wrapper .settings-checkbox:after{background-color:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;width:14px}.checkbox-wrapper input[type=checkbox]{cursor:default}.checkbox-wrapper .settings-checkbox:checked{background-color:#1a7a00}.checkbox-wrapper .settings-checkbox:checked:after{background-color:#fff;left:13px}.checkbox-wrapper :focus:not(.focus-visible){outline:0}.checkbox-wrapper .settings-checkbox:checked:hover{background-color:#1a7a00}.settings-arrow{width:15px;height:15px;rotate:270deg}.version-text{color:#5b5b5b}.close-button{position:absolute;right:20%}.close-button.shop{position:absolute;right:24%}.education-paragraph{padding:1em 3em 1em 2em;text-align:left;font-weight:600}.education-paragraph:before{content:"🌿";font-size:2em}.shop-food .page-header{margin-bottom:12px;padding-left:0;text-align:center}.shop-algae .page-header,.upcoming-backgrounds .page-header{padding-left:0;text-align:center}.sidebar.shop{height:90vh}.carousel{display:flex;overflow-x:auto;gap:1rem;padding:1rem;margin:0 10px;border-radius:6px;scroll-behavior:smooth;background-color:#f9f9f9}.carousel-item{flex:0 0 15.3svw;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1rem;text-align:center;transition:transform .3s;display:flex;flex-direction:column;align-items:center}.carousel-item:hover{transform:scale(1.1)}.carousel-item .item-name{font-size:1rem;font-weight:700;color:#333;margin-bottom:.3rem}.carousel-item .item-price{font-size:.9rem;color:#007bff;font-weight:500}.carousel::-webkit-scrollbar{display:none}.food-1{width:4rem;height:4rem;background:#00b90f;border-radius:50%;margin-bottom:1rem}.food-2{width:4rem;height:4rem;background:#0a59cf;border-radius:50%;margin-bottom:1rem}.food-3{width:4rem;height:4rem;background:#b92b00;border-radius:50%;margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInButton{0%{background-color:#fff0}to{background-color:#ffffffbf}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUpDown{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes float{0%{transform:translate(0)}25%{transform:translate(4px,-12px)}50%{transform:translate(-6px,-6px)}75%{transform:translate(6px,-6px)}to{transform:translate(0)}}@media (orientation: landscape){.rotate-message{display:none}}@media (orientation: portrait){.app-content{display:none;height:100vh;width:100vw;overflow:hidden;position:relative}.rotate-message{display:flex;justify-content:center;align-items:center;font-size:1.5rem;text-align:center;padding:20px}}.aquarium{position:relative;width:100%;height:100%;margin:0 auto;background:url(/assets/Acvariu-VAipUOyT.png) no-repeat center center;background-size:cover;padding:0;border:2px solid #333;border-radius:16px;overflow:hidden;min-width:none}.aquarium.darkmode{background:url(/assets/Acvariu%20dark-DsG6kf96.png) no-repeat center center;background-size:cover}.algae{position:absolute;width:20%;height:20%;background:url(/assets/Algae%201-mEQsH9of.png) no-repeat center center;background-size:contain;cursor:pointer;animation:float 3s infinite ease-in-out;z-index:3}.nutrient{position:absolute;width:1rem;height:1rem;background:#fff;border-radius:50%;animation:nutrient-fall 3s ease-in-out forwards}.food-1-background{background:#00b90f}.food-2-background{background:#0a59cf}.food-3-background{background:#b92b00}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes nutrient-fall{0%{transform:translateY(0);opacity:1}to{transform:translateY(100vh);opacity:0}}.salinity-meter,.thermometer{position:absolute;left:10px;background-color:#fffc;padding:10px;border-radius:8px;z-index:2}.thermometer{background:url(/assets/Temperature-BtJubs71.png) no-repeat;background-size:contain;width:240px;height:60px;left:77%;font-family:Franklin Gothic,Arial Narrow,Arial,sans-serif;font-size:2.4em;text-align:left;letter-spacing:2px;font-weight:800;color:#5e0f0f;text-indent:25px}.salinity-meter{background:url(/assets/Salinity-Bj_p0aOW.png) no-repeat;background-size:contain;height:180px;width:80px;left:-3%}.salinity-meter span{position:absolute;top:15%;left:38%}.meters{width:100%;height:100px;display:flex;flex-direction:row}button{margin:5px;padding:10px 15px;border:none;border-radius:5px;color:#fff;cursor:pointer;transition:background .3s ease}button:focus{outline:none}.feedback-message{position:absolute;top:20px;left:50%;transform:translate(-50%);padding:10px;background-color:#00ff00b3;color:#fff;border-radius:8px;font-size:1.2rem;text-align:center;opacity:0;animation:fadeInOut 3s forwards;z-index:5}.Nanoz{background:url(/assets/Nanoz%202-DBmt1hjX.png) no-repeat center center;background-size:contain;position:relative;left:30%;top:20svh;width:30vw;height:80vh}.nutrients{position:absolute;bottom:10px;right:10px;width:50px;height:50px}.dark-mode-container{position:absolute;bottom:10px;right:10px}.overlay-thermometer{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.overlay-content-thermometer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;background:#fff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 10px #0003;width:300px;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.overlay-content-thermometer .close-button{right:8%}.large-thermometer{background:url(/assets/Temperature-BtJubs71.png) no-repeat;background-size:contain;width:600px;height:200px;left:77%;font-family:Franklin Gothic,Arial Narrow,Arial,sans-serif;font-size:7em;text-align:left;letter-spacing:2px;font-weight:800;color:#5e0f0f;text-indent:80px}.buttons-container-thermometer{display:flex;justify-content:space-around}.celsius{font-size:2rem;margin-left:-.4rem}.large-thermometer .celsius{font-size:6rem;margin-left:-1rem}.overlay-content-salinity{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0003;width:300px;height:90vh;z-index:1000;display:flex;flex-direction:column;overflow:hidden;margin:0;justify-content:center;align-items:center}.overlay-content-salinity .close-button{right:5%;top:2%}.large-salinity-controls{background:url(/assets/Salinity-Bj_p0aOW.png) no-repeat center center;background-size:contain;height:80svh;width:300px;margin-top:7%;margin-left:-16%}.large-salinity-controls span{font-family:Franklin Gothic,Arial Narrow,Arial,sans-serif;font-size:2em;text-align:center;letter-spacing:2px;font-weight:800;color:#f7f5f5;position:absolute;right:45%;top:21%}.button-1,.button-2{padding:10px 20px;height:4em;border:none;border-radius:5px;cursor:pointer;color:#fff;transition:background .3s}.buttons-thermometer-flex{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.buttons-salinity-flex{position:absolute;top:50%;left:-1%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.decrement-btn,.increment-btn{height:4em}.dark-mode{position:absolute;bottom:10px;right:80px;width:50px;height:50px;background-color:#f0f8ff94;border-radius:4px}@keyframes fadeInOut{0%{opacity:0}33%{opacity:1}80%{opacity:1}to{opacity:0}}