@font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(/fonts/slick.eot);src:url(/fonts/slick.eot?#iefix) format("embedded-opentype"),url(/fonts/slick.woff) format("woff"),url(/fonts/slick.ttf) format("truetype"),url(/fonts/slick.svg#slick) format("svg")}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{padding:0;display:block;position:absolute}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url('/fonts/ajax-loader.gif') center center no-repeat #fff}.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-dotted.slick-slider{margin-bottom:40px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 2px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;border:0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:before{font-size:11px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.5;color:#fff}.slick-dots li.slick-active button:before{opacity: 1; color: #fff; border: 1px solid #fff; border-radius: 100px;}


body, html { height: 100%; margin: 0; font-family: 'Teko', sans-serif; overflow-x: hidden; background-color: #000; background-image: url('img/bg-web.png'); background-position: center; background-size: cover; background-attachment: fixed; }
.parallax { position: relative; height: 100vh; background: transparent; }
.stars { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url('img/bh-web.png'); background-repeat: no-repeat; background-size: cover; pointer-events: none;z-index:1; }
.content { position: relative; z-index: 2;}
h1 { font-size: 3rem; }
p { font-size: 1.2rem; }
.logo { width: 60%; max-width: 500px; height: auto; margin-bottom: 20px;filter: drop-shadow(0 0 5px #27f5ff) drop-shadow(0 0 10px #27f5ff) drop-shadow(0 0 20px #27f5ff);transition: filter 0.5s ease; }
.logo.active { filter: drop-shadow(0 0 15px #27f5ff) drop-shadow(0 0 30px #27f5ff) drop-shadow(0 0 45px #27f5ff);}
.play-button { width: 190px; height: auto;visibility: hidden }
/*Header*/
header .profile_pic { object-fit:cover;width: 70px; height: 70px; border: 2px solid #febb00; border-radius: 10px; } 
header { padding: 14px 20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.head_tokens { display: flex; align-items: center; justify-content: center;gap:20px }
.htblock { display: flex; flex-direction: row; justify-content: center; align-items: center; }
.htblock:nth-child(2) .htplate { padding: 12px 30px 12px 48px; }
.htplate {padding: 0 10px 0 48px; background: #14163d; color: #fff; border-radius: 30px; margin-left: -36px; z-index: 2; height: 55px; vertical-align: middle; display: flex; align-items: center; gap: 5px;}
.htplate b{ font-size: 28px;font-weight: 100;margin-top:2px; }
.htcircle { background: radial-gradient(#a0a3e8, #1d1e56); border-radius: 100px; padding: 10px; border: 1px solid #fff;z-index:3; }
.htcircle img { width: 42px; }
.seii {background: #2ee053; color: #005111; border-radius: 100px; font-size: 20px; cursor: pointer; padding: 8px; margin-left: 10px; box-shadow: inset 0px -1px 5px rgb(0 0 0 / 88%); text-shadow: 0px -2px 1px #016f01;}
b.htgemtxt { color: #27c62d; }
/*Level*/
.uplevel { padding: 0 8px; } 
.uplinner h1 { color: #fff; font-size: 22px; font-weight: 600; margin: 0 0 3px; }
.uplinner,.fmain {background: rgb(26 27 82 / 80%); border-radius: 12px; text-align: center; padding: 8px 20px 20px; box-shadow: 0px 2px 4px #0000009c;}
.uplinner { padding: 8px 20px 10px; }
.progress_tots { border: 1px solid #4c468d; border-radius: 20px; position: relative }
.progress { background: #403c6f;height:22px;box-shadow: 0px 1px 2px #00000094; border-radius: 20px;margin-bottom: 0px }
.progress-bar { background: linear-gradient(to bottom, #0bc300, #0d9411); border-radius: 20px;}
#progress-icon,#progress-icon2 {position: absolute; top: -3px; left: 0; height: 30px; margin-left: -15px; transition: left 0.6s ease;}
span.tots b { font-weight: 100; font-size: 15px; } span.tots { position: absolute; margin: auto; width: 100%; left: 0; right: 0; }
.menuinner img { width: 75px; } 
.menuinner { display: flex; justify-content: space-evenly; align-items: center; padding: 10px; }
.menuinner a:active img { padding: 4px; }
/*pages*/
.page-content{display: none;}
/*powers*/
.powerplate span { font-size: 25px; line-height: 11px; margin-top: 2px; font-weight: 600; } 
.powers .menuinner { gap: 8px;padding:10px 0; } 
.powerplate {display: flex; gap: 10px; background: #fff; border-radius: 20px; padding: 8px; align-items: center; background-image: url(./img/btn-bg.png); background-size: cover; background-position: top; min-width: 110px; justify-content: space-evenly; border: 6px solid #014144;} 
.powers .powerplate img { width: 30px; }
.powers.activa.bum { position: fixed; top: 0; left: 0; right: 0; margin: auto; display: flex!important; justify-content: center; align-items: center; height: 100vh; z-index: 9999; background: #000000d9; width: 100%; padding: 0 18%; animation: moveToCenter 0.5s ease-in-out forwards; }
.powers.activa.bum .menuinner { flex-direction: row; }
/*banner*/
.banners .slick-slide { height: auto; } 
.slick-initialized .slick-slide { display: block; } 
.banners img { padding:1px;width: 100%;border-radius: 15px} 
.banners,.fmain {width:100%;max-width: 800px; margin: auto; }
.fmain{max-width: 970px;}
.fwin{flex-wrap: nowrap; overflow-x: auto; display: flex; gap: 10px; color: #fff; text-align: center;}
.f-inner img.pp { width: 50px; height: 50px; border-radius: 10px;border: 2px solid #febb00}
.fmain .rw{color: #fff; font-size: 24px; text-align: center; display: block; font-weight: 600; margin-bottom: -5px;}
.f-inner { display: flex; gap: 12px;flex: 0 0 150px; min-width: 150px; overflow: hidden;cursor:pointer;  }
.fwon img { width: 18px; }
.fdetails { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.fdetails span { font-size: 23px; max-width: 90px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;line-height: 25px}
.fmain hr { border-top: 1px solid #fff; width: 150px; margin: 0 auto 20px; }
.fwon { background: #1c1d57; padding: 3px 12px; border-radius: 10px; border: 1px solid #4c468d; box-shadow: inset 0px -4px 1px #141535; display: flex; justify-content: center; align-items: center;gap:5px }
.fwon span { font-size: 20px;line-height: 18px }
/*tours*/
#quizgenre,.pend_inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;max-width: 970px;width:100%;margin: auto;margin-top:20px;  }
.pend_inner { margin-top: 5px; }
.tous { background: #48a684; border-radius: 35px; padding: 8px; border: 3px solid #65b89a; box-shadow: inset 0px 0px 5px #00000096;position: relative }
.tous_link { background: #b1ffe3; display: flex; width: 100%;border-radius: 25px;flex-direction: column;text-decoration: none!important }
.left-side { position: relative; background: #3d9b79; border-radius: 25px; text-align: center; padding: 16px 0 10px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;overflow: hidden;box-shadow: 0px 0px 3px #ffffff8a; }
span.tit { font-size: 30px; color: #fff; text-transform: uppercase; text-shadow: -2px -2px 0 #0000009c, 1px -1px 0 #0000009c, -1px 3px 0 #0000009c, 2px 2px 0 #0000009c; line-height: 12px;font-weight:600; }
.left-side .sides span {background: #71e4c0; color: #166d51; border-radius: 10px 10px 0 0; padding: 0px 30px; text-transform: uppercase; margin-top: 10px; display: inline-block; margin-bottom: -14px; font-size: 15px; font-weight: 600; }
.left-side:before{background-image: url(./img/tour-bg.png); background-size: cover; background-position: center; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.right-side {display: flex; gap: 10px; justify-content: space-around; align-items: center; padding: 15px 0px;}
.right-side .lb-side { display: flex; flex-direction: column;gap:12px;}
.right-side .lb-side-w { display: flex;gap:10px }
.right-side .sides { background: #3c9776; border: 2px solid #095d42; color: #fff; padding: 0px 10px; border-radius: 20px; box-shadow: 0px 5px 1px #0000009e; display: flex; align-items: center; justify-content: center; gap: 10px;position: relative;width:90px;  }
.right-side .sides span { font-size: 25px; font-weight: 500 } 
.right-side .sides.img img { width: 35px;} 
.right-side .sides img { width: 20px; }
.right-side .sides:nth-child(2) { padding-bottom: 13px; gap: 5px; }
.right-side .sides span.ename {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin-top: 5px; font-size: 14px; text-transform: uppercase; font-weight: 200;}
.tous.ggSEI { background: #d26898; border: 3px solid #df9cb9; }
.ggSEI .tous_link { background: #ffdaea; }
.ggSEI .left-side { background: #bd5383; }
.ggSEI .left-side .sides span { background: #d1639c; color: #851966; }
.ggSEI .right-side .lb-side .lb-side-1 span { text-shadow: -3px -1px 0 #851966, 1px -1px 0 #851966, -3px 1px 0 #851966, 0px 2px 0 #851966;}
.ggSEI span.tit { text-shadow: -2px -2px 0 #9e1e5b, 1px -1px 0 #9e1e5b, -1px 3px 0 #9e1e5b, 2px 2px 0 #9e1e5b; }
.ggSEI .right-side .lb-side .lb-side-1 img {-webkit-filter: drop-shadow(-2px 1px 0 #851966) drop-shadow(-2px 0px 0 #851966); filter: drop-shadow(-2px 1px 0 #851966) drop-shadow(-2px 0px 0 #851966); }
.b1 button,.leader_boards .b1btn,.events .b1btn,.profile .pbtns .btn {color: #fff; border-radius: 20px; padding: 2px; background: #943edc; width: 100%; background-image: url(./img/ttn-bg.png); background-size: cover; background-position: bottom; min-width: 110px; text-shadow: -1px 3px 0px #441069; border: 6px solid #650ca6; text-transform: uppercase; font-size: 25px; border-bottom: 10px solid #650ca6; }
.leader_boards .b1btn,.events .b1btn { color: #fff!important; background: #4e4d51!important;text-align: center;    padding-top: 5px;border: 6px solid #121217; border-bottom: 6px solid #121217;}
/*.leader_boards .active .b1btn { color: #fff !important; background: radial-gradient(#87c3ff, #4f9bf3) !important; border: 6px solid #242f6f; border-bottom: 6px solid #242f6f; }*/
.leader_boards .nav,.events .nav { display: flex; justify-content: center; align-items: center;max-width: 400px; margin: auto; }
.ggSEI .right-side .sides { background: #9c436b; border: 2px solid #6a0e50; }
.right-side .lb-side .lb-side-1 span {font-weight: 500; font-size: 5em; color: #fff; text-shadow: -3px -1px 0 #166d51, 1px -1px 0 #166d51, -3px 1px 0 #166d51, 0px 2px 0 #166d51; line-height: 1px;margin-top:12px}
.right-side .lb-side .lb-side-1 img { width: 65px; }
.lb-side-1 { display: flex; justify-content: center; align-items: center;gap:15px }
.right-side .lb-side .lb-side-1 img { width: 65px;-webkit-filter: drop-shadow(-2px 1px 0 #166d51) drop-shadow(-2px 0px 0 #166d51); filter: drop-shadow(-2px 1px 0 #166d51) drop-shadow(-2px 0px 0 #166d51); }
.right-side .lb-side span.ppool { color: #166d51; font-size: 22px; display: block; font-weight: 500; text-align: center; text-transform: uppercase; }
.ggSEI .right-side .lb-side span.ppool { color: #851966;}
.right-side .lb-side.pool { gap: 2px; }
.right-side .sides.img span { margin-top: 6px; }
/*Modals*/
.modal-backdrop.in{opacity:0.9}
/*body.modal-open section {filter: blur(5px);}*/
#toursModal .modal-body,#leadersModal .modal-body{position:relative;overflow:scroll;padding:0;}
#toursModal.modal.fade .modal-content,#leadersModal.modal.fade .modal-content{border:none;box-shadow:none;background:none}
#toursModal.modal.fade .modal-dialog,#leadersModal.modal.fade .modal-dialog{transform:translate3d(0,100vh,0)}
#toursModal.modal.in .modal-dialog,#leadersModal.modal.in .modal-dialog{transform:translate3d(0,0,0)}
#toursModal.modal.in .modal-dialog,#leadersModal.modal.in .modal-dialog{transform:translate3d(0,-50%,0);bottom:initial} 
#toursModal .modal-dialog,#leadersModal .modal-dialog{bottom:0;position:absolute;width:100%;left:0;margin:0}
#toursModal .modal-dialog,#leadersModal .modal-dialog { width: 95%; max-width: 450px; top: 50%;right:0;margin:auto} 
#leadersModal .modal-dialog {max-width: 700px;}
#toursModal img ,#leadersModal img { width: 20px; }
#toursModal .playe, .lobby .playe, #matchmaker .playe, #leadersModal .playe {  border-radius: 0 0 10px 10px; padding: 15px; text-align: center;  display: flex; flex-direction: row; align-content: center; justify-content: center; align-items: center; column-gap: 10px; }
#toursModal #getTour,#leadersModal #getmyLeader { margin: 0; }
#toursModal .tmheader { position: fixed; top: -32px; left: 0; right: 0; margin: auto; text-align: center; z-index: 99999999; }
#toursModal .tmheader img { width: 290px; }
#toursModal .tmheader h1 { position: absolute; top: 16px; text-align: center; left: 0; right: 0; width: 280px; margin: auto; font-size: 25px; color: #fff; text-transform: uppercase; text-shadow: -2px -2px 0 #0000009c, 1px -1px 0 #0000009c, -1px 3px 0 #0000009c, 2px 2px 0 #0000009c; font-weight: 600; }
#toursModal .tous { border-radius: 70px; }
#toursModal .tbody { border-radius: 60px;padding: 20px 0 10px; }
#toursModal .b1 button{padding:5px 5px 4px}
#toursModal .playe .b1:first-child button,.eventsbody .playe .b1.closec button { filter: grayscale(1); }
#toursModal .b1,#matchmaker .b1,.eventsbody .b1 { width: 100%; max-width: 150px; }
#toursModal .ggSEI .lb-side { background: #9c436b; border: 2px solid #6a0e50; } 
#toursModal .lb-side,#matchmaker .hint { background: #3c9776; border: 2px solid #095d42; color: #fff; display: flex; justify-content: space-around; align-items: center; max-width: 310px; margin: 10px auto 0; padding: 1px; border-radius: 10px; font-size: 20px; }
/*#toursModal .sides:first-child span { margin-top: 10px; } */
#toursModal .sides:first-child img { width: 30px; } 
#toursModal .sides img { width: 25px; margin-right: 4px; display: inline-block; vertical-align: middle; }
#toursModal .lb-side .sides { width: 100%; max-width: 135px;text-align: center }
#toursModal .sides span { text-shadow: -2px -2px 0 #0000002b, 1px -1px 0 #0000002b, -1px 3px 0 #0000002b, 2px 2px 0 #0000002b;display: inline-block; vertical-align: middle; margin-top:2px}
#toursModal .lb-side .sides:first-child { border-right: 1px solid #ffffff87; }
#toursModal .dotts,#matchmaker .dotts { width: 100%; display: flex; justify-content: center; align-items: center;padding:6px;border: 1px dashed #ffffff6e; border-radius: 10px; }
#toursModal .leader,.leader_boards .leaderboards { display: flex; justify-content: space-evenly; align-items: center;margin: 20px auto 35px; gap: 25px; max-width: 85%;}
#toursModal .leader .con { display: flex; flex-direction: column;justify-content: center; align-items: center;gap:10px }
#toursModal .prizepl { background: linear-gradient(to bottom, #c8c8d4, #78798e); padding: 5px 20px;color: #fff; font-size: 20px; width: 100%; text-align: center; }
#toursModal .lsec:nth-child(3) .prizepl { background: linear-gradient(to bottom, #dc9857, #823d09); } 
#toursModal .lsec:nth-child(2) .prizepl { background: linear-gradient(to bottom, #fad003, #e79100); } 
#toursModal .prizepl { background: linear-gradient(to bottom, #c8c8d4, #78798e); padding: 0px 20px; color: #fff; font-size: 20px;border-radius: 0 0 10px 10px }
#toursModal .prizepl b { text-shadow: -2px -2px 0 #0000002b, 1px -1px 0 #0000002b, -1px 3px 0 #0000002b, 2px 2px 0 #0000002b; font-weight: 600; }
#toursModal .con img { width: 40px; }
#toursModal .prizepl img { width: 20px; } 
#toursModal .lsec { background: #fed0af; border: 2px solid #9c683a; border-radius: 10px; width: 100%;    box-shadow: inset 0px 0px 5px #00000096; }
#toursModal .lsec:nth-child(1) { background: #ecedff; border: 2px solid #878699; } 
#toursModal .lsec:nth-child(2) { background: #fef2bf; border: 2px solid #a28a02;transform: scale(1.2); }
#toursModal .ap .allp { text-align: center; font-size: 25px; text-transform: uppercase; font-weight: 600; display: flex; justify-content: center; align-items: center; color: #9d436b; text-shadow: 0px 0px 1px #9d436b; }
#toursModal .allp img { margin: -3px 5px 2px 10px; }
#toursModal span.popup { color: #fff; text-align: center; margin: auto; display: block; font-size: 1.5em; }
#toursModal .showbtn .b1 { max-width: 200px; margin-top: -25px; }
.head span { font-size: 1.8em; color: #fff; font-weight: 600; text-shadow: -2px -2px 0 #7b31cc, 1px -1px 0 #7b31cc, -1px 3px 0 #7b31cc, 2px 2px 0 #7b31cc; margin: 14px; line-height: 1px; display: inline-block; vertical-align: middle; }
.head img { width: 80px;cursor: pointer }
.head { position: fixed; top: 0; left: 0; margin: 0; padding: 12px 15px;z-index:9999; }
.parallax.active .myprof, .parallax.active .uplevel { visibility: hidden; }

/*shop*/
.shop .powers.shopi { display: none; }
.shop .shopgg { justify-content: center; align-items: center; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; max-width: 930px; margin: 0 auto 20px; }
.shop .buysei .gems { width: 100%; max-width: 120px; } 
.buysei { display: flex; gap: 30px; padding: 20px; align-items: center;justify-content: center; }
.shop .shop_b { display: flex; flex-direction: column; justify-content: center; align-items: center;gap:5px } 
.shop .shop_b img.gems { width: 20px; }
.shop .shop_b span:first-child { color: #fff; padding: 2px 20px; border-radius: 20px; font-size: 18px; font-weight: 500; background: #e09cc1; border: 3px solid #b95281; text-shadow: -1px -1px 1px #75103d, 1px 1px 1px #75103d; }
.shop .b1 button img { width: 22px; }
.shop .b1 button { color: #fff !important;min-width: 160px; }
.shop .left-side { padding: 20px 0; }
.shop .power img { width: 30px; }
.shop .g2 .buysei { flex-direction: row-reverse; }
.shop .g2 .shop_b span:first-child { padding-top: 4px; background: #7fceb4; border: 2px solid #106a4c; text-shadow: -1px -1px 1px #106a4c, 1px 1px 1px #106a4c; }
.shop .powers-m { justify-content: center; align-items: center; display: grid; grid-template-columns: repeat(2, 1fr);gap:4px }
.shop .power { background: #7fceb5; border: 2px solid #106a4c; border-radius: 10px; padding: 10px; }
/*leader*/
.event_tabs { max-width: 500px; background: rgb(33 34 98 / 69%); border-radius: 20px; margin: 0 auto 10px;padding:20px; }
.leader_boards .tab-content,.events .tab-content,.eventsbody .tab-content,.profile .mac3,.match .qpart { max-width: 700px; background:radial-gradient(#3a3994, #494896, #0c0956); border-radius: 20px; margin: 0 auto 10px; padding: 20px;border: 3px solid #75a1e0; }
.leader_boards .entry { width: 100%; text-align: center;position: relative }
.leader_boards .entry:nth-child(2) {transform: scale(1.2); }
.leader_boards .leaderboards { max-width: 350px; }
.leader_boards .entry img { width: 100%; border-radius: 100%; border: 5px solid #febe01;height:100;object-fit:cover }
.leader_boards .entry:nth-child(1) img {border: 5px solid #1e7695; }
.leader_boards .entry:nth-child(3) img {border: 5px solid #217ab7; }
.leader_boards .entry .rank { background: radial-gradient(#fbde04, #efa600); border: 3px solid #e57a00; color: #fff; text-shadow: -1px 1px 0px #e57a00; border-radius: 100%; position: absolute; bottom: -10px; width: 30px; height: 30px; font-size: 19px; display: block; left: 0; right: 0; margin: auto; }
.leader_boards .entry:nth-child(1) .rank {background: radial-gradient(#ccccce, #8a8997); border: 3px solid #2b2b43; text-shadow: -1px 1px 0px #2c2b41}
.leader_boards .entry:nth-child(3) .rank {background: radial-gradient(#dd9a55, #a8612c); border: 3px solid #6c2900; text-shadow: -1px 1px 0px #6e2b01 }
.leader_boards .refer_all,.leader_boards .week_all,.leader_boards .all_all,.profile .challenges,.eventsbody .leaders { display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 10px; }
.leader_boards .refer_all .user-image,.leader_boards .week_all .user-image,.leader_boards .all_all .user-image,#leadersModal .eventsbody .leaders .user-image  { border-radius: 100%; width: 40px; height: 40px; margin: 0 10px; border: 2px solid #febe01;object-fit:cover }
#leadersModal .eventsbody .leaders .user-image  {z-index:2;position: relative }
.leader_boards .refer_all .user-name,.leader_boards .week_all .user-name,.leader_boards .all_all .user-name,.eventsbody .user-name {text-transform: uppercase; font-size: 22px; color: #403c6f; font-weight: 500; margin-top: 3px; }
.leader_boards .user-line,.eventsbody .user-line,.profile .challenges .c1 { background: linear-gradient(to bottom, #b0cffe, #709cdd); border-radius: 100px; border: 3px solid #fff; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.leader_boards .user-rank,.eventsbody .user-rank { background: radial-gradient(#466eac, #3b5b96); width: 54px; height: 54px; display: block; color: #fff; font-size: 2.4em; text-align: center; border-radius: 100%; padding-top: 5px; text-shadow: -1px -1px 1px #273a7c; }
.leader_boards .priz,.eventsbody .priz { margin-left: auto; display: flex; align-items: center; background: #5a82bf; border-radius: 100px;width:90px;position: relative;margin-right: 18px; }
.leader_boards .priz img,#leadersModal .eventsbody .priz img { width: 30px; position: absolute; left: -8px; }
.leader_boards .priz .user-coins,.eventsbody .priz .user-coins { font-size: 21px; color: #fff; text-shadow: -1px 1px 2px #2a397a; width: 100%; text-align: center;line-height: 26px;margin-top:2px; }
.leader_boards .unrank .user-rank { background: none; width: 100%; font-size: 25px; font-weight: 500; text-transform: uppercase; }
.eventsbody .priz2 { margin-left: 0; }
.shop .head_tokens { display: none}
canvas#confetti-canvas{position:fixed;top:0}
.eventsbody .user-line .ns {margin-right: auto}
#leadersModal .inviteuser .user-rank { width: 54px; padding-top: 0; background: #fff; text-shadow: none; margin-right: auto; }
#leadersModal .inviteuser{cursor:pointer}
#leadersModal .eventsbody .priz1 img {width: 20px;}
#leadersModal .eventsbody .ns .user-name { line-height: 20px; font-size: 22px; margin-left: -5px;}
#leadersModal .eventsbody .priz1 .user-coins { font-size: 20px; line-height: 18px; }
#leadersModal .ns { display: flex; gap: 15px; }
#leadersModal .eventsbody .isBlock { color: #fff; text-align: center; display: block; font-size: 20px; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 4px; }
#leadersModal .eventsbody .isBlock img { width: 30px; }
#leadersModal .leader_boards .entry img { width: 100%; background: #fff; }
#leadersModal .eventsbody .user-line .p1::before,#leadersModal .eventsbody .user-line .p2::before,#leadersModal .eventsbody .user-line .p3::before{content: ''; width: 40px; z-index: 0; height: 40px; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: -8px; left: 3px;}
#leadersModal .eventsbody .user-line .p1::before { background-image: url(https://assets.quizmatch.games/img/n_badge_1st.png); }
#leadersModal .eventsbody .user-line .p2::before { background-image: url(https://assets.quizmatch.games/img/n_badge_2nd.png); }
#leadersModal .eventsbody .user-line .p3::before { background-image: url(https://assets.quizmatch.games/img/n_badge_3rd.png); }
#leadersModal .eventsbody .image{position: relative}
.leader_boards .user-line .ns { display: flex; gap: 15px; }
/*profile*/
.profile .pt_contents { max-width: 700px; background: rgb(33 34 98 / 69%); border-radius: 20px; margin: 0 auto 10px; padding: 20px; display: flex; justify-content: center; align-items: center;gap:30px }
.profile .pt_contents img { width: 120px; height: 120px; border: 2px solid #febb00; border-radius: 100px;object-fit:cover }
.profile .pt_right .pname { display: flex; font-size: 26px; color: #fff; font-weight: 500; text-transform: uppercase; align-items: center; }
.profile .pt_contents .pname img { width: 30px; height: 30px; border: none; cursor: pointer; }
.profile .pdates .pj { display: flex; flex-direction: column; color: #fff; font-size: 20px; font-weight: 500; text-transform: uppercase; } 
.profile .pdates { display: flex; flex-direction: row; gap: 16px; }
.profile .pbtns { display: flex; max-width: 100%; }
.profile .pbtns .btn.logout {width: 100%; max-width: 150px; height: auto; font-size: 22px; border: 0; background: none; margin: 2px 10px 0 -10px;}
.profile .join b { font-weight: 500; }
.profile .pdates .pj.t { color: #febb00; }
.profile .pt_contents .pname .name { margin-right: 12px; max-width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.profile #progress-icon2,.gameovers #progress-icon2 { width: initial; border: none; }
.gameovers #progress-icon2{left: 15px}
.profile .uplevel,.gameovers.uplevel { display:block!important;visibility: initial !important; position: relative; width: 100%; max-width: 700px; margin: auto; left: 0; padding: 0; }
.profile .uplinner,.gameovers .uplinner { padding: 15px 20px; }
.profile i.fa.fa-copy { margin-left: 10px; cursor: pointer; }
.profile .c1header {width: 100%;}
.profile .challenges .c1 { gap: 10px; }
.profile .fwon span { color: #fff; margin-top: 3px; }
.profile .chaltop .title { color: #403c6f; font-weight: 500; text-transform: uppercase; font-size: 18px; margin-bottom: -2px; display: block; }
.profile .chaltop { padding: 5px 0; }
.profile .trophy img { background: radial-gradient(#466eac, #3b5b96); width: 54px; height: 54px; display: block; text-align: center; border-radius: 100%; padding: 10px 8px 8px; }
.profile .challenges .progress { height: 18px; }
.profile .fwon { margin-right: 15px; background: none; box-shadow: none; border: none; text-shadow: -1px 1px 2px #141535; }
.profile .mac3 { margin-top: 10px; }
.profile .mac3 .ac_head { color: #fff; text-transform: uppercase; display: block; text-align: center; font-size: 25px; margin: 0px 0 20px; }
.updateP input { width: 100%; padding: 10px; border-radius: 15px; border: none; text-align: center; } 
.updateP { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 20px; gap: 5px;position:relative; } 
.updateP img { width: 150px!important; height: 150px; border-radius: 100%; margin-bottom: 10px;object-fit:cover } 
.mychals .upload { width: 100%; border-radius: 15px; padding: 10px; background: #398267; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 500; }
.mychals h1.title { font-size: 30px; color: #373737; text-transform: uppercase; line-height: 12px; font-weight: 600; text-align: center; }
.mychals .upT { width: 100%; position: relative; }
.mychals #upAddress { padding-right: 60px;text-transform: initial }
.mychals .uptext { font-size: 18px; }
.mychals .pastebtn { position: absolute; right: 6px; top: 33px; font-size: 15px; background: #65b99a; color: #fff; padding: 6px; width: 50px; text-align: center; border-radius: 10px; cursor: pointer; }
.updateP input { width: 100%; padding: 8px; border-radius: 15px; text-align: center; font-size: 20px; text-transform: uppercase; font-weight: 500; color: #398267; border: 2px solid #398267; }
.updateP img.edit-btn { width: 40px !important; height: 40px; position: absolute; bottom: 12px; left: 25px; }
.cloader { border: 4px solid #f3f3f3; border-top: 4px solid #211a48; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 25px auto; } 
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/*Matches*/
.circle-ripple {width: 140px; height: 140px; border-radius: 50%; -webkit-animation: ripple 0.7s linear infinite; animation: ripple 0.7s linear infinite; }
.mmSEI .circle-ripple {-webkit-animation: ripple2 0.7s linear infinite; animation: ripple2 0.7s linear infinite; }
.circle-ripple img {-webkit-animation: trans 2s linear infinite; animation: trans 2s linear infinite; }
@-webkit-keyframes trans {0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } }
@keyframes trans {0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); }}
@-webkit-keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(97, 165, 144, 0.3), 0 0 0 1em rgba(97, 165, 144, 0.3), 0 0 0 3em rgba(97, 165, 144, 0.3), 0 0 0 5em rgba(97, 165, 144, 0.3); } 100% { box-shadow: 0 0 0 1em rgba(97, 165, 144, 0.3), 0 0 0 3em rgba(97, 165, 144, 0.3), 0 0 0 5em rgba(97, 165, 144, 0.3), 0 0 0 8em rgba(97, 165, 144, 0); } }
@keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(97, 165, 144, 0.3), 0 0 0 1em rgba(97, 165, 144, 0.3), 0 0 0 3em rgba(97, 165, 144, 0.3), 0 0 0 5em rgba(97, 165, 144, 0.3); } 100% { box-shadow: 0 0 0 1em rgba(97, 165, 144, 0.3), 0 0 0 3em rgba(97, 165, 144, 0.3), 0 0 0 5em rgba(97, 165, 144, 0.3), 0 0 0 8em rgba(97, 165, 144, 0); } }
@-webkit-keyframes ripple2 { 0% { box-shadow: 0 0 0 0 rgba(168, 99, 134, 0.3), 0 0 0 1em rgba(168, 99, 134, 0.3), 0 0 0 3em rgba(168, 99, 134, 0.3), 0 0 0 5em rgba(168, 99, 134, 0.3); } 100% { box-shadow: 0 0 0 1em rgba(168, 99, 134, 0.3), 0 0 0 3em rgba(168, 99, 134, 0.3), 0 0 0 5em rgba(168, 99, 134, 0.3), 0 0 0 8em rgba(168, 99, 134, 0); } }
@keyframes ripple2 { 0% { box-shadow: 0 0 0 0 rgba(168, 99, 134, 0.3), 0 0 0 1em rgba(168, 99, 134, 0.3), 0 0 0 3em rgba(168, 99, 134, 0.3), 0 0 0 5em rgba(168, 99, 134, 0.3); } 100% { box-shadow: 0 0 0 1em rgba(168, 99, 134, 0.3), 0 0 0 3em rgba(168, 99, 134, 0.3), 0 0 0 5em rgba(168, 99, 134, 0.3), 0 0 0 8em rgba(168, 99, 134, 0); } }
.matchdiv img { border-radius: 100%; width: 140px; height: 140px;object-fit:cover }
.matchdiv {display: flex; background: #00000069; position: fixed; width: 100%; top: 0; height: 100%; flex-direction: column; justify-content: space-evenly; align-items: center; z-index: 999;overflow:scroll}
/*#matchmaker .playe .b1 button{border-bottom: 8px solid #650ca6;padding:5px}*/
/*#matchmaker .playe .b1:first-child button{filter: sepia(1) hue-rotate(180deg) saturate(335%) brightness(1.1); text-shadow: -1px 3px 0px #305da5;}*/
#matchmaker .imgbtn { border-radius: 0px; width: 100%; height: auto;cursor:pointer; }
#matchmaker .b1 { max-width: 200px; }
#matchmaker img.master { position: absolute; top: 0; z-index: -1; transform: scale(1.4);left:0; }
#matchmaker .matchInfo{position:relative;margin-top:10%}
#matchmaker .matchbottom { display: flex; flex-direction: column; justify-content: center; align-items: center; }
#matchmaker .matchbottom .title { font-size: 2.5em; text-transform: uppercase; font-weight: 500; color: #fff;margin-top:70px; }
#matchmaker .matchbottom .mvps {display: flex; width: 100%; max-width: 440px; margin: 10px auto; justify-content: center; gap: 12px; align-items: center;}
#matchmaker .hint { max-width: max-content; position: relative; }
#matchmaker .hint img { position: absolute; top: 0; left: 0; width: 60px; height: auto; margin:-20px -30px}
#matchmaker .dotts { padding: 6px 10px 5px; padding-left: 35px; }
#matchmaker .mmSEI .hint { background: #9c436b; border: 2px solid #6a0e50; }
#matchmaker .lead img { width: 100%; height: 100%; } 
#matchmaker .lead.gray .name { visibility: hidden; } 
#matchmaker .lead { width: 80px;display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff;position: relative;margin-bottom:0; }
#matchmaker .lead .level { position: absolute; background: radial-gradient(#79bcff, #3991f4); border-radius: 100%; border: 2px solid #1f6692; padding: 10px 0; line-height: 8px; padding-top: 12px; width: 34px; text-align: center; top: -10px; font-size: 18px; right: 0; }
#matchmaker .lead:nth-child(2) .level { background: radial-gradient(#fd75fb, #df47da);border: 2px solid #931d7d}
#matchmaker .lead:nth-child(3) .level { background: radial-gradient(#00f1f8, #08b9bd);border: 2px solid #1f7795}
#matchmaker .lead.grey .image img { border: 3px solid #1f6692; } 
#matchmaker .lead.grey .image,#matchmaker .lead.gray .image { background: radial-gradient(#79bcff, #3991f4); border-radius: 100%; padding: 3px;width:80px;object-fit:cover;height:80px; }
#matchmaker .lead.gray .image{background: none}
#matchmaker .lead.grey:nth-child(2) .image img { border: 3px solid #931d7d; } 
#matchmaker .lead.grey:nth-child(2) .image { background: radial-gradient(#fd75fb, #df47da);}
#matchmaker .lead.grey:nth-child(3) .image img { border: 3px solid #1f7795; } 
#matchmaker .lead.grey:nth-child(3) .image { background: radial-gradient(#00f1f8, #08b9bd)}
#matchmaker .lead .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 80px; margin-top: 5px; }
#matchmaker .go .leaderTitle { color: #fff; font-size: 4em; text-transform: uppercase; font-weight: 600; margin: 0; }
#matchmaker .matchbottom.go .title {padding: 5px; background: #9e5aef; border-radius: 10px; font-size: 1.8em; width: 300px; text-align: center; font-weight: 400; margin: 10px 0 20px;}
#matchmaker .matchbottom.go .title .tota { color: #fefd01; font-size: 1.3em; vertical-align: middle; font-weight: 600; margin-left: 10px; }
#matchmaker .t.gameover { width: 100%; }
#matchmaker .matchbottom.go { width: 100%; max-width: 600px; }
#matchmaker .go .dotts { padding: 0;line-height: 40px }
#toursModal .playe2 span { font-size: 20px; text-align: center; display: block; color: #00000070; }
#toursModal .playe2 { display: flex; justify-content: center; align-items: center;gap:10px }
#toursModal .image img { width: 30px; height: 30px; border-radius: 100px; }
#toursModal .iuimage { display: flex; justify-content: center; align-items: center;}
#toursModal .iuimage .image { margin-left: -10px;background: radial-gradient(#79bcff, #3991f4);border: 2px solid #b1ffe4;border-radius: 100px  }
#toursModal .ggSEI .iuimage .image {border: 2px solid #ffdaeb;  }
#toursModal .iuimage .image:nth-child(2) { background: radial-gradient(#fd75fb, #df47da);}
#toursModal .iuimage .image:nth-child(3) { background: radial-gradient(#00f1f8, #08b9bd)}
#toursModal .iuimage .image img { border: 2px solid #1f6692;width: 40px; height: 40px;padding: 2px; }
#toursModal .iuimage .image:nth-child(2) img { border: 2px solid #931d7d; } 
#toursModal .iuimage .image:nth-child(3) img { border: 2px solid #1f7795; } 
.blink_me { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0.8;transform: scale(1.05) } }
.match .qpart { background: radial-gradient(#7bbeff, #4da2f9); border: 4px solid #6bb1ff; box-shadow: inset 0px 0px 6px #00000085;padding: 0 20px 20px;position:relative; }
.match .qpart h2 { color: #243370; font-weight: 600; text-transform: uppercase; text-align: center; margin: 30px auto 20px; max-width: 360px; }
.match .qpart .qoq { background: #253472; color: #fff; padding: 6px 30px 5px; border-radius: 0 0 75px 75px; font-size: 24px; text-transform: uppercase; margin: 0 auto; display: block; font-weight: 500; width: 100%; max-width:200px; text-align: center; box-shadow: 2px 2px 2px #212b67; }
.match .qpart img.quespng { position: absolute; width: 70px; left: 0; top: 15px; }
.match .qpart img.quespng.q2 { -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); right: 0; left: initial; width: 45px; top: 10px; }
.match .timer { background: #253371; color: #fff; font-size: 22px; width: 45px; display: block; margin: auto; border-radius: 100px; height: 45px; padding: 9px; box-shadow: 0px 3px 2px #111754;text-align: center;position: relative; z-index: 2; }
.match .timer.shake{background:#dc4141; animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0.8;transform: scale(1.05) } }
.match .mid { position: relative; }
.match .mid hr { left: 0; border-radius: 100%; border-top: 2px solid #1a2664; position: absolute; top: 0; width: 100%; max-width: 500px; margin: 25px auto; right: 0; z-index: 1; }
.moptions .moption:before { content: counter(listStyle, upper-alpha); margin-right: 10px; background: radial-gradient(#5363a2, #3e4e8d); padding: 14px 15px 10px; font-size: 30px; line-height: 20px; border-radius: 100px; border: 2px solid #578fd9; }
.moptions .moption:hover { background: linear-gradient(to bottom, #4673c1, #27408c); box-shadow: none; }
.moptions .moption.selected:before { background: radial-gradient(#263574, #30589c); border: 2px solid #ffffff; }
.moptions .moption.correct:before { background: radial-gradient(#53a366, #328346); border: 2px solid #52cd71; }
.moptions .moption.incorrect:before { background: radial-gradient(#9e4f4f, #803131); border: 2px solid #d85758; }
.moptions .moption.selected { background: linear-gradient(to left, #9abfff, #253472); color: #fff; }
.moptions .moption.incorrect { background: linear-gradient(to bottom, #f05e5e, #b92928); color: #fff; border: 2px solid #f06363;box-shadow: none} 
.moptions .moption.correct {background: linear-gradient(to bottom, #3ac847, #028310); animation: blink-animation 0.3s linear 2; visibility: visible; border: 2px solid #64ef85; box-shadow: none;}
.moptions .moption { background: linear-gradient(to bottom, #5f88ce, #2f4482); color: #fff; padding: 10px 10px 10px 40px; margin-bottom: 10px; border-radius: 100px; cursor: pointer; font-size: 23px; font-weight: 500; counter-increment: listStyle; display: flex; align-items: center; justify-content: flex-start; border: 2px solid #192455; box-shadow: inset 2px 2px 4px #375494; text-shadow:-1px -1px 0 #0000009c, 1px -1px 0 #0000009c, -1px 1px 0 #0000009c, 2px 2px 0 #0000009c;line-height: 24px }
.moptions .moption span { padding-top: 4px; }
.moptions { max-width: 585px; margin: 30px auto 0; }
@keyframes blink-animation { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.scoreicons{display: none}
.playing .scoreicons{display: block}
.playing .menicons{display: none}
.playing .match .powers { display: none; }
.scoreusers .scorer span { color: #fff; font-size: 30px; } 
.scoreusers .scorer img { width: 50px; height: 50px; object-fit: cover; border-radius: 100px; } 
.scoreusers .scorer.cur { border: 3px solid #25f2ff; } 
.scoreusers .scorer { border-radius: 15px; display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 2px 20px; background: #36367eb0; width: 100%; }
.scoreusers.menuinner { gap: 10px;padding-top:2px; }
.scoreusers .scorer img { width: 35px; height: 35px; object-fit: cover; border-radius: 100px; border: 2px solid #b78f31; }
.scoreusers .scorer span { color: #fff; font-size: 30px; padding-top: 5px; }
.scoreicons h2 { color: #fff; text-transform: uppercase; margin: 5px 0 0; }
.scoreusers .scorer {border: 2px solid #312f6a;}
.shake-effect {animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-2px, 0px) rotate(1deg); }
  30% { transform: translate(1px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-1px, 1px) rotate(0deg); }
  70% { transform: translate(1px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.powerpop { position: fixed; top: 0; left: 0; width: 100%; background: #000000d4; z-index: 99999; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.powerpop span { color: #fff; margin-top: 20px; font-size: 1.8em;font-weight:700; }
.powerpop img { max-width: 200px; width: 100%; }
.playing .powerplate{cursor: pointer}
.uplevel.gameovers{left:0;position: relative;display: block;width:100%}
.gameovers .game_mid { margin: 0 auto; width: calc(100% - 15px);}
.gameovers .uplinner { display: flex; align-items: flex-end; justify-content: center; gap: 10px; }
.gameovers .game_ggl { color: #fff; font-size: 30px; }
.gameovers .game_ggl b { line-height: 20px; }
/*events*/
.events .right-side { gap: 5px; }
.events .right-side .lb-side .lb-side-1 span {font-size: 20px;}
.events .right-side .sides { width: 130px; gap: 5px; padding: 5px;justify-content: center; }
.events .right-side .lb-side { width: 100%; padding: 0 10px;gap:10px;align-items:center; }
.events .right-side .sides span { font-size: 18px; line-height: 18px; padding-top: 3px; }
.events .right-side .lb-side.rewars .lb-side-1 span { font-size: 4em; }
.events .right-side .lb-side.rewars .lb-side-1 { gap: 10px; }
.events .right-side .lb-side.rewars .lb-side-1 img { width: 50px; }
.events .tous_link { cursor: pointer; }
.events .right-side .lb-side.rewars { gap: 0px; }
.events .right-side .lb-side .lb-side-1 span.in-progress { line-height: 25px; font-size: 25px; text-align: center; text-shadow: none; color: #3b9876;margin-top:0; }
.events .ggSEI .right-side .lb-side .lb-side-1 span.in-progress { color: #9c436b; }
.events .left-side { padding-bottom: 16px; }
.events .lb-side-1 img.lb-btn { width: 100%; filter: none; }
.ggSEI .right-side .lb-side .lb-side-1 img.lb-btn{filter: none;}
img.lb-btn { width: 100%; max-width: 150px; }
.events .right-side .lb-side span.ppool { color: #3b9876;line-height: 20px;}
.events .ggSEI .right-side .lb-side span.ppool { color: #9c436b;}
.event_tabs { max-width: 600px;}
.event_tabs .sel{display:none}
.event_tabs .active .sel{display:block}
.event_tabs .active .sel2{display: none}
.event_tabs img.lb-btn { max-width: 100%; width: 100%; }
.event_tabs .b1btn { border: none; background: none !important; }
.event_tabs .col-xs-6 {padding: 0 5px;}
.events .tab-content { max-width: 800px;background:none;border:none; margin: 0 auto 10px; padding: 5px; }
.playing .topBlocker { position: fixed; top: 0; width: 100%; left: 0; height: 100px; z-index: 999999999; }
#toursModal .playe .lb-btn { width: 100%;cursor: pointer }
.events .event_tabs img.lb-btn { max-width: 180px; margin: auto; }
#spinModal .modal-dialog { margin: 0 auto; }
#spinModal .modal-content { border-radius: 20px; background: none; box-shadow: none; border: none; }
#spinModal .modal-body { padding: 0; }
#getspin { margin:0;margin-top: 40px; }
#spinModal span.cbtn { position: fixed; top: 0; right: 0; font-size: 20px; color: #fff; font-weight: 900; z-index: 999999999; float: right; padding: 20px; background: #00000082; border-radius: 10px; cursor: pointer; }
#spinModal iframe { height: 600px;width: 100%;border:none; } 
#spinModal .cbtn2 { position: absolute; bottom: -45px; left: 0; right: 0; margin: auto; padding: 20px; cursor: pointer; text-align: center; }
#spinModal .cbtn2 img { width: 100%; max-width: 175px; }
.events img.bomb { display: block; margin: auto; max-width: 200px; margin-bottom: 20px; }
.events .mbomb { font-size: 2.5em; color: #fff; margin: auto; text-align: center; display: block; }
#leadersModal img.lb-btn { width: 100%;cursor:pointer; }
.profile .ptref { margin: 12px auto; padding: 15px; }
.profile .ptref .pt_right .pname,.profile .ptref .pbtns { justify-content: center; }
.locks { background: #72d8bb; position: absolute; padding: 15px 25px 25px 20px; border-radius: 48px 5px 100px 5px; z-index: 9; top: 0; left: 0;display: none }
.ggSEI .locks{background:#d76fa5}
.locks img { width: 25px; }
.locked .locks {display: block}
.locked .loverlay { position: absolute; background: #00000070; width: 100%; left: 0; top: 0; height: 100%; z-index: 1; border-radius: 35px; }
span.weekreset { font-size: 20px; margin-bottom: -10px; display: block; color: #2fde52;height: 28px;font-weight: 600 }
.refer_m .priz .user-coins { color: #53ff53; }
.mlist{color: #ff5503; font-size: 21px; font-family: monospace;}

span.btn.logout.cancel { width: 100%; padding: 12px 15px; text-align: center; font-size: 20px; font-weight: 500; color: #fff; background: #6178f0; border-radius: 23px; border: 3px solid #4556ad; box-shadow: inset 0px 0px 5px #00000096; max-width: fit-content; margin: 10px 10px 3px -10px; }
.faq-section { max-width: 970px; width: 100%; margin: 30px auto 20px; padding: 0 20px; } 
.faq-header { text-align: center; margin-bottom: 25px; } 
.faq-header h2 { color: #fff; font-size: 32px; font-weight: 600; text-transform: uppercase; text-shadow: -2px -2px 0 #0000009c, 1px -1px 0 #0000009c, -1px 3px 0 #0000009c, 2px 2px 0 #0000009c; margin: 0; } 
.faq-container { display: flex; flex-direction: column; gap: 15px; } .faq-item { background: #48a684; border-radius: 25px; border: 3px solid #65b89a; box-shadow: inset 0px 0px 5px #00000096; overflow: hidden; } 
.faq-question { background: #b1ffe3; padding: 20px 25px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: background-color 0.3s ease; } 
.faq-question:hover { background: #a1f0d3; } 
.faq-question span { color: #166d51; font-size: 24px; font-weight: 600; text-transform: uppercase; text-shadow: -1px -1px 0 #ffffff8a, 1px -1px 0 #ffffff8a, -1px 1px 0 #ffffff8a, 1px 1px 0 #ffffff8a; flex: 1; margin-right: 15px; } 
.faq-arrow { width: 25px; height: 25px; transition: transform 0.3s ease; } .faq-question.active .faq-arrow { transform: rotate(180deg); } 
.faq-answer { background: #3d9b79; padding: 0; max-height: 0; overflow: hidden; transition: all 0.3s ease; } 
.faq-answer.active { padding: 20px 25px; max-height: 200px; } 
.faq-answer p { color: #fff; font-size: 20px; line-height: 1.5; margin: 0; text-shadow: -1px -1px 0 #0000009c, 1px -1px 0 #0000009c, -1px 1px 0 #0000009c, 1px 1px 0 #0000009c; }

/*mobile*/
@media only screen and (max-width: 768px) { 
body, html { background-image: url('img/bg-mob.png'); } 
.stars { background-image: url('img/bh-mob.png'); }
.logo { width: 80%; max-width: 325px;}
/*Header*/
header { padding: 8px;}
header .profile_pic { width: 45px; height: 45px;border-radius: 5px}
.head_tokens{gap:5px}
.htcircle img{width: 24px}
.htcircle{padding:5px}
.htplate b{font-size:20px}
.htplate{height:35px}
.htblock:nth-child(2) .htplate { padding: 0 12px 0 45px; }
.htplate { padding: 0 10px 0 45px;}
.seii { font-size: 15px; padding: 4px; text-shadow: 0px -1px 1px #016f01; margin-left: 2px; }
/*Level*/
.uplinner h1{font-size: 15px}
.powers{display: none}
.slick-dotted.slick-slider{margin-bottom:30px}
.menuinner {padding:10px 10px 0;}
#quizgenre,.pend_inner,.shop .shopgg{grid-template-columns: repeat(1, 1fr);padding:0 20px}
.faq-section { padding: 0 15px; }
.faq-header h2 { font-size: 28px; }
.right-side .sides{width: 100%;padding:0;gap:5px;border-radius: 15px;box-shadow: 0px 2px 1px #0000009e;}
.right-side .sides.img img{width:25px}
.right-side .sides span{font-size: 18px}
.lb-side-1 { gap: 10px; }
.right-side .lb-side .lb-side-1 img{width:45px;}
.right-side .lb-side .lb-side-1 img.lb-btn{width:100%;}
.right-side .lb-side .lb-side-1 span{font-size: 4em;margin-top:10px}
.b1 button {font-size: 24px; padding: 5px 15px; text-shadow: -1px 1px 0px #441069; border: 3px solid #650ca6; border-bottom: 5px solid #650ca6; border-radius: 15px; }
span.tit { font-size: 24px; }
.right-side .sides img { width: 16px; }
.right-side .sides span.ename { font-size: 10px; }
.right-side .sides:nth-child(2) { padding-bottom: 5px; }
.right-side .lb-side-w{gap:5px}
.right-side .lb-side{gap:8px}
.right-side .lb-side span.ppool{font-size: 18px}
.fdetails span { font-size: 18px;line-height: 20px;max-width: 75px;}
.fwon span { font-size: 16px; line-height: 16px;}
.f-inner { gap: 8px; width: 100px; min-width: 100px; flex: 0 0 130px; }
.fwon img { width: 15px; }
#toursModal .tous { border-radius: 40px; }
#toursModal .tbody { border-radius: 30px; }
#toursModal .leader { max-width: 100%; padding: 0 10px; }
.parallax.active .menus,.parallax.active .head_tokens, .parallax.active .uplevel { display: none; }
.head { padding: 5px;width:100%; }
.head img { width: 55px; }
.head span { font-size: 1.3em; display: inline-block; text-align: center; width: calc(100% - 150px); }
.shop .shopgg{gap:10px}
.page-content {margin: 12px auto; }
.powers.activa.bum .menuinner { flex-direction: column; }
.shop .powers.shopi,.match .powers.shopi { display: block; position: fixed; bottom: 0; width: 100%; left: 0;padding:10px 10px 5px;z-index:9; } 
.shopi .menuinner { background: #1c1a47; border-radius: 20px; }
.shopi .powerplate {border: 3px solid #014144;position: relative;min-width: 55px; padding: 15px;background-position: bottom right }
.shopi .powerplate span { position: absolute; top: 0; background: #c49f2c; color: #fff; padding: 10px; font-size: 16px; border-radius: 100px; right: 0;margin:-10px; }
.shopi.activa.bum .menuinner {background: transparent;}
.shopi.activa.bum .powerplate span { position: initial; background: initial; color: initial; padding: initial; font-size: 25px; border-radius: initial;margin:initial;margin-top:2px; }
.shopi.activa.bum .powerplate { border: 6px solid #014144;min-width: 120px;}
.shop .categories { max-height: calc(100% - 150px); overflow: auto; }
#toursModal .modal,#leadersModal .modal {overflow-x: auto;}
.event_tabs { margin: 0 15px; padding: 10px; }
.leader_boards .event_tabs{margin: 0 15px; padding: 0 10px; background: none; }
.event_tabs .col-xs-6 { padding: 0; }
.leader_boards .tab-content,.events .tab-content,.eventsbody .tab-content,.profile .mac3, .match{background: none;border:none;padding:10px}
.shop .head_tokens { display: flex !important; margin-bottom: 20px; }
.profileTop { padding: 0 10px; }
.profile .mac3 { margin: 10px 0; padding: 10px; }
.profile .fwon span { font-size: 25px; }
.profile .fwon img { width: 24px; }
.profile .fwon { margin-right: 5px; padding-left: 0; }
.profile .chaltop .title { line-height: 16px; margin-bottom: 3px; text-transform: capitalize; }
.profile .mac3 .ac_head { margin-bottom: 10px; }
.profile .pdates .pj {font-size: 16px;}
.profile .pt_contents{padding: 15px 10px;gap: 15px;}
.eventsbody .priz{width:70px}
.eventsbody .priz1 { margin: 0; }
.match .qpart .qoq { font-size: 20px; max-width: 180px; }
.match .qpart h2 { margin: 20px auto 10px;font-size: 25px }
.match .qpart { padding: 0 10px 10px;margin-bottom:105; }
.moptions { margin: 20px auto 0; }
.moptions .moption {padding: 5px 10px 5px 5px;font-size: 20px;}
.match .qpart img.quespng{opacity: 0.4}
.moptions .moption:before { font-size: 25px; padding: 14px 17px 10px; margin-right: 8px; }
.playing .uplevel{display: none}
.playing .match .powers { display: block; }
.playing .scoreicons { text-align: center; padding: 0 5px;}
.playing .scoreicons h2 { font-size: 22px; margin:0}
.scoreusers .scorer { flex-direction: column; padding: 10px 0 0; gap: 0px; max-width: 100px;}
.scoreusers .scorer span { font-size: 22px; }
.scoreusers.menuinner { gap: 5px; }
.menus.scorehicons { background: rgb(33 34 98 / 69%); padding: 5px 5px 10px; border-radius: 10px; }
#leadersModal .ns { flex-direction: column; gap: 0; }
#leadersModal .eventsbody .ns .user-name{font-size: 20px}
.uplevel.gameovers { padding: 0 15px; }
.gameovers .uplinner h1 { font-size: 22px; }
.events.right-side .lb-side {gap: 8px;}
.events .pend_inner{padding:0 8px;gap:10px}
.events .tab-content{padding-top:5px}
.match{padding-top:0px}
.playing .topBlocker {height:60px}
.leader_boards .event_tabs .b1btn { padding: 0; }
.banners img {border-radius: 0} 
.faq-question span{font-size: 20px}
.faq-answer p{font-size: 18px}
}
/*web*/
@media only screen and (min-width: 768px) { 
.uplevel { position: absolute; top: 0; padding: 14px; width: calc(100% - 490px); left: 90px; max-width: 450px; }
.menus { position: fixed; background: rgb(33 34 98 / 69%); border-radius: 0 10px 10px 0; text-align: center; padding: 8px 15px; box-shadow: 0px 2px 4px #0000009c;z-index:1; }
.powers{right:0;border-radius: 10px 0 0 10px}
.menuinner { flex-direction: column; }
.menuinner img { width: 90px; }
.page-content{max-width: calc(100% - 300px);margin:auto}
}
/*yab*/
@media only screen and (max-width: 952px) {
#quizgenre,.pend_inner,.shop .shopgg {grid-template-columns: repeat(1, 1fr);  } 

}

/* Contest TnC Section Styles */
.contest-tnc-section {
    text-align: center;
    margin: 20px auto;
    max-width: 800px;
    padding: 0 15px;
}

.contest-tnc-text {
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 25px;
    background: rgba(26, 27, 82, 0.8);
    border: 2px solid #4c468d;
    transition: all 0.3s ease;
}

.contest-tnc-text:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(76, 70, 141, 0.6);
}

.animated-text {
    font-size: 24px;
    font-weight: 600;
    background: linear-gradient(45deg, #ff6b6b, #4ecdc4, #45b7d1, #96ceb4, #feca57, #ff9ff3, #54a0ff);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: colorShift 3s ease-in-out infinite;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

@keyframes colorShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* TnC Modal Styles */
.tnc-modal {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
}

.tnc-modal-content {
    position: relative;
    background-color: #1a1b52;
    margin: 2% auto;
    padding: 0;
    border: 3px solid #4c468d;
    border-radius: 15px;
    width: 90%;
    max-width: 1000px;
    height: 90%;
    max-height: 800px;
    box-shadow: 0 0 30px rgba(76, 70, 141, 0.5);
    animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: translateY(-50px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.tnc-close {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #fff;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    z-index: 10001;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.tnc-close:hover {
    background: rgba(255, 0, 0, 0.7);
    transform: scale(1.1);
}

.tnc-modal-body {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.tnc-modal-body iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 12px;
}

/* Mobile Responsive for TnC Modal */
@media only screen and (max-width: 768px) {
    .tnc-modal-content {
        width: 95%;
        height: 95%;
        margin: 2.5% auto;
    }
    
    .contest-tnc-text {
        padding: 8px 16px;
    }
    
    .animated-text {
        font-size: 20px;
    }
    
    .tnc-close {
        right: 10px;
        top: 5px;
        font-size: 30px;
        width: 35px;
        height: 35px;
    }
}