@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:60px;height:60px;border:7px solid #ddd;border-top:7px solid #404472;border-radius:50%;animation:spinner 1s linear infinite}.loading-spinner-small{width:40px;height:40px;border:5px solid #ddd;border-top:5px solid #404472;border-radius:50%;animation:spinner 1s linear infinite}.spinner-container{display:grid;justify-content:center;align-items:center;height:100px}.spinner-container-small{display:grid;justify-content:center;align-items:center;height:50px;position:absolute;left:40%}.form-popup{position:absolute;z-index:999;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.96;padding:20px;box-shadow:0 0 10px #0000004d;min-width:480px}.form-popup button{padding:13px 10px!important;height:auto!important;font-size:18px!important}.form-control2{width:100%!important;padding:14px 10px;background-color:#fff;border:1px solid #ccc;border-radius:8px}.form-control-leaderboard{width:100%!important;padding:12px 10px;background-color:#ebf1f3;border:1px solid #ccc;border-radius:100px;margin-bottom:8px;text-align:center;font-weight:500;font-size:14px}.spinner-hanger{position:relative;display:flex;flex-direction:column;align-items:center;top:50px}.spinner-hanger .nail{width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#666,#222);border-radius:50%;box-shadow:0 1px 4px #0009,inset 0 1px 2px #fff3;position:absolute;top:-130px;left:50%;transform:translate(-50%);z-index:10}.ropes{position:absolute;top:-130px;width:3px;height:100px;background:linear-gradient(to bottom,#d2a679,#8b5e3c);box-shadow:2px 2px 6px #0000004d,-1px -1px 2px #ffffff1a;border-radius:2px;transform-origin:top;z-index:0}.left-rope{left:calc(50% + 0px);transform:rotate(-25deg)}.right-rope{left:calc(50% - 2px);transform:rotate(25deg)}.wheelss{animation:swing 6s infinite ease-in-out alternate;transform-origin:top center}.wheelss button{position:absolute;width:70px;height:70px;top:calc(50% - 50px);left:calc(50% - 40px);border-radius:50%;border:none;font-weight:600;font-size:18px;outline:none;box-shadow:0 0 5px 2px #000;z-index:10;background:linear-gradient(to bottom,#fcfff4,#dfe5d7 30%,#b3bead);-webkit-transition:.1s;transition:.1s}.wheelss button:hover{transform:scale(1.2);-webkit-transition:.1s;transition:.1s}.wheelss button:active{transform:scale(.9)}.wheel{position:relative!important;width:380px!important;height:380px!important;left:calc(50% - 200px)!important;border-radius:50%;border:8px solid #fff;box-shadow:0 0 6px 6px #000;z-index:9}.wheel:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:0 0 5px 10px #0006 inset;z-index:1}.wheel .inner .slice{position:absolute;width:0;height:0;left:132px;top:-8px;border-width:200px 50px 0 50px;border-style:solid;transform-origin:50% 95%;z-index:9}.wheel .inner .slice .prize{position:relative;display:block;transform:rotate(0);left:0;text-align:center;font-size:38px;margin-top:-185px;margin-left:-15px;color:#fff;text-shadow:-1px -1px 0 #585651,1px -1px 0 #585651,-1px 1px 0 #585651,1px 1px 0 #585651;z-index:9}.wheel-outer{position:absolute;width:470px!important;height:470px;background-color:#1d79b7;z-index:1;top:calc(50% - 245px)!important;left:calc(50% - 246px)!important;border-radius:50%;box-shadow:0 0 5px 5px #000,0 0 115px 101px #3a445933 inset}.writeups{position:relative;top:-100px}.writeups p{font-size:30px;font-weight:600}.goBack{position:relative;margin-top:70px;z-index:999;text-align:center;cursor:pointer;font-size:19px;font-weight:600;color:#2e81b4}.goBack:hover{color:#205e84}.wheel .inner{width:100%;height:100%;transition:5s}.spin_img img{min-width:300px!important;max-width:450px!important;-webkit-transition:.1s;transition:.1s;cursor:pointer}.spin_img img:hover{transform:scale(1.03);-moz-transform:scale(1.03);-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transition:.1s;transition:.1s}#svg-arrow{position:absolute;top:calc(50% - 254px);left:calc(50% - 110px);z-index:9}#svg-dotted{position:absolute;width:520px;height:520px;top:calc(50% - 272px);left:calc(50% - 270px);z-index:9}#svg-dotted #circle-dotted{fill:transparent;stroke:#c8c8c8;stroke-width:4;stroke-dasharray:.1 23;stroke-dashoffset:19.5;stroke-linecap:round;z-index:9}.customInput{padding:15px 12px!important;height:auto!important;border-radius:10px!important;font-size:19px!important;background:#fff!important;width:100%;font-weight:500!important;line-height:20px!important;background-clip:padding-box;border:1px solid #ced4da;display:block;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.curve_btn{width:100%;padding:12px;border-radius:0 50px 50px 0;font-size:16px;border:none!important;color:#fff;background-image:linear-gradient(#497e25,#6fb93e,#497e25)!important;float:right}.curve_btn:hover{background-image:linear-gradient(#3b681e,#50882b,#3b681e)!important}.curve_btn1{font-size:16px;float:right;border-radius:7px 50px 50px 7px}.btn_gray{background:none!important;background-color:#999!important}.wheel .slice:nth-child(1){border-color:#16a085 transparent;transform:rotate(0)}.wheel .slice:nth-child(2){border-color:#962bc0 transparent;transform:rotate(-30deg)}.wheel .slice:nth-child(3){border-color:#34495e transparent;transform:rotate(-60deg)}.wheel .slice:nth-child(4){border-color:#d35400 transparent;transform:rotate(-90deg)}.wheel .slice:nth-child(5){border-color:#f39c12 transparent;transform:rotate(-120deg)}.wheel .slice:nth-child(6){border-color:#c02b58 transparent;transform:rotate(-150deg)}.wheel .slice:nth-child(7){border-color:#2980b9 transparent;transform:rotate(-180deg)}.wheel .slice:nth-child(8){border-color:#50c556 transparent;transform:rotate(-210deg)}.wheel .slice:nth-child(9){border-color:#d31313 transparent;transform:rotate(-240deg)}.wheel .slice:nth-child(10){border-color:#800055 transparent;transform:rotate(-270deg)}.wheel .slice:nth-child(11){border-color:#c2b503 transparent;transform:rotate(-300deg)}.wheel .slice:nth-child(12){border-color:#008000 transparent;transform:rotate(-330deg)}@media (max-width: 768px){.desktop-view-carousel{display:none}.form-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;margin-top:100px;box-shadow:0 0 10px #0000004d;min-width:385px}.spin_img img{min-width:200px!important;max-width:350px!important;-webkit-transition:.1s;transition:.1s;cursor:pointer}.wheel{position:relative!important;width:280px!important;height:280px!important;top:-3.2%!important;left:calc(50% - 150px)!important;border-radius:50%;border:8px solid #fff;box-shadow:0 0 6px 6px #000;z-index:9;margin-top:-20px}.wheel:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:0 0 5px 10px #0006 inset;z-index:1}.wheel .inner .slice{left:92px;top:-10px;border-width:144px 50px 0 30px;transform-origin:50% 100%}.wheel .inner .slice .prize{transform:rotate(90deg);left:8px;font-size:17px;margin-top:-130px;margin-left:-10px}.wheel-outer{width:360px!important;height:360px!important;top:calc(50% - 190px)!important;left:calc(50% - 190px)!important}.writeups{top:-40px}.writeups p{font-size:22px}#svg-arrow{top:calc(50% - 200px);left:calc(50% - 110px)}#svg-dotted{width:400px;height:400px;top:calc(50% - 212px);left:calc(50% - 210px)}#svg-dotted #circle-dotted{stroke-width:3}}@media (min-width: 769px){.mobile-view-carousel{display:none}.form-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;margin-top:100px;box-shadow:0 0 10px #0000004d;width:400px}}.games1{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:9}.games1 img{max-width:90%;height:auto}.games2 .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.games1 .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:0}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);opacity:0}}.games1 #playground{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:866px;max-width:97%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto;border-radius:20px}.games1 #playground>div{display:block;margin:4px;height:140px;position:relative;-webkit-box-flex:1;flex:1 0 11%;background-color:transparent}.games1 .card_back{background-color:#0f0;width:99px;height:140px}.games1 .card_front{background-color:#ff0;width:99px;height:140px}.games1 .card1>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/PzVgC0b/cards-2.png)}.games1 .card2>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/SxFZGxT/cards-3.png)}.games1 .card3>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/Jx53vqh/cards-5.png)}.games1 .card4>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/Q8CBv39/cards-6.png)}.games1 .card5>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/DKgsC3Y/cards-7.png)}.games1 .card6>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/WK8knfJ/cards-8.png)}.games1 .card7>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/4Nkyyg1/cards-9.png)}.games1 .card8>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/sChxTb8/cards-10.png)}.games1 .card9>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/Vq6LNDJ/cards-11.png)}.games1 .card10>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/VDXTDC2/cards-12.png)}.games1 .card11>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/DCnJFXZ/cards-1.png)}.games1 .card12>.flip-card-inner>.flip-card-back{background-image:url(https://i.ibb.co/Pz2fdPW/cards-4.png)}.games1 div[class^=card]{background-color:transparent;color:#fff;-webkit-perspective:1000px;perspective:1000px;border-radius:8px}.games1 .flip-card-inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:-webkit-transform .7s;transition:-webkit-transform .7s;-o-transition:transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.games1 .flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.games1 .rotate{-webkit-animation:rotate-center 1s ease-in-out both;animation:rotate-center 1s ease-in-out both}.games1 .flip-card-front,.games1 .flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.games1 .flip-card-front{background-image:url(../../../assets/images/cards.png);background-position:center;background-size:contain!important;background-repeat:no-repeat;border-radius:8px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.14);box-shadow:0 1px 3px #00000014,0 1px 2px #00000024;transition:all .3s ease-in-out}.games1 .flip-card-front:hover{cursor:pointer;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:8px;background-color:transparent;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .3s ease-in-out}.games1 .flip-card-front:after{content:"";display:block;height:109%;width:109%;background-color:transparent;border-radius:8px}.games1 .flip-card-back{border:2px solid gray;border-radius:8px;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-position:center;background-repeat:no-repeat;border:2px solid darkgray;background-color:#fff4d7;background-size:contain}.games1 .combo-container{display:block;position:absolute;width:866px;max-width:96%;margin:auto}.games1 .header{margin:auto auto 15px;text-align:center;font-weight:600;font-size:28px;color:#ddd}.games1 .footer{display:-webkit-box;display:-ms-flexbox;display:flex;width:866px;max-width:96%;margin:10px auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 5px}.games1 .counter{display:inline-block;color:#fdd257;font-weight:600;font-size:19px;margin-bottom:10px}.games1 button{display:inline-block;position:relative;border-radius:8px;padding:12px 20px}.games1 .muteBtn{display:none}.games1 .muteBtn+label{display:inline-block;width:30px;height:30px;border-radius:50%;cursor:pointer;background-size:cover;background-image:url(https://i.ibb.co/8xG9vgT/sound-mute-01.png)}.games1 .muteBtn:checked+label{border-radius:50%;background-image:url(https://i.ibb.co/h7w6rmR/sound-mute-02.png)}.games1 .muteBtn:hover+label{border-radius:50%;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.games2 .start-screen{justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:99!important}.games2 .sSInside{position:absolute;width:500px;max-width:95%;height:450px;max-height:90%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.games2 .teacherTxt{position:relative;background-color:#fff;border-radius:5px;width:80%;max-width:400px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:justify;text-justify:inter-word;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.games1 .teacherTxt:after{content:"";position:absolute;display:block;width:0;z-index:1;border-style:solid;border-width:0 17px 17px 0;border-color:transparent white transparent transparent;bottom:-16px;left:88%;margin-left:-10px}.games2 .teacherImg{height:50%;width:auto;position:relative;right:0;display:inline-block;float:right}.games1 #finishScreen{position:absolute;top:-120px;left:-40px;z-index:99;width:110%;height:142%;background-color:#000000b3;display:block;text-align:center;align-content:center}.games1 #finishScreen h1,.games1 #finishScreen p{color:#ccc;font-size:50px}.games1 #finishScreen p.finished,.games1 #finishScreen p.moves{margin-bottom:20px;margin-top:10px;font-size:17px;font-weight:600}.games1 .fSSmall{position:absolute;width:270px;height:199px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.games1 .fSImg{position:absolute;height:230px;width:auto;top:-27px;left:-54px}.games1 .fSWhite{position:absolute;width:270px;height:199px;background-color:#fff;left:22px;border-radius:5px}.games1 .fSPiece1{text-align:center;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:55%;width:68%;top:0;right:0;color:#003956;padding:2px 5px 2px 2px}.games1 .fSPiece1>h1{font-size:20px;margin-bottom:5px}.games1 .fSPiece2{position:absolute;height:41%;width:76%;background-color:#126d9b;bottom:0;right:0;border-radius:30px 0 5px;color:#fff;padding:5px 5px 5px 17px}.games1 .orange{color:#ef8a3f;font-weight:700}.games1 .exitBtn{position:absolute;background-color:red;width:30px;height:30px;right:-15px;top:-15px;z-index:7;text-align:center;color:#fff;font-weight:700;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.games1 .exitBtn2{right:unset;top:-15px;left:-15px}.games1 .exitBtn:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.games1 #combo{position:absolute;top:0;left:0;z-index:5;pointer-events:none}.games2 .startButton{background-color:#fdd257;border-color:#00b3ff;border:2px solid #00b3ff;border-radius:5px;color:#333;cursor:pointer;font-weight:700;padding:10px 20px;margin-top:20px}.games2 .startButton:hover{background-color:orange;color:#2f4f4f}.games1 button:focus{outline:none}.games2 .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.games1 .clearfix:after,.games2 .clearfix:after{content:"";clear:both;display:table}.games2 .creditsBtn{position:absolute;bottom:1%;right:1%;background-color:#65c9d1;border-color:#116d9c;color:#fff}.games2 .creditsBtn:hover{position:absolute;bottom:1%;right:1%;background-color:#2b9db1;border-color:#116d9c;color:#fff}.games2 .info-screen{position:absolute;background-color:#fffc;bottom:1%;right:1%;border-radius:5px;padding:20px 10px;border:1px solid #0c73b8;text-align:center}.games1 .infoImg{display:block;margin:auto;padding:4%}@media screen and (max-width: 800px){.games1 #playground>div{display:block;margin:4px;height:100px;position:relative;-webkit-box-flex:1;-ms-flex:1 0 15%;flex:1 0 15%;background-color:transparent}.games1 .flip-card-back{border:2px solid gray;border-radius:8px;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-position:center;background-size:contain;background-repeat:no-repeat;border:2px solid darkgray;background-color:#fff4d7}}@media screen and (max-width: 800px) and (max-height: 300px){.games1 #playground>div{display:block;margin:4px;height:72px;position:relative;-webkit-box-flex:1;-ms-flex:1 0 10%;flex:1 0 10%;background-color:transparent}.games1 .flip-card-back{border:2px solid gray;border-radius:8px;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-position:center;background-size:contain;background-repeat:no-repeat;border:2px solid darkgray;background-color:#fff4d7}}@media screen and (max-width: 527px){.games1 #playground>div{display:block;margin:8px;height:100px;position:relative;-webkit-box-flex:1;flex:1 0 16%;background-color:transparent}.games1 #finishScreen{top:-20px;left:-15px;width:108%}.games1 .flip-card-back{border:2px solid gray;border-radius:8px;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-position:center;background-size:contain;background-repeat:no-repeat;border:2px solid darkgray;background-color:#fff4d7}}.games1 .card.removing{animation:removeAnim 3s forwards}@keyframes removeAnim{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5) rotate(50deg)}}.game-container{text-align:center;margin-top:-24px}.title{font-size:2.3rem;margin-bottom:10px;font-weight:600;color:#222;text-shadow:2px 2px 5px rgba(0,0,0,.2)}.score{font-size:1.5rem;margin-bottom:30px;color:#2c3e50;font-weight:500}.doors-container{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-bottom:60px}.door{width:150px;height:300px;cursor:pointer;transition:transform .3s ease;position:relative}.door-number{position:absolute;top:20%;left:50%;transform:translate(-50%);font-size:40px;font-weight:700;color:gold;color:#ddd;text-shadow:2px 2px 5px rgba(200,200,200,.5);z-index:3;pointer-events:none}.door:hover{transition:transform .3s ease;transform:scale(1.05)}.door.opened:hover{transform:none}.door-img{width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 6px 15px #0000004d}.door-img1{object-fit:cover;position:relative;z-index:1}.reset-btn{padding:18px 45px;font-size:18px;font-weight:700;background:#4498de;color:#fff!important;border:none;border-radius:8px;cursor:pointer;transition:.3s}.reset-btn:hover{background:#2a679a}.door-frame{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.gift-inside{position:absolute;bottom:25%;left:44%;transform:translate(-50%);width:50%;height:auto;z-index:1;pointer-events:none;filter:drop-shadow(-2px 18px 6px rgba(0,0,0,.5)) drop-shadow(-2px 18px 16px rgba(0,0,0,.3))}.gift-dangle{animation:dangle 1s ease-in-out infinite alternate}@keyframes dangle{0%{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-5deg)}50%{transform:translate(-50%) rotate(5deg)}75%{transform:translate(-50%) rotate(-3deg)}to{transform:translate(-50%) rotate(3deg)}}.cartoon-walk{position:absolute;bottom:20px;left:20px;max-width:280px;height:auto;z-index:0;animation:walk-across 8s linear infinite}@keyframes walk-across{0%{left:-110px;transform:scaleX(1)}50%{left:2%;transform:scaleX(1)}51%{transform:scaleX(-1)}to{left:-120px;transform:scaleX(-1)}}@media screen and (max-width: 580px){.game-container{margin-top:24px}.title{font-size:1.5rem}.score{font-size:1.2rem;margin-bottom:30px}}@media screen and (max-width: 768px){.doors-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-items:center}.door{width:150px;height:280px}.door-number{font-size:28px}}@media screen and (max-width: 480px){.doors-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;justify-items:center!important}.door{width:110px;height:220px}.doors-container .door:last-child:nth-child(odd){grid-column:span 2;justify-self:center}.cartoon-walk{max-width:200px}@keyframes walk-across{0%{left:-90px;transform:scaleX(1)}50%{left:-4%;transform:scaleX(1)}51%{transform:scaleX(-1)}to{left:-80px;transform:scaleX(-1)}}}#canvas_wrapper{display:flex;flex-wrap:wrap;margin:auto}#canvas_wrapper .panel{background-color:#fff;position:relative;width:92%!important;height:200px!important;margin:15px auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;float:left;display:block;border-radius:12px}#canvas_wrapper .panel_wrapper{display:flex}#canvas_wrapper .panel .price{position:absolute;z-index:0;pointer-events:none;font-size:20px;padding:6px 8px;color:#111;white-space:nowrap}#canvas_wrapper .panel .canvas{position:absolute;position:relative;top:0;left:0;border-radius:12px;width:100%;height:100%}#left_attempts{font-size:24px;color:#846d06;color:#222}.blur-cover{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loaders{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#main-wrapper{margin-top:-40px}#main-wrapper .contrast-bg:first-child{margin-bottom:60px}#main-wrapper .contrast-bg p{margin-top:0}#main-wrapper .container{width:100%;max-width:1200px;margin:0 auto;display:block}#main-wrapper .container .left{text-align:left;width:25%;margin:0 15px}#main-wrapper .container .right{text-align:left;width:75%;margin:0 15px}@media (max-width: 991px){#main-wrapper{margin-top:0}}@media (max-width: 767px){#main-wrapper .container{display:block}#main-wrapper .container .left,#main-wrapper .container .right{margin:15px;width:calc(100% - 60px)}#main-wrapper{margin-top:40px}}