@charset "UTF-8";@font-face{font-family:varela;src:url(../fonts/varelaround-regular.woff2) format('woff2'),url(../fonts/varelaround-regular.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:massalleraregular;src:url(../fonts/massallera-webfont.eot);src:url(../fonts/massallera-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/massallera-webfont.woff2) format('woff2'),url(../fonts/massallera-webfont.woff) format('woff'),url(../fonts/massallera-webfont.ttf) format('truetype'),url(../fonts/massallera-webfont.svg#massalleraregular) format('svg');font-weight:400;font-style:normal}html{font:100% varela,Helvetica,sans-serif;font-weight:400;text-align:left}body{text-align:left;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1{line-height:1.2em;margin:0 0 .6em}h2,h3,h4{line-height:1.3em;margin:1.2em 0 .6em}h1{font-size:2.6em}h2{font-size:1.6em}h3{font-size:1.3em}p{font-size:1em;line-height:1.6em;margin-bottom:1em}dt,h1{font-family:massalleraregular;font-weight:400;font-style:normal}h2,h3,h4,h5{font-weight:400}*{outline:0 none;margin:0;padding:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}ul{list-style:none;margin:0;padding:0}li{margin:0;padding:0}svg{pointer-events:none}button{background-color:transparent;color:#e7361f;border:0 none;font-family:varela;font-weight:400;font-style:normal;line-height:1.4em;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:active{color:#9f2013!important;-webkit-transform:scale(.96)!important;transform:scale(.96)!important}button>*{cursor:pointer;pointer-events:none}button svg{max-width:100%;max-height:100%}#intro button,#result button,header button{-webkit-animation-name:fade-in,back-to-center;animation-name:fade-in,back-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}button.info{font-family:varela,Helvetica,sans-serif;-webkit-animation-name:fade-in,bottom-to-center;animation-name:fade-in,bottom-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}button.repeat{color:rgba(46,11,6,.3)}button.repeat:hover{color:rgba(46,11,6,.5)}button.repeat:active{color:#2e0b06!important}@media (hover){button:hover{color:#d5311c}button.question:hover{color:rgba(46,11,6,.5)}}html{background-color:#e7361f;color:#2e0b06;font-size:100%}body{line-height:1}#container{-webkit-transition:background-color .6s cubic-bezier(.5,0,0,1);transition:background-color .6s cubic-bezier(.5,0,0,1)}header{right:5vw;top:5vw;position:fixed;z-index:3}header button{font-size:12vw;line-height:0}header button svg{width:1em;height:1em}header button.logo{left:5vw;top:5vw;position:fixed}main{z-index:2}footer{text-align:center;left:50%;bottom:5vw;position:fixed;z-index:3}footer button{background-color:#fff;color:#2e0b06;border:2px solid rgba(46,11,6,.7);border-radius:1em;font-size:3vw;line-height:1.3em;width:14em;margin-left:-7em;padding:.4em 1.2em;position:relative}footer button:active{background-color:#d5311c!important;color:#fff!important;border-color:#b12616!important}@media (hover){footer button:hover{background-color:#2e0b06;color:#fff}}article{text-align:center;z-index:1;-webkit-animation-name:fade-in,bottom-to-center;animation-name:fade-in,bottom-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}article hr{margin-top:1.6em;margin-bottom:1.6em}article .logos{text-align:center}article .logos svg{vertical-align:middle;margin:1em;width:9em;max-width:16rem;display:inline-block}.scrn,body,html{width:100%;height:100%;left:0;top:0;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-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;-ms-flex-line-pack:center;align-content:center;overflow:hidden}.text{font-size:3vw;margin:0 auto;width:90vw;max-width:52rem;cursor:default}.text>:first-child{margin-top:10vw}.text>:last-child{margin-bottom:10vw}.menu{margin:auto;width:90vw;display:-webkit-box;display:-ms-flexbox;display:flex;-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;-ms-flex-line-pack:center;align-content:center}.menu>*{margin:1vw}.menu button{color:#2e0b06;border:rgba(46,11,6,.15) solid .12em;border-radius:1em;font-family:massalleraregular;font-weight:400;font-style:normal;font-size:6vw;text-align:left;margin:0;padding:2vw;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu button:active{background-color:#9f2013!important;color:#fff!important}.menu button:active svg{color:#2e0b06!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}.menu button .icon{height:2em}.menu button .icon.level-1 g{-webkit-transform:translateX(116px);transform:translateX(116px)}.menu button .icon.level-2 g{-webkit-transform:translateX(58px);transform:translateX(58px)}.menu button .icon.level-2 g+g{-webkit-transform:translateX(174px);transform:translateX(174px)}.menu button .icon-2{-webkit-transform:translateX(116px);transform:translateX(116px)}.menu button .icon-3{-webkit-transform:translateX(232px);transform:translateX(232px)}.menu button .title{width:5em;margin:0 .5em}.menu button .stars{width:3em}.menu button.score-1 .star.s1{color:#e7361f}.menu button.score-1:active .star.s1,.menu button.score-1:hover .star.s1{color:#fff}.menu button.score-2 .star.s1,.menu button.score-2 .star.s2{color:#e7361f}.menu button.score-2:active .star.s1,.menu button.score-2:active .star.s2,.menu button.score-2:hover .star.s1,.menu button.score-2:hover .star.s2{color:#fff}.menu button.score-3 .star.s1,.menu button.score-3 .star.s2,.menu button.score-3 .star.s3{color:#e7361f}.menu button.score-3:active .star.s1,.menu button.score-3:active .star.s2,.menu button.score-3:active .star.s3,.menu button.score-3:hover .star.s1,.menu button.score-3:hover .star.s2,.menu button.score-3:hover .star.s3{color:#fff}@media (hover){.menu button:hover{background-color:#b12616;color:#fff}}.grid{margin:auto;width:90vw;height:90vh;max-height:140vw;left:0;right:0;top:0;bottom:0;position:absolute;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid button{width:25%;height:25%}.grid button:first-child:nth-last-child(4),.grid button:first-child:nth-last-child(4)~button{width:50%;height:50%}.grid button:first-child:nth-last-child(9),.grid button:first-child:nth-last-child(9)~button{width:33%;height:33%}#loader{z-index:1}#loader:before{content:'';border-color:#b12616;border-right-color:#fff;border-style:solid;border-width:.6vw;border-radius:100%;margin-left:-16vw;margin-top:-16vw;width:32vw;height:32vw;display:block;left:50vw;top:50vh;position:fixed;z-index:1;-webkit-animation:.5s a-rotation linear infinite;animation:.5s a-rotation linear infinite}#loader svg{margin-left:-8vw;margin-top:-8vw;width:16vw;height:16vw;display:block;left:50vw;top:50vh;position:fixed;z-index:2;fill:#fff}#loader .copy{color:#9f2013;font-size:.8em;font-family:Arial;margin:0;padding:5vw;display:inline-block;right:0;bottom:0;position:fixed}#intro button svg{width:60vw;max-height:60vh}#question,#result{background-color:#d5311c}#question{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.5,0,0,1);transition-timing-function:cubic-bezier(.5,0,0,1)}#question button{color:#fff!important}#question dt{font-size:2em;line-height:1.6em;margin-bottom:.6em}#question dt:before{content:'Nor da '}#question dt:after{content:'?'}#question dd{color:#9f2013;font-size:1.4em;line-height:1.4em;text-align:left;padding:.6em 0 .6em 3.3em;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.5,0,0,1);transition-timing-function:cubic-bezier(.5,0,0,1)}#question dd svg{color:#b12616;max-width:1.2em;max-height:1.2em;left:1.3em;top:.7em;position:absolute}#question dd.pose{color:#fff}#question dd.pose svg{color:rgba(46,11,6,.7)}#question dd.correct svg{color:#fff;-webkit-animation-name:fade-in,bottom-to-center;animation-name:fade-in,bottom-to-center}#question dd.incorrect svg{color:#2e0b06;-webkit-animation-name:fade-in,back-to-center;animation-name:fade-in,back-to-center}#question dd.correct,#question dd.incorrect{color:#fff}#question dd.correct svg,#question dd.incorrect svg{max-width:1.6em;max-height:1.6em;left:1.1em;top:.5em;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}#question dd.correct .list,#question dd.incorrect .list{visibility:hidden;display:none}#question dd:not(.correct) .correct{visibility:hidden;display:none}#question dd:not(.incorrect) .incorrect{visibility:hidden;display:none}#result button{color:#fff;font-size:10vw;text-align:center}#result button:active{color:#fff!important}#result button .title{font-family:massalleraregular;font-weight:400;font-style:normal;margin-bottom:.2em;padding:0;display:block}#result button .stars{max-width:5em}#container:not(.config) #config,#container:not(.info) #info,#container:not(.intro) #intro,#container:not(.loader) #loader,#container:not(.result) #result,#container:not(.test):not(.question) #test{visibility:hidden;display:none}#container.loader{background-color:transparent;color:#9f2013}#container.loader footer button,#container.loader header,#container.loader main{visibility:hidden;display:none}#container:not(.loader){background-color:#fff}#container:not(.loader) #loader{visibility:hidden;display:none}#container.intro header button.logo{visibility:hidden;display:none}#container:not(.loader):not(.intro) footer{visibility:hidden;display:none}#container.question header button,#container.result header button{color:rgba(46,11,6,.5)}#container.question header button:hover,#container.result header button:hover{color:rgba(46,11,6,.7)}#container.question header button:active,#container.result header button:active{color:#2e0b06!important}#container.question #question,#container.result #question{-webkit-transform:translateY(0);transform:translateY(0)}#container:not(.test):not(.question) #stage:not([data-state=audio]) header button.repeat{visibility:hidden;display:none}[data-state=audio] header button.logo{visibility:hidden;display:none}[data-state=audio] header button.repeat{color:#2e0b06!important;-webkit-animation:1s a-rotation linear infinite;animation:1s a-rotation linear infinite}@-webkit-keyframes a-rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes a-rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes back-to-center{0%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes back-to-center{0%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bottom-to-center{0%{-webkit-transform:translateY(2vh);transform:translateY(2vh)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bottom-to-center{0%{-webkit-transform:translateY(2vh);transform:translateY(2vh)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sequence-start{0%,100%{opacity:.001}}@keyframes sequence-start{0%,100%{opacity:.001}}html .sequence>*{-webkit-animation-name:sequence-start,bottom-to-center,fade-in;animation-name:sequence-start,bottom-to-center,fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}html .sequence>:nth-child(1){-webkit-animation-duration:0s,.6s,.6s;animation-duration:0s,.6s,.6s;-webkit-animation-delay:0s,0s,0s;animation-delay:0s,0s,0s}html .sequence>:nth-child(2){-webkit-animation-duration:.1s,.6s,.6s;animation-duration:.1s,.6s,.6s;-webkit-animation-delay:0s,.1s,.1s;animation-delay:0s,.1s,.1s}html .sequence>:nth-child(3){-webkit-animation-duration:.2s,.6s,.6s;animation-duration:.2s,.6s,.6s;-webkit-animation-delay:0s,.2s,.2s;animation-delay:0s,.2s,.2s}html .sequence>:nth-child(4){-webkit-animation-duration:.3s,.6s,.6s;animation-duration:.3s,.6s,.6s;-webkit-animation-delay:0s,.3s,.3s;animation-delay:0s,.3s,.3s}html .sequence>:nth-child(5){-webkit-animation-duration:.4s,.6s,.6s;animation-duration:.4s,.6s,.6s;-webkit-animation-delay:0s,.4s,.4s;animation-delay:0s,.4s,.4s}.star{opacity:.2}.star.s2{-webkit-transform:translateX(130px);transform:translateX(130px)}.star.s3{-webkit-transform:translateX(260px);transform:translateX(260px)}.score-1 .star.s1{opacity:1}.score-2 .star.s1,.score-2 .star.s2{opacity:1}.score-3 .star.s1,.score-3 .star.s2,.score-3 .star.s3{opacity:1}.hidden{visibility:hidden;display:none}.visible{visibility:visible;display:block}@media only screen and (max-width:30rem){header button{font-size:16vw}footer button{font-size:4vw}.text{font-size:3.3vw}.menu button{font-size:7vw}}@media only screen and (orientation:landscape){header{right:5vh;top:5vh}header button{font-size:12vh}header button.logo{left:5vh;top:5vh}footer{bottom:5vh}footer button{font-size:3vh}.text{font-size:3vh}.text>:first-child{margin-top:10vh}.text>:last-child{margin-bottom:10vh}.menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.menu button{font-size:3vw;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu button .icon,.menu button .stars,.menu button .title{margin:.5vw}.grid{width:90vw;max-width:90vh;height:90vh}#result button{font-size:10vh}}@media only screen and (orientation:landscape) and (max-height:30rem){header button{font-size:16vh}footer button{font-size:4vh}.text{font-size:3.3vh}.menu button{font-size:3.3vw}}