@font-face{font-family:'Interstate';src:url("/static/website/fonts/Interstate-Regular.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'InterstateBold';src:url("/static/website/fonts/Interstate-Bold.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'InterstateLight';src:url("/static/website/fonts/Interstate-Light.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'PermanentMarker';src:url("/static/website/fonts/PermanentMarker-Regular.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Arcade';src:url("/static/website/fonts/ARCADE_N.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Larken';src:url("/static/website/fonts/LarkenDEMO-Regular.otf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}html{width:100%;height:100%;box-sizing:border-box}body{width:100%;height:100%;margin:0;padding:0;font-size:0;line-height:0;box-sizing:border-box}header{margin:30px 0 20px}header h1{font:700 24px/28px "InterstateBold";color:white;margin:15px 0 0}header h2{font:400 16px/20px "Interstate";color:white;margin:5px 0 0}footer{font:700 12px/16px "InterstateBold";background:#FFFFFF;padding:25px 0;box-sizing:border-box;width:100%;margin-top:-109px;text-align:center}footer p{margin:0 0 15px}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#F1F1F1}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#e3e8f4}.logo{width:180px;height:38px}.sosmed{display:flex;align-items:center;justify-content:center;gap:20px}.sosmed img{width:24px;height:24px}.container-bg{max-width:380px;margin:0 auto;display:block}.content-bg{background-image:url("/static/website/img/game/puzzle/Bgr@2x.jpg?58b99b0c4353");background-size:cover;background-position:center center;width:100%;min-width:380px;min-height:100%;margin:auto;overflow:hidden;display:block;text-align:center;user-select:none}.game-wrapper{display:flex;gap:0;padding-bottom:170px;height:auto}.card-slots,.card-pile{border-radius:5px}.card-slots div:first-child,.card-pile div:first-child{margin-left:0}.card-slots{background-image:url("/static/website/img/game/puzzle/jeans_transparant@2x1.png?58b99b0c4353");background-size:contain;background-repeat:no-repeat;background-position:top center;min-width:192px;height:493px;position:relative;margin:0 auto;margin-top:30px}.card-slots div{border:none;font-size:0;line-height:0}.card-slots div.hovered{background:transparent}.card-slots div:nth-child(1){position:absolute;width:98px;height:168px;z-index:100;left:5px;top:1px;border-color:red}.card-slots div:nth-child(2){position:absolute;top:1px;width:101px;height:125px;z-index:101;right:6px;border-color:blue}.card-slots div:nth-child(3){position:absolute;top:109px;width:90px;height:197px;z-index:102;left:3px;border-color:pink}.card-slots div:nth-child(4){position:absolute;top:99px;width:94px;height:199px;z-index:103;right:3px;border-color:lawngreen}.card-slots div:nth-child(5){position:absolute;width:78px;height:209px;z-index:104;bottom:74px;left:3px}.card-slots div:nth-child(6){position:absolute;width:77px;height:177px;z-index:105;bottom:77px;right:1px}.card-slots div:nth-child(7){position:absolute;width:74px;height:144px;z-index:104;bottom:7px;left:3px}.card-slots div:nth-child(8){position:absolute;width:68px;height:132px;z-index:105;bottom:7px;right:0px}.card-pile-wrapper{height:515px;padding:10px;box-sizing:border-box}.card-pile-wrapper a{display:block}.card-pile-wrapper .arrow{width:30px;height:30px;display:table;margin:auto 0}.card-pile-wrapper .scroll{position:relative;display:table;margin:0 auto}.card-pile-wrapper .scroll-down{bottom:-10px}.card-pile-wrapper .scroll-top{top:-10px}.card-pile-wrapper .scroll-top img{transform:rotate(-180deg)}.info{max-width:121px;border:1px solid #B6B3B3;border-top-left-radius:5px;border-top-right-radius:5px;box-sizing:border-box;border-bottom:none}.card-pile{width:121px;min-width:121px;height:420px;box-sizing:border-box;margin:0 auto;z-index:1000;padding:10px;background:#B6B3B3 url("/static/website/img/game/puzzle/bg2.jpg?58b99b0c4353");background-size:cover;background-position:top center;overflow-y:scroll;overflow-x:hidden;border-top-left-radius:0;border-top-right-radius:0;border-top:none}.card-pile img{max-height:100px;position:relative;z-index:1000}.card-pile div{position:relative;z-index:1000;cursor:pointer;margin-bottom:10px;touch-action:none}.card-pile .ui-draggable-dragging{position:absolute;z-index:2001!important}.card-pile div.correct{position:absolute;z-index:1000}.card-pile #card1 img{max-height:calc(168px * 0.5)}.card-pile #card2 img{max-height:calc(125px * 0.5)}.card-pile #card3 img{max-height:calc(197px * 0.5)}.card-pile #card4 img{max-height:calc(199px * 0.5)}.card-pile #card5 img{max-height:calc(209px * 0.5)}.card-pile #card6 img{max-height:calc(177px * 0.5)}.card-pile #card7 img{max-height:calc(144px * 0.5)}.card-pile #card8 img{max-height:calc(132px * 0.5)}.card-pile .ui-draggable-dragging#card1 img,.card-pile div.correct#card1 img{max-height:168px}.card-pile .ui-draggable-dragging#card2 img,.card-pile div.correct#card2 img{max-height:125px}.card-pile .ui-draggable-dragging#card3 img,.card-pile div.correct#card3 img{max-height:197px}.card-pile .ui-draggable-dragging#card4 img,.card-pile div.correct#card4 img{max-height:199px}.card-pile .ui-draggable-dragging#card5 img,.card-pile div.correct#card5 img{max-height:209px}.card-pile .ui-draggable-dragging#card6 img,.card-pile div.correct#card6 img{max-height:177px}.card-pile .ui-draggable-dragging#card7 img,.card-pile div.correct#card7 img{max-height:144px}.card-pile .ui-draggable-dragging#card8 img,.card-pile div.correct#card8 img{max-height:132px}.hide{display:none}.completed{background:#B6B3B3 url("/static/website/img/game/puzzle/bg-completed.jpg?58b99b0c4353");background-size:cover;background-position:top center;padding:42px 25px;border:1px solid #B6B3B3;border-radius:8px;margin:50px 20px 180px;box-sizing:border-box}.completed img{width:100%;margin:0 0 25px}.completed h2{font:700 43px/52px "InterstateBold";color:#5C7D52;margin:0 0 20px}.completed h3{font:700 14px/16px "InterstateBold";color:#AA182C;margin:0 0 8px}.completed a{font:700 16px/20px "InterstateBold";color:white;background:#C41230;padding:12px 20px;width:100%;display:block;box-sizing:border-box;text-decoration:none}.completed .play-again{background:#5C7D52;margin:15px 0 0}.completed .preview-img{width:168px;height:168px;margin-bottom:20px}@media (max-width:876px){.container-bg{max-width:100%}}@font-face{font-family:'Interstate';src:url("/static/website/fonts/Interstate-Regular.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'InterstateBold';src:url("/static/website/fonts/Interstate-Bold.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'InterstateLight';src:url("/static/website/fonts/Interstate-Light.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'PermanentMarker';src:url("/static/website/fonts/PermanentMarker-Regular.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Arcade';src:url("/static/website/fonts/ARCADE_N.ttf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:'Larken';src:url("/static/website/fonts/LarkenDEMO-Regular.otf?58b99b0c4353") format("truetype");font-weight:normal;font-style:normal;font-display:swap}body,html{overflow:hidden!important;background-color:#7BB088}header{margin:0}.start{width:0%}.hide{display:none!important;width:0}.controller{position:absolute;transform:translateY(-50%);top:50%;display:flex;justify-content:space-between;width:100%}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}.start-controller,.modal{position:absolute;transform:translateY(-50%);top:50%;display:flex;width:100%;flex-direction:column;z-index:999}.start-controller img,.modal img{margin:15px auto}.start-controller .game-icon,.modal .game-icon{width:80%}.start-controller .start-button,.modal .start-button{width:50%}.modal .game-logo{margin-top:20px;width:60%}.modal a{font:700 18px/20px "Interstate";padding:15px 10px;margin:10px;background:#C10A27;color:white;text-decoration:none}.modal img{margin:0px auto}.modal .container{display:flex;flex-direction:column;margin:25px auto;width:100%}.modal .replay{background:#376F61}.modal-content{background:linear-gradient(180deg,#80BD92 0%,#9AC695 42.83%,#BDD698 100%);display:flex;flex-direction:column;border:3px solid white;margin:0px 30px}.how-to-play{position:relative;z-index:2}.how-to-play .video{width:100%;height:100%;object-fit:cover;border:3px solid white}.how-to-play .how-to-play-card{height:400px;position:relative;max-width:257px;width:100%;position:relative}.how-to-play-container{width:100%;height:100%;background:rgba(0,0,0,0.5)}.close-button{width:30px;position:absolute;right:0;top:0;transform:translate(50%,-50%);z-index:3}.decoration{width:100%}header .fps{margin:auto 0px}.score{margin:auto 25px;font:400 14px/18px "Arcade",sans-serif;color:white;width:25%}.score__full{width:100%;margin:10px auto;font:400 18px/20px "Arcade",sans-serif}.timer-container{width:30%;margin:auto;display:flex}.timer-container img{width:18px;height:18px}.timer{font:400 14px/18px "Arcade",sans-serif;color:white;margin:auto 10px}.counter{position:absolute;transform:translateY(-50%);top:9%;display:flex;justify-content:center;width:100%}canvas{width:100%;height:80%;top:20%;bottom:0%;left:0;position:absolute;object-fit:contain}.content{position:relative;height:100%}#leftButton{background-image:url("/static/website/img/game/ramadan-2024/button_left.png?040cd66d57d6")}#rightButton{background-image:url("/static/website/img/game/ramadan-2024/button_right.png?040cd66d57d6")}.land{width:100%;position:absolute;bottom:0%;height:7%;background-image:url("/static/website/img/game/ramadan-2024/start_platform.jpg?040cd66d57d6");background-size:cover}.controller div{width:50px;height:50px;margin:3px}.logo{width:80px;height:auto;margin:0 auto}.content-bg{background-image:url("/static/website/img/game/ramadan-2024/new_game_bg.webp?040cd66d57d6");background-size:98% 100%;background-repeat:no-repeat;background-position:center center;width:100%;min-width:380px;min-height:100%;margin:auto;overflow:hidden;display:block;text-align:center;user-select:none}.content-bg.start-background{background-image:url("/static/website/img/game/ramadan-2024/new_bg.webp?040cd66d57d6");background-size:98% 100%}@media (max-width:414px){.counter{position:absolute;transform:translateY(-50%);top:4.5%;display:flex;justify-content:center;width:100%}}@media (max-width:450px){.counter{position:absolute;transform:translateY(-50%);top:8.3%;display:flex;justify-content:center;width:100%}}@media (max-width:400px){.counter{position:absolute;transform:translateY(-50%);top:8.5%;display:flex;justify-content:center;width:100%}.counter{width:80%;margin:0 auto;left:10%;font:400 10px / 14px "Arcade",sans-serif}}