a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#root,.App,body{overflow:hidden;position:absolute;left:0;top:0;right:0;bottom:0}.App{background-color:#000}.App.dropping{background-color:#111}.Body,.BodyV{height:auto;left:calc(50% - 66.66667vh);width:133.3333333333vh}.Body,.Body .inner,.BodyV{position:absolute;top:0;bottom:0}.Body .inner{left:0;right:0}@media (max-aspect-ratio:4/3){.Body{top:calc(50% - 37.5vw);height:75vw}.Body,.BodyV{left:0;right:0;width:auto}}.BodyV{pointer-events:none}@media (min-aspect-ratio:3/1){.App.keyboard .Body .inner{position:absolute;left:50%;top:50%;width:75vw;height:56.25vw;transform:translate(-50%,-70%)}}.App canvas{width:100%;height:100%;cursor:none;visibility:hidden}.App.started canvas{visibility:visible}.App .keyboard{position:absolute;pointer-events:auto;background:transparent;color:transparent;border:none;outline:none;z-index:100;display:none;cursor:none}.App .keyboard::selection{background:transparent;color:transparent}.App.keyboard .keyboard{display:block}.App .error,.App .loading,.App .start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.App .error,.App .start{max-width:90%;max-height:90%;overflow-y:auto;pointer-events:auto}.App .start{border:1px solid #888;padding:12px;color:#fff;font-size:18px;text-align:center;background:#000}.App .start p{margin:10px 0}.App .start .startButton{display:block;margin-left:auto;margin-right:auto;border:1px solid #fff;background:#000;font-size:2em;padding:4px 18px;cursor:pointer;margin-top:6px;width:8em}.App .start .startButton:hover{background-color:#111}.App .start .saveList{border:1px solid #fff;text-align:left}.App .start .saveList li{padding:0 6px}.App .start .saveList li .info{color:#888;margin-left:6px}.App .start .saveList li .btnRemove{color:#800}.App .start .saveList li .btnRemove:hover{color:red}.App .start .saveList li .btnRemove{float:right;cursor:pointer;margin:0 4px}.App .start .saveList li .btnDownload{color:#888}.App .start .saveList li .btnDownload:hover{color:#fff}.App .start .saveList li .btnDownload{float:right;cursor:pointer;margin:0 4px}.App .start .saveList li:hover{background-color:#444}.App .error{display:block;border:1px solid #800;background:#300;padding:12px;color:#f33;font-size:18px;text-align:center}.App .error:hover{text-decoration:none}.App .error .header{font-weight:700;font-size:1.2em;margin-bottom:.3em}.App .error .body{font-family:monospace}.App .error .footer{margin-top:.5em;font-size:.8em}.App .loading{color:#888;font-size:32px;text-align:center;width:75%}.App .loading .progressBar{display:block;position:absolute;margin-top:16px;width:100%;height:40px;border:2px solid #888}.App .loading .progressBar span{position:absolute;left:3px;top:3px;bottom:3px;right:3px}.App .loading .progressBar span span{position:absolute;left:0;top:0;bottom:0;background-color:#888}.App .link,.App a{display:inline-block;color:#7070ff;text-decoration:none}.App .link:hover,.App a:hover{text-decoration:underline}.App .link,.App a{cursor:pointer}.App .touch-ui{display:none;pointer-events:none;position:absolute;top:0;bottom:0;width:25vh}.App .touch-ui .touch-button{position:absolute;left:50%;background-color:#444;transform:translate(-50%,-50%);pointer-events:auto}.App .touch-ui .touch-button.active{background-color:#fff}.App .touch-ui .touch-button{-webkit-mask-size:100% 100%;mask-size:100% 100%}.App .touch-ui .touch-button-0{top:15vh}.App .touch-ui .touch-button-1{top:35vh}.App .touch-ui .touch-button-2{top:55vh}.App .touch-ui .touch-button-3{top:70vh;left:5vw}.App .touch-ui .touch-button-4{top:70vh;left:11vw}.App .touch-ui .touch-button-5{top:85vh;left:5vw}.App .touch-ui .touch-button-6{top:85vh;left:11vw}.App .touch-ui.touch-mods{left:0}.App .touch-ui.touch-mods .touch-button{width:15vh;height:15vh;border-radius:10vh}.App .touch-ui.touch-mods .touch-button-0{-webkit-mask-image:url(../../static/media/move.929662bf.svg);mask-image:url(../../static/media/move.929662bf.svg)}.App .touch-ui.touch-mods .touch-button-1{-webkit-mask-image:url(../../static/media/rmb.32efdf49.svg);mask-image:url(../../static/media/rmb.32efdf49.svg)}.App .touch-ui.touch-mods .touch-button-2{-webkit-mask-image:url(../../static/media/shift.41ff50a3.svg);mask-image:url(../../static/media/shift.41ff50a3.svg)}.App .touch-ui.touch-mods .touch-button-3{-webkit-mask-image:url(../../static/media/f5.bab75548.svg);mask-image:url(../../static/media/f5.bab75548.svg)}.App .touch-ui.touch-mods .touch-button-4{-webkit-mask-image:url(../../static/media/f6.e1aa3b74.svg);mask-image:url(../../static/media/f6.e1aa3b74.svg)}.App .touch-ui.touch-belt{right:0}.App .touch-ui.touch-belt .touch-button{width:12vh;height:12vh;font-size:1vh;border-radius:20%;overflow:hidden;background-color:#000;border:2px solid #444}.App .touch-ui.touch-belt .touch-button canvas{position:absolute;left:5%;top:5%;width:90%;height:90%}.App .touch-ui.touch-belt .touch-button:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:20%;box-shadow:inset 0 0 1em 1.5em #000}.App .touch-ui.fkeys-left{left:0;top:auto;bottom:0;height:35vh}.App .touch-ui.fkeys-left .touch-button{width:15vh;height:15vh;position:absolute;left:50%;background-color:#444;transform:translate(-50%,-50%);pointer-events:auto}.App .touch-ui.fkeys-left .touch-button.active{background-color:#fff}.App .touch-ui.fkeys-left .touch-button{-webkit-mask-size:100% 100%;mask-size:100% 100%}.App .touch-ui.fkeys-left .touch-button-3{top:0;transform:translate(-50%);-webkit-mask-image:url(../../static/media/f5.bab75548.svg);mask-image:url(../../static/media/f5.bab75548.svg)}.App .touch-ui.fkeys-left .touch-button-4{top:60%;-webkit-mask-image:url(../../static/media/f6.e1aa3b74.svg);mask-image:url(../../static/media/f6.e1aa3b74.svg)}.App .touch-ui.fkeys-right{left:auto;top:auto;right:0;bottom:0;height:35vh}.App .touch-ui.fkeys-right .touch-button{width:15vh;height:15vh;position:absolute;left:50%;background-color:#444;transform:translate(-50%,-50%);pointer-events:auto}.App .touch-ui.fkeys-right .touch-button.active{background-color:#fff}.App .touch-ui.fkeys-right .touch-button{-webkit-mask-size:100% 100%;mask-size:100% 100%}.App .touch-ui.fkeys-right .touch-button-5{top:0;transform:translate(-50%);-webkit-mask-image:url(../../static/media/f7.0982d30d.svg);mask-image:url(../../static/media/f7.0982d30d.svg)}.App .touch-ui.fkeys-right .touch-button-6{top:60%;-webkit-mask-image:url(../../static/media/f8.46a49f13.svg);mask-image:url(../../static/media/f8.46a49f13.svg)}.App.touch .touch-ui{display:block}.App.touch.keyboard .touch-ui{display:none}@media (max-aspect-ratio:11/6){.App .touch-ui{width:calc(50vw - 66.66667vh)}}@media (max-aspect-ratio:26/15){.App .touch-ui{width:20vh}}@media (max-aspect-ratio:4/3){.App .touch-ui{width:auto;height:20vw}.App .touch-ui .touch-button{top:55%}.App .touch-ui .touch-button-0{left:16.7vw}.App .touch-ui .touch-button-1{left:50vw}.App .touch-ui .touch-button-2{left:83.3vw}.App .touch-ui.touch-mods{top:auto;right:0}.App .touch-ui.touch-mods .touch-button{width:20vw;height:20vw;border-radius:10vw}.App .touch-ui.touch-belt{bottom:auto;left:0}.App .touch-ui.touch-belt .touch-button{width:14vw;height:14vw;font-size:1vw}.App .touch-ui.fkeys-left{left:0;bottom:15vh;width:50%;height:12vh}.App .touch-ui.fkeys-left .touch-button{height:12vh;width:12vh}.App .touch-ui.fkeys-left .touch-button-3{left:25%}.App .touch-ui.fkeys-left .touch-button-4{top:50%;left:75%}.App .touch-ui.fkeys-right{left:auto;right:0;bottom:15vh;width:50%;height:12vh}.App .touch-ui.fkeys-right .touch-button{height:12vh;width:12vh}.App .touch-ui.fkeys-right .touch-button-5{left:25%}.App .touch-ui.fkeys-right .touch-button-6{top:50%;left:75%}}@media (max-aspect-ratio:20/23){.App .touch-ui{height:calc(50vh - 37.5vw)}}@media (max-aspect-ratio:4/5){.App .touch-ui{height:35vw}}.language-selector{position:absolute;top:20px;right:20px;z-index:1000}.language-button{background:rgba(0,0,0,.8);border:2px solid #8b4513;color:gold;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:14px;border-radius:4px;transition:all .2s ease;min-width:120px}.language-button:hover{background:rgba(0,0,0,.9);border-color:#daa520;color:#fff}.language-dropdown{position:absolute;top:100%;right:0;background:rgba(0,0,0,.95);border:2px solid #8b4513;border-top:none;border-radius:0 0 4px 4px;min-width:120px;box-shadow:0 4px 8px rgba(0,0,0,.5)}.language-option{display:block;width:100%;background:transparent;border:none;color:gold;padding:8px 16px;cursor:pointer;font-family:inherit;font-size:14px;text-align:left;transition:all .2s ease}.language-option:hover{background:rgba(139,69,19,.3);color:#fff}.language-option.active{background:rgba(139,69,19,.5);color:#fff;font-weight:700}.App.started .language-selector{display:none}
/*# sourceMappingURL=main.41e1d570.chunk.css.map */