.game-prize-banner{width:95%;max-width:1200px;background:#036ce6;display:flex;justify-content:center;align-items:center;font-family:poppins,sen;margin:0 auto;border-radius:20px;padding:120px 26px 80px;padding-right:0;box-sizing:border-box}.game-prize-banner .text{display:flex;width:50%;max-width:554px;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center}.game-prize-banner .text .title{font-size:38px;line-height:57px;font-weight:700;color:inherit;text-shadow:0 4px 10px rgba(0,0,0,.25)}.game-prize-banner .text .title>span{color:#13d5ff;position:relative}.game-prize-banner .text .title>span .tooltip{position:absolute;left:0;bottom:130%;background-color:#fff;border-radius:12px;padding:4px 12px;line-height:normal;font-size:12px}.game-prize-banner .text .title>span .tooltip::before{content:"";display:block;width:0;height:0;border:15px solid transparent;border-left-color:#fff;position:absolute;left:0;bottom:-10px}.game-prize-banner .text .title>span .tooltip>span{font-size:20px;line-height:normal;text-shadow:none;text-wrap:nowrap;background:linear-gradient(127deg,#9E7CFF 0%,#B556FF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-prize-banner .text .desc{font-size:14px;margin-top:16px;color:inherit}.game-prize-banner .text .gift-info{width:90%;max-width:464px;background:url(../../images/activity/2023/09/game-prize-card-banner-gift-bg.png) center no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center;margin-top:16px;padding:9px 0;position:relative}.game-prize-banner .text .gift-info>a{display:block;width:100%;height:100%;position:absolute;left:0;top:0}.game-prize-banner .text .gift-info .img{width:16%;max-width:73px;position:relative;margin-right:10px}.game-prize-banner .text .gift-info .img img{width:100%}.game-prize-banner .text .gift-info .img::after{content:" ";display:block;width:18px;height:20px;background:url(../../images/activity/2023/09/game-prize-card-banner-gift-star-l.png) center no-repeat;background-size:contain;position:absolute;left:-30px;top:10px}.game-prize-banner .text .gift-info .gift-desc{font-size:14px;font-weight:700;line-height:1.22;color:#fff;padding:10px 0;text-align:left}.game-prize-banner .text .gift-info .gift-desc>span{color:#ff67de;background:linear-gradient(180deg,#FF67DE 0%,#FFF 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex}.game-prize-banner .text .gift-info .gift-desc>span::after{content:"";display:block;width:10px;height:10px;margin-left:10px;background:url(../../images/activity/2023/09/game-prize-card-banner-gift-star-r.png) center no-repeat;background-size:contain}.game-prize-banner .text .banner-btn-group{width:100%;display:flex;justify-content:center;margin-top:23px}.game-prize-banner .text .banner-btn-group .download-btn,.game-prize-banner .text .banner-btn-group .checkout-btn{width:45%;margin:0 8px}.game-prize-banner .text .banner-btn-group .download-btn .btn,.game-prize-banner .text .banner-btn-group .checkout-btn .btn{width:100%;min-width:auto;margin:0;box-sizing:border-box;position:relative}.game-prize-banner .text .banner-btn-group .download-btn .btn-tip,.game-prize-banner .text .banner-btn-group .checkout-btn .btn-tip{margin-top:10px;font-size:12px;color:#fff;opacity:.5}.game-prize-banner .text .banner-btn-group .download-btn .btn-download-updf{border:1px solid rgba(255,255,255,.5);background:#0045ae}.game-prize-banner .text .banner-btn-group .checkout-btn .btn-checkout-updf{background-color:#ffc93d;font-size:18px;position:relative}.game-prize-banner .text .banner-btn-group .checkout-btn .btn-checkout-updf .discount{width:83px;height:30px;position:absolute;right:-20px;top:-17px;background:url(../../images/activity/2023/09/game-prize-card-banner-dicount-bg.png) center no-repeat;background-size:100%;color:#000;font-size:16px;font-weight:700;display:flex;justify-content:center;align-items:center}.game-prize-banner .image{flex:1}.game-prize-banner .image video,.game-prize-banner .image img{width:100%}.game-card-container{width:100%;max-width:880px;margin:0 auto}.game-card-container .card-list-parent{width:216px;max-width:29%;margin:0 auto;padding-top:130px;padding-bottom:8%}.game-card-container .card-list-parent .card-list{width:100%;height:0;padding-top:140%;position:relative;perspective:1000px}.game-card-container .card-list-parent .card-list .card-item{--x-margin: 26%;--y-margin: 4%;--rotate-margin: 5deg;--scale: 1;--rotate-y: 0;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;transform-style:preserve-3d;transform-origin:center bottom;transition-delay:calc(var(--i)*100ms);transform:translateX(calc(var(--index) * var(--x-margin))) translateY(calc(var(--abs-index) * var(--y-margin))) rotate(calc(var(--index) * var(--rotate-margin))) scale(var(--scale)) rotateY(var(--rotate-y))}.game-card-container .card-list-parent .card-list .card-item img{width:100%;height:100%;position:absolute;left:0;top:0;backface-visibility:hidden;transition:all .3s}.game-card-container .card-list-parent .card-list .card-item img.front{transform:rotateY(180deg)}.game-card-container .card-list-parent .card-list .card-item.selected{--y-margin: -15%;--scale: 1!important;--abs-index: 0.5 !important;transition-delay:0ms}.game-card-container .card-list-parent .card-list .card-item.selected.show{--y-margin: -60%;--rotate-y: 180deg}.game-card-container .card-list-parent .card-list .card-item .gift-info{position:absolute;right:115%;top:40%;opacity:0;max-width:160px;transition:top .5s,opacity .5s;transform:rotate(calc(var(--index) * var(--rotate-margin))) rotateY(180deg) translateY(calc(var(--abs-index) * var(--y-margin)))}.game-card-container .card-list-parent .card-list .card-item .gift-info.show{top:20%;opacity:1}.game-card-container .card-list-parent .card-list .card-item .gift-info .line{width:80px;height:auto;position:absolute;left:-87px;top:8px}.game-card-container .card-list-parent .card-list .card-item .gift-info .title{font-size:18px;font-weight:700;background:linear-gradient(90deg,#6461FF 0%,#FF459E 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-card-container .card-list-parent .card-list .card-item .gift-info .desc{font-size:14px;color:#fff;padding:6px 0 8px}.game-card-container .card-list-parent .card-list .card-item .gift-info .link{color:#9975ff;text-decoration:underline}.game-card-container .card-list-parent .card-list .card-item:nth-child(4)~.card-item .gift-info{right:auto;left:115%}.game-card-container .card-list-parent .card-list .card-item:nth-child(4)~.card-item .gift-info .line{left:105%;transform:rotateY(180deg);backface-visibility:visible}.game-card-container .card-list-parent .card-list.selected .card-item{--scale: 0.5}.game-card-container .card-list-parent .card-list.show .card-item{--rotate-y: 180deg}.game-card-container .card-list-parent .card-list.shuffle .card-item{--x-margin: 0;--y-margin: 0;--rotate-margin: 0;transition-delay:0ms!important}.game-card-container .card-list-parent .card-list.can-select .card-item{cursor:pointer}.game-card-container .card-list-parent .card-list.can-select .card-item:hover img.back{transform:translateY(-20px)}.game-card-container .gift-card-load{width:0;height:0}.game-card-container .button-group{display:flex;justify-content:center}.game-card-container .button-group button{font-size:18px;color:#ffc701;padding:13px 37px;border:1px solid #ffc93d;border-radius:9px;background:0 0;margin:0 7px}.game-card-container .button-group button.animation{animation:btn-animation 1s}.game-card-container .button-group button.sign-in,.game-card-container .button-group button.prize-again,.game-card-container .button-group button.share-btn{cursor:pointer}.game-card-container .chances-left{margin-top:8px;text-align:center}.game-card-container .chances-left span{display:inline-block;font-size:18px;background:linear-gradient(90deg,#6461FF 0%,#FF459E 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-card-container .prizes-log-container{width:100%;background:#140834;border-radius:16px;display:flex;justify-content:space-between;align-items:center;padding:15px 35px;box-sizing:border-box;border:1px solid rgba(255,255,255,.2);position:relative;margin-top:50px}.game-card-container .prizes-log-container *{color:#fff;font-size:18px}.game-card-container .prizes-log-container .user-prizes{width:45%;height:80px;overflow:hidden}.game-card-container .prizes-log-container .user-prizes ul li{height:80px;display:flex;justify-content:space-evenly;align-items:center}.game-card-container .prizes-log-container .user-prizes ul li .gift-name{color:#ffaa5b;text-align:center}.game-card-container .prizes-log-container .line{width:1px;height:80px;background:#43395d}.game-card-container .prizes-log-container .my-prizes .my-prizes-btn{cursor:pointer;text-decoration:underline;display:flex;justify-content:center;align-items:center}.game-card-container .prizes-log-container .my-prizes .my-prizes-btn::before{content:" ";display:block;width:40px;height:40px;margin-right:10px;background:url(../../images/games/prize-card/gift-icon.png) center no-repeat;background-size:contain}.game-card-container .prizes-log-container .my-prizes .my-prizes-list{position:absolute;right:0;max-width:270px;padding:17px 19px;bottom:calc(100% + 6px);box-sizing:border-box;background:#140834;border-radius:16px;box-shadow:0 0 16px 0 rgba(0,0,0,.9);z-index:2}.game-card-container .prizes-log-container .my-prizes .my-prizes-list .title{font-size:18px}.game-card-container .prizes-log-container .my-prizes .my-prizes-list ul{margin-top:14px}.game-card-container .prizes-log-container .my-prizes .my-prizes-list ul li{font-size:16px;display:flex;justify-content:flex-start;align-items:center;margin:6px 0}.game-card-container .prizes-log-container .my-prizes .my-prizes-list ul li a{color:#9975ff;font-size:14px;margin-left:auto}.game-card-container .prizes-log-container .my-prizes .my-prizes-list ul li::before{content:" ";display:block;width:8px;height:8px;background:#517cff;border-radius:8px;margin-right:8px}.game-card-container .prizes-log-container .my-prizes .my-prizes-list .desc{font-size:14px;color:#7ba8ed;line-height:1.5;margin-top:24px}.game-card-container .modal{display:block;opacity:0;transition:all .3s}.game-card-container .modal.show{opacity:1}.game-card-container .no-chance-modal .modal-content,.game-card-container .expired-modal .modal-content{text-align:center}.game-card-container .no-chance-modal .modal-content p,.game-card-container .expired-modal .modal-content p{padding:20px 0}.game-card-container .share-modal{display:block;opacity:0;transition:all .3s}.game-card-container .share-modal.show{opacity:1}.game-card-container .share-modal .modal-container{background:url(../../images/games/prize-card/gift-share-modal-bg.png) center no-repeat;background-size:100% 100%;box-shadow:0 0 16px 0 rgba(0,0,0,.9)}.game-card-container .share-modal .modal-container .modal-content{text-align:center}.game-card-container .share-modal .modal-container .modal-content .desc{margin:0 auto;max-width:304px;font-size:18px;font-weight:700;text-align:center;background:linear-gradient(90deg,#6461FF 0%,#FF459E 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-card-container .share-modal .modal-container .modal-content .share-btns{display:flex;justify-content:center}.game-card-container .share-modal .modal-container .modal-content .share-btns>a{float:unset;line-height:unset;padding:0;display:block;padding-top:56px;min-width:56px;margin:24px 20px 70px;background-repeat:no-repeat;background-size:56px 56px;color:#fff;font-size:14px}.game-card-container .share-modal .modal-container .modal-content .share-btns>a span{display:none}.game-card-container .share-modal .modal-container .modal-content .share-btns>a.facebook{background-image:url(../../images/games/prize-card/share-icon-facebook.png)}.game-card-container .share-modal .modal-container .modal-content .share-btns>a.twitter{background-image:url(../../images/games/prize-card/share-icon-twitter.png)}.game-card-container .share-modal .modal-container .modal-content .share-btns>a.tumblr{background-image:url(../../images/games/prize-card/share-icon-tumblr.png)}@media screen and (max-width:1200px){.game-card-container .prizes-log-container .user-prizes ul li{flex-direction:column}}@media screen and (max-width:1100px){.game-prize-banner .text .title{font-size:30px;line-height:44px}}@media screen and (max-width:840px){.game-prize-banner{flex-direction:column;padding:70px 10px 50px}.game-prize-banner .text{width:100%;max-width:90%}.game-prize-banner .text .title{font-size:20px;line-height:30px}.game-prize-banner .text .title>span .tooltip>span{font-size:14px}.game-prize-banner .text .gift-info{width:100%}.game-prize-banner .text .gift-info .gift-desc{font-size:12px}.game-prize-banner .text .banner-btn-group{flex-direction:column;align-items:center}.game-prize-banner .text .banner-btn-group .download-btn,.game-prize-banner .text .banner-btn-group .checkout-btn{width:100%;max-width:280px;margin:0;margin-bottom:15px}.game-prize-banner .image{width:100%}}@media screen and (max-width:768px){.game-card-container{overflow:hidden}.game-card-container .button-group{margin-top:20px}.game-card-container .button-group button{font-size:14px;padding:8px 13px}.game-card-container .card-list-parent{margin-top:0!important;padding-top:60px!important}.game-card-container .card-list-parent .card-list .card-item{--rotate-margin: 4deg}.game-card-container .prizes-log-container{width:100%;margin:50px auto 0;padding:15px;flex-wrap:wrap}.game-card-container .prizes-log-container .title,.game-card-container .prizes-log-container .user-prizes,.game-card-container .prizes-log-container .my-prizes{width:100%}.game-card-container .prizes-log-container .title{text-align:center}.game-card-container .prizes-log-container .my-prizes{position:relative}.game-card-container .prizes-log-container .my-prizes .my-prizes-list{left:0;margin:auto}.game-card-container .prizes-log-container .line{display:none}}@keyframes btn-animation{0%{transform:scale(1) rotate(0deg)}20%{transform:scale(1.1) rotate(8deg)}40%{transform:scale(1.1) rotate(-8deg)}60%{transform:scale(1.1) rotate(8deg)}80%{transform:scale(1.1) rotate(-8deg)}100%{transform:scale(1) rotate(0deg)}}