.loading-main{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.loading-div .progress-bar{background:#4935a9;transition:width .5s linear;-webkit-transition:width .5s linear}.home-main{display:flex;flex-direction:column;align-items:center;height:100%;width:100vw;margin:0;padding:0;background-image:var(--home-main-background)}.coins-container,.home-main{background-size:cover;background-repeat:no-repeat;background-position:50%}.coins-container{background-image:var(--coins-container-background)}.playBtn{border:none;height:40%;background:#4835a8;border-radius:30px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #000}@media screen and (max-width:375px){.playBtn{font-size:18px!important}}.winnerBtn{border:none;width:64%;height:20%;background:#a7c17f;border-radius:15px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #000;margin-top:13px}@media screen and (max-width:480px){.winnerBtn{font-size:16px!important}}.leaderboard-main{height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.rules-btn{width:2rem;height:2rem;border:none;border-radius:20px;background:#83a269;filter:drop-shadow(2px 2px white)}.leaderboard-table{width:85%}.leaderboard-table tr td,.leaderboard-table tr th{background-color:transparent;padding:.3rem;border-color:#000}.head-row{border:none;border-radius:10px;background:#4835a8;filter:drop-shadow(2px 2px white)}.name-block{border-radius:10px 0 0 10px}.prize-block{border-radius:0 10px 10px 0}.rules-main{overflow-y:auto;height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.width-30{width:30%}.confirm-main{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover}.board-container,.confirm-main{background-repeat:no-repeat;background-position:50%}.board-container{background-image:var(--board-backBtn-background);background-size:contain;width:97%}@media screen and (max-width:375px){.backBtn,.confirmBtn{font-size:16px!important}}.draw-container{background-color:rgba(0,0,0,.5);height:100%;width:100%;z-index:1}.draw-anim,.draw-container{position:absolute;display:flex;justify-content:center}.draw-anim{top:20%;margin:0;padding:0;z-index:2;opacity:1;background-color:transparent important}.loser-container{background-color:rgba(0,0,0,.5);height:100%;width:100%;z-index:1}.loser-anim,.loser-container{position:absolute;display:flex;justify-content:center}.loser-anim{top:20%;margin:0;padding:0;z-index:2;opacity:1;background-color:transparent important}@font-face{font-family:BERNARD-WACKER;src:url(/fonts/BernardWacker-qZLZ1.3b27ae5e.otf) format("opentype")}body,html{padding:0;margin:0;overflow:hidden}#app,body,html{background-color:#000}#app{height:100vh;max-width:480px;margin:auto;display:flex;justify-content:center;color:#fff;font-family:BERNARD-WACKER}@media screen and (max-width:480px){#app{width:100vw}}@media screen and (min-width:500px) and (max-width:960px){#app{max-width:480px}}.search-opponent-main{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.text-with-shadow{font-size:2.7rem;text-shadow:0 4px 0 rgba(0,0,0,.5)}@media screen and (max-width:374px){.text-with-shadow{font-size:2.2rem}}.scrolling-list{overflow:hidden;max-height:300px}.scrollAnimation{animation:scrollAnimation 8s linear infinite}.image-div img{width:100%}.top-text{position:relative;top:12%}@keyframes scrollAnimation{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.animation{position:absolute;top:43%;left:18%;z-index:100}.progressGame{background-color:transparent;border:3px solid #f6be39;border-radius:13px;box-shadow:inset 0 0 0 1px #000;outline:1px solid #000;position:relative}.label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:1rem}.powerup-selection-main{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.progress-bar-container{min-height:40px;width:90%}.powerup-img{height:75%;width:75%;-o-object-fit:scale-down;object-fit:scale-down}.powerup-text{height:35%;line-height:normal;width:-moz-max-content;width:max-content}.text-shadow{text-shadow:2px 2px 1px #000;line-height:normal}.beforeSelection{height:50%;width:auto}.afterSelection{height:50%!important;width:auto!important;border:2px solid #000!important;border-radius:15px!important}.button{border:none;background:transparent}.disabledImg{opacity:.7;filter:grayscale(60%);pointer-events:none}.progress-container{border:2px solid red;-o-border-image:var(--progress-container-border) 20 round;border-image:var(--progress-container-border) 20 round;border-radius:13px;border-image-width:18px;height:15%;min-height:40px}.winner-container{background-color:rgba(0,0,0,.5);height:100%;width:100%;z-index:1}.winner-anim,.winner-container{position:absolute;display:flex;justify-content:center}.winner-anim{top:20%;margin:0;padding:0;z-index:2;opacity:1;background-color:transparent!important}.confirmBtn{border:none;width:64%;height:10%;background:#4835a8;border-radius:30px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #393636}@media screen and (max-width:375px){.confirmBtn{font-size:18px!important}}.backBtn{border:none;height:6%;width:64%;background:#a7c17f;border-radius:15px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #000;top:64%;margin-top:30px}@media screen and (max-width:375px){.backBtn{font-size:18px!important}}.game-main{flex-direction:column;height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover}#canvas-container,.game-main{display:flex;align-items:center;position:relative;background-repeat:no-repeat;background-position:50%}#canvas-container{background-size:contain;justify-content:center;height:85%}#canvas-overlay{display:none;height:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;opacity:.3;border-radius:15px}.score-div{background-repeat:no-repeat;background-size:contain;background-position:50%;height:75px}.score-digit{position:relative;text-shadow:2px 2px 1px #000;font-size:1.5rem}.blue-player-score-div{background-image:var(--blue-player-score-div-background);z-index:1}.red-player-score-div{background-image:var(--red-player-score-div-background);top:2rem;left:3rem}.powerup-container{background-image:var(--powerup-container-background);background-repeat:no-repeat;background-size:contain;background-position:50%;min-height:65px}@media screen and (max-width:480px){.label{font-size:1.5rem}}.intro-main{height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%;font-size:.7rem}.intro-container{height:72%;padding-bottom:7rem}.tap-continue-btn{width:60%;height:10%;border:none;background:#a7c17f;border-radius:15px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #000;bottom:3rem}.list-enter-active,.list-leave-active,.list-move{transition:transform .7s ease}.list-enter-from,.list-leave-to{transform:translateY(120px)}.list-leave-active{position:absolute}::-webkit-scrollbar{display:none}.right-chat-box{position:relative;background-color:#f7f7f7c7;padding:10px 20px;height:-moz-fit-content;height:fit-content;border-radius:14px 14px 0 14px}.right-chat-box:before{display:block;top:0;left:0;height:100%;width:100%;border:5px solid #9f875b;border-radius:14px 14px 0 14px;-webkit-clip-path:polygon(0 105%,0 0,150% 0,100% 103%,12px 100%,15px 15%,5px 45%,62px 77%);clip-path:polygon(0 105%,0 0,150% 0,100% 103%,12px 100%,15px 15%,5px 45%,62px 77%)}.right-chat-box:after,.right-chat-box:before{content:"";position:absolute;box-sizing:border-box}.right-chat-box:after{width:20px;height:20px;background:#f7f7f7c7;top:calc(100% - 5px);right:0;border-bottom-left-radius:50px;border:5px solid #9f875b;border-top:none;-webkit-clip-path:polygon(0 0,0 0,100% 0,100% 100%,0 100%,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,100% 0,100% 100%,0 100%,0 0,0 0,0 0)}.chat-text{margin:0;font-size:14px!important;line-height:18px}@media screen and (max-width:375px){.chat-text{font-size:12px!important}}.chiraColor{color:#9f875b}.lionelColor{color:#f25b60}.brutisColor{color:#dc60dd}.continue-btn{border:none;height:25%;background:#4835a8;border-radius:18px;box-shadow:2px 3px 0 0 #fff,4px 4px 0 0 #393636}.tut-main{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.show-instruction-div{height:30%}.text-box-11-div{width:65%}.scoreBlue-animation{animation:wiggle .5s linear;transform-origin:left bottom}.scoreRed-animation{animation:wiggle .5s linear;transform-origin:right bottom}@keyframes wiggle{20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}}.grid-container{height:95%;width:95%;aspect-ratio:1/1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);margin:0 auto;pointer-events:none}.grid-item{background-color:#000;opacity:.5}.main-canvas{height:100%;border:10px solid transparent;-o-border-image:var(--main-canvas-border) 20 round;border-image:var(--main-canvas-border) 20 round;border-radius:5px;border-image-width:11px}@media screen and (max-width:300px){.main-canvas{width:100%}}.submit-main{height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.text-box-10-div{width:90%}.chat-box{position:relative;background-color:#f7f7f7c7;padding:10px 20px;height:-moz-fit-content;height:fit-content;border-radius:14px 14px 14px 0;width:90%!important;font-size:larger}.chat-box:before{display:block;top:0;height:100%;width:100%;border:5px solid #9f875b;border-radius:14px 14px 14px 0;-webkit-clip-path:polygon(0 105%,0 0,104% 0,105% 105%,15px 105%,15px 89%,5px 71%,5px 107%);clip-path:polygon(0 105%,0 0,104% 0,105% 105%,15px 105%,15px 89%,5px 71%,5px 107%)}.chat-box:after,.chat-box:before{content:"";position:absolute;left:0;box-sizing:border-box}.chat-box:after{width:20px;height:20px;background:#f7f7f7c7;top:calc(100% - 5px);border-bottom-right-radius:48px;border:5px solid #9f875b;border-top:none}.submit-btn{border:none;height:20%;background:#a7c17f;border-radius:15px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #000}.carousel{max-width:25rem}.carousel__slide{padding:5px}.carousel__viewport{perspective:2000px}.carousel__track{transform-style:preserve-3d}.carousel__slide--sliding{transition:.5s}.carousel__slide{opacity:.9;transform:rotateY(-20deg) scale(.9)}.carousel__slide--active~.carousel__slide{transform:rotateY(20deg) scale(.9)}.carousel__slide--prev{opacity:1;transform:rotateY(-10deg) scale(.95)}.carousel__slide--next{opacity:1;transform:rotateY(10deg) scale(.95)}.carousel__slide--active{opacity:1;transform:rotateY(0) scale(1.2)}.insufficient-main{height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover}.insufficient-board-container,.insufficient-main{background-repeat:no-repeat;background-position:50%}.insufficient-board-container{background-image:var(--board-background);background-size:contain}.top-up-btn{border:none;width:64%;height:10%;background:#4835a8;border-radius:30px;box-shadow:5px 4px 0 0 #fff,4px 4px 0 0 #393636}.home-btn{border:none;height:6%;width:64%;background:#a7c17f;border-radius:15px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #000}.top-up-main{height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover}.top-up-board-container,.top-up-main{background-repeat:no-repeat;background-position:50%}.top-up-board-container{background-image:var(--board-background);background-size:contain}.coin-bag{width:40%;margin-top:-3rem}.list li:hover{background-color:#d3d3d3;cursor:pointer}.list li.selected{background-color:#a7c17f}.purchase-btn{border:none;width:64%;height:10%;background:#4835a8;border-radius:30px;box-shadow:5px 4px 0 0 #fff,4px 4px 0 0 #393636}.back-btn{border:none;height:6%;width:64%;background:#a7c17f;border-radius:15px;box-shadow:4px 4px 0 0 #fff,4px 4px 0 0 #000}.btn{background:none;background-image:var(--btn-background);background-size:contain;background-repeat:no-repeat;background-position:50%}.text-outline{-webkit-text-stroke-width:.15px;-webkit-text-stroke-color:#fff}.signup-main{padding-top:50px}.header-text{font-size:30px}.terms-conditions-container{font-size:15px;height:80vh;overflow:auto}.coin-collection-main{height:100%;width:100vw;margin:0;padding:0;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}.width-65{width:65%}.signup-main{display:flex;flex-direction:column;align-items:center;position:relative;height:100%;width:100vw;margin:0;padding-top:100px;background-image:var(--background-image);background-size:cover;background-repeat:no-repeat;background-position:50%}@media screen and (max-width:375px){.signup-main{font-size:16px!important}}.btn,.btn-disabled{border:none;width:100%;height:24%;background:#4835a8!important;border-radius:15px;box-shadow:4px 5px 0 0 #fff,4px 4px 0 1px #000}.btn-disabled{opacity:.8}@media screen and (max-width:375px){.btn-disabled{font-size:18px!important}}.input-number{font-family:Times New Roman,Times,serif}.msisdn-input{margin-top:50px;height:65px;width:75%;border-radius:12px;font-size:20px}::-moz-placeholder{font-size:20px}::placeholder{font-size:20px}.error-text{margin-top:16px;font-size:18px;color:red}.subscribe-btn{height:45px;width:200px;font-size:20px;border-radius:10px}