@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@500;700&display=swap";.top-bar{padding:max(12px, env(safe-area-inset-top,0)) 16px 4px;z-index:10;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.game-title{color:var(--gold);letter-spacing:2px;text-shadow:0 0 10px #c9a05080;white-space:nowrap;text-overflow:ellipsis;max-width:70%;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(11px,3.5vw,14px);font-weight:700;overflow:hidden}.profile-section{padding:max(12px, env(safe-area-inset-top,0)) 16px 6px;z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.profile-left{align-items:center;gap:10px;display:flex}.avatar-wrapper{width:44px;height:44px;position:relative}.avatar{width:44px;height:44px}.avatar svg{width:100%;height:100%}.rpg-badge{width:20px;height:20px;position:absolute;bottom:-4px;right:-4px}.rpg-badge svg{filter:drop-shadow(0 0 3px #c9a050cc);width:100%;height:100%}.clan-info{background:var(--panel-bg);border:1px solid var(--gold-dark);border-radius:20px;padding:4px 12px}.clan-name{color:var(--gold);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.shield-icon{width:14px;height:14px}.clan-id{color:var(--gold-dark);font-size:9px}.profile-right{gap:12px;display:flex}.resource{align-items:center;gap:4px;display:flex}.resource-value{color:var(--text);font-family:Orbitron,sans-serif;font-size:18px;font-weight:700}.resource-icon{width:16px;height:16px}@media (width<=360px){.profile-section{padding:max(10px, env(safe-area-inset-top,0)) 12px 4px}.avatar-wrapper,.avatar{width:40px;height:40px}}.side-panels{top:max(40px, env(safe-area-inset-top,0));pointer-events:none;z-index:10;justify-content:space-between;padding:0 12px;display:flex;position:absolute;left:0;right:0}.side-panel{pointer-events:auto;flex-direction:column;gap:8px;display:flex}.panel-item{background:var(--panel-bg);border:1px solid var(--gold-dark);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px;transition:all .3s;display:flex}.panel-item:hover{border-color:var(--gold);box-shadow:0 0 10px #c9a05033}.panel-item svg{width:24px;height:24px}.panel-item span{color:var(--gold);text-align:center;font-size:8px;font-weight:600}.panel-item .badge{background:var(--accent-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex}.carousel-container{z-index:5;cursor:grab;touch-action:none;overscroll-behavior:none;width:100%;padding-bottom:max(20px, env(safe-area-inset-bottom,0));flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.carousel-container:active{cursor:grabbing}.carousel-track{will-change:transform;width:100%;display:flex}.carousel-slide{flex-direction:column;justify-content:center;align-items:center;min-width:100%;padding:10px 0;display:flex}.slide-stats{align-items:center;gap:12px;margin-bottom:8px;display:flex}.slide-power{color:var(--gold-light);text-shadow:0 0 15px #fc09,0 0 30px #ff66004d;font-family:Orbitron,sans-serif;font-size:clamp(28px,8vw,36px);font-weight:900}.slide-display{justify-content:center;align-items:center;width:min(220px,85vw);height:min(280px,45vh);display:flex;position:relative}.slide-glow{background:radial-gradient(#ff960026 0%,#0000 70%);border-radius:50%;width:180px;height:260px;animation:3s ease-in-out infinite pulse-glow;position:absolute}.slide-placeholder{border:2px dashed var(--gold-dark);width:min(120px,55vw);height:min(180px,35vh);color:var(--gold-dark);border-radius:16px;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:clamp(12px,3vw,14px);display:flex}.swipe-arrow{z-index:25;cursor:pointer;opacity:.75;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.swipe-arrow:hover{opacity:1;transform:translateY(-50%)scale(1.15)}.swipe-arrow.left{left:8px}.swipe-arrow.right{right:8px}.swipe-arrow svg{filter:drop-shadow(0 0 8px #c9a050b3);width:32px;height:32px;transition:all .2s}.swipe-arrow.disabled{opacity:.15;pointer-events:none}.swipe-arrow:active{transform:translateY(-50%)scale(.9)}.particles{pointer-events:none;position:absolute;inset:0}.particle{background:#fc0;border-radius:50%;width:3px;height:3px;animation:4s ease-in-out infinite float-up;position:absolute;box-shadow:0 0 6px #f60}.p1{animation-delay:0s;bottom:10%;left:30%}.p2{animation-delay:.7s;bottom:20%;left:60%}.p3{animation-delay:1.4s;bottom:5%;left:45%}.p4{animation-delay:2.1s;bottom:15%;left:70%}.p5{animation-delay:2.8s;bottom:25%;left:25%}.p6{animation-delay:3.5s;bottom:8%;left:55%}@keyframes float-up{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-200px)scale(0)}}.upgrade-btn{border:2px solid var(--gold);cursor:pointer;background:linear-gradient(#5a3a1a 0%,#3a2008 100%);border-radius:12px;flex-direction:column;align-items:center;gap:4px;margin-top:12px;padding:10px 24px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 15px #c9a0504d,inset 0 1px #ffffff1a}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #c9a05080,inset 0 1px #fff3}.btn-text{color:var(--text);letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700}.dots-nav{align-items:center;gap:8px;margin-top:12px;display:flex}.clock-icon{width:16px;height:16px;color:var(--gold-dark)}.dot{cursor:pointer;background:#8b691466;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:var(--gold);box-shadow:0 0 6px #c9a05099}.dot.locked{cursor:default;background:0 0;border:1px solid #8b69144d;position:relative}.dot.locked:after{content:"";background:var(--gold-dark);clip-path:polygon(20% 0%,80% 0%,100% 20%,100% 80%,80% 100%,20% 100%,0% 80%,0% 20%);border-radius:1px;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.add-btn{color:var(--gold);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:16px;display:flex}.evolution-bar{background:var(--panel-bg);border:1px solid var(--gold-dark);z-index:10;border-radius:16px;margin:12px 16px;padding:10px 14px;position:relative}.evo-header{color:var(--gold);justify-content:space-between;margin-bottom:6px;font-size:10px;font-weight:600;display:flex}.evo-track{align-items:center;gap:8px;display:flex}.evo-level{background:linear-gradient(135deg, var(--gold), var(--gold-dark));width:28px;height:28px;color:var(--bg-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;font-size:14px;font-weight:700;display:flex}.evo-progress{background:#8b69144d;border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.evo-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:4px;height:100%;transition:width .5s;animation:2s ease-in-out infinite progress-shine;box-shadow:0 0 10px #c9a05080}.evo-orb{flex-shrink:0;width:28px;height:28px}.evo-orb svg{filter:drop-shadow(0 0 5px #c9a05080);width:100%;height:100%}@media (width<=360px){.evolution-bar{margin:8px 12px;padding:8px 12px}}.bottom-nav{border-top:2px solid var(--gold-dark);padding:4px 2px max(12px, env(safe-area-inset-bottom));z-index:10;box-sizing:border-box;background:linear-gradient(#2a1a0af2 0%,#1a0a00fa 100%);flex-shrink:0;justify-content:space-around;align-items:center;width:100%;display:flex;position:relative}.nav-item{color:var(--gold-dark);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;max-width:80px;padding:2px;transition:all .3s;display:flex}.nav-item svg{flex-shrink:0;width:clamp(18px,5.5vw,22px);height:clamp(18px,5.5vw,22px)}.nav-item span{letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(7px,2.2vw,9px);font-weight:700;overflow:hidden}.nav-item:hover{color:var(--gold);background:#c9a0501a}.nav-item.active{color:var(--gold-light);background:#ffcc001a;box-shadow:0 0 15px #fc03}.nav-item.active svg{filter:drop-shadow(0 0 5px #ffcc0080)}@media (width<=360px){.bottom-nav{padding:3px 1px max(10px, env(safe-area-inset-bottom))}.nav-item{border-radius:8px;gap:1px;padding:2px 1px}.nav-item span{letter-spacing:0;font-size:7px}}@media (width>=361px) and (width<=420px){.nav-item{gap:2px;padding:3px}}@media (width>=421px){.bottom-nav{max-width:420px;margin:0 auto}.nav-item{max-width:84px}}@media (width>=768px) and (orientation:landscape){.bottom-nav{max-width:420px}.nav-item svg{width:20px;height:20px}.nav-item span{font-size:9px}}@media (height>=800px){.bottom-nav{padding-bottom:max(16px, env(safe-area-inset-bottom))}}@media (height<=700px){.bottom-nav{padding-top:2px;padding-bottom:max(8px, env(safe-area-inset-bottom))}.nav-item svg{width:18px;height:18px}.nav-item span{font-size:7px}}.quests-section{width:100%;padding:8px 12px max(80px, env(safe-area-inset-bottom,0) + 60px);z-index:5;-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:hidden auto}.quests-section::-webkit-scrollbar{width:3px}.quests-section::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.quest-category{margin-bottom:16px}.category-title{color:var(--gold);letter-spacing:2px;align-items:center;gap:8px;margin:0 0 10px 4px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;display:flex}.category-title:after{content:"";background:linear-gradient(90deg, var(--gold-dark), transparent);flex:1;height:1px}.quest-card{border:1px solid var(--gold-dark);background:linear-gradient(135deg,#2a1a0ae6 0%,#1a0a00f2 100%);border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .3s;display:flex;position:relative}.quest-card:hover{border-color:var(--gold);box-shadow:0 0 12px #c9a05026}.quest-card.completed{opacity:.6;border-color:#8b69144d}.quest-icon{border:1px solid var(--gold-dark);background:linear-gradient(135deg,#c9a05033,#8b69141a);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.quest-icon svg{width:22px;height:22px;color:var(--gold)}.quest-info{flex:1;min-width:0}.quest-name{color:var(--text);letter-spacing:.5px;margin:0 0 4px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.quest-desc{color:var(--gold-dark);margin:0 0 8px;font-size:10px}.quest-progress-track{background:#8b691440;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.quest-progress-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:3px;height:100%;transition:width .5s;box-shadow:0 0 6px #c9a05066}.quest-progress-text{color:var(--gold-dark);font-family:Orbitron,sans-serif;font-size:9px}.quest-reward{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.reward-value{color:var(--gold-light);font-family:Orbitron,sans-serif;font-size:14px;font-weight:700}.reward-icon{width:18px;height:18px}.claim-btn{color:var(--bg-dark);background:linear-gradient(135deg, var(--gold), var(--gold-light));cursor:pointer;letter-spacing:1px;white-space:nowrap;border:none;border-radius:8px;padding:6px 12px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;transition:all .3s;box-shadow:0 0 10px #c9a0504d}.claim-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #ffcc0080}.claim-btn:active{transform:scale(.95)}.claim-btn:disabled{color:var(--gold-dark);box-shadow:none;cursor:default;background:#8b69144d}.claim-btn.claimed{color:var(--accent-green);border:1px solid var(--accent-green);background:#4ade8033}@media (width<=360px){.quests-section{padding:6px 10px}.quest-card{padding:10px 12px}.quest-icon{width:36px;height:36px}.quest-icon svg{width:18px;height:18px}}.market-section{width:100%;padding:8px 12px max(80px, env(safe-area-inset-bottom,0) + 60px);z-index:5;-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:hidden auto}.market-section::-webkit-scrollbar{width:3px}.market-section::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.market-category{margin-bottom:20px}.market-category-title{color:var(--gold);letter-spacing:2px;align-items:center;gap:8px;margin:0 0 12px 4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;display:flex}.market-category-title svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}.market-category-title:after{content:"";background:linear-gradient(90deg, var(--gold-dark), transparent);flex:1;height:1px}.market-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.market-grid.energy-grid{grid-template-columns:repeat(2,1fr)}.market-card{border:1px solid var(--gold-dark);text-align:center;cursor:pointer;background:linear-gradient(135deg,#2a1a0ae6 0%,#1a0a00f2 100%);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;transition:all .3s;display:flex;position:relative;overflow:hidden}.market-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 0 15px #c9a05033}.market-card:active{transform:scale(.97)}.market-card.highlighted{border-color:var(--gold-light);animation:2s ease-in-out infinite highlight-pulse;box-shadow:0 0 20px #ffcc0040,inset 0 0 20px #ffcc000d}@keyframes highlight-pulse{0%,to{box-shadow:0 0 20px #fc03,inset 0 0 20px #ffcc000d}50%{box-shadow:0 0 30px #ffcc0059,inset 0 0 30px #ffcc0014}}.market-card.disabled{opacity:.5;cursor:default;pointer-events:none;border-color:#8b691433}.card-icon{flex-shrink:0;width:56px;height:56px}.card-icon svg{width:100%;height:100%}.card-name{color:var(--text);letter-spacing:.5px;margin:0;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;line-height:1.3}.card-desc{color:var(--gold-dark);margin:0;font-size:9px;line-height:1.3}.price-tag{border-radius:8px;align-items:center;gap:4px;margin-top:2px;padding:4px 10px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.price-tag.free{color:var(--accent-green);letter-spacing:1px;background:#4ade8026;border:1px solid #4ade804d;font-size:10px}.price-tag.coins{color:#f5d547;background:#e6a81726;border:1px solid #e6a8174d}.price-tag.crystals{color:#fc0;background:#ffcc0026;border:1px solid #ffcc004d}.price-icon{width:14px;height:14px}.chest-timer{color:var(--gold-dark);align-items:center;gap:4px;margin-top:2px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;display:flex}.chest-timer svg{width:14px;height:14px}.bought-badge{color:var(--accent-green);letter-spacing:.5px;background:#4ade8026;border:1px solid #4ade804d;border-radius:6px;margin-bottom:2px;padding:3px 8px;font-size:8px;font-weight:700}.market-list{flex-direction:column;gap:8px;display:flex}.booster-row{border:1px solid var(--gold-dark);background:linear-gradient(135deg,#2a1a0ae6 0%,#1a0a00f2 100%);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;transition:all .3s;display:flex}.booster-row:hover{border-color:var(--gold);box-shadow:0 0 12px #c9a05026}.booster-icon{flex-shrink:0;width:44px;height:44px}.booster-icon svg{width:100%;height:100%}.booster-info{flex:1;min-width:0}.booster-name{color:var(--text);letter-spacing:.5px;margin:0 0 3px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700}.booster-desc{color:var(--gold-dark);margin:0 0 6px;font-size:9px}.booster-meta{gap:6px;display:flex}.booster-tag{letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700}.booster-tag.duration{color:var(--gold);background:#c9a05026;border:1px solid #c9a05040}.booster-tag.multiplier{color:var(--accent-red);background:#ff444426;border:1px solid #ff444440}.buy-btn{background:linear-gradient(135deg, var(--gold), var(--gold-light));cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:8px 12px;transition:all .3s;box-shadow:0 0 10px #c9a0504d}.buy-btn:hover{transform:translateY(-1px);box-shadow:0 0 15px #ffcc0080}.buy-btn:active{transform:scale(.95)}.buy-btn .price-tag{color:var(--bg-dark);background:0 0;border:none;margin:0;padding:0;font-size:11px}.buy-btn .price-icon{width:12px;height:12px}@media (width<=360px){.market-section{padding:6px 10px}.market-grid{gap:8px}.market-card{padding:10px 8px}.card-icon{width:48px;height:48px}.card-name{font-size:9px}.booster-icon{width:36px;height:36px}.booster-name{font-size:10px}}@media (width>=421px){.market-grid{grid-template-columns:repeat(3,1fr)}.market-grid.energy-grid{grid-template-columns:repeat(4,1fr)}}.arena-section{width:100%;padding:8px 12px max(80px, env(safe-area-inset-bottom,0) + 60px);z-index:5;-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:hidden auto}.arena-section::-webkit-scrollbar{width:3px}.arena-section::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.arena-rank-card{border:1px solid var(--gold-dark);background:linear-gradient(135deg,#2a1a0ae6 0%,#1a0a00f2 100%);border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.rank-badge{flex-shrink:0;width:48px;height:48px}.rank-badge svg{filter:drop-shadow(0 0 8px #fc06);width:100%;height:100%}.rank-info{flex:1;min-width:0}.rank-tier{color:var(--gold-light);letter-spacing:1px;margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700}.rank-points{color:var(--gold-dark);margin-bottom:6px;font-size:10px}.rank-bar{background:#8b691440;border-radius:3px;height:6px;overflow:hidden}.rank-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:3px;height:100%;box-shadow:0 0 8px #c9a05066}.energy-block{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.energy-block svg{width:20px;height:20px}.energy-block span{color:var(--gold-light);font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.arena-category{margin-bottom:16px}.arena-cat-title{color:var(--gold);letter-spacing:2px;align-items:center;gap:8px;margin:0 0 10px 4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;display:flex}.arena-cat-title svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}.arena-cat-title:after{content:"";background:linear-gradient(90deg, var(--gold-dark), transparent);flex:1;height:1px}.modes-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mode-card{border:1px solid var(--gold-dark);text-align:center;cursor:pointer;background:linear-gradient(135deg,#2a1a0ae6 0%,#1a0a00f2 100%);border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:12px 10px;transition:all .3s;display:flex;position:relative;overflow:hidden}.mode-card:hover{border-color:var(--gold);transform:translateY(-2px)}.mode-card.active{border-color:var(--gold-light);box-shadow:0 0 15px #fc03,inset 0 0 15px #ffcc000d}.mode-card.active:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-light), transparent);height:2px;position:absolute;top:0;left:0;right:0}.mode-card.no-energy{opacity:.5;cursor:default}.mode-card.no-energy:hover{border-color:var(--gold-dark);transform:none}.mode-icon{width:36px;height:36px;color:var(--gold)}.mode-icon svg{width:100%;height:100%}.mode-name{color:var(--text);letter-spacing:.5px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.mode-desc{color:var(--gold-dark);font-size:9px}.mode-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.mode-energy{color:var(--gold-light);align-items:center;gap:2px;font-size:10px;font-weight:700;display:flex}.mode-energy svg{width:12px;height:12px}.mode-reward{color:var(--accent-green);background:#4ade801a;border:1px solid #4ade8033;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.fight-btn{color:#fff;letter-spacing:3px;cursor:pointer;text-shadow:0 0 10px #ff000080;background:linear-gradient(135deg,#8b1a1a 0%,#f44 50%,#8b1a1a 100%);border:2px solid #f66;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:14px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:900;transition:all .3s;display:flex;box-shadow:0 0 20px #ff44444d,inset 0 1px #ffffff26}.fight-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff444480,inset 0 1px #fff3}.fight-btn:active{transform:scale(.97)}.fight-btn.disabled{color:var(--gold-dark);cursor:default;box-shadow:none;text-shadow:none;background:linear-gradient(135deg,#3a2020 0%,#5a3030 100%);border-color:#5a4040}.fight-btn.disabled:hover{transform:none}.fight-btn svg{width:22px;height:22px}.leaderboard{flex-direction:column;gap:6px;display:flex}.leader-row{background:linear-gradient(135deg,#2a1a0ad9 0%,#1a0a00e6 100%);border:1px solid #8b691440;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:all .3s;display:flex}.leader-row:hover{border-color:var(--gold-dark)}.leader-row.top{background:linear-gradient(135deg,#2a1a0af2 0%,#1e0f00f2 100%);border-color:#c9a05066}.leader-rank{text-align:center;flex-shrink:0;width:32px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:900}.leader-avatar{flex-shrink:0;width:32px;height:32px}.leader-avatar svg{width:100%;height:100%}.leader-info{flex:1;min-width:0}.leader-name{color:var(--text);letter-spacing:.5px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700}.leader-clan{color:var(--gold-dark);font-size:9px}.leader-power{color:var(--gold);flex-shrink:0;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700}.arena-quests{flex-direction:column;gap:8px;display:flex}.arena-quest{background:linear-gradient(135deg,#2a1a0ad9 0%,#1a0a00e6 100%);border:1px solid #8b691440;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.aq-icon{background:#c9a0501a;border:1px solid #c9a05033;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.aq-icon svg{width:18px;height:18px}.aq-info{flex:1;min-width:0}.aq-name{color:var(--text);letter-spacing:.5px;margin-bottom:2px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.aq-desc{color:var(--gold-dark);margin-bottom:5px;font-size:9px}.aq-bar{background:#8b691433;border-radius:2px;height:4px;overflow:hidden}.aq-fill{background:linear-gradient(90deg, var(--gold), var(--gold-light));border-radius:2px;height:100%}.aq-reward{color:var(--accent-green);flex-shrink:0;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}@media (width<=360px){.arena-section{padding:6px 10px}.arena-rank-card{gap:8px;padding:10px 12px}.rank-badge{width:40px;height:40px}.rank-tier{font-size:11px}.modes-grid{gap:8px}.mode-card{padding:10px 8px}.mode-icon{width:30px;height:30px}.fight-btn{padding:12px;font-size:14px}.leader-row{padding:6px 10px}}.equipment-section{width:100%;padding:8px 12px max(80px, env(safe-area-inset-bottom,0) + 60px);z-index:5;-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow:hidden auto}.equipment-section::-webkit-scrollbar{width:3px}.equipment-section::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}.equip-top{gap:10px;margin-bottom:12px;display:flex}.equip-slots{flex:1;grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.equip-slot{cursor:pointer;background:linear-gradient(135deg,#2a1a0ad9 0%,#1a0a00e6 100%);border:1px solid #8b69144d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:68px;padding:8px 6px;transition:all .25s;display:flex;position:relative;overflow:hidden}.equip-slot:hover{border-color:var(--gold-dark);transform:translateY(-1px)}.equip-slot.selected{border-color:var(--gold);box-shadow:0 0 12px #c9a05033}.equip-slot.empty{opacity:.6}.slot-rarity-bar{height:2px;position:absolute;top:0;left:0;right:0}.slot-icon{width:24px;height:24px}.slot-icon svg{width:100%;height:100%}.slot-icon.empty-icon{color:var(--gold-dark);opacity:.5}.slot-level{color:var(--text);background:#0006;border-radius:4px;padding:1px 5px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700}.slot-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;font-weight:700;line-height:1.2;overflow:hidden}.slot-label{color:var(--gold-dark);letter-spacing:.5px;font-size:8px;font-weight:700}.equip-stats{border:1px solid var(--gold-dark);background:linear-gradient(135deg,#2a1a0ad9 0%,#1a0a00e6 100%);border-radius:12px;flex-direction:column;flex-shrink:0;gap:8px;width:110px;padding:10px;display:flex}.stats-title{color:var(--gold);letter-spacing:1px;align-items:center;gap:4px;margin:0 0 4px;font-family:Orbitron,sans-serif;font-size:9px;font-weight:700;display:flex}.stats-title svg{width:12px;height:12px}.stat-row{align-items:center;gap:6px;display:flex}.stat-icon{flex-shrink:0;width:16px;height:16px}.stat-icon svg{width:100%;height:100%}.stat-label{color:var(--gold-dark);flex:1;font-size:8px;font-weight:700}.stat-value{color:var(--gold-light);font-family:Orbitron,sans-serif;font-size:10px;font-weight:700}.item-detail{border:1px solid var(--gold-dark);background:linear-gradient(135deg,#2a1a0ae6 0%,#1a0a00f2 100%);border-radius:14px;margin-bottom:12px;padding:12px 14px;animation:.25s detail-in}@keyframes detail-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.item-detail-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.item-rarity-tag{letter-spacing:1px;border:1px solid;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700}.item-detail-name{letter-spacing:.5px;font-family:Orbitron,sans-serif;font-size:12px;font-weight:700}.item-detail-stats{gap:12px;margin-bottom:10px;display:flex}.detail-stat{color:var(--text);align-items:center;gap:6px;font-size:10px;display:flex}.detail-stat span:first-child{color:var(--gold-dark)}.item-actions{gap:8px;display:flex}.eq-btn{letter-spacing:1px;cursor:pointer;border:none;border-radius:10px;flex:1;padding:8px;font-family:Orbitron,sans-serif;font-size:10px;font-weight:700;transition:all .3s}.eq-btn.equip{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--bg-dark);box-shadow:0 0 10px #c9a0504d}.eq-btn.equip:hover{transform:translateY(-1px);box-shadow:0 0 15px #ffcc0080}.eq-btn.unequip{color:#f88;background:linear-gradient(135deg,#5a1a1a,#3a1010);border:1px solid #ff44444d}.eq-btn.upgrade{color:var(--accent-green);background:linear-gradient(135deg,#1a3a1a,#0d200d);border:1px solid #4ade804d}.eq-btn.upgrade:hover{box-shadow:0 0 10px #4ade8033}.equip-category{margin-bottom:12px}.equip-cat-title{color:var(--gold);letter-spacing:2px;align-items:center;gap:8px;margin:0 0 10px 4px;font-family:Orbitron,sans-serif;font-size:11px;font-weight:700;display:flex}.equip-cat-title svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}.equip-cat-title:after{content:"";background:linear-gradient(90deg, var(--gold-dark), transparent);flex:1;height:1px}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.inv-item{cursor:pointer;background:linear-gradient(135deg,#2a1a0ad9 0%,#1a0a00e6 100%);border:1px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:8px 4px;transition:all .25s;display:flex;position:relative}.inv-item:hover{transform:translateY(-2px);box-shadow:0 0 10px #c9a05026}.inv-item.empty{cursor:default;background:#2a1a0a4d;border-color:#8b691426}.inv-empty-icon{color:var(--gold-dark);opacity:.3;font-size:20px}.inv-rarity-dot{border-radius:50%;width:5px;height:5px;position:absolute;top:3px;left:3px}.inv-icon{width:20px;height:20px}.inv-icon svg{width:100%;height:100%}.inv-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:7px;font-weight:700;line-height:1.2;overflow:hidden}.inv-level{color:var(--text);background:#0006;border-radius:3px;padding:1px 4px;font-family:Orbitron,sans-serif;font-size:8px;font-weight:700}@media (width<=360px){.equipment-section{padding:6px 10px}.equip-top{gap:8px}.equip-stats{width:95px;padding:8px}.equip-slot{min-height:58px;padding:6px 4px}.slot-icon{width:20px;height:20px}.stat-value{font-size:9px}.inventory-grid{grid-template-columns:repeat(4,1fr);gap:5px}.inv-item{min-height:56px;padding:6px 3px}}@media (width>=421px){.equip-slots{grid-template-columns:repeat(4,1fr)}.inventory-grid{grid-template-columns:repeat(5,1fr)}}.stat-value{transition:all .4s}.stat-value.changed{text-shadow:0 0 10px #4ade8080;transform:scale(1.15);color:var(--accent-green)!important}.stat-value.changed-down{text-shadow:0 0 10px #ff444480;transform:scale(1.15);color:var(--accent-red)!important}.game-container{width:100%;height:100%;background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 50%, var(--bg-dark) 100%);max-width:100%;height:-webkit-fill-available;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.stars-bg{pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 20px 30px,#ffc8644d,#0000),radial-gradient(1px 1px at 40px 70px,#ffc86433,#0000),radial-gradient(1px 1px at 90px 40px,#ffc8644d,#0000),radial-gradient(1px 1px at 130px 80px,#ffc86433,#0000),radial-gradient(1px 1px at 160px 20px,#ffc8644d,#0000),radial-gradient(1px 1px at 200px 60px,#ffc86433,#0000),radial-gradient(1px 1px at 250px 30px,#ffc8644d,#0000),radial-gradient(1px 1px at 300px 90px,#ffc86433,#0000),radial-gradient(1px 1px at 350px 50px,#ffc8644d,#0000),radial-gradient(1px 1px at 380px 20px,#ffc86433,#0000);position:absolute;inset:0}.main-content{z-index:5;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.top-bar{padding:max(8px, env(safe-area-inset-top,0)) 16px 4px;z-index:15;flex-shrink:0;position:relative}.fs-overlay{z-index:9999;background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.fs-box{text-align:center;flex-direction:column;align-items:center;gap:16px;animation:.5s fade-in;display:flex}.fs-box h2{color:var(--gold);text-shadow:0 0 15px #c9a05080;letter-spacing:2px;margin:0;font-family:Orbitron,sans-serif;font-size:20px;font-weight:900}.fs-box p{color:var(--gold-dark);margin:0;font-size:14px}.fs-btn{color:var(--bg-dark);background:linear-gradient(135deg, var(--gold), var(--gold-light));border:2px solid var(--gold);cursor:pointer;letter-spacing:2px;border-radius:12px;padding:14px 48px;font-family:Orbitron,sans-serif;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 0 20px #c9a05066}.fs-btn:hover{transform:translateY(-2px);box-shadow:0 0 30px #fc09}.fs-btn:active{transform:scale(.95)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=421px){.game-container{max-width:420px;left:50%;transform:translate(-50%)}}@media (height<=700px){.slide-display{height:min(240px,38vh)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes progress-shine{0%,to{opacity:1}50%{opacity:.7}}:root{--gold:#c9a050;--gold-light:#fc0;--gold-dark:#8b6914;--bg-dark:#0d0602;--bg-darker:#050301;--panel-bg:#2a1a0ad9;--accent-red:#f44;--accent-green:#4ade80;--text:#f5e6c8}html,body,#root{-webkit-overflow-scrolling:auto;height:100%;overflow:hidden}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{background:var(--bg-dark);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-family:Rajdhani,Segoe UI,system-ui,-apple-system,sans-serif}