@import url(https://fonts.googleapis.com/css?family=Oxygen);body,html{height:100%;overscroll-behavior:none;padding:env(safe-area-inset);touch-action:none;width:100%}body{margin:0}#App,#root{height:100%;width:100%}#App{background-color:#000;color:#fff;font-family:Oxygen,sans-serif}#App #tintb_video{display:none;position:absolute;z-index:-1}#App #gemwars-container{height:0;width:0}#App .hidden{display:none}#App .content{height:100%;width:100%}#App .content .loader_container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#App .content .loader_container span{z-index:4}#App #css{pointer-events:none}#App #css,#App #css canvas{left:0;position:fixed;top:0}#App #css canvas{-webkit-touch-callout:none;pointer-events:auto;-webkit-user-select:none;-o-user-select:none;user-select:none}#App #css .fade-in{-webkit-animation:fadeIn .5s;animation:fadeIn .5s}@media screen and (min-width:450px){.btn-menu{font-size:14px;padding:4px 15px}}@media screen and (max-width:450px){.btn-menu{font-size:14px;padding:4px 10px}}@media screen and (max-width:400px){.btn-menu{padding:4px 8px}}@media screen and (max-width:350px){.btn-menu{font-size:12px}}@media screen and (max-width:250px){.btn-menu{font-size:10px;padding:5px}}.btn-menu{background-image:linear-gradient(#66b893,#478181);border:1px solid #406d4f;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;direction:ltr;display:block;font-family:Oxygen,sans-serif;font-weight:400;letter-spacing:-.022em;line-height:1.47059;min-width:20px;overflow:visible;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:initial;white-space:nowrap}.btn-menu:disabled{cursor:default;opacity:.3}.btn-menu.hover,.btn-menu:hover{background-image:linear-gradient(#79dbaf,#5aa6a6);border-color:#59966d;text-decoration:none}.btn-menu:active{background-image:linear-gradient(#87f3c3,#6cc4c4);border-color:#68ac7e;outline:none}.btn-menu:focus{box-shadow:0 0 0 3px rgba(131,192,253,.5);outline:none}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.container{background:#141414;color:#fff;font-family:Oxygen,sans-serif;padding:0 20px}.container,.container .card{border-radius:20px;display:flex;flex-direction:column}.container .card{align-items:center;background:#2e2e2e;border:1px solid #fff;margin-bottom:20px;padding-bottom:20px}.container #card-fail,.container #card-message,.container #card-success{height:390px}#card-fail,#card-success{padding:0 20px}.validation-fail{border-color:red;color:red}.container .card-hide{display:none}#loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:16px solid #000;border-radius:50%;border-top-color:#3498db;height:60px;left:40%;position:absolute;top:100%;width:60px;z-index:2}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container .card hr{width:200px}.container .card p{align-items:center;display:flex;flex-direction:column}.container .card a{color:#fff}.container .card form{align-items:center;display:flex;flex-direction:column;margin-bottom:0;width:100%}.container .card form span{display:flex;max-width:400px;padding:5px 0;width:100%}.container .card form span label{align-items:center;display:flex;margin-left:10px;max-width:80px;padding-right:10px;width:100%}.container .card form span input{font-family:Oxygen,sans-serif;height:35px;margin-right:10px;width:100%}.container .card form span textarea{font-family:Oxygen,sans-serif;height:100px;margin-right:10px;resize:none;width:100%}.container .card form button{background-color:#121212;border:1px solid #fff;border-radius:5px;color:#fff;font-family:Oxygen,sans-serif;height:45px;margin-top:10px;max-width:200px;width:100%}.container .card form button:active{background-color:grey}.menu-block{-webkit-animation:fadeIn .25s;animation:fadeIn .25s;bottom:10%;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:60%;z-index:1}#speaker-icon,.menu-block{position:absolute;-webkit-user-select:none;user-select:none}#speaker-icon{bottom:50px;right:30px;width:60px;z-index:3}#speaker-icon:active{-webkit-filter:invert(100%);filter:invert(100%)}#volume-slider{bottom:0;position:absolute;right:30px;-webkit-user-select:none;user-select:none;width:75px;z-index:3}@media screen and (max-width:400px){#speaker-icon{width:45px}#volume-slider{width:65px}}@media screen and (max-width:300px){#speaker-icon{width:35px}#volume-slider{width:45px}}input[type=range]{-webkit-appearance:none;background:inherit;height:33px;margin:10px 0;opacity:65%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{animate:.2s;background:#787373;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 1px #000;cursor:pointer;height:8px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 1px #000;cursor:pointer;height:25px;margin-top:-9.5px;width:15px}input[type=range]:focus::-webkit-slider-runnable-track{background:#787373}input[type=range]::-moz-range-track{animate:.2s;background:#787373;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 1px #000;cursor:pointer;height:8px;width:100%}input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 1px #000;cursor:pointer;height:25px;width:15px}input[type=range]::-ms-track{animate:.2s;background:transparent;border-color:transparent;color:transparent;cursor:pointer;height:8px;width:100%}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#787373;border:1px solid #000;border-radius:10px;box-shadow:1px 1px 1px #000}input[type=range]::-ms-thumb{background:#fff;border:1px solid #000;border-radius:5px;box-shadow:1px 1px 1px #000;cursor:pointer;height:25px;margin-top:1px;width:15px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#787373}.fade-in{-webkit-animation:fadeIn .5s;animation:fadeIn .5s}@media screen and (min-width:800px){#title-block{font-size:60px}.title-block-content{gap:30px}}@media screen and (max-width:800px){#title-block{font-size:50px}.title-block-content{gap:20px}}@media screen and (max-width:550px){#title-block{font-size:46px}.title-block-content{gap:10px}}@media screen and (max-width:500px){#title-block{font-size:40px}}@media screen and (max-width:450px){#title-block{font-size:34px}}@media screen and (max-width:400px){#title-block{font-size:30px}}@media screen and (max-width:350px){#title-block{font-size:26px}}@media screen and (max-width:300px){#title-block{font-size:20px}}@media screen and (max-width:250px){#title-block{font-size:14px}}@media screen and (max-width:200px){#title-block{font-size:12px}}#title-block{align-items:center;display:flex;flex-direction:column;font-weight:bolder;justify-content:center;left:50%;pointer-events:none;position:absolute;text-align:center;top:10%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1}.title-block-content{display:flex}.title-fade-in-initial{-webkit-animation:glow 1s ease-in-out infinite alternate,fadeIn 3s;animation:glow 1s ease-in-out infinite alternate,fadeIn 3s}.title-fade-in{-webkit-animation:glow 1s ease-in-out infinite alternate,fadeIn .5s;animation:glow 1s ease-in-out infinite alternate,fadeIn .5s}.title-fade-out{-webkit-animation:glow 1s ease-in-out infinite alternate,fadeOut .5s;animation:glow 1s ease-in-out infinite alternate,fadeOut .5s;opacity:0}@media screen and (min-width:1200px){.decorator{width:200px}}@media screen and (max-width:1200px){.decorator{width:180px}}@media screen and (max-width:1000px){.decorator{width:130px}}@media screen and (max-width:900px){.decorator{width:100px}}@media screen and (max-width:700px){.decorator{width:80px}}@media screen and (max-width:650px){.decorator{width:50px}}@media screen and (max-width:600px){.decorator{width:40px}}@media screen and (max-width:550px){.decorator{width:35px}}@media screen and (max-width:450px){.decorator{width:30px}}@media screen and (max-width:400px){.decorator{width:25px}}@media screen and (max-width:300px){.decorator{width:20px}}@media screen and (max-width:250px){.decorator{width:20px}}@media screen and (max-width:200px){.decorator{width:5px}}.decorator{background:#fff;border:0;box-shadow:0 0 20px #fff,0 0 30px #f372f1,0 0 40px #f372f1,0 0 50px #f372f1,0 0 60px #f372f1,0 0 70px #f372f1,0 0 80px #f372f1,1px 0 1px #242424,0 1px 1px #242424,2px 1px 1px #242424,1px 2px 1px #242424,3px 2px 1px #ccc,2px 3px 1px #eee,4px 3px 1px #ccc,3px 4px 1px #242424,5px 4px 1px #242424,4px 5px 1px #242424,6px 5px 1px #242424,5px 6px 1px #242424,7px 6px 1px #242424;height:4px}@-webkit-keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #b559b4,0 0 40px #b559b4,0 0 50px #b559b4,0 0 60px #b559b4,0 0 70px #b559b4,1px 0 1px #242424,0 1px 1px #242424,2px 1px 1px #242424,1px 2px 1px #242424,3px 2px 1px #ccc,2px 3px 1px #eee,4px 3px 1px #ccc,3px 4px 1px #242424,5px 4px 1px #242424,4px 5px 1px #242424,6px 5px 1px #242424,5px 6px 1px #242424,7px 6px 1px #242424}to{text-shadow:0 0 20px #fff,0 0 30px #f372f1,0 0 40px #f372f1,0 0 5px #f372f1,0 0 60px #f372f1,0 0 70px #f372f1,0 0 80px #f372f1,1px 0 1px #242424,0 1px 1px #242424,2px 1px 1px #242424,1px 2px 1px #242424,3px 2px 1px #ccc,2px 3px 1px #eee,4px 3px 1px #ccc,3px 4px 1px #242424,5px 4px 1px #242424,4px 5px 1px #242424,6px 5px 1px #242424,5px 6px 1px #242424,7px 6px 1px #242424}}@keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #b559b4,0 0 40px #b559b4,0 0 50px #b559b4,0 0 60px #b559b4,0 0 70px #b559b4,1px 0 1px #242424,0 1px 1px #242424,2px 1px 1px #242424,1px 2px 1px #242424,3px 2px 1px #ccc,2px 3px 1px #eee,4px 3px 1px #ccc,3px 4px 1px #242424,5px 4px 1px #242424,4px 5px 1px #242424,6px 5px 1px #242424,5px 6px 1px #242424,7px 6px 1px #242424}to{text-shadow:0 0 20px #fff,0 0 30px #f372f1,0 0 40px #f372f1,0 0 5px #f372f1,0 0 60px #f372f1,0 0 70px #f372f1,0 0 80px #f372f1,1px 0 1px #242424,0 1px 1px #242424,2px 1px 1px #242424,1px 2px 1px #242424,3px 2px 1px #ccc,2px 3px 1px #eee,4px 3px 1px #ccc,3px 4px 1px #242424,5px 4px 1px #242424,4px 5px 1px #242424,6px 5px 1px #242424,5px 6px 1px #242424,7px 6px 1px #242424}}.gemwars-canvas-container{align-items:center;-webkit-animation:fadeIn .5s;animation:fadeIn .5s;display:flex;flex-direction:column;gap:5px;justify-content:center;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;z-index:2}.gemwars-canvas-container #gemwars-canvas{border:none;height:600px;width:350px}.gemwars-canvas-container .gemwars-actions-container{align-items:center;display:flex;gap:5px;justify-content:center}
/*# sourceMappingURL=main.527b96dd.css.map*/