.navbar{display:flex;height:56px;background:linear-gradient(180deg,#2a1a4a,#1a0e35);border-top:2px solid var(--wood-dark);padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0)}.navbar-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;opacity:.5;transition:opacity .2s,transform .1s}.navbar-tab.active{opacity:1}.navbar-tab:active{transform:scale(.9)}.navbar-icon{font-size:20px}.navbar-label{font-size:9px;font-weight:600;color:var(--text-dim)}.navbar-tab.active .navbar-label{color:var(--gold)}.hp-bar-wrap{width:80%;max-width:300px;margin:0 auto}.hp-bar-name{text-align:center;font-size:14px;font-weight:700;color:var(--text-white);text-shadow:1px 1px 3px rgba(0,0,0,.8);margin-bottom:4px}.hp-bar-outer{height:22px;background:linear-gradient(180deg,#3a2010,#2a1508);border:3px solid var(--wood-dark);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 2px 4px #0000004d;position:relative}.hp-bar-fill{height:100%;background:linear-gradient(180deg,#f90,#f60,#c40);border-radius:9px;transition:width .2s ease-out;position:relative;min-width:0}.hp-bar-shine{position:absolute;top:2px;left:4px;right:4px;height:6px;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:4px}.hp-bar-text{text-align:center;font-size:11px;color:var(--text-dim);margin-top:2px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.monster-view{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;transition:transform .05s;position:relative;padding-bottom:20px}.monster-view:active{transform:scale(.95)}.monster-view.shake{animation:monsterShake .15s ease-in-out}.monster-sprite{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.monster-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,100,0,.2) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}.monster-body{font-size:120px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));z-index:1}.monster-shadow{width:120px;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%);border-radius:50%;margin-top:-10px}.tap-hint{font-size:12px;color:var(--text-dim);opacity:.6;margin-top:8px;animation:tapBounce 1.5s ease-in-out infinite}@keyframes monsterShake{0%,to{transform:translate(0)}25%{transform:translate(-8px) rotate(-2deg)}50%{transform:translate(8px) rotate(2deg)}75%{transform:translate(-4px) rotate(-1deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes tapBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.damage-floats{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.damage-float{position:absolute;font-size:24px;font-weight:900;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),-1px -1px 0 #000;animation:floatUp 1s ease-out forwards;white-space:nowrap}.damage-float.crit{font-size:32px;color:#f44;text-shadow:2px 2px 6px rgba(255,0,0,.5),-1px -1px 0 #000}.crit-label{display:block;font-size:12px;color:#f66;margin-bottom:-4px}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:1}20%{transform:translateY(-20px) scale(1.2);opacity:1}to{transform:translateY(-80px) scale(.8);opacity:0}}.skill-buttons{position:absolute;left:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:5}.skill-btn{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;position:relative}.skill-btn.locked{opacity:.4;filter:grayscale(1)}.skill-icon{font-size:22px}.skill-lock-level{font-size:8px;color:var(--text-dim);position:absolute;bottom:2px}.combat-page{position:relative;width:100%;height:100%;overflow:hidden}.combat-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0a1628;z-index:0}.combat-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(transparent,#0000004d)}.stage-info{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px}.stage-level{font-size:16px;font-weight:700;color:var(--gold);text-shadow:1px 1px 4px rgba(0,0,0,.9)}.monster-progress{display:flex;align-items:center}.progress-dots{display:flex;gap:4px}.progress-dot{width:10px;height:10px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);transition:background .2s}.progress-dot.filled{background:var(--gold);border-color:var(--gold);box-shadow:0 0 4px #c4956a99}.boss-label{font-size:14px;font-weight:700;color:#f44;text-shadow:0 0 8px rgba(255,0,0,.5);animation:bossPulse .8s ease-in-out infinite alternate}@keyframes bossPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.boss-timer{position:absolute;top:52px;left:12px;right:12px;height:20px;background:#0009;border-radius:10px;border:1px solid #ff4444;z-index:10;overflow:hidden;display:flex;align-items:center;justify-content:center}.boss-timer-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f44,#f80);border-radius:10px;transition:width .1s linear}.boss-timer-text{position:relative;z-index:1;font-size:11px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.combat-stats{position:absolute;top:8px;right:8px;display:flex;gap:10px;z-index:5;flex-wrap:wrap;justify-content:flex-end;max-width:200px}.stat{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.stat-icon{font-size:14px}.dps-stat{color:#7df9ff}.souls-stat{color:#c77dff}.combat-monster-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:2}.combat-hp-area{position:absolute;bottom:40px;left:0;right:0;z-index:5}.combat-notification{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#000c;border:2px solid var(--gold);border-radius:8px;padding:8px 20px;font-size:16px;font-weight:700;color:var(--gold);text-align:center;z-index:20;animation:notifPop .3s ease-out;white-space:nowrap}@keyframes notifPop{0%{transform:translate(-50%) scale(.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.world-badge{display:inline-block;background:linear-gradient(135deg,#7b2ff7,#c77dff);color:#fff;font-size:11px;padding:1px 8px;border-radius:10px;margin-right:6px;vertical-align:middle}.prestige-btn-small{display:inline-block;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:700;color:#1a1040;background:linear-gradient(135deg,gold,#fa0);border:none;border-radius:10px;cursor:pointer;animation:prestigeGlow 1.5s ease-in-out infinite alternate;vertical-align:middle}@keyframes prestigeGlow{0%{box-shadow:0 0 4px #ffd70066}to{box-shadow:0 0 12px #ffd700cc}}.prestige-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100}.prestige-modal{background:linear-gradient(135deg,#1a1040,#2a1850);border:2px solid #c77dff;border-radius:16px;padding:24px;text-align:center;max-width:300px;width:90%}.prestige-title{font-size:22px;font-weight:700;color:#c77dff;margin-bottom:8px}.prestige-desc{font-size:16px;color:#e0d0f0;margin-bottom:8px}.prestige-warning{font-size:13px;color:#f86;margin-bottom:12px;line-height:1.4}.prestige-reward{font-size:20px;font-weight:700;color:#c77dff;margin-bottom:16px}.prestige-buttons{display:flex;gap:12px;justify-content:center}.prestige-confirm{padding:10px 24px;font-size:15px;font-weight:700;color:#1a1040;background:linear-gradient(135deg,#c77dff,#a050e0);border:none;border-radius:8px;cursor:pointer}.prestige-cancel{padding:10px 24px;font-size:15px;color:#a89b8c;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer}.heroes-page{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e1445,#140e2d)}.heroes-top-bar{padding:10px 12px 6px;text-align:center}.top-gold{display:flex;align-items:center;justify-content:center;gap:6px}.top-gold-amount{font-size:28px;font-weight:900;color:var(--gold);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.top-gold-icon{font-size:24px}.top-stats-row{display:flex;justify-content:center;gap:20px;margin-top:4px}.top-stat{font-size:12px;color:var(--text-dim);font-weight:600}.heroes-msg{text-align:center;padding:4px;font-size:13px;font-weight:700;color:var(--gold);background:#0000004d}.upgrade-row{display:flex;gap:8px;padding:6px 12px}.upgrade-btn{flex:1;display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:12px}.upgrade-icon{font-size:18px}.upgrade-label{font-weight:700;flex:1}.upgrade-cost{font-size:10px;opacity:.8}.heroes-list{flex:1;overflow-y:auto;padding:4px 8px 8px;display:flex;flex-direction:column;gap:6px}.hero-card{display:flex;gap:10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:10px;transition:transform .1s}.hero-card.locked{opacity:.4;filter:grayscale(.5)}.hero-card.owned{border-color:#ffd7004d}.hero-avatar-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px}.hero-level-badge{font-size:16px;font-weight:900;color:var(--gold);min-height:20px}.hero-avatar-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--wood-dark),var(--wood-primary));border:2px solid var(--wood-light);display:flex;align-items:center;justify-content:center;font-size:24px}.hero-info-col{flex:1;display:flex;flex-direction:column;gap:4px}.hero-name-row{line-height:1.2}.hero-name{font-size:14px;font-weight:900;color:var(--text-white);text-transform:uppercase}.hero-title{font-size:12px;color:var(--text-dim)}.hero-upgrade-btn{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,gold,#daa520,#b8860b);border:2px solid #8b6914;border-radius:6px;padding:6px 12px;color:#2a1a00;font-weight:900;font-size:13px;text-transform:uppercase;box-shadow:0 2px 4px #0000004d,inset 0 1px #ffffff4d;transition:transform .1s}.hero-upgrade-btn:active{transform:scale(.96)}.hero-cost{font-size:12px;font-weight:700}.hero-locked-text{font-size:12px;color:var(--text-dim);font-style:italic}.hero-dps-text{font-size:11px;color:#6cf;font-weight:600}.hero-abilities-row{display:flex;gap:6px;margin-top:2px}.ability-icon{width:24px;height:24px;border-radius:4px;background:#0000004d;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:12px}.ability-icon.active{border-color:var(--gold);background:#ffd70026}.ability-icon.inactive{opacity:.4;filter:grayscale(1)}.ability-icon.is-active-skill{border-color:#f80;background:#f803}.ability-icon.is-active-skill.active{animation:skillGlow 1s ease-in-out infinite alternate}@keyframes skillGlow{0%{box-shadow:0 0 2px #ff880080}to{box-shadow:0 0 6px #f80c}}.souls-text{color:#c77dff}.active-skills-bar{display:flex;gap:6px;padding:4px 12px;overflow-x:auto}.active-skill-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(135deg,#2a1a4a,#3d2066);border:1px solid #6a3daa;border-radius:8px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap;transition:all .2s}.active-skill-btn:active:not(:disabled){transform:scale(.95)}.active-skill-btn.active{background:linear-gradient(135deg,#1a4a2a,#206633);border-color:#3daa6a;opacity:.7}.active-skill-btn:disabled{cursor:not-allowed}.skill-emoji{font-size:16px}.skill-name{font-size:10px}.skill-timer{font-size:9px;color:#7df9ff;font-weight:700}.quests-page{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e1445,#140e2d)}.quests-content{flex:1;overflow-y:auto;padding:8px}.tasks-list,.dailies-list{display:flex;flex-direction:column;gap:6px}.task-card,.daily-card{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card.done{opacity:.5}.task-info,.daily-info{flex:1}.task-title{font-size:13px;font-weight:700}.task-reward{font-size:11px;color:var(--gold)}.task-done-badge{font-size:11px;color:var(--uncommon);font-weight:700}.daily-type{font-size:13px;font-weight:700}.daily-progress{font-size:11px;color:var(--text-dim);margin:2px 0}.daily-progress-bar{height:6px;background:#0000004d;border-radius:3px;overflow:hidden;margin:4px 0}.daily-progress-fill{height:100%;background:linear-gradient(90deg,var(--uncommon),#66dd66);border-radius:3px;transition:width .3s}.daily-reward{font-size:11px;color:var(--gold)}.bp-panel{display:flex;flex-direction:column;gap:8px}.bp-header{text-align:center;padding:16px}.bp-season{font-size:12px;color:var(--text-dim);text-transform:uppercase}.bp-level{font-size:22px;font-weight:700;color:var(--gold);margin:4px 0}.premium-badge{margin-top:8px;display:inline-block;background:linear-gradient(90deg,gold,#ff8c00);color:#000;font-weight:700;font-size:12px;padding:4px 12px;border-radius:4px}.clan-page{height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e1445,#140e2d)}.clan-header-title{text-align:center;font-size:18px;font-weight:700;color:var(--gold);padding:12px}.clan-content{flex:1;overflow-y:auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:8px}.boss-section{text-align:center}.boss-title{font-size:16px;font-weight:700;color:var(--hp-red);margin-bottom:8px}.boss-hp-bar{height:16px;background:#0006;border-radius:8px;overflow:hidden;border:2px solid var(--wood-dark)}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#dc143c,#f44);transition:width .3s}.boss-hp-text{font-size:11px;color:var(--text-dim);margin:4px 0}.boss-my-damage{font-size:13px;color:var(--gold);margin:4px 0 8px}.boss-top{margin-top:12px;text-align:left}.boss-top-title{font-size:12px;color:var(--text-dim);margin-bottom:4px}.boss-top-row{display:flex;gap:8px;font-size:12px;padding:2px 0}.boss-rank{width:20px;color:var(--gold)}.boss-player{flex:1}.boss-dmg{color:var(--hp-red)}.my-clan{padding:16px}.clan-name{font-size:20px;font-weight:700;color:var(--gold);margin-bottom:8px}.clan-stats{display:flex;gap:16px;font-size:12px;color:var(--text-dim);margin-bottom:12px}.members-title{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text-dim)}.member-row{display:flex;justify-content:space-between;font-size:12px;padding:4px 0;border-bottom:1px solid var(--glass-border)}.member-level{color:var(--text-dim)}.btn-leave{margin-top:12px;background:linear-gradient(180deg,#a44,#822,#611)!important;border-color:#611!important;width:100%}.no-clan{display:flex;flex-direction:column;gap:8px}.create-form{display:flex;gap:8px;padding:12px}.clan-input{flex:1;background:#0000004d;border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;color:var(--text-white);font-size:14px;outline:none}.clan-input:focus{border-color:var(--gold)}.clan-list-title{font-size:14px;font-weight:700;color:var(--text-dim);margin-top:8px}.clan-list-item{display:flex;align-items:center;justify-content:space-between}.clan-list-info{flex:1}.clan-list-name{font-size:14px;font-weight:700}.clan-list-meta{font-size:11px;color:var(--text-dim)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:root{--bg-dark: #140e2d;--bg-dark2: #1e1445;--wood-primary: #8b5e3c;--wood-dark: #5c3a1e;--wood-light: #c4956a;--gold: #ffd700;--gold-dark: #b8860b;--hp-orange: #ff8c00;--hp-red: #dc143c;--crit-red: #ff4444;--text-white: #f0e6d3;--text-dim: #a89b8c;--glass-bg: rgba(30, 20, 69, .85);--glass-border: rgba(255, 255, 255, .1);--common: #aaaaaa;--uncommon: #44bb44;--rare: #4488ff;--epic: #aa44ff;--legendary: #ffaa00}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-white);background:var(--bg-dark)}body{overscroll-behavior:none}button{border:none;cursor:pointer;font-family:inherit;color:var(--text-white)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--wood-primary);border-radius:2px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px}.wood-btn{background:linear-gradient(180deg,var(--wood-light) 0%,var(--wood-primary) 40%,var(--wood-dark) 100%);border:2px solid var(--wood-dark);border-radius:8px;padding:8px 16px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 3px 6px #0000004d,inset 0 1px #fff3;transition:transform .1s}.wood-btn:active{transform:scale(.95);box-shadow:0 1px 3px #0000004d}.rarity-common{color:var(--common);border-color:var(--common)}.rarity-uncommon{color:var(--uncommon);border-color:var(--uncommon)}.rarity-rare{color:var(--rare);border-color:var(--rare)}.rarity-epic{color:var(--epic);border-color:var(--epic)}.rarity-legendary{color:var(--legendary);border-color:var(--legendary)}