*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:0;touch-action:manipulation}:root{--active-color:#3897ff;--inactive-color:#8e8e93;--bg-glass:rgba(20, 20, 20, 0.7);--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--main-bg:radial-gradient(circle at top left, #5a2a2a, #1a1a1a);--glow-color:linear-gradient(45deg, #ffcc00, #ff00ff)}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--main-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;user-select:none;transition:background .8s ease;position:fixed;touch-action:none;-webkit-overflow-scrolling:touch}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.bg-glow{position:absolute;width:300px;height:300px;background:var(--glow-color);filter:blur(80px);opacity:.3;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%);transition:background .8s ease}.theme-panel-strip{display:flex;align-items:center;justify-content:center;gap:25px;height:50px;padding:0 30px;background:rgba(255,255,255,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:100px;box-shadow:0 10px 40px rgba(0,0,0,.4);transform:translateY(-270px);position:relative;z-index:100}.theme-dot{width:18px;height:18px;border-radius:50%;cursor:pointer;position:relative;border:2px solid transparent;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);opacity:.6}.theme-dot:hover{opacity:1;transform:scale(1.2)}.theme-dot.active{opacity:1;transform:scale(1.4);border-color:#fff;box-shadow:0 0 15px rgba(255,255,255,.4)}#app-wrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#game-container{width:375px;height:812px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 0;box-sizing:border-box;flex-shrink:0}.bg-glow{position:absolute;width:300px;height:300px;background:linear-gradient(45deg,#fc0,#f0f);filter:blur(80px);opacity:.3;z-index:0;top:50%;left:50%;transform:translate(-50%,-50%)}#status{margin-bottom:20px;text-align:center;z-index:10}.energy-count{font-size:28px;font-weight:700;color:#bc00bc}.stack{position:relative;width:300px;height:450px;z-index:5}.card{width:100%;height:100%;border-radius:30px;background:linear-gradient(180deg,#000 0,#6a006a 50%,#000 100%);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px rgba(106,0,106,.4);touch-action:none;will-change:transform,opacity}.card.back{transform:scale(.95) translateY(10px);opacity:.5;z-index:1}.card.active{z-index:2}#timer-msg{display:none;text-align:center;padding-top:150px}svg{width:80%;height:80%;pointer-events:none}.nav-container{position:relative;display:flex;align-items:center;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:6px;border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:10}.nav-indicator{position:absolute;height:calc(100% - 12px);width:80px;background:rgba(0,0,0,.4);border-radius:40px;z-index:1;transition:var(--transition)}.nav-item{position:relative;width:85px;height:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;z-index:2;text-decoration:none;color:var(--inactive-color);transition:var(--transition);-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--active-color)}.nav-item svg{width:26px;height:26px;margin-bottom:4px;fill:currentColor}.nav-item span{font-size:11px;font-weight:500}.glow-effect{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(56,151,255,.4) 0,transparent 70%);opacity:0;transition:var(--transition)}.nav-item.active .glow-effect{opacity:1}.game-screen{display:none;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;z-index:5}.game-screen.active{display:flex}#screen-game.active{justify-content:space-between}.balance-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:25px;margin-top:10px;z-index:10;transition:gap .3s ease}.coin-icon{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,gold,#daa520,#b8860b);box-shadow:inset 0 0 4px rgba(255,255,255,.8),inset -3px -3px 8px rgba(0,0,0,.25),0 0 20px rgba(255,215,0,.4);border:2px solid #fce35b;flex-shrink:0;transition:all .3s ease}#balance-value{font-size:46px;font-weight:900;color:#fff;font-family:-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;letter-spacing:.5px;line-height:1;text-shadow:0 4px 10px rgba(0,0,0,.3);white-space:nowrap;transition:font-size .3s ease}.balance-container.size-l{gap:10px}.balance-container.size-l #balance-value{font-size:36px}.balance-container.size-l .coin-icon{width:36px;height:36px}.balance-container.size-xl{gap:8px}.balance-container.size-xl #balance-value{font-size:28px}.balance-container.size-xl .coin-icon{width:30px;height:30px}.energy-container{width:280px;margin:20px auto;display:flex;flex-direction:column;gap:6px}.energy-info{display:flex;align-items:center;justify-content:flex-end;gap:4px}#energy-text{color:rgba(255,255,255,.8);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums}.glass-bar{width:100%;height:14px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px rgba(0,0,0,.2);overflow:hidden;position:relative}.energy-progress{width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.5) 50%,rgba(255,255,255,.2) 100%);box-shadow:0 0 15px rgba(255,255,255,.3);transition:width .3s cubic-bezier(.4, 0, .2, 1)}.upgrades-row{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:0 15px;margin-top:20px;box-sizing:border-box;z-index:20}.glass-panel{position:relative;display:flex;align-items:center;flex:1;height:85px;padding:0 12px;gap:10px;background:rgba(15,15,15,.9);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.7);box-sizing:border-box}.main-title{color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;line-height:1;transform:translateY(-3px)}.icon-container-tap{flex-shrink:0;width:28px;height:28px;transform:rotate(-10deg)}.tap-svg{width:24px;height:24px;stroke:rgba(255,255,255,0.4);stroke-width:1.8;fill:none}.battery-container{flex-shrink:0;width:16px;height:26px;border:1.5px solid rgba(255,255,255,.4);border-radius:3px;position:relative;display:flex;align-items:flex-end;padding:2px}.charge-level{width:100%;height:65%;background:rgba(255,255,255,.2)}.coin{width:12px;height:12px;background:gold;border-radius:50%;box-shadow:0 0 8px rgba(255,215,0,.6)}.level-badge{position:absolute;bottom:6px;right:10px;color:rgba(255,255,255,.3);font-size:9px;font-weight:500;text-transform:uppercase}.price-row{display:flex;align-items:center;gap:6px;margin-top:4px}.price-text{color:#fff!important;font-size:14px;font-weight:700;white-space:nowrap}.text-block{display:flex;flex-direction:column;justify-content:center;min-width:0}:root{--upgrades-y:-460px}.upgrades-row{transform:translateY(var(--upgrades-y));transition:transform .3s ease}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;z-index:1000}.modal-glass{width:280px;padding:30px;background:rgba(20,20,20,.9);border:1px solid rgba(255,255,255,.1);border-radius:25px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.5)}.modal-glass h2{color:#fff;margin:0 0 10px;letter-spacing:2px}.modal-glass p{color:rgba(255,255,255,.6);font-size:14px}.modal-price-row{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0;font-size:20px;color:#fff;font-weight:700}.modal-buttons{display:flex;gap:15px}.btn-modal{flex:1;padding:12px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:.2s}.btn-no{background:rgba(255,255,255,.1);color:#fff}.btn-ok{background:#fff;color:#000}.btn-modal:active{transform:scale(.9)}:root{--start-btn-width:140px;--start-btn-height:50px;--start-btn-x:0px;--start-btn-y:20px;--start-btn-align:flex-end;--b-score-top:calc(50% - 110px);--timer-top:calc(50% - 40px);--p-score-top:calc(50% + 30px);--blue-glow:#007AFF;--black-glass:rgba(0, 0, 0, 0.7);--card-grad:linear-gradient(180deg, #000 0%, #6a006a 50%, #000 100%)}.pvp-wrapper{position:absolute;width:375px;height:812px;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.pvp-screen{display:none;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0}.pvp-screen.active{display:flex}.side-stat{position:absolute;background:var(--black-glass);padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);min-width:65px;text-align:center;backdrop-filter:blur(12px);z-index:100}.side-stat span{display:block;font-size:9px;color:rgba(255,255,255,.5);text-transform:uppercase}.side-stat b{font-size:20px;display:block;color:#fff}.stat-player{top:var(--p-score-top);left:20px}.stat-bot{top:var(--b-score-top);left:20px}.stat-timer{top:var(--timer-top);left:20px;transform:translateY(-1%)}.lobby-card{width:90%;max-width:400px;display:flex;flex-direction:column;gap:40px}.bet-info{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.entry-label{font-size:13px;color:rgba(255,255,255,.4);letter-spacing:2px}.amount-display{font-size:24px;font-weight:500;display:flex;align-items:center;gap:8px;color:#fff}.coin{width:20px;height:20px;background:gold;border-radius:50%;box-shadow:0 0 10px #ffd70088;position:relative}.coin::after{content:'$';position:absolute;color:#8b6508;font-size:12px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}.slider-container{position:relative;width:100%;height:10px;display:flex;align-items:center}.slider-track{position:absolute;width:100%;height:100%;background:rgba(255,255,255,.08);border-radius:20px;backdrop-filter:blur(10px);overflow:hidden}.slider-fill{position:absolute;height:100%;width:0%;background:rgba(142,142,147,.3);backdrop-filter:blur(5px)}.real-slider{position:absolute;width:100%;-webkit-appearance:none;background:0 0;z-index:5;outline:0}.real-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;border:.5px solid #ccc}.time-bar{width:100%;height:48px;background:rgba(255,255,255,.03);border-radius:14px;display:flex;position:relative;padding:4px;box-sizing:border-box;border:1px solid rgba(255,255,255,.05)}.time-option{flex:1;display:flex;justify-content:center;align-items:center;font-size:14px;z-index:2;cursor:pointer;color:rgba(255,255,255,.3);transition:.3s}.time-option.active{color:#fff}.time-glow{position:absolute;width:calc(50% - 4px);height:calc(100% - 8px);background:rgba(0,122,255,.15);border-radius:10px;transition:.4s cubic-bezier(.2, 1, .2, 1);border:1px solid rgba(0,122,255,.4);box-shadow:0 0 15px rgba(0,122,255,.3)}.btn-wrapper{display:flex;justify-content:var(--start-btn-align);width:100%}.start-btn{width:var(--start-btn-width);height:var(--start-btn-height);transform:translate(var(--start-btn-x),var(--start-btn-y));background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(15px);color:rgba(255,255,255,.6);border-radius:14px;font-size:15px;font-weight:400;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:all .3s ease}.battle-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:30px 0;box-sizing:border-box}.area{position:relative;width:100%;height:45%;display:flex;justify-content:center;align-items:center;perspective:1000px}.card-stack{position:relative;width:170px;height:250px}.card{width:100%;height:100%;border-radius:20px;background:var(--card-grad);position:absolute;display:flex;justify-content:center;align-items:center;box-shadow:0 0 25px rgba(106,0,106,.5)}.card.back{transform:scale(.95) translateY(10px);opacity:.5;z-index:1}.bot-area .card{transform:rotate(180deg)}.bot-area .card.back{transform:rotate(180deg) scale(.95) translateY(-10px)}#countdown-pvp{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:110px;font-weight:800;text-shadow:0 0 40px var(--blue-glow);z-index:200;pointer-events:none;color:#fff}#loader{font-size:18px;letter-spacing:6px;font-weight:200;opacity:.8;color:#fff}#screen-earn{position:relative}:root{--glass-y:-120px;--glass-width:360px;--glass-height:435px}#screen-earn .custom-glass-block{position:absolute;top:var(--glass-y);left:50%;transform:translateX(-50%);width:var(--glass-width);height:var(--glass-height);background:rgba(0,0,0,.45);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05);z-index:6;pointer-events:none}.friends-controls-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:50px;padding:0 20px;width:100%;box-sizing:border-box}.btn-modern{background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;outline:0;box-shadow:0 10px 30px rgba(0,0,0,.3)}.btn-modern:active{transform:scale(.96);background:rgba(0,0,0,.6)}.invite-main-btn{height:56px;flex-grow:1;max-width:260px;border-radius:16px;font-size:15px}.copy-small-btn{width:56px;height:56px;border-radius:16px;flex-shrink:0}.copy-small-btn svg{width:20px;height:20px;stroke:#ffffff}#copy-notification{position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%);background:#fff;color:#000;padding:14px 28px;border-radius:50px;font-family:sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:10000;display:none}.show-notification{display:block!important;animation:slideUpCenter .3s ease-out forwards}@keyframes slideUpCenter{from{opacity:0;bottom:25%}to{opacity:1;bottom:40%}}.task-fixed-overlay{position:absolute;left:50%;top:500%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;display:flex;flex-direction:column;gap:12px}.task-card{width:310px;height:65px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;pointer-events:all;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:all .2s ease}#task-tg-card-1{margin-top:-20px}#task-tg-card-2{margin-top:10px}#task-tg-card-3{margin-top:10px}.action-btn{width:65px;height:30px;font-size:12px;background:#fff;color:#000;border:none;border-radius:15px;font-weight:800;cursor:pointer;transition:.2s}.task-reward .coin{width:15px!important;height:15px!important;background-size:contain!important}.task-info{display:flex;align-items:center;gap:10px}.tg-logo{width:36px;height:36px;background:#24a1de;border-radius:8px;display:flex;align-items:center;justify-content:center}.tg-logo img{width:70%}.task-title{color:#fff;font-weight:600;font-size:13px;margin:0}.task-reward{display:flex;align-items:center;gap:4px;color:gold;font-weight:700;font-size:12px}.action-btn.waiting{background:rgba(255,255,255,.1);color:#fff}.action-btn.claim{background:#00ff8c}.checkmark{display:none;color:#fff;font-size:20px;font-weight:700}.plus-anim{position:fixed;color:#00ff8c;font-weight:900;font-size:24px;z-index:1100;pointer-events:none;animation:moveUp 1s ease-out forwards}@keyframes moveUp{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.task-fixed-overlay{position:absolute;left:50%;top:500%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none;display:flex;flex-direction:column;gap:12px}.task-card{pointer-events:all}.task-fixed-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%}#task-ads-card{margin-top:-365px;pointer-events:all}.ads-logo{width:36px;height:36px;background:#fff;color:#000;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px;flex-shrink:0}