:root{--primary-color: #00D9FF}.date-time{text-align:center;margin:5px 0;color:var(--primary-color);font-size:var(--font-size-14)}.game-container{padding-top:37%;padding-bottom:10%;@media screen and (max-width: 425px){padding-bottom:0}}.home-container{position:relative;padding:0 15px;.register-container{display:flex;justify-content:space-between;align-items:center;.button-image{width:98%}}.login-only{justify-content:center!important;.button-image-height{height:40px}}.gameoption-container{display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.payment-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:768px;margin:40px auto;& h2{font-size:calc(10px + 1vw);color:var(--text-color);font-weight:700;text-align:center}}.affiliate-container{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:768px;margin:40px auto;position:relative;& h2{font-family:Bebas Neue,sans-serif;font-size:calc(30px + 1vw);color:#00d1ff;font-weight:700;text-align:center;margin-bottom:0}& p{color:var(--text-color);font-size:calc(14px + .5vw);text-align:center}.button-text{margin-top:20px;font-size:calc(12px + .5vw);color:var(--text-color);font-weight:800}.affiliate-image-container{position:relative;.refer-fb-icon{width:250px;height:250px;position:absolute;top:-50%;left:0;transform:translate(-50%)}.refer-whatsapp-icon{width:250px;height:250px;position:absolute;top:-40%;right:5%;transform:translate(55%)}}}.game-container{display:flex;align-items:center;justify-content:space-between;max-width:768px;margin:20px auto;.nav-list{width:100%;.nav-button{width:100%;border-radius:12px;color:var(--text-color);background:#5d6dff99;display:flex;align-items:center;justify-content:center;padding:10px;& img{width:40px;height:40px;margin-right:10px}}}.nav-content{width:100%;.nav-content-item{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;.product-item{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;.play-now-button{margin:10% auto;background:linear-gradient(0deg,#23f200,#078523);color:var(--text-color);padding:5px 50px;border-radius:87px;border:1px solid;font-family:Bebas Neue,sans-serif;box-shadow:0 0 10.5px 3px #00e0ff;max-width:350px;font-size:30px;position:relative}.play-now-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:87px;box-shadow:0 0 16.5px 7.5px #4dd4ffcc inset}}}}}}.slide-enter-active,.slide-leave-active{transition:all .5s ease-in-out}.slide-enter-from{opacity:0;transform:translate(-100%)}.slide-leave-to{opacity:0;transform:translate(100%)}.slide-leave-active{display:none}.referer-icon{position:sticky;width:80px;height:auto;left:5px;bottom:100px;background:transparent;padding:10px;z-index:100;justify-content:center;align-items:center}.referer-icon img{width:clamp(45px,2.5vw,50px);height:clamp(45px,2.5vw,50px);align-items:center;display:block;margin:0 auto}.referer-text{color:#fff;font-size:clamp(4px,2.5vw,12px);font-weight:700;text-transform:uppercase;text-align:center}@media (max-width: 450px){.referer-icon{display:block;position:fixed;left:0;bottom:70px;z-index:100}.game-container{margin-bottom:60px}}.bring-in-amount{margin:5px 0}.currency{font-size:12px;color:#fff;text-align:left;margin-right:auto}.amount{font-size:32px;font-weight:700;color:#fff;text-align:center;margin:0;line-height:1}.amount-divider{border:none;border-top:1px solid white;margin:10px 0}.amount-container{display:grid;grid-template-columns:auto 1fr;align-items:center}.user_id_section{width:80%}.user_id_label{background:#d9d9d9;height:40px;position:relative;& input{border:none;font-size:var(--font-size-12);padding:.5rem}& input:focus{border:none;outline-style:none;outline:none;--tw-ring-offset-shadow: none}.copy-button{position:absolute;cursor:pointer;right:1%;width:20px;z-index:2}}.play-now-button-section{display:flex;justify-content:center;margin-top:5%;width:80%}.download-button{background:linear-gradient(180deg,#0f72ff,#0039cb);color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;margin:5px;width:50%}.download-button:hover{background:linear-gradient(0deg,#0f72ff,#0039cb)}.play-now-button{background:linear-gradient(180deg,#23f200,#078523);color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;margin:5px;width:50%}.play-now-button:hover{background:linear-gradient(0deg,#23f200,#078523)}.game-icon{display:block;margin:0 auto;max-width:250px}.bring-in-amount-section{width:80%}.text-size{font-size:var(--font-size-12)}.instruction-section{width:80%}.gameoption-button.active{animation:pulse 1s infinite}@keyframes pulse{0%{filter:opacity(.5)}50%{filter:opacity(1)}to{filter:opacity(.5)}}.product-image-container{min-height:90px;position:relative;animation:popOut .5s ease forwards}@keyframes popOut{0%{transform:scale(0);opacity:0}70%{transform:scale(1.01)}to{transform:scale(1);opacity:1}}.product-image{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cover-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7;animation:fadeIn .5s ease-in}.balance-container{.balance-card{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;border:1px solid #00ffff;border-radius:8px;background-color:#000;color:#fff}.info{padding:10px;.username{font-size:15px;margin:0}.balance{font-size:15px;align-items:center;margin:0}.refresh-icon{font-size:1rem;cursor:pointer;margin-left:8px;color:#000;background-color:#fff;border-radius:80%;padding:4px}}.actions{display:grid;grid-template-columns:repeat(2,1fr);height:auto;gap:5px;padding:5px}}.icon-popup{position:absolute;right:clamp(45px,2.5vw,55px);bottom:65px;display:flex;flex-direction:column;background-color:transparent;gap:10px;z-index:200;width:35px}.icon-container{cursor:pointer;margin:5px 0}.icon-image{width:42px;max-width:42px;height:auto}.icon-image-rotate{width:60%;transform:rotate(180deg)}@media screen and (max-width: 450px){.date-time{font-size:var(--font-size-14)}}@media screen and (max-width: 400px){.date-time{font-size:var(--font-size-12)}}.modal-content{text-align:center}.main-content{z-index:0;width:100%;flex:1;position:relative;box-sizing:border-box;margin-top:clamp(0px,calc(30vw + 22px),185px);margin-bottom:clamp(0px,30vw,90px)}
