*,:after,:before{box-sizing:border-box;position:relative}.app-container,.bar-scene,.title-screen-container,body,html{margin:0;font-family:Arial,sans-serif;text-align:center;width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;user-select:none;overflow:hidden;background:#111}@media screen and (min-width:320px) and (max-width:767px) and (orientation:portrait){html{transform:rotate(-90deg);transform-origin:left top;width:100vh;height:100vw;overflow-x:hidden;position:absolute;top:100%;left:0}}.game-canvas{position:absolute;width:800px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-lines{top:0;background:repeating-linear-gradient(transparent,transparent 3px,#bbb 0,#bbb 6px);z-index:10000;opacity:1;mix-blend-mode:soft-light;background:repeating-linear-gradient(transparent,transparent 3px,#fff 0,#fff 6px);mix-blend-mode:lighten;opacity:.14}.scan-lines,.scan-lines-2{position:absolute;left:0;right:0;bottom:0;pointer-events:none}.scan-lines-2{top:-3px;content:"";background:repeating-linear-gradient(transparent,transparent 3px,#333 0,#333 6px);mix-blend-mode:multiply;z-index:10001;opacity:.1}.nav-panel,.title-screen-container{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5000;cursor:pointer}.nav-panel.enter .stars,.title-screen-container.enter .stars{opacity:0;transition:opacity 0s linear;transition-delay:.7s}.nav-panel .stars,.title-screen-container .stars{position:absolute;left:0;top:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px,at 30px,#eee,transparent),radial-gradient(2px 2px at 40px,at 70px,#fff,transparent),radial-gradient(2px 2px at 50px,at 160px,#ddd,transparent),radial-gradient(2px 2px at 90px,at 40px,#fff,transparent),radial-gradient(2px 2px at 130px,at 80px,#fff,transparent),radial-gradient(2px 2px at 160px,at 120px,#ddd,transparent);background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(2px 2px at 50px 160px,#ddd,transparent),radial-gradient(2px 2px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,#ddd,transparent);background-repeat:repeat;background-size:200px 200px;animation:star-drift 35s linear infinite;background-position:0 0}.nav-panel .stars.stars-2,.title-screen-container .stars.stars-2{animation:star-drift 85s linear infinite;background-position:10% 10%;transform:rotate(5deg)}.nav-panel .stars.stars-3,.title-screen-container .stars.stars-3{animation:star-drift 135s linear infinite;background-position:13% 40%;transform:rotate(15deg)}.nav-panel.hide:not(.nav-panel),.title-screen-container.hide:not(.nav-panel){pointer-events:none;opacity:0;transition:opacity .3s ease-out}.nav-panel .credits,.title-screen-container .credits{position:absolute;display:flex;height:100%;width:100%;align-items:center;justify-content:center;color:#bbb;font-size:2vw;top:0;left:0;display:none}.nav-panel.exit .credits,.title-screen-container.exit .credits{display:flex}.nav-panel .game-over,.title-screen-container .game-over{transition:opacity .3s;font-size:10vw;color:#000;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3000;cursor:pointer;pointer-events:auto}.nav-panel .game-over.hide,.title-screen-container .game-over.hide{opacity:0}.nav-panel .game-over.hidden,.title-screen-container .game-over.hidden{pointer-events:none}.nav-panel .game-over .text,.title-screen-container .game-over .text{transform:translateY(-25%)}.nav-panel.enter .bar-wrap,.title-screen-container.enter .bar-wrap{animation:enter-bar 4s ease-in forwards}.nav-panel.exit .bar-wrap-wrap,.title-screen-container.exit .bar-wrap-wrap{transform:translate(-150vw,-50%) scale(1);transition:5s linear}.nav-panel .bar-wrap-wrap,.title-screen-container .bar-wrap-wrap{position:absolute;top:50%;left:50%;width:60%;padding-bottom:30%;transform:translate(-50%,-33%) scale(1);max-height:50%}@media (min-width:850px){.nav-panel .bar-wrap-wrap,.title-screen-container .bar-wrap-wrap{width:500px;height:250px;padding-bottom:0}}.nav-panel .bar-wrap,.title-screen-container .bar-wrap{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);animation:bar-bob 4s ease-in-out infinite}@keyframes bar-bob{50%{transform:translate(-50%,-60%)}}@keyframes enter-bar{30%{transform:translate(-50%,200%) scale(15)}60%{transform:translate(-50%,2800%) scale(140)}to{transform:translate(-50%,4550%) scale(340);opacity:0}}.nav-panel .bar-wrap .body,.title-screen-container .bar-wrap .body{width:100%;height:100%;background:linear-gradient(45deg,#ed7bef,#3a1b1d);border-radius:10000px;z-index:10;overflow:hidden}.nav-panel .bar-wrap .body:after,.nav-panel .bar-wrap .body:before,.title-screen-container .bar-wrap .body:after,.title-screen-container .bar-wrap .body:before{position:absolute;content:"";border:1px solid #000;border-radius:10000px;width:60%;height:17%;opacity:.4}.nav-panel .bar-wrap .body:before,.title-screen-container .bar-wrap .body:before{top:-11%;left:-16%}.nav-panel .bar-wrap .body:after,.title-screen-container .bar-wrap .body:after{bottom:-10%}.nav-panel .bar-wrap .body .cockpit,.title-screen-container .bar-wrap .body .cockpit{position:absolute;background:#16182d;border-radius:1000px;width:40%;padding-bottom:40%;opacity:1;left:-26%;bottom:-2%}.nav-panel .bar-wrap .body .console,.title-screen-container .bar-wrap .body .console{position:absolute;width:10%;padding-bottom:1.5%;background:#42435a;top:60%;left:2%;transform:rotate(45deg);z-index:1;box-shadow:0 -2px 10px hsla(0,0%,100%,.7)}.nav-panel .bar-wrap .sign,.title-screen-container .bar-wrap .sign{position:absolute;top:10%;left:0;width:100%;height:18%;background:#000;z-index:20}.nav-panel .bar-wrap .symbols,.title-screen-container .bar-wrap .symbols{height:100%;color:green;fill:green;letter-spacing:22px;transform:translate(30%);animation:marky 9s linear infinite;font-weight:700;text-shadow:0 0 6px green,0 0 5px green;white-space:nowrap;position:absolute;top:0}.nav-panel .bar-wrap .symbols svg,.title-screen-container .bar-wrap .symbols svg{height:100%;display:block}.nav-panel .bar-wrap .symbols svg text,.title-screen-container .bar-wrap .symbols svg text{text-shadow:0 0 6px green,0 0 5px green}@keyframes marky{to{transform:translate(-100%)}}.nav-panel .bar-wrap .eye,.nav-panel .bar-wrap .mouth,.title-screen-container .bar-wrap .eye,.title-screen-container .bar-wrap .mouth{position:absolute;top:40%;left:50%;width:10%;height:14%;background-color:#ff0;z-index:2000;border-top-left-radius:100%;border-top-right-radius:100%;transform:translateZ(0)}.nav-panel .bar-wrap .eye.eye-1,.nav-panel .bar-wrap .mouth.eye-1,.title-screen-container .bar-wrap .eye.eye-1,.title-screen-container .bar-wrap .mouth.eye-1{left:20%}.nav-panel .bar-wrap .eye.eye-2,.nav-panel .bar-wrap .mouth.eye-2,.title-screen-container .bar-wrap .eye.eye-2,.title-screen-container .bar-wrap .mouth.eye-2{right:25%}.nav-panel .bar-wrap .eye,.title-screen-container .bar-wrap .eye{box-shadow:0 0 10px #ff0}.nav-panel .bar-wrap .mouth,.title-screen-container .bar-wrap .mouth{top:70%;left:18%;width:51%;height:13%;border-radius:0;border-bottom-left-radius:100%;border-bottom-right-radius:100%;background:linear-gradient(90deg,#3d3131 10px,#302828 0);background-size:20px}.nav-panel .bar-wrap .drink,.title-screen-container .bar-wrap .drink{bottom:104%;left:39%;position:absolute;width:7%;padding-bottom:17%}.nav-panel .bar-wrap .drink .drink-glass,.title-screen-container .bar-wrap .drink .drink-glass{width:100%;height:100%}.nav-panel .bar-wrap .drink .drink-glass>div:not(.base),.title-screen-container .bar-wrap .drink .drink-glass>div:not(.base){display:none}.nav-panel .bar-wrap .drink .drink-glass :first-child:not(.base),.title-screen-container .bar-wrap .drink .drink-glass :first-child:not(.base){bottom:0;display:block;height:100%!important;position:absolute;width:100%;background:transparent;animation:drink-lights 3s linear infinite!important}@keyframes drink-lights{20%{background:linear-gradient(transparent 75%,green 0)}40%{background:linear-gradient(transparent 50%,orange 0,orange 75%,green 0)}60%{background:linear-gradient(transparent 25%,red 0,red 50%,orange 0,orange 75%,green 0)}80%{background:linear-gradient(#00f 25%,red 0,red 50%,orange 0,orange 75%,green 0)}}.nav-panel .bar-wrap .rockets,.title-screen-container .bar-wrap .rockets{top:50%;right:-23%;position:absolute;transform:translate(-50%,-50%);z-index:20;width:14%;height:14%}.nav-panel .bar-wrap .rockets .rocket,.title-screen-container .bar-wrap .rockets .rocket{padding-bottom:297%;width:70%;position:absolute;top:50%;transform:translate(-50%,-50%);border-top-left-radius:100px;border-bottom-left-radius:100px;z-index:40;background:linear-gradient(45deg,#ed7bef,#3a1b1d)}.nav-panel .bar-wrap .rockets.rockets-2,.title-screen-container .bar-wrap .rockets.rockets-2{right:1%}.nav-panel .bar-wrap .rockets.rockets-2 .rocket,.title-screen-container .bar-wrap .rockets.rockets-2 .rocket{padding-bottom:100%;width:70%}.nav-panel .bar-wrap .rockets .flame,.title-screen-container .bar-wrap .rockets .flame{width:70%;padding-bottom:80%;background:linear-gradient(90deg,#0ff,transparent);box-shadow:-6px 0 10px #0ff;left:48%;position:absolute;transform:translate(-50%,-50%) scaleX(1);animation:flame-pulse .02s ease-in-out infinite;border-radius:64%;border-bottom-right-radius:34%;border-top-right-radius:34%;transform-origin:0 0;top:50%}.nav-panel .bar-wrap .rockets .flame.flame-1,.title-screen-container .bar-wrap .rockets .flame.flame-1{top:230%}.nav-panel .bar-wrap .rockets .flame.flame-2,.title-screen-container .bar-wrap .rockets .flame.flame-2{top:-128%}@keyframes star-drift{to{background-position-x:100%}}@keyframes star-drift-2{to{background-position-x:200%}}@keyframes flame-pulse{50%{transform:translate(-50%,-50%) scaleX(1.1)}}.explosion{position:absolute;top:50%;left:50%;width:200%;height:200%;background:#fff;transform:scale(0) translate3d(-50%,-50%,0);transition:transform .3s ease-in,opacity .3s ease-in;z-index:100;opacity:0;border-radius:100%;transform-origin:0 0}.explosion.boom{transform:scale(1) translate3d(-50%,-50%,0);opacity:1}.mouth.flipped{transform:rotate(180deg)!important}.explosion-minis{position:absolute;top:50%;left:50%;width:30%;height:20%;z-index:100;transform:translate3d(-50%,-50%,0)}.explosion-minis .mini,.explosion-minis:after,.explosion-minis:before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;background:#ff6721;transform:translate3d(-50%,-50%,0);transition:transform .3s ease-in,opacity .3s ease-in;z-index:100;opacity:0;border-radius:100%;border-left:10px solid red;border-right:4px solid red}.explosion-minis.boom .mini,.explosion-minis.boom:after,.explosion-minis.boom:before{transform:translate3d(-50%,-50%,0);opacity:.8}.explosion-minis.boom:before{left:10%;top:10%;transition-delay:.3s}.explosion-minis.boom:after{left:80%;top:20%;transition-delay:.5s}.explosion-minis.boom .mini{left:30%;top:30%}.explosion-minis.boom .mini-1{left:60%;top:50%;transition-delay:.4s}.explosion-minis.boom .mini-2{left:60%;top:10%;transition-delay:.6s}.drink-glass,.glass{width:9%;padding-bottom:27%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column-reverse;justify-items:stretch;transition:opacity .8s ease-in-out;transition-delay:.3s;max-width:120px}@media (min-width:1300px){.drink-glass,.glass{width:120px;height:360px;padding-bottom:0}}.drink-glass:before,.glass:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background:#111;z-index:3;border:2px solid #d3d3d3;box-shadow:0 0 10px 4px #fff;opacity:.3}.drink-glass:after,.glass:after{content:"";position:absolute;width:200%;height:80%;bottom:10%;left:-50%;border-radius:100%;z-index:-2;background:#020024;background:radial-gradient(circle,transparent 19%,#fff 23%,transparent 27%);background-size:49% 114%;background-position:50%}.drink-glass.fade,.glass.fade{opacity:0}.drink-glass .base,.glass .base{width:100%;height:11%;background:#fff;box-shadow:0 0 10px 2px #fff;position:absolute;transform:perspective(49px) rotateX(218deg);transform-origin:bottom center;bottom:0}.drink-glass>div:not(.base),.glass>div:not(.base){z-index:5;flex-basis:25%;height:25%;width:100%;bottom:0;position:absolute;transition-timing-function:ease-out;transform-origin:50% 100%;mix-blend-mode:lighten}.drink-glass>div:not(.base):not(.mixing),.glass>div:not(.base):not(.mixing){transition:transform .4s,opacity .3s;transform:scaleY(0) translateZ(0)}.drink-glass>div:not(.base).pour,.glass>div:not(.base).pour{transform:scaleY(1) translateZ(0)}.drink-glass>div:not(.base).fizzing:before,.glass>div:not(.base).fizzing:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:radial-gradient(#fafafa 20%,transparent 0),radial-gradient(#fafafa 20%,transparent 0);background-position:0 0,20px 20px;background-size:40px 40px,40px 40px;z-index:3;opacity:.2;animation:bubbles 1.7s linear infinite}.drink-glass>div:not(.base).fizzing:before,.glass>div:not(.base).fizzing:before{background-image:radial-gradient(#30bd5a 20%,transparent 0),radial-gradient(#30bd5a 20%,transparent 0);mix-blend-mode:difference;opacity:.5}.drink-glass>div:not(.base):before,.glass>div:not(.base):before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 97%,#00f 0);background-position:0 0;z-index:3;opacity:.05;animation:beam 11.7s linear infinite;mix-blend-mode:color-burn}.drink-glass>div:not(.base):after,.glass>div:not(.base):after{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:linear-gradient(0deg,red 5%,transparent 0);background-position:0 0;z-index:3;opacity:.2;animation:beam2 1.7s linear infinite;mix-blend-mode:color-burn}.drink-glass>div:not(.base).x2,.glass>div:not(.base).x2{height:50%;width:100%}.drink-glass>div:not(.base).x3,.glass>div:not(.base).x3{height:75%}.drink-glass>div:not(.base).x4,.glass>div:not(.base).x4{height:100%}.drink-glass>div:not(.base).p0,.drink-glass>div:not(.base).p1,.drink-glass>div:not(.base).p2,.drink-glass>div:not(.base).p3,.glass>div:not(.base).p0,.glass>div:not(.base).p1,.glass>div:not(.base).p2,.glass>div:not(.base).p3{bottom:0;position:absolute;opacity:0;z-index:10}.drink-glass>div:not(.base).p0.pour:not(.fade),.drink-glass>div:not(.base).p1.pour:not(.fade),.drink-glass>div:not(.base).p2.pour:not(.fade),.drink-glass>div:not(.base).p3.pour:not(.fade),.glass>div:not(.base).p0.pour:not(.fade),.glass>div:not(.base).p1.pour:not(.fade),.glass>div:not(.base).p2.pour:not(.fade),.glass>div:not(.base).p3.pour:not(.fade){opacity:1}.drink-glass>div:not(.base).p3,.glass>div:not(.base).p3{bottom:75%}.drink-glass>div:not(.base).p2,.glass>div:not(.base).p2{bottom:50%}.drink-glass>div:not(.base).p1,.glass>div:not(.base).p1{bottom:25%}.drink-glass>div:not(.base).p0,.glass>div:not(.base).p0{bottom:0}.drink-glass>div:not(.base).mixing,.glass>div:not(.base).mixing{opacity:1;transition:opacity .4s}.drink-glass>div:not(.base).fade,.glass>div:not(.base).fade{opacity:0}.t-beam{position:absolute;width:20%;padding-bottom:34%;top:58%;left:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}@media (min-width:1300px){.t-beam{width:312px;height:527px;padding-bottom:0}}.t-beam:after,.t-beam:before{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:radial-gradient(#fafafa 20%,transparent 0),radial-gradient(#fafafa 20%,transparent 0);background-position:0 0,20px 20px;background-size:40px 40px,40px 40px;z-index:3;opacity:.1;animation:bubbles 1.7s linear infinite}.t-beam:after{background-image:linear-gradient(0deg,#0059ff 5%,transparent 0);mix-blend-mode:lighten;opacity:1;animation:beam2 .07s linear infinite}.t-beam.beam{animation:beam-out 1.1s ease-in-out}@keyframes beam-out{50%{opacity:1}}@keyframes beam{0%{background-position:0 0}to{background-position:1000px 0}}@keyframes beam2{0%{background-position:0 0}to{background-position:0 2000px}}@keyframes bubbles{50%{background-position:310px -500px,500px -1020px}to{background-position:0 -1000px,20px -2020px}}.ingredients-panel{position:absolute;top:28%;left:6.5%;width:23%;height:57%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;border:1px solid #fff;color:#fff;font-size:5vh;border-radius:4vw;padding:1% 1% 7.5%;background-color:#55506d;overflow:hidden;z-index:3}.ingredients-panel:after{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:linear-gradient(0deg,red 2%,transparent 0);background-position:0 0;z-index:3;opacity:.2;animation:beam2 .7s linear infinite;mix-blend-mode:color-burn;pointer-events:none}.ingredients-panel .ingredient{border:1px solid #fff;width:50px;height:50px;display:flex;width:100%;height:20%;border-radius:1000px;align-items:center;justify-content:flex-end;cursor:pointer;padding:0 20px;line-height:0;background-color:#000;z-index:2}.ingredients-panel .ingredient,.ingredients-panel .serve-button{opacity:1;transition:opacity .3s}.ingredients-panel.disabled .ingredient,.ingredients-panel.disabled .serve-button{transition:opacity 0s;opacity:.2}.order-panel{position:absolute;top:5%;left:50%;transform:translateX(-50%);width:30%;height:20%;border:2px solid #d3d3d3;display:flex;align-items:center;justify-content:center;color:#d3d3d3;font-size:8vmin;background-color:#55506d;max-width:300px}.order-panel:after{content:"";position:absolute;width:100%;height:100%;bottom:0;left:0;background-image:linear-gradient(0deg,red 5%,transparent 0);background-position:0 0;z-index:3;opacity:.2;animation:beam2 .2s linear infinite;mix-blend-mode:color-burn}.serve-button{--translate:translate(0,-50%);position:absolute;bottom:6%;left:50%;transform:var(--translate);transition:transform .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.serve-button.enabled:not(.active){animation:pulse 1.3s linear infinite}.serve-button:after,.serve-button:before{content:"⬢";position:absolute;top:50%;left:50%;color:#000;font-size:6vw;transform:translate(-50%,-50%)}.serve-button:before{color:#fff;font-size:7vw;top:49%}.serve-button div{color:#fff;font-size:2vw;z-index:4;position:relative;top:2%}.serve-button.active{transform:var(--translate) scale(1.3)}.serve-button.active:after{color:#00f}@keyframes pulse{50%{transform:var(--translate) scale(1.2)}}.progress-tracker{display:flex;justify-content:flex-start;width:60%;height:5%;border:1px solid #d3d3d3;position:absolute;bottom:2%;left:50%;transform:translateX(-50%);border-radius:20px;align-items:center;z-index:2222}.progress-tracker .pip{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.progress-tracker .pip:before{content:"";width:3vh;height:3vh;border-radius:100%}.progress-tracker .pip.success:before{background:green}.progress-tracker .pip.fail:before{background:red}.window{border:2px solid #d3d3d3;border-radius:30px;position:absolute;top:6%;left:6%;width:24%;height:18%;overflow:hidden;transform:translateZ(0);background-image:radial-gradient(2px 2px at 20px,at 30px,#eee,transparent),radial-gradient(2px 2px at 40px,at 70px,#fff,transparent),radial-gradient(2px 2px at 50px,at 160px,#ddd,transparent),radial-gradient(2px 2px at 90px,at 40px,#fff,transparent),radial-gradient(2px 2px at 130px,at 80px,#fff,transparent),radial-gradient(2px 2px at 160px,at 120px,#ddd,transparent);background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(2px 2px at 50px 160px,#ddd,transparent),radial-gradient(2px 2px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 120px,#ddd,transparent);background-repeat:repeat;background-size:100px 100px}.window .star{background:#fff;width:2px;height:2px}.window .boss{position:absolute;top:50%;left:50%;border:1px solid rgba(142,61,248,.2);background:rgba(113,4,255,.582);border-radius:100%;width:80%;padding-bottom:80%;z-index:2;transform:translate(-250%,-50%);opacity:1}.window .boss.in{transition:.3s;transform:translate(-50%,-50%)}.window .boss .part:before{box-shadow:0 0 10px red}.window .boss.attack .part:before{transition:box-shadow 8s;box-shadow:0 0 10px 10px red}.window .boss.d1,.window .boss.d2{background:rgba(234,4,255,.582)}.window .boss.d2{border-color:green;border-width:10px}.window .boss.d1 .part-2,.window .boss.d2 .part-3,.window .boss.d3{display:none}.window .laser-scrim{background:red;opacity:1;position:absolute;top:0;left:0;right:0;bottom:0;z-index:500;opacity:0}.window .laser-scrim.fire{transition:opacity .3s;opacity:1}.alien{transform:translate(-650%)}.alien.in{transform:translate(-50%,-50%)}.alien.in,.alien.out{transition:transform .4s ease-in}.alien.out{transform:translate(650%)}.alien-1{position:absolute;left:50%;bottom:-30px;width:50px;height:130px;border-radius:100%;background:#adff2f}.alien-1 [class^=eye]{background:#fff;border-radius:100%;width:30px;height:30px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.alien-1 [class^=eye]:before{content:"";background:#add8e6;border-radius:100%;width:5px;height:7px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.alien-1 .eye-2{transform:translate(-50%,-160%)}.alien-1:after{content:"";width:20px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,20px);background-color:#006400}.alien-1 .part-1{width:20px;height:120px;position:absolute;right:-40px;bottom:-30px;border-radius:50%;transform:translate(-50%,20px);background-color:#adff2f}.alien-1 .part-1:after,.alien-1 .part-1:before{content:"";width:10px;height:10px;position:absolute;left:50%;top:7%;transform:translate(-50%,20px);background-color:#576e33;border-radius:100%;border:2px solid #345c34}.alien-1 .part-1:before{width:10px;height:10px;top:-3%}.alien-2{position:absolute;top:60%;left:50%;height:8vw;width:4vw;max-height:105px;max-width:57px;transform:translate(-650%,-50%)}.alien-2:before{content:"";background:silver;position:absolute;top:-2%;left:50%;width:150%;padding-bottom:150%;transform:translate(-50%,-10%);border-radius:100%;opacity:.4}.alien-2:after{content:"";background:radial-gradient(ellipse,silver,#111);background:radial-gradient(ellipse,rgba(102,75,75,.3),#111),linear-gradient(0deg,silver 50%,#999 0);background-position:25% 25%;border-radius:100%;position:absolute;top:50%;left:50%;width:300%;padding-bottom:85%;transform:translate(-50%,-50%);z-index:10}.alien-2 .part-1{content:"";background:purple;top:1%;width:100%;padding-bottom:100%;transform:translate(-50%);z-index:-11}.alien-2 .eye-1,.alien-2 .part-1{position:absolute;left:50%;border-radius:100%}.alien-2 .eye-1{background:#fff;width:20%;padding-bottom:20%;top:15%;z-index:50}.alert-light,.alien-2 .eye-1{transform:translate(-50%,-50%)}.alert-light{color:#fff;font-size:30px;position:absolute;top:10%;left:50%}.alert-light>div{z-index:2}.alert-light:after,.alert-light:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-color:#fff transparent;border-style:solid;border-width:50px 50px 0;border-radius:25px}.alert-light:after{border-color:#000 transparent;border-style:solid;border-width:45px 45px 0}.alert-light.active:after{animation:alert-blink .5s linear infinite}@keyframes alert-blink{30%{border-top-color:red}50%{border-top-color:red}}.timer-panel{position:absolute;width:24%;height:80%;right:6%;top:6%;border:1px solid #d3d3d3;border-radius:100px}.timer-panel .explosion-alert{position:absolute;top:0;left:0;width:100%;height:100%}.timer-panel .explosion-alert .alert-light{top:20%}.drink-timer,.explosion-timer{width:2vw;height:50%;position:absolute;border-color:#d3d3d3;border-style:solid;border-width:9px 0 4px 1px;border-top-left-radius:100px;border-bottom-left-radius:100px;transition:height .3s linear}.drink-timer:after,.drink-timer:before,.explosion-timer:after,.explosion-timer:before{content:"";position:absolute;width:200%;max-width:50px;height:100%;background:red;left:20%;top:0;border:7px solid transparent;background-clip:content-box;border-radius:100px}.drink-timer:after,.explosion-timer:after{background:#111;background-clip:content-box;border-radius:0;height:0;opacity:.9}.drink-timer.count-down:after,.explosion-timer.count-down:after{height:100%;transform-origin:bottom center;transition:height 4s linear}.drink-alert{display:none}.explosion-timer{left:46%;top:34%;transform:translate(-50%)}.explosion-timer:after{height:100%;width:calc(200% + 1px)}.explosion-timer.count-down:after{height:0;transition:height 4s linear}.nav-panel{position:absolute;top:0;left:50%;width:80%;height:90%;transform:translate(-50%);border:2px solid #d3d3d3;border-width:0 15px 8px 3px;background:#111;z-index:50;border-bottom-left-radius:100px;border-bottom-right-radius:100px;display:flex;justify-content:space-around;align-items:center;cursor:default;transition:transform .5s ease-in-out;box-shadow:inset 0 0 20px #d3d3d3,0 0 20px #d3d3d3;overflow:hidden}.nav-panel.hide{transform:translate(-50%,-100%)}.nav-panel .stars{animation:none!important}.nav-panel .level{display:flex;justify-content:center;align-items:center;width:100%;height:75%;top:-12%;border:2px solid transparent;cursor:pointer}.nav-panel .level.blink{border:2px solid green;background:rgba(11,182,68,.35);animation:start-blink .3s infinite}.nav-panel .level.locked{background:rgba(249,0,0,.35);border:2px solid red}.nav-panel .level.locked.blink{animation:locked-blink .3s infinite}@keyframes locked-blink{50%{background:rgba(249,0,0,.55)}}@keyframes start-blink{50%{background:rgba(11,182,68,.55)}}.nav-panel .level .marker{width:5%;padding-bottom:5%;background:#fff;cursor:pointer}.nav-panel .bar-wrap-wrap{left:13%;top:31%;transform:translate(-50%,-150%) scaleX(-1);width:10%;padding-bottom:5%;height:0;z-index:100;transition:left .5s ease-in-out}.nav-panel .planet{width:17vmin;padding-bottom:17vmin;border-radius:100%;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%);background:#6d2727}.nav-panel .planet:after,.nav-panel .planet:before{content:"";position:absolute;left:24%;top:10%;width:20%;padding-bottom:20%;border-radius:100%;opacity:.7}.nav-panel .level-0 .planet{background-image:radial-gradient(circle at 20px,at 0,rgba(250,0,0,.2),rgba(0,0,0,.7));background-image:radial-gradient(circle at 20px 0,rgba(250,0,0,.2),rgba(0,0,0,.7))}.nav-panel .level-0 .planet:before{background:#000;opacity:.2}.nav-panel .level-1 .planet{background:#573c70;width:22vmin;padding-bottom:22vmin;transform:translate(-50%,-50%)}.nav-panel .level-1 .planet:after,.nav-panel .level-1 .planet:before{background-image:linear-gradient(0deg,transparent 50%,rgba(0,0,0,.05) 0);width:100%;height:100%;top:0;left:0;transform:rotate(45deg);opacity:1;background-size:100% 20%}.nav-panel .level-1 .planet:after{background-image:radial-gradient(circle at 20px,at 0,rgba(250,0,0,.2),rgba(0,0,0,.7));background-image:radial-gradient(circle at 20px 0,rgba(250,0,0,.2),rgba(0,0,0,.7));background-size:100% 100%}.nav-panel .level-2 .planet{background:#406d44;width:12vmin;padding-bottom:12vmin;background-image:radial-gradient(circle at 20px,at 0,rgba(250,0,0,.2),rgba(0,0,0,.7));background-image:radial-gradient(circle at 20px 0,rgba(250,0,0,.2),rgba(0,0,0,.7))}.nav-panel .level-3 .planet{background:#222;width:20vmin;padding-bottom:20vmin;background-image:radial-gradient(circle at 20px,at 0,rgba(250,0,0,.2),#000);background-image:radial-gradient(circle at 20px 0,rgba(250,0,0,.2),#000)}.nav-panel .level-3 .planet:after,.nav-panel .level-3 .planet:before{content:"";position:absolute;left:24%;top:10%;width:20%;padding-bottom:20%;background-color:red;background-image:radial-gradient(circle,#000,transparent);border-radius:100%;opacity:.7}.nav-panel .level-3 .planet:after{left:44%;top:40%;width:40%;padding-bottom:40%}.nav-panel .total-progress{width:50vw;height:8vh;max-height:35px;position:absolute;bottom:5%;border-color:#d3d3d3;border-style:solid;border-width:0 19px 8px 1px;border-bottom-right-radius:100px;border-bottom-left-radius:80px;transition:height .3s linear}.nav-panel .total-progress .milestone{position:absolute;width:2px;height:100%;background:#d3d3d3;z-index:10}.nav-panel .total-progress:after,.nav-panel .total-progress:before{content:"";position:absolute;width:96%;height:150%;max-height:40px;background:green;right:2%;transform:translateY(-50%);top:0;background-clip:content-box;border-radius:100px}.nav-panel .total-progress:after{background:#111;background-clip:content-box;border-radius:0;width:calc(96% - var(--total-progress));opacity:.9;transition:width 1s linear;left:auto}.nav-panel .total-progress.count-down:after{width:0;transform-origin:bottom center}.scrim{position:absolute;top:0;left:0;right:0;bottom:0;background:#111;opacity:.8;z-index:49}.scrim.hide{opacity:0;pointer-events:none}.boss{position:absolute;right:1%;top:40%;border:1px solid rgba(142,61,248,.2);background:rgba(113,4,255,.582);border-radius:100%;width:15vmin;height:15vmin;z-index:400;opacity:0;cursor:pointer}.boss.unlocked{transition:opacity .7s;opacity:1}.boss .part:before,.boss:after,.boss:before{content:"";position:absolute;background:red;width:12%;height:4%;left:58%;top:40%;z-index:5;transform:translateX(-50%)}.boss:after{left:42%}.boss .part{background:#222;width:20%;padding-bottom:20%;border-radius:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.boss .part:before{width:50%;top:70%;left:50%;height:7%}.boss .part-1{left:50%;top:50%;width:40%;padding-bottom:40%}.boss .part-2{top:52%;left:24%}.boss .part-3{top:52%;left:76%}