*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#004b81}h1{font-size:1.05vw!important}h2{font-size:1.25vw}@media only screen and (max-width:900px){h2{font-size:1.5vw}}h3{font-size:1.05vw}.tuteOverlay{position:relative;display:block;z-index:111;min-height:100vh;height:100vh;width:100%;background-color:#00000080}.tutorial-continue{text-align:center;background-color:#28ff28;font-size:1.25vw!important;font-weight:700;padding:.25vw;border-radius:5px;box-shadow:2px inset #000}.tutorial-restart{text-align:center;color:#000;background-color:#0ff;font-size:1.25vw!important;font-weight:700;padding:.25vw;border-radius:5px;box-shadow:2px inset #000}.over-flex{display:flex;min-height:100vh;width:100%;flex-direction:column;background-color:#ffc014}.over-flex-overlay{display:flex;min-height:100vh;flex-direction:column;background-color:#473608}.intro-column{flex:1;text-align:center}.name-input{display:flex;position:relative;left:41vw;max-width:15vw;flex-direction:column;align-items:center;margin-top:0%!important;bottom:2vh!important;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#2b6b9a}.bottle-barcode{overflow:hidden;position:absolute;top:2vh;width:2vw;min-width:1vw;height:1vh}.coreGame{margin-top:-30vh;display:flex;flex-direction:row}.container{flex:5;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}h1{color:#2b6b9a}.station{position:relative;width:20vh;height:45vh;background-color:#ccc;border-radius:16px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:20px;box-shadow:inset 0 0 10px #aaa}.station-base{width:15vw;height:45vh;background:linear-gradient(to bottom,#b0b0b0,#888);border-radius:16px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;box-shadow:inset 0 10px 20px #0003,0 4px 6px #0000001a}.station-barcode{border-radius:5px;overflow:hidden;position:absolute;top:12vh;width:5vw;height:3vh}@keyframes glow{to{border:3px solid rgba(255,75,75,1)}0%{border:3px solid rgba(255,75,75,0)}}.station-barcode-scanned{animation:glow 2s linear 1s infinite alternate;border-radius:5px;overflow:hidden;position:absolute;top:12vh;width:5vw;height:3vh}.station-body{position:relative;width:12vw;height:35vh;background:linear-gradient(to bottom,#d0d0d0,#a0a0a0);border-radius:12px;display:flex;align-items:flex-end;justify-content:center}.spout{position:absolute;top:0;left:50%;transform:translate(-50%);width:1vw;height:5vh;background-color:#888;border-top-left-radius:8px;border-top-right-radius:8px;z-index:12}.water-stream{position:absolute;top:2vh;left:50%;transform:translate(-50%);width:1vw;height:5vh;background-color:#00a3ff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;animation:pour .6s forwards}.water-level{width:100%;height:0;background-color:#00c0ff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;transition:height 1s}.water-level.filled{height:80px}.fill-button{padding:10px 20px;border:none;border-radius:12px;background-color:#06c;color:#fff;font-size:2vw;cursor:pointer}.fill-button:hover{background-color:#05a}@keyframes pour{0%{height:0;opacity:0}to{height:15vh;opacity:1}}.center-instructions{flex:5;align-self:center;text-align:center;margin:none!important;margin-bottom:none!important}.text-warning{animation:textglow 1s linear 1s infinite alternate;color:#ff4b4b}@keyframes textglow{0%{color:#ff4b4b}to{color:#000}}.mobile{flex:3;align-self:center;padding-right:15%;padding-left:5%}.mobile-body{position:relative;display:flex;justify-self:center;flex-direction:column;background:#818181;height:50vh;width:15vw;border-radius:25px}.mobile-speaker{width:6vw;height:1.5vh;background:#d8d8d8;align-self:center;justify-self:center;border-radius:0 0 20px 20px}.mobile-screen{background-color:#36c6f7;margin-top:2vh;align-self:center;width:12.5vw;height:45vh;margin-bottom:2vh;border-radius:15px}.mobile-filling-screen{display:flex;flex-direction:column}.app-prompt{display:flex;flex-direction:column;align-items:center;height:29vh;position:relative;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center}.filling-header{text-align:center;text-shadow:2px 2px #0055aa;color:#ffd931!important}.star-filled{fill:#ff0!important}.brove{width:5vw;height:.5vh;background:#949494;display:block;margin:5px auto auto;border-radius:20px}.water-meter{text-orientation:upright;text-align:center;max-height:16vh}.mobile-meter{animation:filler 10s 1s linear forwards;background:linear-gradient(180deg,#22c1c3,#fdbb2d);align-self:center;height:16vh;opacity:0;transform-origin:bottom;width:2vw}.meter-group{position:relative;display:flex;flex-direction:row-reverse;justify-content:center;top:.12vh;max-height:16vh}.text-group{position:relative;display:flex;flex-direction:column;border-left:1px solid white;max-height:18.5vh}.water-text{padding-left:.25vw;position:relative;font-size:2vh;color:#fff;bottom:11%}.water-text:nth-child(1){position:relative;bottom:3vh}.water-text:nth-child(2){position:relative;bottom:2.5vh}.water-text:last-child{position:relative}@keyframes filler{0%{opacity:100;transform:scaleY(0)}to{opacity:100;transform:scaleY(1)}}.mobile-dbpopup{font-size:.75vw!important;text-align:center;color:#00f;font-weight:600}.aspect-warning{text-align:center;font-size:200%!important;font-weight:700}.mobile-confirmation{display:flex;background:#3fe43f;border-radius:5px;width:2vw;height:5vh;color:#fff;border:none;text-align:center}.mobile-confirmation span{font-size:2vw!important}@media only screen and (max-width:900px){.mobile-confirmation{width:3vw!important;height:5vh!important}}.mobile-confirmation span{text-align:center;position:relative;align-self:center;color:#fff;font-size:2vh}.mobile-confirmation:hover{background:#006400}.mobile-dashboard{position:relative;bottom:2vh;display:flex;flex-direction:column;align-items:flex-start;padding-top:3vh}.mobile-dashboard>.dashboard-days:nth-child(1) button>h2{padding-top:2.5vh;padding-left:.5vw}.dashboard-days{flex:2.4;border:1px solid black;border-radius:12px;width:100%;max-height:5vh;background:#d3d3d3}.dashboard-days h2{font-size:2vh!important;position:relative;z-index:50000}.dashboard-days h2{font-size:1rem;margin-left:2vh}.reward-description{font-size:2vh;padding-left:1vw;position:relative;top:-1vh}.thumbs-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:12}.thumb{position:absolute;bottom:0;left:45%;top:50%;font-size:1vh;opacity:100;animation:riseAndFade 2s ease-in forwards}.thumb:nth-child(1){animation-delay:0s;left:25%}.thumb:nth-child(2){animation-delay:.3s;right:25%}.thumb:nth-child(3){animation-delay:.6s;left:10%}.thumb:nth-child(4){animation-delay:.9s;right:10%}.thumb:nth-child(5){animation-delay:1.2s;left:75%}@keyframes riseAndFade{0%{transform:translate(-50%) scale(.9);opacity:0}30%{opacity:1;transform:translate(-50%,-30px) scale(1)}to{transform:translate(-50%,-120px) scale(1.1);opacity:0}}.pass-button:hover{background-color:#8b8b8b;cursor:pointer}.endGame{height:100vh;width:100vw}
