:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:97vh;background:#0c0c14}.footer{display:flex;justify-content:space-around;align-items:center;background:#062e00;padding:10px 0;position:fixed;bottom:14px;left:20px;right:0;width:92%;border-radius:14px;box-shadow:0 -2px 10px #ebe1e144}.footer-item{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:12px;cursor:pointer}.footer-icon{margin-bottom:5px}.footer-text{font-size:10px;font-weight:500;text-transform:capitalize}a{text-decoration:none}.active-link{text-decoration:underline;text-decoration-color:#29a016;text-decoration-thickness:3px}.header{position:relative;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#17161d,#164824 50.14%,#17161d);padding:10px 20px;border-radius:10px 10px 0 0;color:#fff}.header-section{text-align:center;flex:1}.header-center{display:flex;justify-content:center;align-items:center}.header-label{font-size:14px;margin:0;color:#aaa}.header-value{font-size:16px;font-weight:700;margin:5px 0 0;color:#fff}.profile-container{position:absolute;display:flex;flex-direction:column;align-items:center;bottom:-40px;left:50%;transform:translate(-50%);text-align:center;width:80px;height:80px;border:6px solid black;border-radius:60px;background:#28284b;box-shadow:0 0 10px #02000eec;overflow:hidden}.profile-container img{width:85px}.container{display:flex;justify-content:space-between;align-items:center;margin-bottom:-20px}.side-button{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#29a016;color:#fff;padding:10px 20px;border:none;cursor:pointer;box-shadow:0 2px 6px #0000004d;font-family:Arial,sans-serif;font-size:14px;text-align:center;transition:transform .2s,background .2s;margin-top:-1.2px}.side-button.left{border-radius:0;clip-path:polygon(0% 0%,80% 0%,100% 65%,90% 100%,0% 100%)}.side-button.right{border-radius:0;clip-path:polygon(20% 0%,100% 0%,100% 100%,10% 100%,0% 60%)}.total-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:#fff}.total-title{font-size:18px;font-weight:500;margin-top:30px;margin-bottom:4px;color:#fffc}.coin-balance-container{display:flex;align-items:center;justify-content:center;margin-bottom:-20px;gap:10px}.coin-icon{width:30px;height:30px}.coin-balance{font-size:28px;font-weight:700;color:#28c839}.click-game-container{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:10px;width:300px;margin:auto}.click-area{position:relative;cursor:pointer}.clickable-ball{width:170px;height:auto;border-radius:50%;box-shadow:0 10px 15px #00000080;transition:transform .2s}.clickable-ball:active{transform:scale(.9)}.bonus-animation{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#32cd32;animation:rise-up .3s ease-out}@keyframes rise-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-30px)}}.h-stats{display:flex;justify-content:space-between;width:100%;margin-top:-70px}.h-stats-item{display:flex;flex-direction:column;align-items:center;font-size:14px;color:#fff;font-weight:700}.h-icon{margin-bottom:-10px}.h-icon img{width:80px}.timer{position:relative;display:flex;gap:5px;margin-top:20px}.timer-item{background:#ffffff0d;width:140px;border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.2);position:relative}.timer-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #00ff00;border-radius:12px;pointer-events:none}.t-content{display:flex;flex-direction:column;gap:8px}.t-icon img{width:35px;height:auto}.t-text{color:#fff;font-size:12px;font-weight:700;display:flex}.t-time{color:#ffffffb3;font-size:12px;text-align:right}.card-container{background-color:#1e1e2f;border-radius:15px;padding:16px;width:130px;height:auto;text-align:center;color:#fff;box-shadow:0 4px 8px #0003;margin:auto}.card-icon-wrapper{display:flex;justify-content:center;align-items:center;background-color:#2e2e42;border-radius:50%;width:50px;height:50px;margin:auto auto 15px}.card-icon{width:40px;height:40px}.card-content{margin-top:10px}.card-text{font-size:12px;font-weight:700;margin:0}.card-bonus{font-size:12px;margin:10px 0;color:#28a745}.bonus-amount{font-size:18px;font-weight:700;color:#ffc107}.card-button{background-color:#28a745;color:#fff;font-size:12px;font-weight:700;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.card-button:hover{background-color:#218838}.invited{display:flex;align-items:center;background-color:#1e1e2f;border-radius:10px;padding:10px;color:#fff;box-shadow:0 4px 8px #0003;max-width:350px;height:65px;margin:12px auto}.invited-image{width:50px;height:50px;border-radius:5px;margin-right:10px}.invited-content{flex:1}.invited-title{font-size:14px;margin:0}.invited-bonus{color:#d7e60d;font-size:14px;margin:5px 0}.boost-card{width:175px;height:auto;border-radius:10px;box-shadow:0 0 20px #ffffffb3 inset;overflow:hidden;position:relative}.card-dotted-edge{width:100%;height:10px;background:repeating-linear-gradient(90deg,#1a1a1a 2px,#1a1a1a 8px,transparent 5px,transparent 10px)}.b-card-content{padding:15px;text-align:center;color:#fff}.b-card-image{width:70px;height:auto;margin:0 auto;display:block}.b-card-title{font-size:18px;font-weight:700;margin:10px 0}.b-card-profit{font-size:12px;margin:10px 0}.b-card-profit span{color:#f1c40f}.b-card-upgrade{background-color:#fff;color:#000;font-weight:700;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:transform .2s ease}.b-card-upgrade:hover{transform:scale(1.05)}.r-card{background:#42455766;width:130px;height:130px;margin-top:60px;box-shadow:0 4px 8px #0003;border:1px solid rgba(81,81,81,1);border-radius:20px;position:relative}.r-card-content{padding:15px;text-align:center;color:#fff;font-size:10px;font-weight:500;line-height:20px}.r-card-content p{color:#ccc;width:108px;margin:auto}.reward{padding:10px;font-size:14px;font-weight:500}.earn-level{display:flex;align-items:center;background-color:#1e1e2f;border-radius:10px;padding:10px;color:#fff;box-shadow:0 4px 8px #0003;max-width:400px;margin:12px auto}.earn-level-image{width:50px;height:50px;border-radius:5px;margin-right:10px}.earn-level-content{flex:1}.earn-level-title{font-size:16px;margin:0}.earn-level-percentage{color:#28a745;font-size:14px;margin:5px 0}.earn-level-progress{background-color:#333;height:8px;border-radius:5px;overflow:hidden;position:relative}.earn-level-progress-bar{background:#29a016;height:100%;border-radius:5px}.booster{display:flex;align-items:center;background-color:#1e1e2f;border-radius:10px;padding:10px;color:#fff;box-shadow:0 4px 8px #0003;max-width:400px;margin:12px auto}.booster-image{width:50px;height:50px;border-radius:5px;margin-right:10px}.booster-content{flex:1}.booster-title{font-size:16px;margin:0}.booster-percentage{color:#28a745;font-size:14px;margin:5px 0}.booster-progress{background-color:#333;height:8px;border-radius:5px;overflow:hidden;position:relative}.booster-progress-bar{background:#29a016;height:100%;border-radius:5px}.lighting{display:flex;align-items:center;background-color:#1e1e2f;border-radius:10px;padding:10px;color:#fff;box-shadow:0 4px 8px #0003;max-width:400px;margin:12px auto}.lighting-image{width:50px;height:50px;border-radius:5px;margin-right:10px}.lighting-content{flex:1}.lighting-title{font-size:16px;margin:0}.lighting-percentage{color:#28a745;font-size:14px;margin:5px 0}.lighting-progress{background-color:#333;height:8px;border-radius:5px;overflow:hidden;position:relative}.lighting-progress-bar{background-color:#29a016;height:100%;border-radius:5px}.wallet,.my-wallet-button{margin:0 auto;padding:2rem;text-align:center}.settings-container{padding:20px;border-radius:8px;max-width:400px;margin:50px auto}.button-container{display:flex;flex-direction:column;gap:10px}.button{display:flex;justify-content:space-between;align-items:center;background-color:#2e2e3f;padding:15px 20px;border-radius:8px;cursor:pointer;color:#fff;font-size:16px;transition:background-color .3s ease}.button:hover{background-color:#3a3a50}.button .value{color:#aaa;font-size:14px}.button.delete{background-color:#ff4d4f;justify-content:center}.button.delete span{font-weight:700}.button .dropdown{background:transparent;border:none;color:#aaa;font-size:16px;margin-left:20px;cursor:pointer}.dropdown:focus{outline:none}.modal-overlay{position:fixed;top:20px;left:36px;width:80%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#2b2b2b;border-radius:12px;padding:20px;width:90%;max-width:300px;text-align:center;color:#fff}.modal-header{margin-bottom:15px}.modal-icon{width:100px;height:100px}.modal-body h2{font-size:14px;margin-bottom:10px}.modal-body p{font-size:12px;color:#ccc;margin-bottom:20px}.modal-actions{display:flex;flex-direction:column;justify-content:space-between;gap:10px}.btn-danger{background:#ff4d4f;border:none;padding:10px 20px;border-radius:6px;color:#fff;font-size:12px;cursor:pointer;transition:background .3s ease}.btn-cancel{background:#444;border:none;padding:10px 20px;border-radius:6px;color:#fff;font-size:12px;cursor:pointer}.btn-cancel:hover{background:#666}.leaderboard{display:flex;align-items:center;justify-content:space-between;background:#42455766;border-radius:10px;padding:10px 15px;margin:10px 0;box-shadow:0 4px 8px #0003;color:#fff;height:40px}.leaderboard-image{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:15px}.leaderboard-content{flex:1;display:flex;flex-direction:column}.leaderboard-username{font-size:16px;font-weight:700;margin:0;color:#ffffffc9}.leaderboard-userlevel{font-size:12px;font-weight:500;color:gray;margin-top:2px}.leaderboard-coinbalance{display:flex;align-items:center;gap:5px;font-size:16px;color:#f3f1e7}.coin-icon{width:20px;height:20px;object-fit:contain}.daily-header{align-items:center;padding:10px;color:#fff;max-width:400px;margin:12px auto;font-weight:700;font-size:14px}.energy-level{display:flex;align-items:center;background-color:#1e1e2f;border-radius:10px;padding:10px;color:#fff;box-shadow:0 4px 8px #0003;max-width:400px;margin:12px auto;width:300px}.energy-inside{display:flex}.energy-image{width:50px;height:50px;border-radius:5px;margin-right:10px}.energy-content{flex:1}.energy-title{font-size:16px;margin:0}.energy-percentage{color:#28a745;font-size:14px;margin:5px 0}