: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:min(1vw,5px) min(2.5vw,17px)}html{overflow-y:scroll}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}html::-webkit-scrollbar-thumb{background:#888;border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:#555}.home-container{position:relative;padding:0 5px;.register-container{display:flex;justify-content:space-between;align-items:center;gap:5px;margin:0 12px}.login-button{background:#1e88e5;border:1px solid #a7d9ff;border-radius:25px;color:#fff;padding:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:49%;text-align:center}.login-button:hover{background:#1976d2}.register-button{background:#e3f2fd;border:1px solid #42a5f5;border-radius:25px;color:#42a5f5;padding:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:49%;text-align:center}.register-button:hover{background:#bbdefb}.login-only{justify-content:center!important;.button-image-height{height:40px}}.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}}}}}}.gameoption-container{margin:10px auto;max-width:768px;padding:0 17px}.gameoption-container-inner{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-content:center;gap:10px;background-color:#f5f7fa;border-radius:10px}.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:#000;text-align:left;margin-right:auto}.amount{font-size:32px;font-weight:700;color:#000;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)}.text-yellow{color:#d37134}.instruction-section{width:80%}.gameoption-button{padding:5px}.gameoption-button.active{background:linear-gradient(180deg,#3090ff,#1d5699);border-radius:10px;width:100%;height:100%;padding:5px}@keyframes pulse{0%{filter:opacity(.5)}50%{filter:opacity(1)}to{filter:opacity(.5)}}.product-image-container{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:flex;align-items:center;background-color:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 4px #0000001a;gap:16px}.user-section{display:flex;align-items:center;gap:12px;flex:1;.user-avatar{width:40px;height:40px;background-color:#1a73e8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.user-info{.welcome-text{font-size:16px;font-weight:700;margin:0;color:#000}.user-phone{font-size:14px;margin:0;color:#666}}}.separator{width:1px;height:40px;background-color:#e0e0e0;margin:0 8px}.balance-section{display:flex;align-items:center;gap:12px;flex:1;.balance-info{flex:1;.balance-label{font-size:16px;font-weight:700;margin:0;color:#000}.balance-amount{font-size:14px;margin:0;display:flex;align-items:center;gap:4px;.currency{font-size:14px;color:#666}.amount{font-size:16px;font-weight:700;color:#000;cursor:pointer;display:flex;align-items:center;gap:4px;.refresh-icon{font-size:12px;color:#666}}.loading{color:#666}}}.balance-actions{display:flex;gap:8px;.action-button{width:40px;height:40px;background-color:#1a73e8;border:none;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;font-size:12px;transition:background-color .2s;padding:5px;&:hover{background-color:#1557b0}&.deposit-btn{background-color:#4caf50;&:hover{background-color:#45a049}}&.withdraw-btn{background-color:#f44336;&:hover{background-color:#da190b}}&.transaction-btn{background-color:#1a73e8;&:hover{background-color:#1557b0}}}}}}.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)}.download-text{font-size:var(--font-size-12);color:#fff;margin:0;padding:10px 15px}.expend-arrow{width:10px!important;height:10px!important;cursor:pointer;margin-right:20px;z-index:0!important}.download-content{font-size:var(--font-size-12);color:#fff;margin:0;padding:0;text-align:center;height:0;overflow:hidden;transition:height .3s ease;&.expanded{height:auto;padding:10px}}