html{width:100%;height:100%;margin:0;padding:0}body{width:100%;height:100%;margin:0px;padding:0;background-position:center top;background-repeat:no-repeat;background-size:cover;color:#fff;font-family:Arial, sans-serif}#root{width:100%;height:100%;background:#333;margin:0 auto;position:relative;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.landscape #root{max-width:1024px;max-height:576px}body.portrait #root{max-width:576px;max-height:1024px}body.fullScreen.landscape #root{max-width:100%;max-height:100%}#version{position:absolute;bottom:10px;right:10px;color:#fff;margin:0;z-index:1}h1{margin:0 0 20px;font-size:30px;line-height:30px}h2{font-size:26px;line-height:26px;margin:0 0 20px}p{margin:0;font-size:24px;line-height:28px}button{margin:0 10px 5%;padding:8px 10px;-webkit-appearance:none;border-radius:16px;outline:none;border:3px solid #333;background:#ccc;cursor:pointer;font-weight:bold;font-size:24px;font-family:inherit;min-width:180px;touch-action:manipulation}button span{position:relative;padding-right:26px}button span svg{width:22px;height:22px;position:absolute;top:50%;transform:translateY(-50%);right:-4px}button:disabled{opacity:0.5;pointer-events:none;cursor:default}@media (max-height: 580px){button{font-size:20px}}#btnMenu{position:absolute;top:20px;left:20px;z-index:6;border-radius:50%;width:50px;height:50px;margin:0;min-width:50px;padding:10px}@media (max-height: 580px){#btnMenu{top:10px;left:10px}}#btnClose{position:absolute;top:20px;left:20px;border-radius:50%;width:50px;height:50px;margin:0;min-width:50px;z-index:10;padding:10px}@media (max-height: 580px){#btnClose{top:10px;left:10px}}#btnStart{border-radius:50%;width:80px;height:80px;position:relative;margin:20px 0 0;min-width:50px}#btnStart svg{width:40px;height:40px;margin:4px 0 0 2px}#btnDebug{position:absolute;bottom:10px;left:10px;z-index:6;margin:0;padding:5px;min-width:0}.btnSml{width:45px;min-width:45px;position:relative;z-index:6;margin:0 0 10px;touch-action:manipulation}.range{display:inline-block;position:relative;margin:0;width:160px;max-width:calc(50% - 20px)}.range:first-child{margin-right:40px}.range span{font-size:24px;display:inline-block;width:40px}.range label{display:block;margin:5px 0 0;font-size:24px}@media (max-width: 550px){.range{display:block;margin:0 auto;max-width:100%}.range:first-child{margin-right:auto;margin-bottom:20px}.range label{margin:-5px}}input[type=range]{margin:0;padding:0;width:100%;height:38px;-webkit-appearance:none;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid #000000;height:24px;width:24px;border-radius:50%;background:#ffffff;cursor:pointer;margin-top:-10px}input[type=range]::-moz-range-thumb{border:3px solid #000000;height:20px;width:20px;border-radius:50%;background:#ffffff;cursor:pointer}input[type=range]::-ms-thumb{border:3px solid #000000;height:20px;width:20px;border-radius:50%;background:#ffffff;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#000;border-radius:4px;margin-top:-1px;-webkit-appearance:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#000}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;border-radius:4px;background:#000}input[type=range]::-ms-track{width:100%;height:6px;cursor:pointer;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#000;border-radius:4px}input[type=range]:focus::-ms-fill-lower{background:#000}input[type=range]::-ms-fill-upper{background:#000;border-radius:4px}input[type=range]:focus::-ms-fill-upper{background:#000}#readout{position:absolute;bottom:0;left:0;padding:10px;z-index:99999;background:rgba(0,0,0,0.5);color:#fff;font-size:12px;width:300px;max-width:50%}#logs{position:absolute;bottom:0;right:0;padding:10px;z-index:99999;background:rgba(0,0,0,0.5);width:300px;max-width:50%;max-height:80%;overflow-y:scroll;color:#fff;transform:rotate(180deg)}#logs div{transform:rotate(180deg)}.popup{position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding:20px 50px;box-sizing:border-box;z-index:10;height:100%;width:100%;background-size:cover;background-color:#333}.popup .popup-content{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:calc(100% - 160px)}@media (max-width: 350px){.popup .popup-content{width:calc(100% - 120px)}}.popup.popup-priority{z-index:99;background:#000}.popup.popup-priority>div{position:absolute;left:50%;top:50%;width:70%;transform:translateX(-50%) translateY(-50%)}.popup.popup-priority>div p{margin:0 0 20px;color:#fff}.popup.popup-priority>div img{width:200px}body.landscape .popup>div .orient1{display:none}body.portrait .popup>div .orient2{display:none}.screen{text-align:center;padding:8%;box-sizing:border-box;position:relative;height:100%;width:100%;background-color:#333;background-size:cover}#status{position:absolute;top:24px;left:0;right:0;color:#fff;text-align:center;z-index:6}#status>div{background:rgba(0,0,0,0.6);display:inline-block;padding:8px 10px;border-radius:4px;height:24px}#status>div p{display:inline-block;color:#fff;font-size:24px;line-height:24px;font-weight:bold;margin:0}#status>div p:before{content:'';display:inline-block;vertical-align:top;width:2px;background:#fff;height:15px;margin:5px 10px}@media (max-width: 400px){#status>div p:before{width:1px}}#status>div p:first-child:before{display:none}#status>div p svg{width:20px;height:20px;vertical-align:top;margin:2px 5px 0 0}#status>div p.status-score{width:86px;text-align:right}#status>div p.status-score svg{float:left}#status>div p.status-lives svg:last-child{margin-right:0}#status>div p.status-timer-alert span{animation:blink 1s step-start 0s infinite;-webkit-animation:blink 1s step-start 0s infinite}@media (max-width: 480px){body.portrait #status{left:auto;right:20px}body.portrait #status>div{padding:10px 8px}body.portrait #status>div p{font-size:24px;line-height:24px}body.portrait #status>div p svg{width:18px;height:18px;margin-top:4px}}@media (max-width: 360px){body.portrait #status>div p{font-size:24px}body.portrait #status>div p svg{width:14px;height:14px;margin-top:5px}body.portrait #status>div p.status-score{width:62px}body.portrait #status>div p.status-score svg,body.portrait #status>div p.status-timer svg{display:none}}@media (max-height: 580px){body.portrait #status{top:10px;right:10px}}@keyframes blink{50%{opacity:0.0}}@-webkit-keyframes blink{50%{opacity:0.0}}.bg-img{width:100%;height:100%;top:0;left:0;overflow:hidden;position:absolute;display:block}.bg-img img{position:absolute;left:-10000%;right:-10000%;top:-10000%;bottom:-10000%;margin:auto auto;min-width:1000%;min-height:1000%;-webkit-transform:scale(0.1);transform:scale(0.1)}#ios-overlay{height:1000px;background-color:#000}#ios-overlay>div{top:50vh}#ios-overlay>div p{margin:0 0 10px}body.ios-fullscreen{overflow:hidden}body.ios-fullscreen #root{position:fixed;left:0;top:0;right:0;bottom:0}body.ios-fullscreen #ios-overlay{display:none}#screen-loading>div{z-index:10;position:relative}#screen-loading>div>div{border-radius:16px;padding:20px}#screen-loading h1{text-transform:uppercase}@media screen and (max-width: 400px){#screen-loading h1{font-size:2.4em}}@media screen and (max-width: 340px){#screen-loading h1{font-size:2.2em}}body.txt-dark #screen-loading>div>div{background:rgba(255,255,255,0.6)}body.txt-light #screen-loading>div>div{background:rgba(0,0,0,0.6)}.loader{width:40px;height:40px;fill:#fff}.loader.loader-center{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px}.loader .cls-1{animation:highlighting 1s linear infinite}.loader .cls-7{opacity:0.125;animation:highlighting 1s linear infinite;animation-delay:0.125s}.loader .cls-3{opacity:0.25;animation:highlighting 1s linear infinite;animation-delay:0.25s}.loader .cls-5{opacity:0.375;animation:highlighting 1s linear infinite;animation-delay:0.375s}.loader .cls-2{opacity:0.5;animation:highlighting 1s linear infinite;animation-delay:0.5s}.loader .cls-8{opacity:0.625;animation:highlighting 1s linear infinite;animation-delay:0.625s}.loader .cls-4{opacity:0.75;animation:highlighting 1s linear infinite;animation-delay:0.75s}.loader .cls-6{opacity:0.125;animation:highlighting 1s linear infinite;animation-delay:0.875s}.loadbar{width:200px;height:20px;border:2px solid #fff;margin:20px auto 0}.loadbar span{width:0;height:100%;background:#fff;display:block;transition:width 0.2s}#popup-loading .popup-content p{margin-bottom:20px}@keyframes highlighting{0%{opacity:1}12.5%{opacity:0.875}25%{opacity:0.75}37.5%{opacity:0.625}50%{opacity:0.5}62.5%{opacity:0.375}75%{opacity:0.25}87.5%{opacity:0.125}100%{opacity:1}}#screen-title{background-color:transparent;padding:20px 90px}#screen-title>div{position:relative;z-index:10}#screen-title>div>div{background:rgba(255,255,255,0.6);border-radius:16px;padding:20px;position:relative;z-index:9}#screen-title>div h1{margin:0 0 10px;text-transform:uppercase}#screen-title>div h2{margin:0}#screen-title canvas{position:absolute;top:0;left:0;z-index:1}body.portrait #screen-title{background-position:center bottom;padding:90px 20px}body.portrait #screen-title>div{position:initial}@media (max-width: 480px){body.portrait #screen-title>div .title-heading{font-size:0.9em}}@media (max-width: 380px){body.portrait #screen-title>div .title-heading{font-size:0.8em}}@media (max-width: 400px){body.portrait #screen-title>div h2{font-size:24px}}body.portrait #screen-title>div #btnStart{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:9}@media (max-width: 400px){body.portrait #screen-title>div #btnStart{bottom:20px}}body.txt-dark #screen-title>div>div{background:rgba(255,255,255,0.6)}body.txt-light #screen-title>div>div{background:rgba(0,0,0,0.6)}#popup-menu{padding:0}#popup-menu .menu-audio{margin:0 auto;padding:30px 20px;border-radius:12px;width:580px;box-sizing:border-box;max-width:100%}#popup-menu .popup-content{padding:40px;border-radius:16px}@media (max-width: 760px) and (max-height: 420px){body.landscape #popup-menu .popup-content{padding:20px}body.landscape #popup-menu .popup-content button{margin-bottom:20px}body.landscape #popup-menu .popup-content .menu-audio{padding:10px}}@media (max-width: 340px) and (max-height: 570px){body.portrait #popup-menu .popup-content>button{font-size:20px;min-width:160px}body.portrait #popup-menu .popup-content .menu-audio{padding:10px 20px}body.portrait #popup-menu .popup-content .menu-audio .range label{font-size:20px}}body.txt-dark #popup-menu .menu-audio{background:rgba(255,255,255,0.6)}body.txt-dark #popup-menu .popup-content{background:rgba(255,255,255,0.6)}body.txt-light #popup-menu .menu-audio{background:rgba(0,0,0,0.6)}body.txt-light #popup-menu .popup-content{background:rgba(0,0,0,0.6)}#popup-help{padding:8% 90px;z-index:40}#popup-help>div{background:rgba(255,255,255,0.6);padding:40px;border-radius:16px;position:relative}#popup-help>div p{font-size:24px;line-height:30px;white-space:pre-wrap}#popup-help>div p span{display:block;margin-bottom:10px}#popup-help>div p span:last-child{margin-bottom:0}@media screen and (max-height: 560px){body.landscape #popup-help>div{position:absolute;top:50%;transform:translateY(-50%);left:20px;right:20px;padding:20px;box-sizing:border-box}body.landscape #popup-help>div h2{max-width:calc(100% - 60px);margin-left:auto;margin-right:auto}body.landscape #popup-help>div p{font-size:22px;line-height:28px}}@media screen and (max-height: 350px){body.landscape #popup-help>div p{font-size:20px;line-height:24px}}body.portrait #popup-help{padding:90px 8%}body.portrait #popup-help>div{position:absolute;top:50%;transform:translateY(-50%);width:calc(84% - 80px)}@media screen and (max-height: 700px){body.portrait #popup-help>div{top:90px;transform:none}}@media screen and (max-height: 580px){body.portrait #popup-help>div{top:20px}body.portrait #popup-help>div h2{max-width:calc(100% - 60px);margin-left:auto;margin-right:auto}}@media screen and (max-width: 400px){body.portrait #popup-help>div{width:auto;left:20px;right:20px;padding:20px;box-sizing:border-box}body.portrait #popup-help>div h2{font-size:24px}body.portrait #popup-help>div p{font-size:22px;line-height:28px}}@media screen and (max-width: 340px){body.portrait #popup-help>div h2{font-size:22px}body.portrait #popup-help>div p{font-size:20px;line-height:24px}}body.txt-dark #popup-help>div{background:rgba(255,255,255,0.6)}body.txt-light #popup-help>div{background:rgba(0,0,0,0.6)}#interaction_overlay{width:100%;height:100%;position:absolute;z-index:5;moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas{position:absolute}body.fullScreen canvas{width:100%}#screen-feedback{padding:20px 90px}#screen-feedback>div{position:relative;z-index:10;border-radius:16px;padding:20px}#screen-feedback>div h1{margin:0 0 1%;text-transform:uppercase}#screen-feedback>div p{margin:0 0 3%;font-size:24px;line-height:24px}#screen-feedback>div h2{margin:0 0 5%}#screen-feedback>div button:last-child{margin-bottom:0}#screen-feedback canvas{position:absolute;top:0;left:0;z-index:1}body.portrait #screen-feedback{padding:90px 20px}body.portrait #screen-feedback .feedback-title{font-size:0.8em}@media (max-width: 580px){body.portrait #screen-feedback .feedback-title{font-size:0.7em}}@media (max-width: 480px){body.portrait #screen-feedback .feedback-title{font-size:0.6em}}@media (max-width: 440px){body.portrait #screen-feedback .feedback-title{font-size:0.5em}}@media (max-width: 360px){body.portrait #screen-feedback .feedback-title{font-size:0.4em}}@media (max-width: 300px){body.portrait #screen-feedback .feedback-title{font-size:0.3em}}@media (max-height: 320px){body.landscape #screen-feedback .feedback-title{font-size:0.75em}}body.txt-dark #screen-feedback>div{background:rgba(255,255,255,0.6)}body.txt-light #screen-feedback>div{background:rgba(0,0,0,0.6)}body.fullScreen .title-heading{font-size:1.2em}body.fullScreen h2{font-size:40px;line-height:40px}body.fullScreen p{font-size:30px;line-height:38px}body.fullScreen button{padding:15px 20px;font-size:30px;min-width:240px}body.fullScreen button span svg{width:26px;height:26px;right:-8px}body.fullScreen #btnMenu,body.fullScreen #btnClose{width:80px;height:80px;padding:15px}body.fullScreen #btnStart{width:140px;height:140px}body.fullScreen #btnStart svg{width:70px;height:70px}body.fullScreen #popup-menu .menu-audio{width:760px}body.fullScreen #popup-menu .range{width:220px}body.fullScreen #popup-menu .range:first-child{margin-right:60px}body.fullScreen #popup-menu .range label{font-size:30px}body.fullScreen #popup-help p{font-size:34px;line-height:40px}body.fullScreen #status>div{height:30px;padding:10px 20px}body.fullScreen #status>div p{font-size:30px;line-height:30px}body.fullScreen #status>div p:before{height:30px;margin:0 20px}body.fullScreen #status>div p.status-score{width:110px}body.fullScreen #status>div p svg{width:30px;height:30px;margin-top:0}body.fullScreen #screen-feedback{padding:40px 120px}body.fullScreen #screen-feedback>div p{font-size:30px;line-height:30px}body.fullScreen.landscape #screen-title{padding:120px 120px}body.fullScreen.landscape #screen-feedback>div{padding:40px}body.fullScreen.landscape #screen-feedback>div h1{font-size:80px;line-height:80px}body.fullScreen.portrait #status{top:34px;left:auto;right:20px}body.fullScreen.portrait #screen-title{padding-top:120px}body.fullScreen.portrait #screen-feedback{padding:120px 40px}body.fullScreen.portrait #screen-feedback .feedback-title{font-size:0.8em}body.fullScreen.portrait #popup-menu .range{display:block;margin:0 auto;max-width:100%}body.fullScreen.portrait #popup-menu .range:first-child{margin-right:auto;margin-bottom:20px}body.fullScreen.portrait #popup-menu .range label{margin:-5px}#interaction_overlay{width:200px;height:400px;left:0;bottom:80px;background:rgba(255,255,255,0)}.fader{width:100%;height:100%;background:#000;opacity:0;position:absolute;left:0;top:0;display:block}.game-help{border-radius:12px;padding:10px 15px;position:absolute;width:160px;bottom:300px;left:90px;background:#fff;font-size:24px;line-height:28px;color:#000}@media (max-height: 580px){.game-help{font-size:20px;line-height:24px}}.game-help:after{content:'';display:block;position:absolute;bottom:-20px;left:50%;margin-left:-8px;width:0;height:0;border-style:solid;border-width:20px 8px 0 8px;border-color:#fff transparent transparent transparent}.game-help.game-help-2{right:100px;top:50%;left:auto;bottom:auto;transform:translateY(-50%)}.game-help.game-help-2:after{left:auto;bottom:auto;top:50%;right:-20px;margin-left:0;margin-top:-8px;border-width:8px 0 8px 20px;border-color:transparent transparent transparent #fff}body.txt-light .game-help{background:#000;color:#fff}body.txt-light .game-help:after{border-color:#000 transparent transparent transparent}body.txt-light .game-help.game-help-2:after{border-color:transparent transparent transparent #000}.arrow-btn{position:absolute;height:140px;top:50%;margin-top:-70px;background:rgba(255,255,255,0.5);width:50px;text-align:center;z-index:9;border-radius:4px}.arrow-btn span{cursor:pointer;font-size:40px;line-height:50px;display:block;width:50px;height:140px;position:relative}.arrow-btn span svg{height:100px;display:inline-block;position:absolute;top:20px}.arrow-btn-left{left:20px}.arrow-btn-left span svg{left:10px}.arrow-btn-left span:last-child svg{left:0}.arrow-btn-left span:last-child svg+svg{left:18px}.arrow-btn-right{right:20px}.arrow-btn-right span svg{left:14px}.arrow-btn-right span:last-child svg{left:1px}.arrow-btn-right span:last-child svg+svg{left:20px}.precontent{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;box-sizing:border-box}.precontent .precontent-instruction{width:600px;max-width:calc(100% - 40px);position:absolute;left:50%;transform:translateX(-50%);top:80px;background:rgba(255,255,255,0.5);word-break:break-word;padding:20px;box-sizing:border-box;border-radius:8px}.precontent .precontent-content{position:absolute;vertical-align:middle;border-radius:8px;overflow:hidden;height:calc(100% - 260px);transform:translateX(-50%);border-radius:8px;background:rgba(255,255,255,0.5);width:700px;max-width:calc(100% - 40px);left:50%;top:160px}.precontent .precontent-content>*{position:absolute;top:50%;transform:translateY(-50%)}.precontent .precontent-content p{padding:10px;word-break:break-word;left:0;width:100%;box-sizing:border-box}.precontent .precontent-content img{display:block;margin:0 auto;max-width:100%;max-height:100%;left:50%;transform:translateX(-50%) translateY(-50%)}.precontent .precontent-content .icon{width:100px;height:100px;margin-left:-50px}.precontent .precontent-btn{position:absolute;left:50%;bottom:20px;transform:translateX(-50%)}@media (max-height: 400px){.precontent .precontent-content{height:calc(100% - 230px)}.precontent .precontent-btn{bottom:0}}@media (max-width: 640px) and (max-height: 400px){.precontent .precontent-instruction{padding:10px}.precontent .precontent-content{height:calc(100% - 210px);top:140px}.precontent .precontent-content p{font-size:20px;line-height:24px}.precontent .precontent-content .icon{width:60px;height:60px;margin-left:-30px}}body.fullScreen .precontent .precontent-instruction{top:100px}body.fullScreen .precontent .precontent-content{height:calc(100% - 340px);top:205px}@media (min-height: 1200px){body.fullScreen .precontent .precontent-content p{font-size:40px;line-height:46px}body.fullScreen .precontent .precontent-content .icon{width:160px;height:160px}}.question{position:absolute;bottom:10px;background:#000;color:#fff;border-radius:5px;padding:10px 20px;box-sizing:border-box;width:calc(100% - 40px);left:20px;transition:height 0.4s;overflow:hidden;box-sizing:border-box;min-height:50px}.question .icon{width:40px;height:40px;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.question p{font-size:24px;line-height:28px;text-align:center}.question a{cursor:pointer}@media (max-width: 350px){.question{padding:10px}}@media (max-height: 580px){.question{padding:5px 10px;width:calc(100% - 20px);left:10px}.question p{font-size:20px;line-height:36px}}@media (min-height: 1200px){body.fullScreen .question{font-size:44px;line-height:48px;height:160px}body.fullScreen .question .icon{width:100px;height:100px}}.score{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:12px;padding:0;width:620px;max-width:calc(100% - 150px);text-align:center;box-sizing:border-box;opacity:0;display:none;transition:opacity 0.5s;border:2px solid #fff;z-index:7}.score.on{opacity:1;display:block}.score .score-img{border-radius:50%;position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:70px;height:70px;border:2px solid #fff;padding:8px;box-sizing:border-box}.score .score-img img{max-width:100%}.score h3{font-size:40px;line-height:40px;margin:0 0 45px}.score .score-body{padding:55px 25px 10px}.score .score-footer{padding:20px 25px;border-radius:0 0 10px 10px}.score .score-footer img{width:calc(25% - 7.5px);margin-right:10px}.score .score-footer img:last-child{margin-right:0}.score p{font-size:28px;line-height:28px;margin:0}.score p.scoreLarge{font-size:60px;line-height:60px;font-weight:600}.score p.scoreSml{font-size:18px;line-height:18px;margin:0 0 10px}.score.phase-score h3{margin-bottom:5px}.score.score-timeout{width:320px}.score.score-timeout .score-body{padding:25px}@media (max-height: 580px){.score{padding:10px}.score h3{font-size:30px;line-height:30px}.score p{font-size:18px;line-height:18px}.score p.scoreLarge{font-size:50px;line-height:50px}}@media (min-height: 1200px){body.fullScreen #score{width:480px}body.fullScreen #score p{font-size:40px;line-height:40px}body.fullScreen #score p.scoreLarge{font-size:60px;line-height:60px}}#aw-debug{position:absolute;left:40px;bottom:400px}#aw-debug label{width:100px;font-size:20px;display:inline-block}#aw-debug input{width:70px;font-size:20px}