@font-face{font-family:MF Etab Plus;font-style:normal;font-weight:400;src:url(/static/media/MFEtabPlus-Regular.42c5542385154f309e8d.ttf)}*{box-sizing:border-box;font-family:MF Etab Plus;margin:0;padding:0;position:relative;z-index:2}.hidden{z-index:-1}.tapOverlay{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;z-index:2}body{background-color:#320e3b;overflow-x:auto}.fixed-mobile-wrapper{align-items:center;background-color:#3d1f3c;display:flex;flex-direction:column;height:932px;justify-content:center;margin:0 auto;min-height:932px;overflow:hidden;position:relative;width:430px}.splashBg{left:0;pointer-events:none;position:absolute;top:0;z-index:1}.farida,.top{left:19px}.logo{animation:splashLogo 2s cubic-bezier(.25,.46,.45,.94) both;height:321.45px;width:229.03px}.bottom{left:45px}.starz1{left:69px;top:91px}.starz1,.starz2{position:absolute}.starz2{left:74px;top:-29px;z-index:-1}.charSplash{height:auto;width:233px}ul{list-style:none}li{color:inherit;font-size:16px;margin-bottom:10px}h1{color:#ffe6cb;font-size:46px}h1,h2{font-weight:100;text-align:center}h2{color:#fff7c4;font-size:32px}h3{color:#ffa94a;font-size:24px;text-shadow:0 1px 0 #00000080}h3,h4{text-align:center}h4{color:#ffe6cb;font-size:20px}.h4_2{color:#d4d8a6}li{list-style-type:none}p{color:#ffe6cb;font-family:Mirza;font-size:24px;font-style:normal;font-weight:400;text-align:right}h4{font-size:16px}.onboardChar{height:214px;margin:20px 0 110px;top:5px;width:183px}.onboardText{margin:104px 0 20px;max-width:271px}.depth-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.floatIn{animation:float-in .5s cubic-bezier(.55,.085,.68,.53) both}@keyframes float-in{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{filter:blur(2px);opacity:0}to{filter:blur(0);opacity:1}}.fadeIn{animation:fade-in 1.2s ease-in-out .2s both}@keyframes scrollRight{0%{transform:translateX(-50%)}to{transform:translateX(0)}}.floatIn2{animation:float-in 1s cubic-bezier(.55,.085,.68,.53) both}.moveIn{animation:move-in 1s cubic-bezier(.55,.085,.68,.53) both;transform:translateY(100px)}@keyframes move-in{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.float{animation:float1 3s ease-in-out infinite}@keyframes float1{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes scale-in-center2{0%{opacity:1;transform:scale(0)}to{opacity:1;transform:scale(1)}}.linear-wipe{animation:wipe 3s cubic-bezier(.25,.46,.45,.94) 1.8s forwards}.linear-wipe,.linear-wipe2{overflow:hidden;white-space:nowrap;width:0}.linear-wipe2{animation:wipe 3.2s cubic-bezier(.25,.46,.45,.94) 1.5s forwards}@keyframes wipe{0%{filter:blur(10px);opacity:0;width:0}to{filter:blur(0);opacity:1;width:100%}}.tilt{animation:tilt 3s ease-in-out infinite}@keyframes tilt{0%{transform:rotate(0deg)}50%{transform:rotate(5deg)}to{transform:rotate(0deg)}}.blurIn{animation:blurIn .5s cubic-bezier(.55,.085,.68,.53) both}@keyframes blurIn{0%{filter:blur(10px);opacity:0;transform:translateX(-40px)}to{filter:blur(0);opacity:1;transform:translateX(0)}}.s4move1{animation:s4move1 .5s cubic-bezier(.55,.085,.68,.53) both}@keyframes s4move1{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(36px)}}.s4move2{animation:s4move2 .5s cubic-bezier(.55,.085,.68,.53) both}@keyframes s4move2{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(-36px)}}.scrollAnimate{animation-range:cover 10% cover 35%;animation-delay:cover 50%}.scrollAnimate,.scrollAnimate2{view-timeline:--scroll-tl;animation-timeline:--scroll-tl}.scrollAnimate2{animation-range:cover 10% cover 45%;animation-delay:cover 30%}.fadeIn2{animation:fade-in 1.2s ease-in-out 2.5s both}@keyframes scale-in-5{0%{opacity:1;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.scaleIn9{animation:scale-in-5 1s cubic-bezier(.25,.46,.45,.94) 2s both}.scaleIn{animation:scale-in-center2 .8s cubic-bezier(.25,.46,.45,.94) .3s both}.scaleIn,.scaleIn2{transform-origin:center}.scaleIn2{animation:scale-in-center2 .8s cubic-bezier(.25,.46,.45,.94) .4s both}.scaleIn3{animation:scale-in-center2 .8s cubic-bezier(.25,.46,.45,.94) .5s both}.scaleIn3,.scaleIn4{transform-origin:center}.scaleIn4{animation:scale-in-center2 .8s cubic-bezier(.25,.46,.45,.94) .6s both}.scaleIn5{animation:scale-in-center2 .8s cubic-bezier(.25,.46,.45,.94) both;transform-origin:center}@keyframes splashScale{0%{top:0;transform:scale(1)}35%{transform:scale(1.2)}to{top:20px;transform:scale(2)}}.splashScale{animation:splashScale 4s cubic-bezier(.25,.46,.45,.94) both;transform-origin:center}@keyframes splashLogo{0%{opacity:0;scale:0;transform:translateY(0)}30%{opacity:1;scale:2;transform:translateY(0)}80%{scale:1}to{opacity:1;scale:.9;transform:translateY(44px)}}.fadeIn2{animation:fade-in 1.2s ease-in-out 2.3s both}.scaleFade{animation:scaleFade 1.2s ease-in-out 2.3s both}@keyframes scaleFade{0%{opacity:0;scale:0;transform:rotate(180deg)}to{opacity:1;scale:1;transform:rotate(0)}}@keyframes charSplash{0%{bottom:0;opacity:0;width:0}to{bottom:23px;opacity:1;width:254px}}.charSplash{animation:charSplash 1s ease-in-out 2s both;transform-origin:bottom}@keyframes startBtnAnim{0%{opacity:0;scale:0}to{opacity:1;scale:1;transform:translateY(0)}}.startBtnAnim{animation:startBtnAnim .8s ease-in-out 2s both}.glow{animation:glow 1s ease-in-out infinite}@keyframes glow{0%{filter:drop-shadow(0 0 0 #ffffff00)}50%{filter:drop-shadow(0 .871px 2.3px #ffffffab)}to{filter:drop-shadow(0 0 0 #ffffff00)}}.flicker{animation:flicker 3s ease-in-out infinite}@keyframes flicker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes vertical-scale{0%{opacity:1;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.VerticalScale{animation:vertical-scale .4s cubic-bezier(.25,.46,.45,.94) .4s both;transform-origin:center}@keyframes splashLogo2{0%{opacity:0;scale:0}30%{opacity:1;scale:2}to{scale:1}}@keyframes charSplash2{0%{opacity:0;scale:0;top:100px}to{opacity:1;scale:1;top:0}}@keyframes winRaysScale{0%{opacity:1;transform:scale(0)}to{opacity:1;transform:scale(1.3)}}.winRaysScale{animation:winRaysScale 1s cubic-bezier(.25,.46,.45,.94) both;transform-origin:bottom}@keyframes winScale{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.winScale{animation:winScale 2s cubic-bezier(.25,.46,.45,.94) both}.rotateIn{animation:RotateIn 1.5s cubic-bezier(.25,.46,.45,.94) both}@keyframes RotateIn{0%{transform:scale(0) rotate(1turn)}50%{transform:scale(2.5) rotate(0deg)}to{transform:scale(1.5) rotate(0deg)}}header{justify-content:space-between;max-width:430px;padding:53px 28px 0;position:fixed;top:0;width:100%;z-index:999999999}.primarybtn,.secondarybtn,header{align-items:center;box-sizing:border-box;display:flex}.primarybtn,.secondarybtn{background-color:initial;background-position:50%;background-size:cover;border:#0000;cursor:pointer;font-size:16px;height:72px;justify-content:center;outline:#0000;padding:10px 20px 14px;transition:all .3s ease;width:216px}.primarybtn{background-image:url(/static/media/primarybtn.67eb98221af816f3efd6.svg);color:#230e46;text-shadow:0 .949px 0 #fff}.primarybtn,.secondarybtn{font-size:16px;text-align:center}.secondarybtn{background-image:url(/static/media/secondarybtn.e81d797ad04494d4d239.svg);color:#fff;text-shadow:0 .949px 0 #000}.homeBtn{font-size:20px;height:100px;padding-bottom:20px;width:246px}#link{color:inherit;text-decoration:none}button{background-color:initial;border:#0000}@keyframes flickerBtn{0%{height:100px;width:246px}50%{background-image:url(/static/media/startbtn2.9a74a9333adcbc897b72.svg);filter:drop-shadow(0 4px 10.3px rgba(249,226,81,.8))}to{background-image:url(/static/media/startbtn.064d482aaf8eacb36d54.svg)}}.homeBtn{animation:flickerBtn 2s ease-in-out infinite;background-image:url(/static/media/startbtn.064d482aaf8eacb36d54.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#230e46;text-align:center;text-shadow:0 1.067px 0 #fff}.missonBtn{justify-self:end;margin:28px}.missonBtn,.skipBtn{align-self:flex-start}.skipBtn{background:none;background-color:initial;color:#dfd5e2;font-size:18px;text-decoration:underline}.iconbtnmian{align-items:center;background-image:url(/static/media/iconbtn1.c943d8b693b1747c0097.svg);background-position:50%;background-repeat:no-repeat;display:flex;height:48px;justify-content:center;transition:all 10ms ease-in;width:46.442px}.iconbtnmian img{height:25px;width:27px}.iconbtnmian:active{background-image:url(/static/media/iconbtn1press.990c775e48fd9894b4d7.svg);filter:drop-shadow(0 4px 10.3px 0 rgba(249,226,81,.8))}.menuPanel{background-image:url(/static/media/menuPanel.a1aa0572600a0509d8fb.png);background-size:100% 100%;gap:10px;height:709px;max-width:355px;padding:68px 20px 134px;width:100%}.menuPanel,.menuPanel ul{align-items:center;display:flex;flex-direction:column;justify-content:center}.menuPanel ul{gap:2px;list-style-type:none}.panelChar{bottom:20px;width:188px}.pausePanel{gap:0;padding-top:102px}.pausePanel h1{line-height:90%}.btnsFlex{height:56px;max-width:249px}.btnsFlex,.textFlex{align-items:center;display:flex;justify-content:space-between;width:100%}.textFlex{flex-direction:row-reverse}input{background-color:initial;border:#0000;color:#dfd5e2;font-size:20px;padding:0 5px;width:123px}form,input{display:flex}form{align-items:center;flex-direction:column;justify-content:center;margin:20px 0;max-width:249px;width:100%}.submitbtn{align-self:flex-start;background-color:initial;color:#dfd5e2;font-size:18px;text-decoration:underline}.iconSettings{background-size:100% 100%;height:55.481px;width:53.68px}.howtoFlex{gap:20px;gap:5px;padding:0 35px;width:100%}.chacrCont,.howtoFlex{align-items:center;display:flex;justify-content:center}.chacrCont{height:120px;margin-bottom:20px}.howToPanel{justify-content:space-between;padding:68px 20px 118px}.howToPanel .tap-hand{height:91.018px;margin:10px 16px 0 0;width:44.942px}.howToPanel button{margin:20px 0 10px}.flex2{display:flex;gap:10px}.howToImg{height:auto;width:105px}.wrapped{flex-wrap:wrap}.howToImg2{width:200px}.howToImg3{height:auto;width:98px}.headingBlock{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.bg3{color:#fae0c3}.bg1,.bg2{color:#8651dceb;transform:translateY(3px)}.bg1,.bg2{left:0;position:absolute;top:0}.bg2{color:#04000c98;filter:blur(2px);transform:translateY(6px);z-index:-1}.lvl1{bottom:190px;left:65px}.lvl2{bottom:305px;right:20px}.lvl3{left:130px;top:353px}.lvl4{right:19px;top:156px}.lvl5{right:159px;top:27px}.levelsBg{left:-32px}.depth{background-blend-mode:multiply;background-color:rgba(10,21,15,.383);height:100%;width:100%}.levelCont{font-size:27px;height:53px;text-align:center;width:50px}.h4dropShadow{text-shadow:0 1px 0 #000}.levelComp{align-items:center;display:flex;flex-direction:column;gap:5px;width:95px;z-index:9999999999999}.light{background:#8651dc26;background-blend-mode:color;border-radius:341px;filter:blur(19.649999618530273px);height:263px;left:-100%;mix-blend-mode:plus-lighter;pointer-events:none;position:absolute;transform:rotate(90deg);width:341px}.current{background-image:url(/static/media/leveliconactive.480f7343ec16406c6799.svg);color:#fff}.current,.inactive{text-shadow:0 .871px 0 #000}.inactive{background-image:url(/static/media/leveliconinactive.bb94a0462ac157ea1b59.svg);color:#5a525b;opacity:.8}.levelCompInactive h4{color:#bca8c0}.levelCompInactive .light{display:none}.lvlBg{position:absolute}#levelLink{z-index:9999999999999}.textBox{diqsplay:flex;align-items:flex-end;flex-direction:column;gap:5px}.textBox h3,.textBox p{text-align:right}.loadingFanous{animation:loading 3s ease-in-out infinite;background-image:url(/static/media/fanous_empty.f45ecd5f26518eda8c24.png);background-position:50%;background-size:cover;flex-shrink:0;height:185px;width:149.632px;z-index:4}.bg2{filter:blur(4px)}.depth2{background:#000000bd}@keyframes loading{0%{background-image:url(/static/media/fanous_full.ca68ea388efdbb65a19a.png);transform:rotate(0deg)}25%{background-image:url(/static/media/fanous_half.fe8c389dcd694a6d72ff.png);transform:rotate(90deg)}50%{background-image:url(/static/media/fanous_empty.f45ecd5f26518eda8c24.png);transform:rotate(180deg)}to{background-image:url(/static/media/fanous_full.ca68ea388efdbb65a19a.png);transform:rotate(1turn)}}.slide{height:100%;object-fit:cover;width:100%}.scaleStory{animation:scaleStory 4s ease-in-out both}@keyframes scaleStory{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.narration{background-image:url(/static/media/narrativebg.4579c7fd6acdd8d14074.png);background-position:50%;background-size:100% 100%;color:#ffe6cb;display:flex;flex-direction:column;font-family:Mirza;font-size:24px;font-weight:400;height:164px;line-height:119%;margin-bottom:100px;padding:28px;text-align:right;width:392px;z-index:999}.narration .startBtnCont{position:absolute;right:10px;top:70%}.scaleStory2{animation:scaleStory2 6s ease-in-out both}@keyframes scaleStory2{0%{top:0;transform:scale(1.1)}50%{opacity:1;top:0;transform:scale(1.4)}80%{left:20px;opacity:1;top:700px;transform:scale(3.5)}to{left:20px;opacity:0;top:700px;transform:scale(3.5)}}.light2{background-color:#100d0dcb;filter:blur(3px);height:932px;mix-blend-mode:multiply;top:0;width:430px;z-index:6}.fadeOut{animation:fadeOut .8s cubic-bezier(.55,.085,.68,.53) both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.scaleStory3{animation:scaleStory3 2s ease-in-out both}@keyframes scaleStory3{0%{left:-27px;scale:2.5;top:280px}to{left:0;scale:1;top:0}}.scaleStory4{animation:scaleStory4 2s ease-in-out both}@keyframes scaleStory4{0%{scale:1.5}to{scale:1}}.narration2{height:580px;margin-bottom:600px}@keyframes scaleStory5{0%{scale:1.1}to{scale:1.2;top:-80px}}.scaleStory5{animation:scaleStory5 2.5s ease-in-out both}.narration3{height:132px}.scaleStory6{animation:scaleStory6 8s ease-in-out both}@keyframes scaleStory6{0%{left:0;scale:1.1;top:-50px}to{left:-70px;scale:2;top:-206px}}.scaleStory7{animation:scaleStory7 5s ease-in-out both}@keyframes scaleStory7{0%{top:10px}to{top:80px}}.charWin{animation:charSplash2 1s ease-in-out both;transform-origin:bottom}.charWin,.winRays{position:absolute;top:0;width:100%;z-index:1}.winPanel{background-image:url(/static/media/winpanel.bb19bab230fd696c0dc6.png);gap:0;justify-content:start;top:16%;z-index:2}.winDepth{z-index:3}.winTypo{animation:splashLogo2 2s cubic-bezier(.25,.46,.45,.94) both;height:145px;position:relative;width:228.18px}.winTypo .top{left:0;position:absolute;top:10px}.winStars{align-items:center;display:flex;justify-content:center;top:30px;width:116px}.starsmall{height:44px;width:44px}.starbig{height:65px;width:65px}.winCounters{margin:20px 0 25px}.winBtnFlex{display:flex;flex-direction:column;gap:10px;margin:10px 0 0}.losePanel{background-image:url(/static/media/losepanel2.bf77e788ef0d378bd696.png);top:12%}.collectionflex1,.collectionflex2{align-items:center;justify-content:center}.collectionicon{height:47px;width:37px}.timer{bottom:89px;color:#fff;display:flex;flex-direction:column;font-size:46.5px;font-style:normal;font-weight:400;height:48px;line-height:100%;position:fixed;right:23px;text-align:center;width:94.5px;z-index:999}.timer span{color:#d9d9d9;font-size:24.706px}.progress,.timer span{font-style:normal;font-weight:400;line-height:normal}.progress{text-wrap:nowrap;align-items:center;background-image:url(/static/media/progress.e19f7f98931920d184d5.png);background-position:50%;background-size:100% 100%;color:#fff;display:flex;font-size:22px;height:63px;justify-content:space-between;letter-spacing:.22px;padding-bottom:7px;padding-left:56px;text-align:center;width:134px}.progress img{height:70px;object-fit:cover;right:-10px;width:30px}.overHidden{display:none}.prewinChar{position:absolute;z-index:5}.prewinNarration{align-items:center;height:99px;justify-content:center;justify-self:start;line-height:90%;padding:0 18px 10px;position:absolute;top:170px;transition:opacity .5s ease;width:238px}.flyingCharacter{animation:float 2s ease-in-out infinite;width:220px}.standingCharacter{animation:characterAppear .8s ease forwards,float 2.5s ease-in-out infinite;width:160px}@keyframes flyAcross{0%{transform:translateY(40px) rotate(-12deg)}to{transform:translate(130px,-40px) rotate(0deg)}}@keyframes characterAppear{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.mosqueBg{transform:translateX(0)}@keyframes mosqueJourney{0%{transform:translateX(0)}to{transform:translateX(-1000px) translateY(-150px)}}@keyframes mosqueBreathing{0%{transform:translateX(-1000px) translateY(-150px) scale(1)}50%{transform:translateX(-1000px) translateY(-150px) scale(1.08)}to{transform:translateX(-1000px) translateY(-150px) scale(1)}}.mosque1Anim{animation:mosqueJourney 8s ease-in-out forwards,mosqueBreathing 14s ease-in-out 8s forwards}.depthOverlay{opacity:1;pointer-events:none;transition:opacity 1.5s ease}.depthFadeOut{opacity:0}.skipBtn{bottom:34px;filter:drop-shadow(30px 10px 4px #141422d5);position:fixed;right:24px;z-index:9999}.questionBg{background-image:url(/static/media/questionpanel.f6118c381d72527fc58e.png);height:584px;padding-bottom:88px;padding-left:28px;padding-right:28px;width:301px}.questionBg h4{font-size:22px;font-weight:100}.qChar{height:auto;width:95px}.answer{font-feature-settings:"smcp";background-image:url(/static/media/answerbg.73289504d94482b70b9d.png);background-size:100% 100%;color:#ffe6cb;font-family:Mirza;font-size:22px;font-size:24px;font-style:normal;font-variant:small-caps;font-weight:400;line-height:90%;padding:11px 20px 22px;position:relative;text-align:center;transition:filter .15s ease,transform .1s ease;width:100%}.answer:active{filter:drop-shadow(0 0 14px #ffe066aa) brightness(1.1);transform:scale(.97)}.answersFlex{display:flex;flex-wrap:wrap;gap:10px;margin:20px}.answerStar{left:0;pointer-events:none;position:absolute;top:0}@keyframes shake{0%{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}to{transform:translateX(0)}}.answer.shake{animation:shake .45s ease}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.5)}60%{opacity:1}to{opacity:0;transform:translateY(-160px) scale(1.2)}}
/*# sourceMappingURL=main.a3ec29aa.css.map*/