#app,body,html{margin:0;padding:0}*{box-sizing:border-box}.view{position:absolute;top:0;left:0;width:100%;height:100%}body{overflow:hidden}.view__body{display:flex;flex-direction:column;justify-content:center;width:100%;margin:1rem .5rem;padding:.5rem;border-radius:1rem;border:.1rem solid transparent}.view__body-container{display:flex;height:calc(100% - 6rem);overflow:hidden}.view__body-container,.view__counter{position:absolute;top:3rem;left:0;width:100%}.view__counter{height:2rem;color:#fff;background-color:#fddb8c}.view__counter-progress{position:absolute;top:0;left:0;width:0;height:100%}.view__counter-amount{top:0;height:100%}.view__counter-amount,.view__footer{position:absolute;left:0;width:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 1rem}.view__footer{bottom:0;height:3rem;font-size:1.5rem;text-align:center;cursor:pointer}.view__footer a{text-decoration:none}.view--fruits .view__body-container{display:flex;flex-direction:column;top:5rem;height:calc(100% - 5rem)}.view--fruits .fruits__view-item{position:absolute;top:0;left:0;width:20%}@media (orientation:landscape){.view--fruits .fruits__view-item{width:15%}}.view__headline{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:3rem;padding:0 .2rem;text-align:center}.view__intro .view__body{position:relative;justify-content:inherit;width:100%;overflow-y:auto}.view__intro-image-title,.view__intro-title{margin:1rem 0}.view__intro-description{margin:.5rem 0}.view__intro-image{width:100%}.loader{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1001}.loader:before{position:absolute;content:"";display:inline-block;top:45%;left:50%;width:20vw;height:20vw;margin-top:-10vw;margin-left:-10vw;border-radius:50%;border-top:.2rem solid #ffcf4b;border-right:.4rem solid transparent;animation:spinner 1.1s linear infinite;-webkit-animation:spinner 1.1s linear infinite}.loader--hidden{display:none}@keyframes spinner{to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@-webkit-keyframes spinner{to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}.view--match .view__body-container{display:flex;flex-direction:column;top:5rem;height:calc(100% - 5rem)}.view--match .view__answers,.view--match .view__quest{display:flex;justify-content:center;align-items:center;height:50%}.view--match .view__quest{width:98%;margin-left:1%}.view--match .view__quest img{width:calc(100% - 2rem);max-height:calc(100% - 2rem);margin:1rem}.view--match .view__quest h1{font-size:3em;white-space:nowrap}.view--match .view__answers{flex-direction:row;flex-wrap:wrap;width:100%;height:50%;padding:.5rem;background-color:#ee527f}.view--match .view__answer{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100% - 1rem);margin:.5rem;background-color:#fff;border-radius:.5rem;cursor:pointer}.view--match .view__answer-container{display:flex;align-items:center;justify-content:center;width:50%;height:50%}.view--match .view__answer-image{width:100%;height:auto;max-height:100%;padding:1rem}.view--match .view__answer h1{white-space:nowrap}.view--match.view--landscape .view__body-container{flex-direction:row}.view--match.view--landscape .view__answers,.view--match.view--landscape .view__quest{height:100%}.view--memory .view__body-container{display:flex;flex-direction:column;top:5rem;height:calc(100% - 5rem)}.view--memory .memory__view{width:100%;height:100%}.view--memory .memory__view--box{text-align:center}.view--memory .memory__view-item--random{position:absolute;cursor:pointer}.view--memory .memory__view-item--box{padding:.25rem;cursor:pointer}#app.is-mobile .view--memory .memory__view-item--box,#app.is-mobile .view--memory .memory__view-item--random{cursor:default}.view--mole .view__body-container{top:5rem;height:calc(100% - 5rem)}.view--mole canvas{cursor:pointer}#app.is-mobile .view--mole canvas{cursor:default}.view--precision .view__body-container{display:flex;flex-direction:column;top:5rem;height:calc(100% - 5rem)}.view--precision .precision__joystick{position:absolute;left:50%;bottom:10px;display:flex;align-items:center;justify-content:center;width:128px;height:128px;margin-left:-64px;background-color:hsla(0,0%,93.3%,.5);border-radius:50%;box-shadow:0 0 16px rgba(0,0,0,.5);cursor:-webkit-grabbing;cursor:grabbing}.view--precision .precision__joystick-container{position:absolute;left:0;bottom:0;width:100%;height:148px}.view--precision .precision__joystick-inner{width:64px;height:64px;background-color:hsla(0,0%,93.3%,.5);border-radius:50%;box-shadow:0 0 16px rgba(0,0,0,.5)}.view--precision .precision__joystick-arrow-up{top:10px;border-bottom:8px solid #000}.view--precision .precision__joystick-arrow-down,.view--precision .precision__joystick-arrow-up{position:absolute;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent}.view--precision .precision__joystick-arrow-down{bottom:10px;border-top:8px solid #000}.view--precision .precision__joystick-arrow-left{left:10px;border-right:8px solid #000}.view--precision .precision__joystick-arrow-left,.view--precision .precision__joystick-arrow-right{position:absolute;top:50%;margin-top:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent}.view--precision .precision__joystick-arrow-right{right:10px;border-left:8px solid #000}#app.is-mobile .view--precision .precision__joystick{cursor:default}.result .view__body{justify-content:center;align-items:center;padding:3rem}.result img{max-width:80%}.summary{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem;color:#000;background-color:#fff}.summary p>span:first-child{margin-right:.5rem}html{font-size:14px}@media only screen and (min-width:360px){html{font-size:16px}}@media only screen and (min-width:400px){html{font-size:18px}}#app{position:absolute;width:100%;height:100%;background-size:contain}
/*# sourceMappingURL=index.css.map */