@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;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{-ms-touch-action:manipulation;touch-action:manipulation;padding:0;margin:0;-webkit-font-smoothing:antialiased;-webkit-font-variant-ligatures:no-common-ligatures;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{-webkit-box-sizing:border-box;box-sizing:border-box}#app{height:100vh;width:100vw;overflow:auto;position:fixed}.loading{height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack: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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;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;-webkit-transform:translateZ(0);transform:translateZ(0)}.game-interface .timeline-wrapper{width:100%;height:100%;padding:70px 0 150px}@media only screen and (min-width:600px){.game-interface .timeline-wrapper{width:600px;margin:0 auto}}.game-interface .timeline-content{font-size:18px;text-align:left;height:100%;width:100%;-webkit-transform:translateZ(0);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%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align: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;-webkit-box-shadow:-4px 4px 0 0 rgba(0,0,0,.08);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;padding:0;margin:0;padding:20px}.game-over-banner ul li{padding:0;margin:0;float:left}.game-over-banner ul li+li{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}.game-over-banner a.postgame-replay:before{background-image:url(assets/replay-L.png)}.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:#1440dc}.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;-webkit-box-shadow:-4px 4px 0 0 rgba(0,0,0,.2);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;-webkit-box-shadow:-8px 8px 0 0 rgba(0,0,0,.2);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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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;-webkit-box-shadow:-4px 4px 0 0 rgba(0,0,0,.2);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{-webkit-box-shadow:-8px 8px 0 0 rgba(0,0,0,.2);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}@-webkit-keyframes badge-rotate{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-2turn);transform:rotateY(-2turn)}}@keyframes badge-rotate{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-2turn);transform:rotateY(-2turn)}}.intro-interface{position:relative;width:100%;min-height:100vh;height:100%;background-color:#ff0;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 #1440dc;padding:15px 30px;margin-bottom:30px;background:none;text-transform:uppercase;font-size:22px;text-align:center;color:#1440dc;cursor:pointer}.intro-interface .controls a{margin-top:25px;display:block;color:#1440dc;text-decoration:none}.intro-interface ul.stickers{pointer-events:none;list-style-type:none}.intro-interface ul.stickers li{position:absolute;margin:0;padding: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:#1440dc;color:#fff}.intro-interface ul.stickers li.color-2{background-color:#e7ecfb;color:#1440dc}.intro-interface ul.stickers li.color-3{background-color:#ec0d0d;color:#fff}.intro-interface form{margin:20px 0}.overlay{position:absolute;left:0;top:0;width:100%;background-color:#1440dc;min-height:100vh;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:999}.overlay-content-wrap{padding:60px 0;margin:0 auto}.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}}@media only screen and (min-width:1024px){.overlay-content-wrap p{font-size:30px}}.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}@media only screen and (min-width:1024px){.overlay-content-wrap{width:500px}}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-share .overlay-content-wrap{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.overlay-share .overlay-content-wrap h1,.overlay-share .overlay-content-wrap h2{color:#201c19;margin:0;padding:0}.overlay-share .overlay-content-wrap p{color:#201c19;text-align:center}.overlay-share .overlay-content-wrap a{color:#1440dc}.overlay-share .content{width:300px;padding:20px;text-align:center;background-color:#fff;-webkit-box-shadow:-8px 8px 0 0 rgba(0,0,0,.2);box-shadow:-8px 8px 0 0 rgba(0,0,0,.2);position:relative}@media only screen and (min-width:1024px){.overlay-share .content{width:500px}}.overlay-share 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{-webkit-transition:all .5s;transition:all .5s}.fadeInUp-enter-active .content,.fadeInUp-leave-active .content{-webkit-transition:all .5s ease;transition:all .5s ease}.fadeInUp-enter,.fadeInUp-leave-to{opacity:0}.fadeInUp-enter .content,.fadeInUp-leave-to .content{opacity:0;-webkit-transform:translateY(30px);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{-webkit-transition:all .5s;transition:all .5s}.trans-cycle-enter{-webkit-transform:translate(80vw);transform:translate(80vw);opacity:0}.trans-cycle-leave-to{-webkit-transform:translate(-80vw);transform:translate(-80vw);opacity:0}.mainFade-enter-active,.mainFade-leave-active{-webkit-transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,-webkit-transform .25s;transition:opacity .25s,transform .25s;transition:opacity .25s,transform .25s,-webkit-transform .25s}.mainFade-enter,.mainFade-leave-to{opacity:0;-webkit-transform:scale(1.05);transform:scale(1.05)}.timelineItemFade-enter-active,.timelineItemFade-leave-active{-webkit-transition:opacity .25s;transition:opacity .25s}.timelineItemFade-enter,.timelineItemFade-leave-to{opacity:1}.fadeQuestion-enter-active,.fadeQuestion-leave-active{-webkit-transition:opacity 1s;transition:opacity 1s}.fadeQuestion-enter,.fadeQuestion-leave-to{opacity:0}.highscore-interface{width:100%;height:100vh;background-color:#ff0;padding:30px 0 0;font-size:20px;color:#1440dc}@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}