@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.repeat-1{animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{animation-iteration-count:calc(var(--animate-repeat) * 2)}.animated.repeat-3{animation-iteration-count:calc(var(--animate-repeat) * 3)}.animated.delay-1s{animation-delay:var(--animate-delay)}.animated.delay-2s{animation-delay:calc(var(--animate-delay) * 2)}.animated.delay-3s{animation-delay:calc(var(--animate-delay) * 3)}.animated.delay-4s{animation-delay:calc(var(--animate-delay) * 4)}.animated.delay-5s{animation-delay:calc(var(--animate-delay) * 5)}.animated.faster{animation-duration:calc(var(--animate-duration) / 2)}.animated.fast{animation-duration:calc(var(--animate-duration) * 0.8)}.animated.slow{animation-duration:calc(var(--animate-duration) * 2)}.animated.slower{animation-duration:calc(var(--animate-duration) * 3)}@media print, (prefers-reduced-motion: reduce){.animated{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}.animated[class*='Out']{opacity:0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 25px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0, -25px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0, -25px, 0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0, 25px, 0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes bounceIn{from,
  20%,
  40%,
  60%,
  80%,
  to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scale3d(1, 1, 1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,
  45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -1000px, 0) scaleY(3)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes flash{from,
  50%,
  to{opacity:1}25%,
  75%{opacity:0}}.flash{animation-name:flash}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-timing-function:ease-in-out}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0, -1000px, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0, 1000px, 0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{min-width:320px;height:100%;background:#18347f}body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:auto;min-height:100%;padding:0 15px;overflow:hidden;background:url("/images/background.png") #18347f;background-position:center;background-size:1366px 1533px;color:#fff;font-family:"Poppins",sans-serif;font-size:16px;font-weight:bold;line-height:1.4}body:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#fff;opacity:0;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-transition:opacity .5s ease 0s,z-index .5s ease 1s;-o-transition:opacity .5s ease 0s,z-index .5s ease 1s;-webkit-transition:opacity .5s ease,z-index .5s ease;-webkit-transition-delay:0s,1s;transition:opacity .5s ease 0s,z-index .5s ease 1s}body.on-transition:before{z-index:1000;opacity:1;-moz-transition-delay:0s;-o-transition-delay:0s;-webkit-transition-delay:0s;transition-delay:0s}@media only screen and (max-width: 669px){body{background-image:url("/images/background-mobile.png");background-size:375px 1108px}}h1,h2,h3,h4,h5,h6{margin:0;font-family:"Poppins",sans-serif;font-weight:600}a{color:#fff;text-decoration:none}p{margin:1em 0}ul{padding:0;list-style:none}i{display:inline-block !important}figure{margin:0}button,textarea,input,select,a{-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.hidden{display:none !important}.invisible{visibility:hidden !important}.visible{visibility:visible !important}.visible-small{display:none !important}.visible-mobile{display:none !important}.mobile .visible-mobile{display:block !important}.mobile .hidden-mobile{display:none !important}@media only screen and (max-width: 669px){.visible-small{display:block !important}.hidden-small{display:none !important}}.font-body{font-family:"Poppins",sans-serif}.font-heading{font-family:"Poppins",sans-serif;font-weight:600}#content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1;flex:1;position:relative;z-index:1;padding:20px 0;overflow:hidden}#content>section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex:1;flex:1;text-align:center}.ios #content,.safari #content{display:block}.ios #content>section,.safari #content>section{min-height:calc(100% - (30px + 30px + 40px))}#footer{display:none}#header{display:none}.has-anim{visibility:hidden}.animated{visibility:visible !important}.btn{display:inline-block;height:60px;padding:0 25px;background:#00b388;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#fff;font-family:"Poppins",sans-serif;font-size:16px;font-weight:600;line-height:60px;text-align:center;outline:none;-moz-transition:all .25s ease;-o-transition:all .25s ease;-webkit-transition:all .25s ease;transition:all .25s ease}.desktop .btn:hover,.desktop .btn:active{background:#019370}@media only screen and (max-width: 669px){.btn{height:48px;line-height:48px;font-size:12px}}@media only screen and (max-width: 499px){.btn{padding:0 30px}}#preload{display:none;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;background:#18347f;text-align:center}.on-preload #preload{display:-webkit-flex;display:flex}#preload img{width:333px}@media only screen and (max-width: 669px){#preload img{width:250px;margin-bottom:50px}}#preload p{position:absolute;margin:0;color:#fff}#preload .progress{bottom:150px;font-size:16px;line-height:60px}#preload .progress.complete{display:none}#preload .progress.complete+.btn{display:block}#preload .notice{bottom:90px;font-size:12px;font-weight:500;--animate-duration:2s;-moz-animation-delay:0.5s;-webkit-animation-delay:0.5s;animation-delay:0.5s}#preload .btn{display:none;position:absolute;bottom:150px;background:transparent;border:1px solid #fff;color:#fff}.desktop #preload .btn:hover,.desktop #preload .btn:active{background:#fff;color:#00b388}.page-end{overflow:hidden;padding:0}.page-end #content{padding:0}.page-end #content{overflow:hidden}.page-end #content>section{-webkit-align-items:flex-end;align-items:flex-end}@media only screen and (max-width: 669px){.page-end #content>section{-webkit-align-items:center;align-items:center}}#end .logo{position:absolute;top:30px;left:40px;z-index:2;width:200px;cursor:pointer}@media only screen and (max-width: 669px){#end .logo{left:50%;margin-left:-100px}}#end .text{position:relative;z-index:10;max-width:410px;margin-right:18vw;text-align:left}#end .text h2{margin:0 0 30px;font-size:40px}@media only screen and (max-width: 669px){#end .text h2{margin-bottom:50px;font-size:18px}}@media only screen and (max-width: 669px){#end .text{max-width:100%;margin-right:0;padding:0 40px;text-align:center}}@media only screen and (max-width: 499px){#end .text{padding:0 25px}}#end .decor,#end .planet{position:absolute;z-index:1}#end .decor{top:-52px;right:0;left:50%;width:809px;height:309px;-moz-transform:translate3d(-35%, 0, 0);-ms-transform:translate3d(-35%, 0, 0);-webkit-transform:translate3d(-35%, 0, 0);transform:translate3d(-35%, 0, 0);-moz-transition:top 6s ease-out,right 6s ease-out,-moz-transform 6s ease-out;-o-transition:top 6s ease-out,right 6s ease-out,-o-transform 6s ease-out;-webkit-transition:top 6s ease-out,right 6s ease-out,-webkit-transform 6s ease-out;transition:top 6s ease-out,right 6s ease-out,transform 6s ease-out}#end .decor.in{top:-22px;-moz-transform:translate3d(-50%, 0, 0);-ms-transform:translate3d(-50%, 0, 0);-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}@media only screen and (max-width: 669px){#end .decor.in{top:52px;right:-20%;left:auto}}@media only screen and (max-width: 669px){#end .decor{top:32px;right:-40%;left:auto;width:404px;height:154px;-moz-transform:translate3d(0, 0, 0) !important;-ms-transform:translate3d(0, 0, 0) !important;-webkit-transform:translate3d(0, 0, 0) !important;transform:translate3d(0, 0, 0) !important}}#end .rocket{position:absolute;top:153px;left:136px;z-index:2;width:63px;height:48px;background:url("/images/end/rocket1.svg");background-repeat:no-repeat;background-size:100%;-moz-animation:rocket-blink 0.1s step-start infinite;-webkit-animation:rocket-blink 0.1s step-start infinite;animation:rocket-blink 0.1s step-start infinite}@media only screen and (max-width: 669px){#end .rocket{top:89px;left:62px;width:32px;height:24px}}#end .trace{position:absolute;top:-22px;left:0;z-index:1;width:100%;height:100%;background:url("/images/end/trace.svg");background-size:100%}@media only screen and (max-width: 669px){#end .trace{top:0}}#end .planet{bottom:-400px;left:-342px;width:1299px;height:844px;background:url("/images/end/planet.svg");background-size:100%}@media only screen and (max-width: 669px){#end .planet{bottom:0;left:-282px;width:614px;height:221px}}@keyframes rocket-blink{from, to{background-image:url("/images/end/rocket1.svg")}50%{background-image:url("/images/end/rocket2.svg")}}#error p{margin-bottom:20px;font-size:18px}.page-game{padding:0;background-image:none}.page-game #content{padding:0}#game canvas{display:block}.page-home{padding:0;background:none}.page-home #content{padding:0}.page-home #content>section{-webkit-align-items:flex-start;align-items:flex-start}.page-home.out:before{background:#18347f}@media only screen and (max-width: 319px){.page-home{overflow:auto}}#home{background:url("/images/background.png");background-position:center 0;background-size:1366px 1533px;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-transition:all 2s ease;-o-transition:all 2s ease;-webkit-transition:all 2s ease;transition:all 2s ease}#home .text{position:relative;bottom:0;z-index:10;max-width:645px;margin-bottom:75px;margin-left:8vw;text-align:left;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-transition:all 2s ease;-o-transition:all 2s ease;-webkit-transition:all 2s ease;transition:all 2s ease}#home .text h2{margin:40px 0 45px;font-size:28px;-moz-animation-delay:2.25s;-webkit-animation-delay:2.25s;animation-delay:2.25s}@media only screen and (max-width: 669px){#home .text h2{margin:20px 0 25px;font-size:18px}}#home .text em{color:#00b388;font-style:normal}@media only screen and (max-width: 669px){#home .text{margin:auto;padding:0 40px;text-align:center}}@media only screen and (max-width: 499px){#home .text{padding:0 25px 25vh}}#home .logo{width:200px;-moz-animation-delay:2s;-webkit-animation-delay:2s;animation-delay:2s}#home .decor{position:absolute;right:0;bottom:0;left:0;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-transition:all 2s ease;-o-transition:all 2s ease;-webkit-transition:all 2s ease;transition:all 2s ease}#home .decor .ground{position:absolute;bottom:0;z-index:1;width:100%;height:70px;background:#ff7176}@media only screen and (max-width: 669px){#home .decor .ground{height:22px}}#home .decor .plan1,#home .decor .plan2,#home .decor .plan3{position:absolute;right:0;bottom:0;background-size:100%;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-transition:all 3s ease .5s;-o-transition:all 3s ease .5s;-webkit-transition:all 3s ease;-webkit-transition-delay:.5s;transition:all 3s ease .5s;-moz-transition-delay:0.5;-o-transition-delay:0.5;-webkit-transition-delay:0.5;transition-delay:0.5}#home .decor .plan1{right:-200px;bottom:-244px;z-index:3;width:486px;height:734px;background-image:url("/images/home/plan1.svg")}#home .decor .plan1.in{right:60px}@media only screen and (max-width: 669px){#home .decor .plan1.in{right:-45px}}@media only screen and (max-width: 669px){#home .decor .plan1{bottom:-185px;width:243px;height:367px}}#home .decor .plan2{right:-480px;bottom:-123px;z-index:2;width:951px;height:623px;background-image:url("/images/home/plan2.svg")}#home .decor .plan2.in{right:-316px}@media only screen and (max-width: 669px){#home .decor .plan2.in{right:-275px}}@media only screen and (max-width: 669px){#home .decor .plan2{bottom:-110px;width:475px;height:311px}}#home .decor .plan3{bottom:70px;right:644px;z-index:1;width:121px;height:97px;background-image:url("/images/home/plan3.svg")}#home .decor .plan3.in{right:744px}@media only screen and (max-width: 669px){#home .decor .plan3.in{right:65%}}@media only screen and (max-width: 669px){#home .decor .plan3{right:50%;bottom:22px;width:61px;height:49px}}#home .start-link{-moz-animation-delay:2.5s;-webkit-animation-delay:2.5s;animation-delay:2.5s}#home .constellation{position:absolute;top:-320px;left:50%;z-index:2;margin-left:-202px;-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-moz-transition:all 2s ease;-o-transition:all 2s ease;-webkit-transition:all 2s ease;transition:all 2s ease}#home .constellation h3{margin-bottom:100px;font-size:18px;font-weight:500;-moz-animation-delay:2s;-webkit-animation-delay:2s;animation-delay:2s}#home .constellation h3.fadeOut{-moz-animation-delay:0s;-webkit-animation-delay:0s;animation-delay:0s}@media only screen and (max-width: 669px){#home .constellation h3{width:230px;margin:0 auto 80px;font-size:16px}}#home .constellation .confirm-link{display:none;margin-top:100px}.mobile #home .constellation .confirm-link{display:inline-block;visibility:hidden;opacity:0}.mobile #home .constellation.on-confirm .confirm-link{display:inline-block;visibility:visible;opacity:1;-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}@media only screen and (max-width: 499px){#home .constellation{top:-230px;margin-left:-115px}}#home .stars{position:relative;width:272px;height:293px;margin:auto;background:url("/images/constellation.svg");background-position:center;background-repeat:no-repeat;background-size:100%;-moz-animation-delay:0.5s;-webkit-animation-delay:0.5s;animation-delay:0.5s}@media only screen and (max-width: 499px){#home .stars{width:136px;height:147px}}#home .star{position:absolute;z-index:2;width:30px;height:30px;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#home .star i{display:inline-block;position:absolute;top:15px;left:16px;width:1px;height:1px;border:1px solid #00b388;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;opacity:0;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}#home .star span{display:inline-block;position:absolute;top:-5px;padding:0 16px;height:40px;background:#fff;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;visibility:hidden;opacity:0;color:#019370;font-size:18px;font-weight:normal;line-height:40px;white-space:nowrap;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}@media only screen and (max-width: 669px){#home .star span{top:2px;height:25px;padding:0 10px;font-size:12px;line-height:25px}}#home .star.active i{top:0;left:2px;width:30px;height:30px;opacity:1}#home .star.active span{visibility:visible;opacity:1}#home .star.clicked i{top:-15px;left:-13px;width:60px;height:60px;opacity:0}#home .star.clicked span{visibility:hidden;opacity:0}#home .star1{top:-5px;left:78px}#home .star1 span{right:48px}@media only screen and (max-width: 499px){#home .star1 span{right:38px}}@media only screen and (max-width: 499px){#home .star1{top:-11px;left:31px}}#home .star2{top:-5px;right:78px}#home .star2 span{left:50px}@media only screen and (max-width: 499px){#home .star2 span{left:40px}}@media only screen and (max-width: 499px){#home .star2{top:-11px;right:32px}}#home .star3{bottom:4px;right:-7px}#home .star3 span{left:50px}@media only screen and (max-width: 499px){#home .star3 span{left:40px}}@media only screen and (max-width: 499px){#home .star3{bottom:-4px;right:-10px}}#home .star4{bottom:-9px;right:54px}#home .star4 span{top:-56px;left:-68px}@media only screen and (max-width: 499px){#home .star4 span{top:-36px;left:-38px}}@media only screen and (max-width: 499px){#home .star4{bottom:-10px;right:20px}}#home .star5{bottom:-9px;left:53px}#home .star5 span{top:46px;left:-80px}@media only screen and (max-width: 499px){#home .star5 span{top:42px;left:-50px}}@media only screen and (max-width: 499px){#home .star5{bottom:-10px;left:18px}}#home .star6{bottom:4px;left:-11px}#home .star6 span{right:48px}@media only screen and (max-width: 499px){#home .star6 span{right:38px}}@media only screen and (max-width: 499px){#home .star6{bottom:-4px;left:-14px}}#home.on-constellation .text,#home.on-constellation .decor{opacity:0}#home.on-constellation .constellation{top:50%;margin-top:-210px}#home.on-constellation .star{cursor:pointer}@media only screen and (max-width: 669px){#home{background-image:url("/images/background-mobile.png");background-size:375px 1108px}}.page-intro{padding:0}.page-intro #content{padding:0}.page-intro.in:before{background:#18347f}#intro h2{display:none;position:absolute;top:50%;right:0;left:0;z-index:5;margin-top:-100px;color:#ff7e7a;font-size:40px;font-weight:bold;line-height:1.2;letter-spacing:1px;text-transform:uppercase;-moz-animation:text-blink 0.5s step-start infinite;-webkit-animation:text-blink 0.5s step-start infinite;animation:text-blink 0.5s step-start infinite}#intro h2 small{font-size:50%}@media only screen and (max-width: 669px){#intro h2{margin-top:-50px;font-size:20px}#intro h2 .visible-small{display:inline-block !important}}#intro video{position:relative;z-index:1;width:100%;max-width:1600px;height:100%;max-height:949px}#intro video.visible-small{margin:-60px 0}#intro .cockpit-top,#intro .cockpit-bottom{position:absolute;right:0;left:0;z-index:2;background-position:top;background-repeat:no-repeat;background-size:auto 100%}#intro .cockpit-top{top:0;height:30px;background-image:url("/images/intro/cockpit-top.svg")}@media only screen and (max-width: 669px){#intro .cockpit-top{height:15px}}#intro .cockpit-bottom{bottom:-30px;right:-100px;left:-100px;height:184px;background-image:url("/images/intro/cockpit-bottom1.svg");-moz-animation:cockpit-blink 1s step-start infinite;-webkit-animation:cockpit-blink 1s step-start infinite;animation:cockpit-blink 1s step-start infinite}@media only screen and (max-width: 669px){#intro .cockpit-bottom{bottom:-15px;height:92px}}#intro .button,#intro .action{position:absolute;bottom:95px;left:50%;z-index:3;width:174px;height:131px;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 669px){#intro .button,#intro .action{bottom:48px;width:87px;height:66px}}#intro .button{background-image:url("/images/intro/button-off.svg");background-size:100%}#intro .button.active{height:118px;background-image:url("/images/intro/button-on.svg")}#intro .button.active+.player{-moz-transform:translateY(23px);-ms-transform:translateY(23px);-webkit-transform:translateY(23px);transform:translateY(23px)}@media only screen and (max-width: 669px){#intro .button.active+.player{-moz-transform:translateY(12px);-ms-transform:translateY(12px);-webkit-transform:translateY(12px);transform:translateY(12px)}}@media only screen and (max-width: 669px){#intro .button.active{height:59px}}#intro .action{z-index:5}#intro .player{position:absolute;bottom:-400px;left:50%;z-index:4;width:480px;height:374px;margin-left:20px;background-image:url("/images/intro/player.svg");background-size:100%;-moz-transition:bottom .25s ease,margin-left .25s ease;-o-transition:bottom .25s ease,margin-left .25s ease;-webkit-transition:bottom .25s ease,margin-left .25s ease;transition:bottom .25s ease,margin-left .25s ease}#intro .player.in{bottom:20px;margin-left:-20px}@media only screen and (max-width: 669px){#intro .player.in{bottom:12px;margin-left:-15px}}@media only screen and (max-width: 669px){#intro .player{width:240px;height:187px}}#intro.waiting-player.init .init-notice{display:block}#intro.waiting-player.start .start-notice{display:block}.mobile #intro.waiting-player .visible-mobile{display:inline-block !important}@keyframes cockpit-blink{from, to{background-image:url("/images/intro/cockpit-bottom1.svg")}50%{background-image:url("/images/intro/cockpit-bottom2.svg")}}@keyframes text-blink{from, to{opacity:0}50%{opacity:1}}#maintenance p{font-size:18px}