@font-face{font-family:GT-Pressura-Mono;src:url(fonts/GT-Pressura/GT-Pressura-Mono-Regular.eot);src:url(fonts/GT-Pressura/GT-Pressura-Mono-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/GT-Pressura/GT-Pressura-Mono-Regular.woff) format("woff");font-weight:400;font-style:normal}*{line-height:1.33em;box-sizing:border-box}body,html{touch-action:manipulation;padding:0;margin:0;-webkit-font-smoothing:antialiased;font-variant-ligatures:no-common-ligatures;background-color:#efefef;color:#000;overflow:hidden}body,button,html,input,select,textarea{font-family:GT-Pressura-Mono,Helvetica,Arial,sans-serif;font-size:18px;line-height:1.33em}button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h1,h2,h3{font-weight:400}div{box-sizing:border-box}#app{height:100vh;width:100vw;overflow:auto;position:fixed;overflow-y:scroll;-webkit-overflow-scrolling:touch}.loading{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;-webkit-animation:loading .5s ease infinite;animation:loading .5s ease infinite}@-webkit-keyframes loading{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{opacity:0}to{opacity:1}}.game-interface{position:relative;overflow:hidden;width:100%;height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-interface .header{position:absolute;right:0;top:0;width:100%;height:80px;background-color:#000;color:#fff;z-index:99}.game-interface .header-content{width:100%;height:100%;padding:10px;display:flex;justify-content:space-around;align-items:center;text-align:center}.game-interface .header-content>div{position:relative;width:50%}.game-interface .header-content>div+div{margin-left:20px}.game-interface .header-content>div+div+div a{color:#fff;border:1px solid #fff;text-decoration:none;padding:8px 5px;display:inline-block;position:relative;line-height:1.5em;text-transform:uppercase;font-size:.85em}.game-interface .header-content>div+div+div a:before{display:inline-block;content:"";width:22px;height:22px;background-image:url(assets/replay-white.png);background-repeat:no-repeat;background-size:22px 22px;margin-right:5px;float:left}.game-interface .header-content span{display:block}.game-interface .header-content .label{font-size:12px;text-transform:uppercase;color:#7f8994}.game-interface .header-content .value-wrapper{position:relative;display:inline-block}.game-interface .header-content .value{font-size:32px;color:#fff}.game-interface .header-content .change{opacity:0;color:#ff0;font-size:17px;position:absolute;left:100%;margin-left:10px;top:0}.game-interface .timeline{left:0;top:0;position:relative;overflow-x:hidden;padding-top:80px;width:100%;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;transform:translateZ(0)}.game-interface .timeline-wrapper{width:100%;height:100%;padding:70px 0 150px}@media only screen and (min-width:800px){.game-interface .timeline-wrapper{width:800px;margin:0 auto}}.game-interface .timeline-content{font-size:18px;text-align:left;height:100%;width:100%;transform:translateZ(0);padding:15px}@media only screen and (min-width:375px){.game-interface .timeline-content{font-size:22px}}@media only screen and (min-width:1024px){.game-interface .timeline-content{font-size:30px}}.game-interface .timeline-content .timeline-item{margin-bottom:15px}@media only screen and (min-width:1024px){.game-interface .timeline-content{padding:30px}.game-interface .timeline-content .timeline-item{margin-bottom:30px}}@media only screen and (min-width:1024px){.game-interface .header{position:absolute;left:0;top:0;height:auto;width:320px;bottom:0}.game-interface .header-content{height:100%;flex-direction:column;justify-content:center;align-items:center}.game-interface .header-content>div{width:100%}.game-interface .header-content>div+div{margin-left:0;margin-top:100px}.game-interface .header-content>div+div+div a{color:#fff;border:1px solid #fff;text-decoration:none;padding:15px 30px;display:inline-block;position:relative;line-height:1.5em;text-transform:uppercase;font-size:1.25em}.game-interface .header-content>div+div+div a:before{display:inline-block;content:"";width:34px;height:34px;background-image:url(assets/replay-white.png);background-repeat:no-repeat;background-size:34px 34px;margin-right:20px;float:left}.game-interface .header-content .label{font-size:24px}.game-interface .header-content .value{font-size:60px}.game-interface .header-content .change{font-size:32px;position:relative;left:0;top:0}.game-interface .timeline{left:0;top:0;padding-top:0;padding-left:320px;width:100%;height:100%}.game-interface .timeline-wrapper{padding:70px 0 150px}}.timeline-item{opacity:.3}.game-over-banner{position:absolute;left:0;width:100%;background-color:#fff;height:60px;top:80px;box-shadow:-4px 4px 0 0 rgba(0,0,0,.08);font-size:20px;z-index:99}.game-over-banner ul{list-style-type:none;margin:0;padding:20px}.game-over-banner ul li{padding:0;margin:0;float:right}.game-over-banner a{text-decoration:none;color:#ec0d0d}.game-over-banner a.postgame-replay:before{background-image:url(assets/replay-S.png)}.game-over-banner a.postgame-replay:before,.game-over-banner a.postgame-share:before{display:inline-block;content:"";width:22px;height:22px;background-repeat:no-repeat;background-size:22px 22px;margin-right:20px;float:left}.game-over-banner a.postgame-share:before{background-image:url(assets/share-S.png)}@media only screen and (min-width:1024px){.game-over-banner{height:80px;top:0;padding-left:320px;font-size:18px}}@media only screen and (min-width:1024px) and (min-width:375px){.game-over-banner{font-size:22px}}@media only screen and (min-width:1024px) and (min-width:1024px){.game-over-banner{font-size:30px}}@media only screen and (min-width:1024px){.game-over-banner ul{padding:20px}}@media only screen and (min-width:1024px){.game-over-banner a.postgame-replay:before{background-image:url(assets/replay-L.png)}}@media only screen and (min-width:1024px){.game-over-banner a.postgame-replay:before,.game-over-banner a.postgame-share:before{display:inline-block;content:"";width:34px;height:34px;background-repeat:no-repeat;background-size:34px 34px;margin-right:20px}.game-over-banner a.postgame-share:before{background-image:url(assets/share-L.png)}}.timeline-content.lose,.timeline-content.win{padding-top:60px}.meter{position:relative;margin:6px auto;display:block;width:55px;height:28px;background-image:url(assets/circle.png);background-size:55px 28px;background-repeat:no-repeat}.needle{top:5px;margin-left:-3px;width:6px;height:46px;background-image:url(assets/pointer.png);background-size:6px 46px}.alert,.needle{position:absolute;left:50%;display:block;background-repeat:no-repeat}.alert{width:20px;height:17px;background-image:url(assets/alert.png);background-size:20px 17px;margin-left:-10px;bottom:0;-webkit-animation:warning .5s infinite;animation:warning .5s infinite}@-webkit-keyframes warning{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes warning{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media only screen and (min-width:1024px){.meter{position:relative;margin:15px auto;display:block;width:177px;height:89px;background-image:url(assets/circle.png);background-size:177px 89px;background-repeat:no-repeat}.needle{top:14px;margin-left:-9px;width:19px;height:147px;background-image:url(assets/pointer.png);background-size:19px 147px}.alert,.needle{position:absolute;left:50%;display:block;background-repeat:no-repeat}.alert{width:56px;height:48px;background-image:url(assets/alert.png);background-size:56px 48px;margin-left:-28px;bottom:10px}}.next-level-interface{position:relative;overflow:hidden;width:100%;height:100vh;background-color:#21409a}.next-level-interface .confetti{display:block;opacity:0;position:absolute;left:0;top:0;width:100%;height:100vh;z-index:1;pointer-events:none}.next-level-interface .cloud-one,.next-level-interface .cloud-two{display:block;opacity:0;position:absolute;left:10%;background-image:url(assets/confetti-1.png);width:430px;height:215px;background-size:430px 215px}@media only screen and (min-width:1024px){.next-level-interface .cloud-one,.next-level-interface .cloud-two{width:860px;height:430px;background-size:860px 430px}}.next-level-interface .cloud-two{left:auto;right:10%;background-image:url(assets/confetti-2.png)}.badge-list,.badge-reward{padding:30px 0;overflow:hidden;position:relative;width:320px;height:100%;margin:0 auto;text-align:center}@media only screen and (min-width:1024px){.badge-list,.badge-reward{padding:60px 0;width:700px}}.badge-list .header,.badge-reward .header{width:100%}.badge-list .header h2,.badge-reward .header h2{margin:0;padding:0;text-transform:uppercase;text-align:center;width:100%;color:hsla(0,0%,100%,.6);font-size:18px}@media only screen and (min-width:375px){.badge-list .header h2,.badge-reward .header h2{font-size:22px}}@media only screen and (min-width:1024px){.badge-list .header h2,.badge-reward .header h2{font-size:30px}}.badge-reward .content{padding:30px 0}.badge-reward .content .badge{margin:0 auto;box-shadow:-4px 4px 0 0 rgba(0,0,0,.2);width:120px;height:120px}@media only screen and (min-width:1024px){.badge-reward .content .badge{width:210px;height:210px;box-shadow:-8px 8px 0 0 rgba(0,0,0,.2)}}.badge-reward .content .badge img{display:block;line-height:0;width:100%}.badge-reward .content .description{color:#fff}.badge-reward .content .description h1{margin:20px 0;text-transform:uppercase;font-size:32px}.badge-reward .content .description p{margin:0;padding:0 20px;font-size:16px}@media only screen and (min-width:375px){.badge-reward .content .description p{font-size:18px}}@media only screen and (min-width:1024px){.badge-reward .content .description p{font-size:22px}}.badge-list ul{width:320px;padding:30px 0 0;display:flex;flex-wrap:wrap;position:relative;margin:0 auto}@media only screen and (min-width:1024px){.badge-list ul{width:500px;padding:40px 0 0}}.badge-list ul:after{content:"";display:table;clear:both}.badge-list ul li{margin:0;padding:0;width:33%;display:block}@media only screen and (min-width:1024px){.badge-list ul li{padding:25px 0}}@media only screen and (min-width:1200px){.badge-list ul li{padding:30px 0}}.badge-list ul .badge-holder{margin:0 auto;border:1px solid #000;box-shadow:-4px 4px 0 0 rgba(0,0,0,.2);width:60px;height:60px}@media only screen and (min-width:1024px){.badge-list ul .badge-holder{box-shadow:-8px 8px 0 0 rgba(0,0,0,.2)}}@media only screen and (min-width:375px){.badge-list ul .badge-holder{width:80px;height:80px}}@media only screen and (min-width:1024px){.badge-list ul .badge-holder{width:100px;height:100px}}.badge-list ul span{display:block;margin:10px auto;font-size:14px;line-height:1em;color:#fff;text-transform:uppercase}@media only screen and (min-width:1024px){.badge-list ul span{font-size:18px}}.badge-list ul img{display:block;width:100%;line-height:0;margin:0 auto}.continue{width:100%;text-align:center}.continue:after{content:"";display:table;clear:both}.continue button{margin:0 auto;border:2px solid #fff;padding:15px 30px;background:none;text-transform:uppercase;font-size:22px;text-align:center;color:#fff;cursor:pointer}.continue button:focus{background-color:#ff0;color:#000}@-webkit-keyframes badge-rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(-2turn)}}@keyframes badge-rotate{0%{transform:rotateY(0deg)}to{transform:rotateY(-2turn)}}.intro-interface{position:relative;width:100%;min-height:100vh;height:100%;background-color:#ecf7fe;padding:30px 0 0}@media only screen and (min-width:1024px){.intro-interface{padding:60px 0 0}}.intro-interface .intro-wrapper{width:320px;height:100%;margin:0 auto}@media only screen and (min-width:1024px){.intro-interface .intro-wrapper{width:500px}}.intro-interface .logo-mobile,.intro-interface .logo-tablet{margin:0 auto}.intro-interface .logo-mobile img,.intro-interface .logo-tablet img{width:100%}.intro-interface .logo-tablet{display:block;width:129px}@media only screen and (min-width:400px){.intro-interface .logo-tablet{width:172px}}@media only screen and (min-width:1024px){.intro-interface .logo-tablet{width:200px}}.intro-interface p{text-align:center;padding:20px 10px;font-size:18px}@media only screen and (min-width:375px){.intro-interface p{font-size:22px}}@media only screen and (min-width:1024px){.intro-interface p{font-size:30px}}.intro-interface .controls{text-align:center}.intro-interface .controls button{border:2px solid #21409a;padding:15px 30px;margin-bottom:30px;background:none;text-transform:uppercase;font-size:22px;text-align:center;color:#21409a;cursor:pointer}.intro-interface .controls button:focus{background-color:#ff0;color:#000}.intro-interface .controls a{margin-top:25px;display:block;color:#21409a;text-decoration:none}.intro-interface ul.stickers{pointer-events:none;list-style-type:none}.intro-interface ul.stickers li{position:absolute;margin:0;background-color:#000;color:#fff;text-transform:uppercase;font-size:32px;line-height:.88em;padding:20px}.intro-interface ul.stickers li.color-1{background-color:#21409a;color:#fff}.intro-interface ul.stickers li.color-2{background-color:#e7ecfb;color:#21409a}.intro-interface ul.stickers li.color-3{background-color:#ec0d0d;color:#fff}.intro-interface form{margin:20px 0}.overlay{position:fixed;left:0;top:0;width:100%;background-color:#21409a;min-height:100vh;height:100%;z-index:999}.overlay-content-wrap{padding:60px 0;margin:0 auto;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.overlay-content-wrap p{text-align:left;color:#fff;margin:10px 0;font-size:18px}@media only screen and (min-width:375px){.overlay-content-wrap p{font-size:22px}}.overlay-content-wrap h1,.overlay-content-wrap h2{font-size:26px;color:#fff;text-transform:uppercase}@media only screen and (min-width:375px){.overlay-content-wrap h1,.overlay-content-wrap h2{font-size:30px}}@media only screen and (min-width:1024px){.overlay-content-wrap h1,.overlay-content-wrap h2{font-size:38px}}.overlay-content-wrap a{color:#ff0;text-decoration:none}a.close{display:block;width:53px;height:53px;background-image:url(assets/sluiten.png);background-repeat:no-repeat;background-size:53px 53px}.overlay a.close{position:fixed;top:20px;right:20px}.overlay-share{background-color:rgba(0,0,0,.5)}.overlay-content-wrap{height:100%;display:flex;flex-direction:column;align-content:center;align-items:center}.overlay-content-wrap h1,.overlay-content-wrap h2{color:#201c19;margin:0;padding:0}.overlay-content-wrap p{color:#201c19}.overlay-content-wrap p+p{margin-top:20px}.overlay-content-wrap a{color:#21409a}.overlay-content-wrap .content{width:300px;margin:0 auto;padding:20px;text-align:center;background-color:#fff;box-shadow:-8px 8px 0 0 rgba(0,0,0,.2);position:relative}@media only screen and (min-width:1024px){.overlay-content-wrap .content{width:640px}}.overlay-content-wrap a.close{position:absolute;top:20px;right:20px;display:block;width:23px;height:23px;background-image:url(assets/sluiten-alt.png);background-repeat:no-repeat;background-size:23px 23px}.fadeInUp-enter-active,.fadeInUp-leave-active{transition:all .5s}.fadeInUp-enter-active .content,.fadeInUp-leave-active .content{transition:all .5s ease}.fadeInUp-enter,.fadeInUp-leave-to{opacity:0}.fadeInUp-enter .content,.fadeInUp-leave-to .content{opacity:0;transform:translateY(30px)}.social-share{padding:20px 0 0}.social-share span{display:block;margin:0 auto;font-size:22px;line-height:2.5em}@media only screen and (min-width:1024px){.social-share .whatsapp{display:none}}.trans-cycle-enter-active,.trans-cycle-leave-active{transition:all .5s}.trans-cycle-enter{transform:translate(80vw);opacity:0}.trans-cycle-leave-to{transform:translate(-80vw);opacity:0}.mainFade-enter-active,.mainFade-leave-active{transition:opacity .25s,transform .25s}.mainFade-enter,.mainFade-leave-to{opacity:0;transform:scale(1.05)}.timelineItemFade-enter-active,.timelineItemFade-leave-active{transition:opacity .25s}.timelineItemFade-enter,.timelineItemFade-leave-to{opacity:1}.fadeQuestion-enter-active,.fadeQuestion-leave-active{transition:opacity 1s}.fadeQuestion-enter,.fadeQuestion-leave-to{opacity:0}.highscore-interface{width:100%;height:100vh;background-color:#ecf7fe;padding:30px 0 0;font-size:20px;color:#21409a}@media only screen and (min-width:1024px){.highscore-interface{padding:60px 0 0}}.highscore-interface .highscore-wrapper{width:320px;height:100%;margin:0 auto}@media only screen and (min-width:1024px){.highscore-interface .highscore-wrapper{width:500px}}.highscore-interface .highscore-value{font-size:50px}.highscore-interface .highscore-value span{color:#ed1a13;text-decoration:underline}.highscore-interface .highscore-end{margin-top:30px}.level-select-interface{position:relative;overflow:hidden;width:100%;background-color:#ecf7fe}.level-select-wrapper{width:100%;height:100%;padding:70px 15px 150px;transform:translateZ(0)}@media only screen and (min-width:600px){.level-select-wrapper{width:600px;margin:0 auto}}.logo-tablet{width:200px;display:block;margin:0 auto}.logo-tablet img{width:100%}.above-level-choice{font-size:18px;padding:20px 40px 40px;text-align:center}@media only screen and (min-width:375px){.above-level-choice{font-size:22px}}@media only screen and (min-width:1024px){.above-level-choice{font-size:30px}}.level-choice{text-align:center;cursor:pointer;background-color:#fff;color:#21409a;transition:all .2s ease;box-shadow:-4px 4px 0 0 rgba(0,0,0,.08);padding:15px;max-width:100%}@media only screen and (min-width:375px){.level-choice{padding:25px}}@media only screen and (min-width:1024px){.level-choice{box-shadow:-8px 8px 0 0 rgba(0,0,0,.08);padding:40px}}.level-choice p{margin:10px 0 20px;font-size:18px}@media only screen and (min-width:375px){.level-choice p{font-size:22px;margin:20px 0 30px}}@media only screen and (min-width:1024px){.level-choice p{font-size:30px;margin:20px 0 40px}}.level-choice button:focus{background-color:#ff0;color:#000}.level-choice+.level-choice{margin-top:40px}.level-choice-info{border:1px solid transparent}.level-choice.open{background-color:#21409a;color:#fff}.level-choice h2{text-transform:uppercase;font-weight:700;font-size:28px;margin:0}.level-select-wrapper button{border:2px solid #fff;padding:15px 30px;background:none;text-transform:uppercase;font-size:18px;text-align:center;color:#fff;cursor:pointer}@media only screen and (min-width:375px){.level-select-wrapper button{font-size:22px}}@media only screen and (min-width:1024px){.level-select-wrapper button{font-size:30px}}.level-select-wrapper .connecting-line{width:100%;height:40px;position:relative;display:block}.level-select-wrapper .connecting-line:after{display:block;content:"";position:absolute;left:50%;height:100%;border-left:2px solid #21409a}.in-between{font-size:18px;padding:60px 40px 40px;text-align:center}@media only screen and (min-width:375px){.in-between{font-size:22px}}@media only screen and (min-width:1024px){.in-between{font-size:30px}}.level-select-description{font-size:18px;padding:60px 40px 40px;text-align:center}@media only screen and (min-width:375px){.level-select-description{font-size:22px}}@media only screen and (min-width:1024px){.level-select-description{font-size:30px}}.select-select-menu{text-align:center;font-size:18px}@media only screen and (min-width:375px){.select-select-menu{font-size:22px}}@media only screen and (min-width:1024px){.select-select-menu{font-size:30px}}.select-select-menu ul{padding:0;margin:0;list-style-type:none}.select-select-menu li{margin:10px 0}.select-select-menu a{color:#21409a;text-decoration:none}.bonus-level p{opacity:.5;color:#64717f;font-size:18px;margin-bottom:0}.bonus-level.open p{opacity:1;color:#fff;font-size:18px;margin-bottom:20px}