.log{position:absolute;bottom:0;left:0;z-index:1000000;color:#000;font-size:20px}#game_view{position:relative;display:none}#game_view.active{display:block}#game_view.desktop{width:56vh;margin:auto}#game_view .cover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#e30626;z-index:1}#game_view .cover.disabled{transition:background-color linear 1s;background-color:#e3062600}.joystick_intro{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:30000;transform-origin:center;pointer-events:none;display:flex;flex-direction:column;justify-content:center;display:none;opacity:0;transition:opacity linear .25s}.joystick_intro.active{display:flex}.joystick_intro.active2{opacity:1}.joystick_intro .label{color:#fff;font-size:calc(min(6vw,24px)*.7);margin-bottom:calc(min(6vw,24px)*.7);text-align:center;font-family:PINUP-REGULAR}.joystick_intro.ar .label{font-family:DINNextLTArabic-Heavy}.joystick_intro .hand_icon{position:relative;left:calc((100% - min(30vw,15vh))/2);width:min(30vw,15vh);height:min(30vw,15vh);background-image:url(../ui/intro.png);background-size:100%}body,html{position:fixed;width:100vw;height:100vh;height:100dvh;background-color:#fff}canvas{background:linear-gradient(0deg,#fff 30%,#51aaf8 82%)}#game_header{direction:ltr;position:fixed;box-sizing:initial;width:calc(100% - 40px);padding:10px 20px;height:50px;background-color:#c10c1d;z-index:1000;transform:translateY(-200%);transition:transform cubic-bezier(.72,0,.28,1) 1s;display:block!important}#game_header.active{transform:translate(0)}#game_header .content{display:flex;flex-direction:row;justify-content:space-between;position:absolute;top:10px;left:0;right:0;margin:auto;width:calc(100% - 40px)}#game_header .timer_sec{position:relative;width:min(20vw,70px);height:calc(min(20vw,70px)*1.18);top:30%}#game_header .timer_sec img{position:relative;width:100%}#game_header .timer_sec .label{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);color:#c10c1d;font-size:min(6vw,24px);font-family:PINUP-REGULAR!important}#game_header .score_sec{position:relative;width:calc(min(20vw,70px)*1.4);height:calc(min(20vw,70px)*1);top:10px}#game_header .score_sec img{position:relative;width:100%}#game_header .score_sec .label{position:absolute;top:53%;left:65%;transform:translate(-50%,-50%);color:#c10c1d;font-size:min(6vw,24px);font-family:PINUP-REGULAR!important}#game_header .logo{position:relative;width:min(20vw,90px)}#game_header .logo img{position:relative;width:100%}.defend_popup,.miss_popup,.hattrick_popup{position:absolute;top:50%;left:50%;width:min(60vh,90vw);z-index:1000;margin:0 auto}.defend_popup img,.miss_popup img,.hattrick_popup img{position:absolute;width:100%;top:0;left:0}.defend_popup img:nth-child(1),.miss_popup img:nth-child(1),.hattrick_popup img:nth-child(1){position:relative}.defend_popup img,.miss_popup img,.hattrick_popup img{opacity:0}.defend_popup img.active,.miss_popup img.active,.hattrick_popup img.active{opacity:1}.defend_popup,.miss_popup,.hattrick_popup{transform:scale(0) translate(-50%,-50%);transform-origin:left top;opacity:0;transition:transform cubic-bezier(.28,.58,.73,1.36) .25s .5s,opacity ease-out .25s}.defend_popup.active2,.miss_popup.active2,.hattrick_popup.active2{opacity:1;transform:scale(1) translate(-50%,-50%);transition:transform .5s cubic-bezier(.68,-.3,.32,1.6) .5s}.btn_container{position:relative;width:100%;display:flex;flex-direction:row;justify-content:center;overflow:hidden;pointer-events:none;padding-bottom:8px;margin-bottom:-8px}.btn{pointer-events:all;display:flex;flex-direction:row;justify-content:center;position:relative;box-shadow:0 4px 8px #0006}#soundBtn{position:fixed;top:20px}#soundBtn.desktop{left:calc(50% - min(50vw,26vh))}#soundBtn{left:20px;width:min(8vh,min(100px,20vw));height:min(8vh,min(100px,20vw));border-radius:10px;z-index:1000;background-color:#fff;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px #0006}#soundBtn img{position:absolute;width:50%}#soundBtn img.off{opacity:1}#soundBtn img.on,#soundBtn.active img.off{opacity:0}#soundBtn.active img.on{opacity:1}.main{position:fixed;left:0;right:0;margin:0 auto;width:100%}.main.ar input[type=tel]{direction:rtl}.main.desktop{width:56vh}.main{background-color:#e30626;transition:background-color linear .5s}.main.disabled{background-color:#e3062600}.main{height:100dvh;z-index:10;overflow:hidden}@media(max-width:600px){.main{width:100%}}.main #chips1,.main #chips2,.main #chips3{position:absolute;width:50%;transition:opacity linear .5s}.main #chips1.disabled,.main #chips2.disabled,.main #chips3.disabled{opacity:0}.main #chips1,.main #chips3{right:-10%;top:2%;transform:rotate(-20deg)}.main #chips2{left:-10%;top:55%;transform:rotate(20deg)}.main #chips3{bottom:1%;top:initial}.screen{width:100%;height:100%;margin:0 auto;align-items:center;justify-content:center;display:none;z-index:-1;position:absolute;opacity:0;transition:opacity linear .2s}.screen.active{display:flex;z-index:100000}.screen.active2{opacity:1}.screen img{width:100%}.screen .screen_container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin:0 auto;width:90%}.screen .screen_container .btn_container{margin:5% 0 -8px}.screen .screen_container .btn{padding:5%;width:100%;font-size:3vh;border:2px solid #ffffff;border-radius:15px;color:#fff;text-align:center;font-family:regular;cursor:pointer}.screen .screen_container .btn:hover{background-color:#fff;color:#e30425}.languageSelection_screen{width:100%;background-color:#00000080;display:none}.languageSelection_screen.active{display:flex}.languageSelection_screen{z-index:5}.languageSelection_screen .screen_container{width:100%}.languageSelection_screen .screen_container .chooseBox{width:80%;margin:15% auto 0;background-color:#e30425;text-align:center;border-radius:15px;font-family:heavy;padding:5%;opacity:0}.languageSelection_screen .screen_container .chooseBox.active{transition:opacity linear .4s;opacity:1}.languageSelection_screen .screen_container .chooseBox .text{font-size:3vh;color:#fff;overflow:hidden}@media(max-width:600px){.languageSelection_screen .screen_container .chooseBox .text{font-size:6vw}}.languageSelection_screen .screen_container .chooseBox .text div{transform:translateY(-100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.languageSelection_screen .screen_container .chooseBox .text.active div{transform:translate(0)}.languageSelection_screen .screen_container .chooseBox .buttons{width:90%;margin:0 auto}.languageSelection_screen .screen_container .chooseBox .buttons .btn{transform:translateY(-140%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.languageSelection_screen .screen_container .chooseBox .buttons .btn.active{transform:translate(0)}.languageSelection_screen .screen_container .chooseBox .buttons .btn#arabic{font-family:DINNextLTArabic-Heavy!important}.start_screen{display:none}.start_screen.active{display:flex}.start_screen .screen_container{justify-content:flex-start}.start_screen .screen_container .logo{width:35%;display:block;overflow:hidden}.start_screen .screen_container .logo img{transform:translateY(105%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.start_screen .screen_container .logo.active img{transform:translate(0)}.start_screen .screen_container .pop{width:min(50vh,80vw);height:calc(min(50vh,80vw)*.5604);background-image:url(../ui/titleSprENG-v1.png)}.start_screen .screen_container .pop.ar{background-image:url(../ui/titleSprARB-v1.png)}.start_screen .screen_container .pop{background-size:100%;margin:5% auto;background-position:0% 0%;opacity:0;transition:opacity linear .2s}.start_screen .screen_container .pop.active{opacity:1}.start_screen .screen_container .tc{width:80%;display:flex;align-items:center;justify-content:center;overflow:hidden}.start_screen .screen_container .tc .checkbox{width:8%;transform:translateY(-125%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.start_screen .screen_container .tc.active .checkbox,.start_screen .screen_container .tc.active #tc,.start_screen .screen_container .tc.active #privacy{transform:translate(0)}.start_screen .screen_container .tc #tc,.start_screen .screen_container .tc #privacy{color:#fff;margin:0 5%;font-family:regular;font-size:1.4vh;width:90%;text-shadow:0px 0px 2px #000000}@media(max-width:600px){.start_screen .screen_container .tc #tc,.start_screen .screen_container .tc #privacy{font-size:2.5vw}}.start_screen .screen_container .tc #tc,.start_screen .screen_container .tc #privacy{transition:transform cubic-bezier(.72,0,.28,1) 1s;transform:translateY(-110%)}.start_screen .screen_container .tc2{margin-top:2%}.start_screen .screen_container .btn{width:70%;background-color:#fff;color:#e30425;opacity:1;cursor:pointer;transform:translateY(-120%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.start_screen .screen_container .btn.active{transform:translate(0)}.form_screen .screen_container .logo{width:28%;overflow:hidden}.form_screen .screen_container .logo img{transform:translateY(105%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.form_screen .screen_container .logo.active img{transform:translate(0)}.form_screen .screen_container .formContainer{width:100%;text-align:center}.form_screen .screen_container .formContainer .header{font-size:4vh;color:#fff;font-family:heavy}@media(max-width:600px){.form_screen .screen_container .formContainer .header{font-size:8vw}}.form_screen .screen_container .formContainer .header{overflow:hidden}.form_screen .screen_container .formContainer .header div{transform:translateY(-105%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.form_screen .screen_container .formContainer .header.active div{transform:translate(0)}.form_screen .screen_container .formContainer .formBox{width:100%;position:relative}.form_screen .screen_container .formContainer .formBox .inputContainer{width:100%;overflow:hidden;position:relative}.form_screen .screen_container .formContainer .formBox .inputContainer input,.form_screen .screen_container .formContainer .formBox .inputContainer select,.form_screen .screen_container .formContainer .formBox .inputContainer .prefix{transform:translateY(-140%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.form_screen .screen_container .formContainer .formBox .inputContainer.active input,.form_screen .screen_container .formContainer .formBox .inputContainer.active select,.form_screen .screen_container .formContainer .formBox .inputContainer.active .prefix{transform:translate(0)}.form_screen .screen_container .formContainer .formBox .inputContainer input,.form_screen .screen_container .formContainer .formBox .inputContainer select,.form_screen .screen_container .formContainer .formBox .inputContainer .prefix{width:90%;line-height:6vh;margin:2% 0;outline:none;border:none;font-family:regular;padding:0 5%}.form_screen .screen_container .formContainer .formBox .inputContainer input.prefix,.form_screen .screen_container .formContainer .formBox .inputContainer select.prefix,.form_screen .screen_container .formContainer .formBox .inputContainer .prefix.prefix{padding:0}.form_screen .screen_container .formContainer .formBox .inputContainer input,.form_screen .screen_container .formContainer .formBox .inputContainer select,.form_screen .screen_container .formContainer .formBox .inputContainer .prefix{border-radius:5px;color:#e30425;font-size:2vh}@media(max-width:600px){.form_screen .screen_container .formContainer .formBox .inputContainer input,.form_screen .screen_container .formContainer .formBox .inputContainer select,.form_screen .screen_container .formContainer .formBox .inputContainer .prefix{font-size:4vw}}.form_screen .screen_container .formContainer .formBox .inputContainer select{width:100%}.form_screen .screen_container .formContainer .formBox .inputContainer ::placeholder{color:#e30425;opacity:1}.form_screen .screen_container .formContainer .formBox .inputContainer ::-webkit-input-placeholder{color:#e30425}.form_screen .screen_container .formContainer .formBox .inputContainer ::-moz-placeholder{color:#e30425}.form_screen .screen_container .formContainer .formBox .inputContainer :-ms-input-placeholder{color:#e30425}.form_screen .screen_container .formContainer .formBox .inputContainer select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;background-image:url(../ui/Drop-down.png);background-size:10%;background-repeat:no-repeat;background-position:99%}.form_screen .screen_container .formContainer .formBox .phone{display:flex;justify-content:space-between}.form_screen .screen_container .formContainer .formBox .phone .prefix{background-color:#fff;text-align:center;margin:2% 0;border-radius:5px;display:flex;align-items:center;justify-content:center;width:20%;color:#e30425;font-family:heavy}.form_screen .screen_container .formContainer .formBox .phone input{width:68%}.form_screen .screen_container .formContainer #error{font-family:heavy;color:#fff}.form_screen .screen_container .formContainer .btn_container{overflow:hidden;margin-top:10%}.form_screen .screen_container .formContainer .btn_container .btn{background-color:#fff;color:#e30425;width:60%;margin:0 auto;transform:translateY(-120%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.form_screen .screen_container .formContainer .btn_container.active .btn{transform:translate(0)}.upload_screen .screen_container .logo{width:28%;overflow:hidden}.upload_screen .screen_container .logo img{transform:translateY(110%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.upload_screen .screen_container .logo.active img{transform:translate(0)}.upload_screen .screen_container .uploadContainer .header{font-size:4vh;color:#fff;font-family:heavy;text-align:center}@media(max-width:600px){.upload_screen .screen_container .uploadContainer .header{font-size:8vw}}.upload_screen .screen_container .uploadContainer .header{overflow:hidden}.upload_screen .screen_container .uploadContainer .header div{transform:translateY(-140%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.upload_screen .screen_container .uploadContainer .header.active div{transform:translate(0)}.upload_screen .screen_container .uploadContainer .uploadBox{width:100%;display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox{transform:translateY(-100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.upload_screen .screen_container .uploadContainer .uploadBox.active .imagebox{transform:translate(0)}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox{width:100%;margin:0 auto}@media(max-width:900px){.upload_screen .screen_container .uploadContainer .uploadBox .imagebox{width:70vw}}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload{width:100%;height:100%;width:32vh;height:32vh;cursor:pointer;position:relative;overflow:hidden;line-height:0;background-color:#fff;margin:5% auto 0;border-radius:15px}@media(max-width:600px){.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload{width:min(67vw,36vh);height:min(67vw,36vh)}}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload img{width:100%}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload #clicktoUpload{width:100%;height:100%}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload #clicktoUpload{position:absolute;left:0;right:0;margin:0 auto;transform:translateY(-50%);top:50%;width:50%;height:auto}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer.landscape{width:auto;height:100%}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer img{position:absolute;object-fit:contain;transform:scale(1);transform-origin:top left;pointer-events:all;-webkit-user-select:all;user-select:all;cursor:pointer}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer .preview-selected-image{opacity:0;position:absolute;top:0;left:0;right:auto;bottom:auto;z-index:1;transform-origin:top left}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer .preview-selected-image.portrait{width:100%;height:auto}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer .preview-selected-image.landscape{height:100%;width:auto}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer .preview-selected-image.rotate-90{transform-origin:bottom left;top:auto;left:0;right:auto;bottom:0}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer .preview-selected-image.rotate-180{transform-origin:bottom right;top:auto;left:auto;right:0;bottom:0}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload .canvasContainer .preview-selected-image.rotate-270{transform-origin:top right;top:0;left:auto;right:0;bottom:auto}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .imageUpload #reUpload{position:absolute;width:12%;bottom:12%;right:3%;opacity:0;z-index:20}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer{width:32vh;height:32vh;position:relative;display:none;line-height:0}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer img{width:32vh;height:32vh}@media(max-width:600px){.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer img{width:min(67vw,36vh);height:min(67vw,36vh)}}@media(max-width:600px){.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer{width:min(67vw,36vh);height:min(67vw,36vh)}}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer img{position:relative;width:100%}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer .pinch{position:absolute;bottom:5%;z-index:5;color:#fff;font-family:regular;font-size:1.5vh;text-align:center;width:100%}@media(max-width:600px){.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer .pinch{font-size:3vw}}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .circleContainer #silhouette{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .sizeError{color:#251c1c;font-size:1vh;text-align:center;margin-top:3%;opacity:0}@media(max-width:900px){.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .sizeError{font-size:3vw}}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage{width:25vh;display:flex;justify-content:space-between;align-items:center;margin:5% auto 0}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .bar{width:70%;margin:0 auto;border-radius:25px}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .bar img{width:100%}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .bar .slider{-webkit-appearance:none;width:100%;height:4px;border:0;outline:none;opacity:1;-webkit-transition:.2s;transition:opacity .2s;border-radius:25px}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .bar .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;background:transparent;cursor:pointer;background-size:100% 100%;background-repeat:no-repeat;border:0;outline:none;margin-top:2%}@media(max-width:900px){.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .bar .slider::-webkit-slider-thumb{height:3vh;width:3vh}}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .bar .slider::-moz-range-thumb{width:30px;height:30px;background:transparent;cursor:pointer;background-size:100% 100%;background-repeat:no-repeat;border:0;outline:none}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .rotate{width:10%;cursor:pointer;line-height:0}.upload_screen .screen_container .uploadContainer .uploadBox .imagebox .editImage .rotate img{width:100%}.upload_screen .screen_container .uploadContainer .uploadBox #imageBox2,.upload_screen .screen_container .uploadContainer .uploadBox #imageBox3{display:none}.upload_screen .screen_container .btn_container{margin-top:10%}.upload_screen .screen_container .btn{width:70%;background-color:#fff;color:#e30425;transform:translateY(-120%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.upload_screen .screen_container .btn.active{transform:translate(0)}.upload_screen .screen_container .skip{width:70%;display:flex;text-align:center;align-items:center;justify-content:center;color:#fff;font-family:heavy;line-height:6vh;font-size:3vh;overflow:hidden;margin-top:2%;cursor:pointer}.upload_screen .screen_container .skip img{width:5%;margin-left:3%;margin-top:2%}.upload_screen .screen_container .skip div{transform:translateY(-110%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.upload_screen .screen_container .skip.active div{transform:translate(0)}.charecter_screen .screen_container .logo{width:28%;overflow:hidden}.charecter_screen .screen_container .logo img{transform:translateY(110%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.charecter_screen .screen_container .logo.active img{transform:translate(0)}.charecter_screen .screen_container .header{font-size:4vh;color:#fff;font-family:heavy}@media(max-width:600px){.charecter_screen .screen_container .header{font-size:7vw}}.charecter_screen .screen_container .header{overflow:hidden}.charecter_screen .screen_container .header div{transform:translateY(-140%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.charecter_screen .screen_container .header.active div{transform:translate(0)}.charecter_screen .screen_container .characterContainer{width:100%}.charecter_screen .screen_container .characterContainer .box:nth-child(2){margin-top:-8%}.charecter_screen .screen_container .characterContainer .box{cursor:pointer;overflow:hidden;position:relative;opacity:.75}.charecter_screen .screen_container .characterContainer .box img{transform:translateY(-100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.charecter_screen .screen_container .characterContainer .box img.selected{position:absolute;top:0;left:0;width:100%;opacity:0}.charecter_screen .screen_container .characterContainer .box.active img{transform:translate(0)}.charecter_screen .screen_container .characterContainer .box.active2,.charecter_screen .screen_container .characterContainer .box.active2 img.selected{opacity:1}.charecter_screen .screen_container .btn{width:70%;color:#e30425;background-color:#fff;overflow:hidden;transform:translateY(-120%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.charecter_screen .screen_container .btn.active{transform:translate(0)}.instruction_screen .screen_container{background-color:#e30425;padding:10% 0;border-radius:5vw;position:relative}.instruction_screen .screen_container .header{font-size:4vh;color:#fff;font-family:regular}@media(max-width:600px){.instruction_screen .screen_container .header{font-size:8vw}}.instruction_screen .screen_container .header{overflow:hidden}.instruction_screen .screen_container .header div{transform:translateY(-100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.instruction_screen .screen_container .header.active div{transform:translate(0)}.instruction_screen .screen_container .instructions{width:80%;text-align:center;color:#fff;font-family:heavy;font-size:2vh}@media(max-width:600px){.instruction_screen .screen_container .instructions{font-size:3.5vw}}.instruction_screen .screen_container .instructions .picture{width:20%;margin:0 auto;overflow:hidden}.instruction_screen .screen_container .instructions .picture img{transform:translateY(-100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.instruction_screen .screen_container .instructions .picture.active img{transform:translate(0)}.instruction_screen .screen_container .instructions #icon2{width:40%}.instruction_screen .screen_container .instructions #icon3{width:40%;margin-bottom:2%}.instruction_screen .screen_container .instructions .instruction{margin-bottom:5%;overflow:hidden}.instruction_screen .screen_container .instructions .instruction div{transform:translateY(-100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.instruction_screen .screen_container .instructions .instruction.active div{transform:translate(0)}.instruction_screen .screen_container .play{position:absolute;transform:translate(-50%,50%);left:50%;width:20%;bottom:0;cursor:pointer;overflow:hidden}.instruction_screen .screen_container .play img{transform:translateY(-100%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.instruction_screen .screen_container .play.active img{transform:translate(0)}.score_screen .screen_container{width:80%}.score_screen .screen_container .logo{width:25%;display:block;overflow:hidden}.score_screen .screen_container .logo img{transform:translateY(105%);transition:transform cubic-bezier(.72,0,.28,1) 1s}.score_screen .screen_container .logo.active img{transform:translate(0)}.score_screen .screen_container .header{font-size:3vh;color:#fff;font-family:regular;margin-top:5%;overflow:hidden}@media(max-width:600px){.score_screen .screen_container .header{font-size:5vw}}.score_screen .screen_container .header.active div{transform:translate(0)}.score_screen .screen_container .header div{transition:transform cubic-bezier(.72,0,.28,1) 1s;transform:translateY(-110%)}.score_screen .screen_container .scoreContainer{color:#fff}.score_screen .screen_container .scoreContainer .scoreText{font-family:heavy;font-size:5.3vh;line-height:5vh;overflow:hidden}.score_screen .screen_container .scoreContainer .scoreText.active div{transform:translate(0)}.score_screen .screen_container .scoreContainer .scoreText div{transition:transform cubic-bezier(.72,0,.28,1) 1s;transform:translateY(-110%)}@media(max-width:600px){.score_screen .screen_container .scoreContainer .scoreText{font-size:8.5vw;line-height:8vw;margin-bottom:4vw}}.score_screen .screen_container .scoreContainer #score{font-family:regular;margin-top:5%;text-align:center;overflow:hidden}.score_screen .screen_container .scoreContainer #score.active div{transform:translate(0)}.score_screen .screen_container .scoreContainer #score div{transition:transform cubic-bezier(.72,0,.28,1) 1s;transform:translateY(-110%)}.score_screen .screen_container .scoreContainer #score .in{font-size:10vh;line-height:10vh}@media(max-width:600px){.score_screen .screen_container .scoreContainer #score .in{font-size:14vw;line-height:14vw}}.score_screen .screen_container .leaderboardContainer{pointer-events:none;width:70%;overflow:hidden;margin:calc(min(20px,2vh)/2) 0 min(20px,2vh) 0}.score_screen .screen_container .leaderboardContainer .in{background-color:#fff;padding:2%;width:96%;border-radius:5px;direction:ltr!important;margin-top:3%;margin-bottom:4%}.score_screen .screen_container .leaderboardContainer .in.active{transform:translate(0)}.score_screen .screen_container .leaderboardContainer .in{transition:transform cubic-bezier(.72,0,.28,1) 1s;transform:translateY(-110%)}.score_screen .screen_container .leaderboardContainer .title{color:#e30425;font-family:regular;text-align:center;font-size:3vh}@media(max-width:600px){.score_screen .screen_container .leaderboardContainer .title{font-size:5vw}}.score_screen .screen_container .leaderboardContainer .leaderboard{margin:0 auto;width:100%}.score_screen .screen_container .leaderboardContainer .leaderboard .headers,.score_screen .screen_container .leaderboardContainer .leaderboard .rows{display:flex;justify-content:space-between;padding:2% 0%;text-align:left}.score_screen .screen_container .leaderboardContainer .leaderboard .headers .head,.score_screen .screen_container .leaderboardContainer .leaderboard .rows .head{background-color:#e30425;border-radius:5px;color:#fff;font-family:regular;width:20%;padding:2%;font-size:1.5vh}@media(max-width:600px){.score_screen .screen_container .leaderboardContainer .leaderboard .headers .head,.score_screen .screen_container .leaderboardContainer .leaderboard .rows .head{font-size:3vw}}.score_screen .screen_container .leaderboardContainer .leaderboard .headers :nth-child(1),.score_screen .screen_container .leaderboardContainer .leaderboard .rows :nth-child(1){width:18%}.score_screen .screen_container .leaderboardContainer .leaderboard .headers :nth-child(2),.score_screen .screen_container .leaderboardContainer .leaderboard .rows :nth-child(2){width:40%}.score_screen .screen_container .leaderboardContainer .leaderboard .headers :nth-child(3),.score_screen .screen_container .leaderboardContainer .leaderboard .rows :nth-child(3){width:28%}.score_screen .screen_container .leaderboardContainer .leaderboard .rows{background-color:#e30425b3;border-radius:5px;margin-top:1%}.score_screen .screen_container .leaderboardContainer .leaderboard .rows div{border-radius:5px;color:#fff;font-family:regular;width:20%;padding:0 5%;font-size:1.5vh}@media(max-width:600px){.score_screen .screen_container .leaderboardContainer .leaderboard .rows div{font-size:3vw}}.score_screen .screen_container .leaderboardContainer .leaderboard .rowsContainer{height:17.5vh}@media(max-width:600px){.score_screen .screen_container .leaderboardContainer .leaderboard .rowsContainer{height:33vw}}.score_screen .screen_container .leaderboardContainer .leaderboard .rowsContainer{overflow-y:auto;pointer-events:all;scrollbar-width:none;touch-action:auto;touch-action:pan-y}.score_screen .screen_container .leaderboardContainer .leaderboard .rowsContainer .rows{pointer-events:none}.score_screen .screen_container .leaderboardContainer .leaderboard .rowsContainer{-ms-overflow-style:none}.score_screen .screen_container .leaderboardContainer .leaderboard .rowsContainer::-webkit-scrollbar{display:none}.score_screen .screen_container .btn{transform:translateY(-130%);width:70%;background-color:#fff;color:#e30425;opacity:1;cursor:pointer;transition:transform cubic-bezier(.72,0,.28,1) 1s}.score_screen .screen_container .btn.active{transform:translate(0)}.score_screen .screen_container .btn{padding:3% 2%}.score_screen .screen_container .btn_container{margin:0!important}.score_screen .screen_container #tryAgain{touch-action:auto;pointer-events:all;background-color:#fec41f;border:none;color:#e30425}.score_screen .screen_container #share{margin-top:2%}body.ar *,body.ar input,body.ar textarea,body.ar select,body.ar button{font-family:heavy!important}*,body{margin:0;padding:0;touch-action:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.errorSec{text-align:center;font-size:calc(min(2.25vh,4.5vw)*.75);font-family:PINUP-REGULAR}.errorSec.ar{font-family:DINNextLTArabic-Heavy}.errorSec{color:#fff;background-color:#c00000;position:absolute;bottom:20px;margin:auto;left:0;right:0;width:min(45vh,80vw);line-height:calc(min(2.25vh,4.5vw)*2);border-radius:10px;z-index:10000;transform:translateY(200%);transition:transform ease-out .5s;opacity:1!important}.errorSec.active{transform:translateY(0)!important}input{touch-action:auto!important;-webkit-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}#splash_scr{position:fixed;width:100%;height:100%;background-size:cover;background-color:#e30626;z-index:10002;display:none}#splash_scr.active{display:block}#splash_scr .container{width:calc(100% - 100px);margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#splash_scr .container .logo{position:relative;width:40%;max-width:200px}#splash_scr .container .logo img{position:relative;width:100%}#splash_scr .container .infos{display:none;flex-direction:row;position:relative;width:90%;justify-content:space-between;margin:5vh 0}#splash_scr .container .infos .info{color:#fff;font-size:1.5vw;font-family:Lato-Regular;background-size:100% 100%;width:25%;padding:2vw}#splash_scr .container .loading_progress{position:relative;width:min(50%,200px);margin-top:5vw;border-radius:20px;overflow:hidden;opacity:0}#splash_scr .container .loading_progress.active{opacity:1}#splash_scr .container .loading_progress{transition:opacity linear .25s}#splash_scr .container .loading_progress .bg{position:relative;width:100%;height:min(1vw,5px);background-color:#ffffff80}#splash_scr .container .loading_progress .progress{position:absolute;top:0;left:0;width:100%;height:min(1vw,5px);background-color:#fff;border-radius:20px;transform:translate(-100%);transition:transform ease-out .2s}#splash_scr .container #splashPlay{position:relative;width:30%;margin-top:-3%;opacity:0}#splash_scr .container #splashPlay.active{cursor:pointer;opacity:1}#splash_scr .container #splashPlay{transition:opacity linear .25s}#splash_scr .container #splashPlay img{position:relative;width:100%}img{user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}canvas{position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:auto}@font-face{font-family:PINUP-REGULAR;src:url(../fonts/PINUP-REGULAR.OTF)}@font-face{font-family:DINNextLTArabic-Heavy;src:url(../fonts/DINNextLTArabic-Heavy.ttf)}.hand1{background-position:0% 0%}.hand2{background-position:0% 1.1904761905%}.hand3{background-position:0% 2.380952381%}.hand4{background-position:0% 3.5714285714%}.hand5{background-position:0% 4.7619047619%}.hand6{background-position:0% 5.9523809524%}.hand7{background-position:0% 7.1428571429%}.hand8{background-position:0% 8.3333333333%}.hand9{background-position:0% 9.5238095238%}.hand10{background-position:0% 10.7142857143%}.hand11{background-position:0% 11.9047619048%}.hand12{background-position:0% 13.0952380952%}.hand13{background-position:0% 14.2857142857%}.hand14{background-position:0% 15.4761904762%}.hand15{background-position:0% 16.6666666667%}.hand16{background-position:0% 17.8571428571%}.hand17{background-position:0% 19.0476190476%}.hand18{background-position:0% 20.2380952381%}.hand19{background-position:0% 21.4285714286%}.hand20{background-position:0% 22.619047619%}.hand21{background-position:0% 23.8095238095%}.hand22{background-position:0% 25%}.hand23{background-position:0% 26.1904761905%}.hand24{background-position:0% 27.380952381%}.hand25{background-position:0% 28.5714285714%}.hand26{background-position:0% 29.7619047619%}.hand27{background-position:0% 30.9523809524%}.hand28{background-position:0% 32.1428571429%}.hand29{background-position:0% 33.3333333333%}.hand30{background-position:0% 34.5238095238%}.hand31{background-position:0% 35.7142857143%}.hand32{background-position:0% 36.9047619048%}.hand33{background-position:0% 38.0952380952%}.hand34{background-position:0% 39.2857142857%}.hand35{background-position:0% 40.4761904762%}.hand36{background-position:0% 41.6666666667%}.hand37{background-position:0% 42.8571428571%}.hand38{background-position:0% 44.0476190476%}.hand39{background-position:0% 45.2380952381%}.hand40{background-position:0% 46.4285714286%}.hand41{background-position:0% 47.619047619%}.hand42{background-position:0% 48.8095238095%}.hand43{background-position:0% 50%}.hand44{background-position:0% 51.1904761905%}.hand45{background-position:0% 52.380952381%}.hand46{background-position:0% 53.5714285714%}.hand47{background-position:0% 54.7619047619%}.hand48{background-position:0% 55.9523809524%}.hand49{background-position:0% 57.1428571429%}.hand50{background-position:0% 58.3333333333%}.hand51{background-position:0% 59.5238095238%}.hand52{background-position:0% 60.7142857143%}.hand53{background-position:0% 61.9047619048%}.hand54{background-position:0% 63.0952380952%}.hand55{background-position:0% 64.2857142857%}.hand56{background-position:0% 65.4761904762%}.hand57{background-position:0% 66.6666666667%}.hand58{background-position:0% 67.8571428571%}.hand59{background-position:0% 69.0476190476%}.hand60{background-position:0% 70.2380952381%}.hand61{background-position:0% 71.4285714286%}.hand62{background-position:0% 72.619047619%}.hand63{background-position:0% 73.8095238095%}.hand64{background-position:0% 75%}.hand65{background-position:0% 76.1904761905%}.hand66{background-position:0% 77.380952381%}.hand67{background-position:0% 78.5714285714%}.hand68{background-position:0% 79.7619047619%}.hand69{background-position:0% 80.9523809524%}.hand70{background-position:0% 82.1428571429%}.hand71{background-position:0% 83.3333333333%}.hand72{background-position:0% 84.5238095238%}.hand73{background-position:0% 85.7142857143%}.hand74{background-position:0% 86.9047619048%}.hand75{background-position:0% 88.0952380952%}.hand76{background-position:0% 89.2857142857%}.hand77{background-position:0% 90.4761904762%}.hand78{background-position:0% 91.6666666667%}.hand79{background-position:0% 92.8571428571%}.hand80{background-position:0% 94.0476190476%}.hand81{background-position:0% 95.2380952381%}.hand82{background-position:0% 96.4285714286%}.hand83{background-position:0% 97.619047619%}