:root{--bg: #0a0a1a;--bg-panel: rgba(17, 17, 51, .85);--bg-card: rgba(26, 26, 68, .6);--bg-card-hover: rgba(50, 40, 100, .7);--text: #eeeeff;--text-dim: #9999cc;--accent: #6644ff;--accent-light: #8866ff;--accent-glow: rgba(102, 68, 255, .5);--gold: #ffd700;--gold-glow: rgba(255, 215, 0, .6);--mana: #44aaff;--mana-glow: rgba(68, 170, 255, .5);--gem: #ff44aa;--core: #ffaa00;--hp-bar: #ff3333;--hp-bar-glow: rgba(255, 51, 51, .5);--hp-bg: #220000;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--glass-border: 1px solid rgba(255, 255, 255, .1);--neon-shadow: 0 0 12px var(--accent-glow), 0 0 24px rgba(102, 68, 255, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:linear-gradient(180deg,#0a0a1a,#15051a);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 20% 20%,rgba(102,68,255,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(255,68,170,.05) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,rgba(102,68,255,.03) 0%,transparent 70%)}.hud{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;padding-top:calc(10px + var(--safe-top));background:linear-gradient(180deg,#14051ef2,#0a0519fa);border-bottom:2px solid rgba(255,215,0,.15);box-shadow:0 4px 20px #000c,inset 0 1px #ffffff0d;flex-shrink:0;z-index:100;position:relative}.hud:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,transparent 0%,rgba(102,68,255,.03) 50%,transparent 100%);pointer-events:none}.hud-left{display:flex;flex-direction:column;gap:2px;background:#0006;padding:6px 10px;border-radius:6px;border:1px solid rgba(102,68,255,.2);box-shadow:inset 0 2px 4px #00000080;min-width:0;overflow:hidden}.hud-mana-row{display:flex;align-items:center;gap:8px}.hud-mana{font-size:24px;font-weight:900;color:var(--mana);text-shadow:0 0 8px var(--mana-glow),0 0 16px rgba(68,170,255,.3);letter-spacing:1px;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-mps{font-size:11px;color:var(--text-dim);letter-spacing:.3px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-right{display:flex;gap:8px;align-items:center;flex-shrink:0}.hud-currency{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;transition:all .2s;padding:4px 8px;background:#0000004d;border-radius:4px;border:1px solid rgba(255,215,0,.2);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-label{font-size:9px;color:#fff6;margin-left:1px}.hud-currency:hover{text-shadow:0 0 8px var(--gold-glow);border-color:#ffd70066;box-shadow:inset 0 0 4px #ffd7001a}.hud-rank{font-size:11px;font-weight:700;padding:6px 12px;background:linear-gradient(135deg,#6644ff40,#ff44aa26);border:1.5px solid rgba(255,215,0,.3);border-radius:6px;box-shadow:inset 0 1px 2px #ffffff1a,0 0 8px #64f3;color:var(--gold);text-shadow:0 0 4px rgba(255,215,0,.3);letter-spacing:.5px;cursor:pointer;transition:all .2s}.hud-rank.rank-btn:active{transform:scale(.95);box-shadow:0 0 16px #ffd70066}.hud-rank.title-flash{animation:titleFlash 1.5s ease-out}@keyframes titleFlash{0%{box-shadow:0 0 6px #ffd7004d}15%{box-shadow:0 0 20px #ffd700e6,0 0 40px #ffaa0080;transform:scale(1.15);border-color:#ffd700cc}30%{box-shadow:0 0 14px #ffd70099;transform:scale(1)}50%{box-shadow:0 0 18px #ffd700b3;transform:scale(1.08)}70%{box-shadow:0 0 10px #ffd70066;transform:scale(1)}to{box-shadow:0 0 8px #64f3;transform:scale(1);border-color:#ffd7004d}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.screen-container{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.battle-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:200px;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;border-bottom:1px solid rgba(255,215,0,.1);overflow:hidden}.battle-area.split-battle{flex:none;height:50%;min-height:160px}.battle-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 30%,rgba(102,68,255,.05) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,68,170,.03) 0%,transparent 50%);pointer-events:none}.battle-stage-info{position:absolute;top:16px;left:50%;transform:translate(-50%);font-size:13px;color:var(--gold);background:linear-gradient(135deg,#000000b3,#64f3);padding:6px 14px;border-radius:8px;border:1.5px solid rgba(255,215,0,.3);letter-spacing:.5px;font-weight:700;text-shadow:0 0 6px rgba(255,215,0,.3);box-shadow:0 4px 12px #0009,inset 0 1px 2px #ffffff14,0 0 8px #64f3;z-index:10}.battle-field{display:flex;align-items:center;justify-content:center;gap:60px;width:100%}.battle-entity{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.battle-sprite{width:100px;height:100px;image-rendering:pixelated;transition:transform .1s;filter:drop-shadow(0 0 10px rgba(102,68,255,.3))}.battle-sprite.attack{transform:scale(1.3);filter:drop-shadow(0 0 16px rgba(255,215,0,.5))}#enemy-sprite{filter:hue-rotate(var(--hue, 0deg)) drop-shadow(0 0 10px rgba(102,68,255,.3))}#enemy-sprite.flip{transform:scaleX(-1)}.battle-sprite.hit{filter:brightness(1.2) sepia(1) saturate(8) hue-rotate(-10deg) drop-shadow(0 0 12px rgba(255,30,30,.7))}#enemy-sprite.hit{transform:translate(10px) scale(.95);filter:brightness(1.2) sepia(1) saturate(8) hue-rotate(-10deg) drop-shadow(0 0 12px rgba(255,30,30,.7))}#enemy-sprite.hit.flip{transform:scaleX(-1) translate(10px) scale(.95)}#enemy-sprite.boss{width:180px;height:180px;filter:hue-rotate(var(--hue, 0deg)) drop-shadow(0 0 20px rgba(255,50,50,.6)) drop-shadow(0 0 40px rgba(255,100,0,.4));animation:bossIdle 2s ease-in-out infinite}@keyframes bossIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}#enemy-sprite.boss.flip{transform:scaleX(-1)}#enemy-sprite.boss.hit{transform:translate(10px) scale(.95);filter:brightness(1.2) sepia(1) saturate(8) hue-rotate(-10deg) drop-shadow(0 0 16px rgba(255,30,30,.8))}#enemy-sprite.boss.hit.flip{transform:scaleX(-1) translate(10px) scale(.95)}.darkland-battle .battle-sprite{width:100px;height:100px}.darkland-battle #enemy-sprite.boss{width:160px;height:160px}.skill-projectile{position:absolute;width:36px;height:36px;image-rendering:pixelated;left:20%;pointer-events:none;z-index:10;animation:projectileFly .5s cubic-bezier(.2,0,.5,1) forwards;filter:drop-shadow(0 0 10px rgba(255,215,0,.8)) drop-shadow(0 0 20px rgba(102,68,255,.5))}@keyframes projectileFly{0%{left:25%;opacity:1;transform:scale(.6) rotate(0)}60%{opacity:1;transform:scale(1.2) rotate(180deg)}to{left:70%;opacity:0;transform:scale(.8) rotate(360deg)}}.enemy-hp-bar{width:130px;height:14px;background:var(--hp-bg);border-radius:7px;overflow:hidden;border:1px solid rgba(255,51,51,.3);box-shadow:inset 0 2px 4px #00000080,0 0 8px var(--hp-bar-glow)}.enemy-hp-fill{height:100%;background:linear-gradient(90deg,#f22,#f55);border-radius:6px;transition:width .2s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px 2px #ffffff4d,0 0 6px var(--hp-bar-glow)}.enemy-name{font-size:12px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.7);font-weight:600;background:#00000073;padding:1px 8px;border-radius:6px}.boss-label{display:inline-block;font-size:9px;font-weight:900;color:#fff;background:linear-gradient(135deg,#f33,#c00);padding:1px 6px;border-radius:3px;margin-right:4px;letter-spacing:1px;vertical-align:middle;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 0 6px #ff323266}.enemy-name.boss-name{font-size:13px;color:#f86;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(255,100,50,.5);background:#0000008c}.enemy-hp-bar.boss-hp{width:160px;height:18px;border-color:#ff643266;box-shadow:inset 0 2px 4px #00000080,0 0 12px #ff323266}.boss-timer{font-size:14px;font-weight:900;color:#fc0;text-shadow:0 0 8px rgba(255,200,0,.6),0 1px 2px rgba(0,0,0,.8);animation:bossTimerPulse 1s ease-in-out infinite}.boss-timer-urgent{color:#f33;text-shadow:0 0 12px rgba(255,0,0,.8);animation:bossTimerUrgent .3s ease-in-out infinite}@keyframes bossTimerPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bossTimerUrgent{0%,to{transform:scale(1)}50%{transform:scale(1.15);color:red}}.combo-display{position:absolute;bottom:16px;right:16px;font-size:16px;color:var(--gold);font-weight:900;text-shadow:0 0 8px var(--gold-glow);letter-spacing:1px;animation:comboPulse .6s ease-out}@keyframes comboPulse{0%{transform:scale(1.4) rotate(15deg);opacity:1;text-shadow:0 0 16px var(--gold-glow),0 0 32px rgba(255,215,0,.4)}to{transform:scale(1) rotate(0);opacity:.8;text-shadow:0 0 8px var(--gold-glow)}}.damage-popup{position:absolute;font-size:20px;font-weight:900;color:var(--gold);pointer-events:none;text-shadow:0 0 10px var(--gold-glow);animation:damageFloat 1s cubic-bezier(.34,1.56,.64,1) forwards;font-variant-numeric:tabular-nums}@keyframes damageFloat{0%{opacity:1;transform:translateY(0) scale(1) rotate(-5deg)}50%{transform:translateY(-30px) scale(1.1) rotate(5deg)}to{opacity:0;transform:translateY(-80px) scale(.8) rotate(0)}}.damage-popup.dps-popup{color:var(--mana);font-size:16px;text-shadow:0 0 8px var(--mana-glow)}.damage-popup.crit{font-size:28px;color:gold;text-shadow:0 0 12px rgba(255,200,0,.8),0 0 24px rgba(255,150,0,.4);animation:damageFloat 1s cubic-bezier(.34,1.56,.64,1) forwards}.stage-clear-banner{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;color:#4fc3f7;text-shadow:0 0 12px rgba(79,195,247,.6);animation:bannerPop 1.5s ease-out forwards;z-index:20;pointer-events:none;white-space:nowrap}.stage-clear-banner.boss{font-size:30px;color:gold;text-shadow:0 0 16px rgba(255,215,0,.6)}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%) scale(.5)}15%{opacity:1;transform:translate(-50%) scale(1.1)}30%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(1)}}.floating-effect{position:absolute;width:32px;height:32px;image-rendering:pixelated;pointer-events:none;animation:floatUp 2s ease-out forwards;filter:drop-shadow(0 0 8px rgba(102,68,255,.6)) drop-shadow(0 0 16px rgba(255,215,0,.3));z-index:5}@keyframes floatUp{0%{opacity:.8;transform:translateY(0) scale(.8)}40%{opacity:1;transform:translateY(-40px) scale(1.1)}to{opacity:0;transform:translateY(-120px) scale(.6)}}.gen-list{flex:1;min-height:0;overflow-y:auto;padding:8px;background:linear-gradient(180deg,#000000e6,#14051ef2);border-top:2px solid rgba(255,215,0,.2);-webkit-overflow-scrolling:touch;position:relative}.gen-list:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(102,68,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,68,170,.03) 0%,transparent 50%);pointer-events:none}.gen-section-label{padding:8px 14px 4px;font-size:13px;font-weight:700;color:#ffd700b3;letter-spacing:.5px;position:relative;z-index:1}.gen-item{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:8px;background:linear-gradient(135deg,#1e0a3ccc,#28145099);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;background-image:linear-gradient(#1e0a3ccc,#28145099),linear-gradient(135deg,#ffd7004d,#6644ff4d);background-clip:padding-box,border-box;background-origin:padding-box,border-box;position:relative;box-shadow:inset 0 1px 2px #ffffff14,0 4px 16px #0009,0 0 8px #6644ff26;perspective:1000px}.gen-item:hover:not(.locked):not(.cant-afford){border-color:#ffd70080;box-shadow:inset 0 1px 2px #ffffff1f,0 6px 20px #6644ff4d,0 0 16px #ffd70040,inset 0 0 12px #ffd7001a;transform:translateY(-3px)}.gen-item:active:not(.locked):not(.cant-afford){transform:translateY(-1px) scale(.99);box-shadow:inset 0 2px 4px #6644ff4d,0 2px 8px #000c}.gen-item.locked{opacity:.3;pointer-events:none;filter:grayscale(.9) brightness(.6)}.gen-item.cant-afford{opacity:.55;filter:brightness(.75)}.gen-icon{width:44px;height:44px;image-rendering:pixelated;transition:all .2s;filter:drop-shadow(0 0 6px rgba(255,215,0,.3));border-radius:6px;border:1px solid rgba(255,215,0,.2);background:radial-gradient(circle at 30% 30%,rgba(255,255,100,.08),transparent);padding:2px}.gen-item:hover:not(.locked) .gen-icon{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 12px rgba(255,215,0,.6));border-color:#ffd70066}.gen-info{flex:1;display:flex;flex-direction:column;gap:3px}.gen-name{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:space-between}.gen-count{font-size:12px;font-weight:700;color:var(--gold);text-shadow:0 0 8px var(--gold-glow);background:#ffd70026;padding:2px 6px;border-radius:3px;border:1px solid rgba(255,215,0,.3);min-width:40px;text-align:center}.gen-detail{font-size:11px;color:var(--text-dim);margin-top:0;letter-spacing:.2px}.gen-unit{font-size:10px;opacity:.65}.gen-cost{font-size:13px;font-weight:800;color:var(--mana);text-align:right;white-space:nowrap;text-shadow:0 0 8px var(--mana-glow);padding:6px 10px;background:#44aaff1f;border:1px solid rgba(68,170,255,.25);border-radius:4px;min-width:70px;text-align:center}.tab-bar{display:flex;padding:6px;padding-bottom:calc(6px + var(--safe-bottom));background:linear-gradient(180deg,#0a0519fa,#14051ef2);border-top:2px solid rgba(255,215,0,.15);flex-shrink:0;z-index:100;box-shadow:0 -4px 20px #000c,inset 0 1px #ffffff0d;gap:4px}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;background:linear-gradient(135deg,#1e0f3280,#28143c4d);border:1px solid rgba(102,68,255,.2);border-radius:6px;color:var(--text-dim);font-size:10px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;position:relative;font-weight:600;box-shadow:inset 0 1px 2px #ffffff0d}.tab-btn:hover{color:var(--accent-light);transform:translateY(-2px);border-color:#64f6;box-shadow:inset 0 1px 2px #ffffff14,0 4px 12px #6644ff26}.tab-btn .tab-icon{font-size:20px;transition:all .3s;filter:drop-shadow(0 0 2px rgba(102,68,255,.2))}.tab-btn.active{color:var(--gold);background:linear-gradient(135deg,#6644ff59,#f4a3);border:1.5px solid rgba(255,215,0,.4);transform:translateY(-3px) scale(1.08);box-shadow:inset 0 1px 2px #ffffff1f,0 6px 16px #6644ff4d,0 0 12px #ffd70033}.tab-btn.active .tab-icon{filter:drop-shadow(0 0 8px var(--accent)) drop-shadow(0 0 16px rgba(255,215,0,.4));animation:iconGlow .6s ease-out}.tab-btn.active:after{content:"";position:absolute;bottom:-6px;left:15%;right:15%;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--accent-light),var(--gold),transparent);border-radius:2px;box-shadow:0 0 8px var(--accent-glow),0 0 4px var(--gold-glow);animation:slideIn .3s ease-out}@keyframes slideIn{0%{width:0;left:50%}to{width:80%;left:10%}}@keyframes iconGlow{0%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.sub-screen{flex:1;overflow-y:auto;padding:14px;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#00000080,#14051e99);position:relative}.sub-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(102,68,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,68,170,.03) 0%,transparent 50%);pointer-events:none}.sub-screen h2{font-size:18px;margin-bottom:12px;color:var(--text);text-shadow:0 0 6px rgba(102,68,255,.2);font-weight:700}.sub-screen h3{font-size:14px;color:var(--text-dim);margin:14px 0 8px;font-weight:600}.upgrade-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#1e0a3cb3,#28145080);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(102,68,255,.2);box-shadow:inset 0 1px 2px #ffffff0d,0 4px 12px #00000080}.upgrade-card:hover:not(.bought):not(.locked){background:linear-gradient(135deg,#321450cc,#3c1e6499);border-color:#ffd7004d;box-shadow:inset 0 1px 2px #ffffff14,0 6px 16px #64f3,0 0 12px #ffd70026;transform:translateY(-2px)}.upgrade-card:active:not(.bought):not(.locked){transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px #6644ff4d}.upgrade-card.bought{opacity:.55;border-color:#6644ff26;box-shadow:inset 0 0 6px #6644ff1a}.upgrade-card.locked{opacity:.3;pointer-events:none;filter:grayscale(.9) brightness(.6)}.upgrade-icon{width:40px;height:40px;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(102,68,255,.3));border-radius:6px;border:1px solid rgba(102,68,255,.2);transition:all .2s}.upgrade-card:hover:not(.bought) .upgrade-icon{transform:scale(1.15);filter:drop-shadow(0 0 10px rgba(255,215,0,.5));border-color:#ffd7004d}.upgrade-info{flex:1}.upgrade-name{font-size:13px;font-weight:700;color:var(--text)}.upgrade-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.upgrade-cost{font-size:13px;font-weight:800;color:var(--mana);white-space:nowrap;text-shadow:0 0 6px var(--mana-glow)}.research-level{font-size:11px;font-weight:600;color:var(--accent-light);margin-left:4px}.research-desc{font-size:12px;color:var(--text-dim);margin-bottom:8px;text-align:center}.upgrade-next{font-size:10px;color:var(--accent-light);margin-top:2px;opacity:.8}.ach-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:6px;background:linear-gradient(135deg,#1e0a3c99,#28145066);border-radius:8px;border:1px solid rgba(102,68,255,.15);transition:all .2s;box-shadow:inset 0 1px 2px #ffffff0a,0 2px 8px #0006}.ach-item.unlocked{border-left:3px solid var(--gold);box-shadow:inset 8px 0 #ffd70026,0 0 12px var(--gold-glow),inset 0 1px 2px #ffffff0f}.ach-item:hover{border-color:#6644ff4d;box-shadow:inset 0 1px 2px #ffffff0f,0 4px 12px #6644ff26}.ach-name{font-size:13px;font-weight:700;color:var(--text)}.ach-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.daily-missions-section{margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid rgba(102,68,255,.2)}.mission-card{background:linear-gradient(135deg,#28145080,#1e0a3c66);border:1px solid rgba(102,68,255,.2);border-radius:12px;padding:12px;margin-bottom:12px;transition:all .2s;box-shadow:inset 0 1px 2px #ffffff0a,0 2px 8px #0000004d}.mission-card.completed{border-color:#ffd70066;background:linear-gradient(135deg,#3c281499,#321e0a80);box-shadow:inset 0 0 12px #ffd7001a,0 0 16px #ffd70033}.mission-card.claimed{opacity:.5;filter:grayscale(.5)}.mission-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mission-icon{font-size:24px;flex-shrink:0}.mission-info{flex:1}.mission-name{font-size:14px;font-weight:700;color:var(--text)}.mission-desc{font-size:11px;color:var(--text-dim);margin-top:2px}.mission-progress-bar{position:relative;width:100%;height:20px;background:#0006;border-radius:6px;overflow:hidden;margin-bottom:8px;border:1px solid rgba(102,68,255,.2)}.mission-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:6px;transition:width .3s ease-out;box-shadow:0 0 12px var(--accent-glow)}.mission-progress-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.mission-footer{display:flex;justify-content:space-between;align-items:center}.mission-reward{font-size:12px;font-weight:700;color:var(--gold);text-shadow:0 0 8px var(--gold-glow)}.mission-status{font-size:11px;color:var(--text-dim)}.mission-status.claimed{color:var(--gold)}.mission-claim-btn{padding:6px 12px;background:linear-gradient(135deg,var(--gold),#ff9500);color:#000;font-weight:900;border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ffd70066}.mission-claim-btn:active{transform:scale(.95);box-shadow:0 1px 4px #ffd7004d}.regress-btn{display:block;width:100%;padding:16px;margin:14px 0;background:linear-gradient(135deg,var(--accent) 0%,var(--gem) 100%);color:#fff;font-size:16px;font-weight:900;border:2px solid rgba(255,215,0,.2);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 20px #64f6,0 0 16px var(--accent-glow),inset 0 1px 2px #ffffff26;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;position:relative;overflow:hidden}.regress-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .3s ease}.regress-btn:hover:not(:disabled):before{left:100%}.regress-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px #64f9,0 0 24px var(--accent-glow),inset 0 1px 2px #fff3}.regress-btn:active:not(:disabled){transform:translateY(-1px) scale(.98);box-shadow:0 3px 12px #64f6,0 0 12px var(--accent-glow)}.regress-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.8) brightness(.7)}.trait-card{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:8px;background:linear-gradient(135deg,#1e0a3cb3,#28145080);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(102,68,255,.2);box-shadow:inset 0 1px 2px #ffffff0d,0 4px 12px #00000080}.trait-card:hover:not(.maxed){background:linear-gradient(135deg,#321450cc,#3c1e6499);border-color:#64f6;box-shadow:inset 0 1px 2px #ffffff14,0 6px 16px #64f3,0 0 12px #ffd7001f;transform:translateY(-2px)}.trait-card:active:not(.maxed){transform:translateY(0) scale(.98);box-shadow:inset 0 2px 4px #6644ff4d}.trait-card.maxed{opacity:.5;filter:brightness(.75);pointer-events:none}.trait-level{font-size:11px;color:var(--accent-light);font-weight:700;text-shadow:0 0 4px var(--accent-glow)}.tower-screen{display:flex;flex-direction:column;align-items:center;padding:12px 14px!important}.tower-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.tower-header h2{margin-bottom:0!important}.tower-floor-badge{font-size:28px;font-weight:900;color:var(--gold);text-shadow:0 0 12px var(--gold-glow);line-height:1}.tower-floor-unit{font-size:13px;font-weight:600;color:var(--text-dim);margin-left:2px}.tower-visual{position:relative;width:160px;height:240px;margin:8px auto;border-radius:8px}.tower-visual-clip{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;overflow:hidden}.tower-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.tower-img-dark{filter:brightness(.3) saturate(.4)}.tower-img-bright{filter:brightness(1.1) saturate(1.2) drop-shadow(0 0 8px rgba(102,68,255,.4));transition:clip-path .5s cubic-bezier(.34,1.56,.64,1)}.tower-conquered-glow{position:absolute;left:-4px;right:-4px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),var(--accent-light),var(--gold),transparent);box-shadow:0 0 12px var(--gold-glow),0 0 24px #ffd7004d;pointer-events:none;transition:bottom .5s cubic-bezier(.34,1.56,.64,1);z-index:10}.tower-floor-marker{position:absolute;right:-8px;transform:translateY(50%);pointer-events:none;transition:bottom .5s cubic-bezier(.34,1.56,.64,1);z-index:10}.tower-marker-text{display:inline-block;font-size:10px;font-weight:800;color:var(--gold);background:#000000b3;padding:1px 6px;border-radius:3px;border:1px solid rgba(255,215,0,.3);text-shadow:0 0 4px var(--gold-glow)}.tower-next-info{text-align:center;margin:8px 0}.tower-next-floor{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}.tower-next-detail{font-size:12px;color:var(--text-dim)}.tower-next-reward{font-size:12px;color:var(--gold);margin-top:2px}.tower-complete{margin-top:20px;text-align:center;font-size:18px;font-weight:900;color:var(--gold);text-shadow:0 0 16px var(--gold-glow)}.tower-progress{width:100%;height:26px;background:linear-gradient(180deg,#1e050acc,#320a1499);border-radius:13px;overflow:hidden;margin:10px 0;border:1.5px solid rgba(255,215,0,.2);box-shadow:inset 0 2px 4px #000c,0 2px 6px #0006}.tower-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--core),var(--gold));border-radius:12px;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 1px 2px #ffffff4d,0 0 10px var(--accent-glow),0 0 6px #ffd7004d}.tower-conquer-btn{display:block;width:100%;padding:14px;margin:8px 0;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;font-size:15px;font-weight:900;border:1.5px solid rgba(255,215,0,.2);border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px 16px #6644ff59,0 0 12px var(--accent-glow),inset 0 1px 2px #ffffff1f;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.3px}.tower-conquer-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #6644ff73,0 0 20px var(--accent-glow),inset 0 1px 2px #ffffff26}.tower-conquer-btn:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 2px 8px #6644ff40,0 0 8px var(--accent-glow)}.tower-conquer-btn:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.7) brightness(.75)}.magic-circle-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.magic-circle{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#ffd700e6,#ff640080);box-shadow:0 0 20px #ffd700cc,0 0 40px #ff960080,inset 0 0 20px #ffff644d;display:flex;align-items:center;justify-content:center;font-size:32px;pointer-events:auto;cursor:pointer;animation:magicPulse 1.2s cubic-bezier(.34,1.56,.64,1) infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}@keyframes magicPulse{0%{transform:scale(1);box-shadow:0 0 20px #ffd700cc,0 0 40px #ff960080,inset 0 0 20px #ffff644d}50%{transform:scale(1.15);box-shadow:0 0 30px gold,0 0 60px #ff9600b3,inset 0 0 30px #ffff6480}to{transform:scale(1);box-shadow:0 0 20px #ffd700cc,0 0 40px #ff960080,inset 0 0 20px #ffff644d}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64f9,#ffd7004d);border-radius:3px;transition:all .2s;box-shadow:0 0 4px #6644ff4d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64fc,#ffd70080);box-shadow:0 0 8px #6644ff80}.timeline-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.timeline-panel{width:90%;max-width:340px;background:linear-gradient(135deg,#140a32fa,#280f46f2);border:2px solid rgba(255,215,0,.4);border-radius:16px;padding:24px 20px;box-shadow:0 0 40px #64f6,0 0 80px #ffd70026,inset 0 1px 2px #ffffff1a;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.timeline-title{font-size:22px;font-weight:900;color:var(--gold);text-align:center;margin-bottom:12px;text-shadow:0 0 12px var(--gold-glow),0 2px 4px rgba(0,0,0,.5)}.timeline-story{font-size:13px;color:var(--text-dim);text-align:center;margin-bottom:20px;line-height:1.6;font-style:italic}.timeline-choices{display:flex;flex-direction:column;gap:10px}.timeline-choice-btn{width:100%;padding:14px 16px;background:linear-gradient(135deg,#281450cc,#3c1e6499);border:1.5px solid rgba(102,68,255,.3);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;color:var(--text);box-shadow:0 4px 12px #0006}.timeline-choice-btn:hover{border-color:var(--gold);background:linear-gradient(135deg,#3c1e64e6,#502878b3);transform:translateY(-2px);box-shadow:0 6px 20px #6644ff4d,0 0 12px var(--gold-glow)}.timeline-choice-btn:active{transform:translateY(0) scale(.98)}.choice-label{font-size:15px;font-weight:800;color:var(--gold);margin-bottom:4px}.choice-desc{font-size:11px;color:var(--text-dim);line-height:1.4}.toy-timeline{background:#ffc8dc26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toy-timeline-panel{background:linear-gradient(135deg,#ffe6f0f7,#ffc8dcf2);border:2.5px solid rgba(255,150,180,.6);box-shadow:0 0 40px #ff96c84d,0 0 80px #ffc86426,inset 0 1px 2px #fff6}.toy-timeline-panel .timeline-title{color:#e05080;text-shadow:0 0 12px rgba(255,100,150,.4),0 2px 4px rgba(0,0,0,.15)}.toy-timeline-panel .timeline-story{color:#8b6080}.toy-choice-btn{background:linear-gradient(135deg,#ffc8dccc,#ffb4c899)!important;border-color:#ff96b466!important;color:#5a3050!important}.toy-choice-btn:hover{border-color:#e05080!important;background:linear-gradient(135deg,#ffb4c8f2,#ffa0becc)!important;box-shadow:0 6px 20px #ff96b44d,0 0 12px #ff64964d!important}.toy-choice-btn .choice-label{color:#d04070!important}.toy-choice-btn .choice-desc{color:#8b6080!important}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.gamble-result{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:110;animation:gambleFlash 2s ease forwards}.gamble-text{font-size:28px;font-weight:900;color:var(--gold);text-shadow:0 0 20px var(--gold-glow),0 4px 8px rgba(0,0,0,.8);white-space:nowrap}@keyframes gambleFlash{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{transform:translate(-50%,-50%) scale(1.3);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-60%) scale(.8);opacity:0}}.merchant-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.merchant-panel{width:90%;max-width:340px;background:linear-gradient(135deg,#0a1428fa,#14283cf2);border:2px solid rgba(0,200,255,.4);border-radius:16px;padding:24px 20px;box-shadow:0 0 40px #00c8ff4d,0 0 80px #0064c826,inset 0 1px 2px #ffffff1a;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.merchant-title{font-size:22px;font-weight:900;color:#0cf;text-align:center;margin-bottom:8px;text-shadow:0 0 12px rgba(0,200,255,.6)}.merchant-desc{font-size:12px;color:var(--text-dim);text-align:center;margin-bottom:16px;font-style:italic}.merchant-offer{background:#0064c826;border:1px solid rgba(0,200,255,.2);border-radius:10px;padding:14px;margin-bottom:16px;text-align:center}.merchant-offer-text{font-size:14px;color:var(--text);font-weight:700}.merchant-timer{font-size:11px;color:#f66;margin-top:6px}.merchant-buttons{display:flex;gap:10px}.merchant-accept-btn{flex:1;padding:14px;background:linear-gradient(135deg,#08c,#0bf);border:1.5px solid rgba(0,200,255,.4);border-radius:10px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #00c8ff4d}.merchant-accept-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00c8ff80}.merchant-decline-btn{padding:14px 20px;background:#6464644d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-dim);font-size:13px;cursor:pointer;transition:all .2s}.merchant-decline-btn:hover{background:#9632324d;border-color:#ff64644d}.toy-merchant{background:#ffc8dc26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.toy-merchant-panel{background:linear-gradient(135deg,#ffe6f0f7,#ffd2e6f2);border-color:#ff96c880;box-shadow:0 0 40px #ff96c84d,0 0 80px #ffc86426,inset 0 1px 2px #fff6}.toy-merchant-panel .merchant-title{color:#e05080;text-shadow:0 0 12px rgba(255,100,150,.4)}.toy-merchant-panel .merchant-desc{color:#8b6080}.toy-merchant-offer{background:#ff96c826!important;border-color:#ff96c840!important}.toy-merchant-offer .merchant-offer-text{color:#5a3050}.toy-merchant-accept{background:linear-gradient(135deg,#e05080,#ff6090)!important;border-color:#ff96c880!important;box-shadow:0 4px 16px #ff64964d!important}.toy-merchant-accept:hover{box-shadow:0 6px 24px #ff649680!important}.toy-merchant-decline{color:#8b6080!important;border-color:#ff96c833!important}.fragment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.fragment-card{padding:10px;border-radius:10px;cursor:pointer;transition:all .2s;border:1.5px solid rgba(102,68,255,.2);background:linear-gradient(135deg,#1e0a3cb3,#28145080);box-shadow:0 3px 10px #0006}.fragment-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6644ff4d}.fragment-card:active{transform:scale(.97)}.fragment-card.frag-active{border-color:var(--gold)!important;box-shadow:0 0 16px var(--gold-glow),0 4px 12px #00000080!important}.frag-common{border-color:#96969666}.frag-common .frag-rarity{color:#aaa}.frag-rare{border-color:#4af6}.frag-rare .frag-rarity{color:#4af}.frag-epic{border-color:#aa44ff80}.frag-epic .frag-rarity{color:#a4f}.frag-legendary{border-color:#ffd70080}.frag-legendary .frag-rarity{color:var(--gold)}.frag-legendary{background:linear-gradient(135deg,#321e0acc,#3c281499);animation:legendaryGlow 2s ease infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 12px #ffd7004d,0 4px 12px #00000080}50%{box-shadow:0 0 24px #ffd70099,0 4px 12px #00000080}}.frag-name{font-size:12px;font-weight:800;color:var(--text);margin-bottom:2px}.frag-rarity{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.frag-desc{font-size:10px;color:var(--text-dim);line-height:1.3;margin-bottom:6px}.frag-toggle{font-size:11px;font-weight:700;color:var(--accent-light);text-align:center;padding:4px;border-radius:4px;background:#6644ff26}.frag-active .frag-toggle{color:var(--gold);background:#ffd70026}.active-effects{display:flex;flex-wrap:wrap;gap:4px;padding:4px 8px;justify-content:center}.effect-badge{font-size:9px;padding:2px 6px;border-radius:8px;font-weight:700;white-space:nowrap}.frag-badge{background:#6644ff40;color:var(--accent-light);border:1px solid rgba(102,68,255,.3)}.timeline-badge{background:#ffd70033;color:var(--gold);border:1px solid rgba(255,215,0,.3)}.rank-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .2s}.rank-panel{background:linear-gradient(180deg,#113,#0a0a22);border:2px solid rgba(255,215,0,.4);border-radius:16px;padding:20px 18px;width:320px;max-height:80vh;overflow-y:auto;text-align:center;box-shadow:0 0 40px #6644ff4d,inset 0 0 20px #6644ff1a}.rank-header{position:relative;width:120px;height:120px;margin:0 auto 8px}.rank-wizard-img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 0 8px rgba(255,215,0,.5))}.rank-aura{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;animation:aura-pulse 2s ease-in-out infinite}@keyframes aura-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.rank-grade-badge{display:inline-block;padding:2px 12px;border:2px solid;border-radius:12px;font-size:12px;font-weight:700;color:var(--gold);margin-bottom:4px}.rank-title{font-size:20px;font-weight:700;color:var(--gold);text-shadow:0 0 12px rgba(255,215,0,.5);margin-bottom:4px}.rank-description{font-size:13px;color:var(--text-dim);margin-bottom:12px}.rank-stats{background:#ffffff0d;border-radius:8px;padding:8px 12px;margin-bottom:12px}.rank-stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.05)}.rank-stat-row:last-child{border-bottom:none}.rank-stat-row span:first-child{color:var(--text-dim)}.rank-next{background:linear-gradient(135deg,#64f3,#ff960026);border:1px solid rgba(255,215,0,.3);border-radius:10px;padding:10px;margin-bottom:12px}.rank-next-title{font-size:14px;font-weight:700;color:var(--gold);margin-bottom:4px}.rank-next-cond{font-size:12px;color:var(--text-dim);margin-bottom:2px}.rank-next-bonus{font-size:16px;font-weight:700;color:#f80;text-shadow:0 0 8px rgba(255,136,0,.5)}.rank-all-list{margin-bottom:12px;max-height:180px;overflow-y:auto}.rank-list-item{display:flex;align-items:center;gap:8px;padding:5px 8px;font-size:12px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.05)}.rank-list-item.current{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:6px}.rank-list-item.locked{color:#555}.rank-list-grade{width:24px;text-align:center}.rank-list-name{flex:1;text-align:left}.rank-list-mult{font-weight:700;min-width:48px;text-align:right}.rank-close-btn{background:linear-gradient(135deg,var(--accent),#4422cc);color:#fff;border:none;border-radius:8px;padding:10px 40px;font-size:14px;font-weight:700;cursor:pointer}.rank-close-btn:active{transform:scale(.95)}.rank-panel.dark-form{background:linear-gradient(180deg,#1a0a2e,#0d0018);border-color:#9933ff80}.rank-panel.dark-form .rank-title{color:#c6f;text-shadow:0 0 12px rgba(153,51,255,.6)}.rank-panel.dark-form .rank-grade-badge{background:#9933ff26;color:#c6f}.rank-panel.dark-form .rank-stats{background:#9933ff14}.rank-panel.dark-form .rank-next{background:linear-gradient(135deg,#93f3,#6600cc26);border-color:#93f6}.rank-panel.dark-form .rank-next-title{color:#c6f}.rank-panel.dark-form .rank-next-bonus{color:#c6f;text-shadow:0 0 8px rgba(153,51,255,.5)}.rank-panel.dark-form .rank-list-item.current{background:#9933ff1a;border-color:#9933ff4d}.rank-panel.dark-form .rank-close-btn{background:linear-gradient(135deg,#93f,#60c)}.rank-panel.dark-form .rank-promote-btn{background:linear-gradient(135deg,#93f,#60c);color:#fff}.rank-panel.dark-form .rank-promote-btn.cant-afford{background:#222;color:#666}.rank-panel.dark-form .rank-promotable{border-color:#93f;background:#9933ff14}.promote-panel.dark-form{background:linear-gradient(180deg,#1a0a2e,#0d0018);border-color:#9933ff80}.promote-panel.dark-form .promote-confirm-btn{background:linear-gradient(135deg,#93f,#60c)}.ad-boost-btn{font-size:13px!important;animation:ad-glow 2s ease-in-out infinite}.ad-boost-btn.on-cooldown,.merchant-accept-btn.on-cooldown{opacity:.5;animation:none;background:#333!important;cursor:not-allowed}@keyframes ad-glow{0%,to{box-shadow:0 0 8px #ff98004d}50%{box-shadow:0 0 20px #ff980099}}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s}.tutorial-panel{background:linear-gradient(135deg,#1a1a44,#0d0d2b);border:1px solid rgba(100,100,255,.3);border-radius:16px;max-width:340px;width:100%;padding:20px;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d}.tutorial-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(100,100,255,.2)}.tutorial-icon{font-size:28px}.tutorial-title{font-size:16px;font-weight:700;color:#e0e0ff}.tutorial-body{font-size:13px;line-height:1.7;color:#b0b0d0;margin-bottom:16px;max-height:45vh;overflow-y:auto}.tutorial-close{width:100%;padding:12px;background:linear-gradient(135deg,#4a4af0,#6060ff);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .1s}.tutorial-close:active{transform:scale(.97)}.tutorial-list-panel{max-height:80vh;overflow-y:auto}.tutorial-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;max-height:50vh;overflow-y:auto}.tutorial-list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(100,100,255,.1);border-radius:10px;color:#c0c0e0;font-size:13px;cursor:pointer;transition:background .15s}.tutorial-list-item:active{background:#6464ff26}.tli-icon{font-size:20px;flex-shrink:0}.tli-text{flex:1;text-align:left}.tli-arrow{font-size:18px;color:#666}.help-btn{position:fixed;bottom:60px;right:8px;z-index:200;width:36px;height:36px;background:#6464ff4d;border:1px solid rgba(100,100,255,.4);border-radius:50%;color:#c0c0ff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.help-btn:active{background:#6464ff80}.section-help{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#6464ff40;border:1px solid rgba(100,100,255,.4);border-radius:50%;color:#aac;font-size:12px;font-weight:700;cursor:pointer;vertical-align:middle;margin-left:6px;transition:background .15s}.section-help:active{background:#6464ff80}.settings-btn{position:fixed;bottom:100px;right:8px;z-index:200;width:36px;height:36px;background:#6464644d;border:1px solid rgba(150,150,150,.4);border-radius:50%;color:#ccc;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.settings-btn:active{background:#64646480}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s}.settings-panel{background:var(--bg);border:1px solid rgba(255,255,255,.15);border-radius:12px;width:300px;max-width:90vw;box-shadow:0 8px 32px #00000080;animation:fadeInDown .2s}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);font-size:16px;font-weight:700;color:#fff}.settings-close{background:none;border:none;color:#888;font-size:22px;cursor:pointer;padding:0 4px}.settings-body{padding:12px 16px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.settings-row label{font-size:13px;color:var(--text-dim)}.settings-control{display:flex;align-items:center;gap:8px}.toggle-btn{width:48px;height:26px;border-radius:13px;border:none;background:#444;color:#888;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s}.toggle-btn.on{background:var(--primary);color:#fff}.settings-control input[type=range]{width:120px;height:4px;accent-color:var(--primary);cursor:pointer}.vol-label{font-size:11px;color:var(--text-dim);min-width:32px;text-align:right}.settings-divider{border-top:1px solid rgba(255,255,255,.08);margin:8px 0}.reset-btn{padding:4px 12px;background:#ff3c3c33;border:1px solid rgba(255,60,60,.4);border-radius:6px;color:#f66;font-size:12px;cursor:pointer;transition:background .15s}.reset-btn:active{background:#ff3c3c66}.fragment-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn .3s ease}.fragment-popup-panel{width:280px;text-align:center;animation:fragmentReveal .6s cubic-bezier(.34,1.56,.64,1)}@keyframes fragmentReveal{0%{transform:scale(.3) rotate(-10deg);opacity:0;filter:blur(8px)}50%{transform:scale(1.1) rotate(2deg);opacity:1;filter:blur(0)}to{transform:scale(1) rotate(0);opacity:1}}.fragment-popup-glow{width:120px;height:120px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;animation:fragmentPulse 1.5s ease-in-out infinite;position:relative}.fragment-popup-glow.frag-glow-common{background:radial-gradient(circle,rgba(150,150,150,.4) 0%,transparent 70%);box-shadow:0 0 40px #9696964d}.fragment-popup-glow.frag-glow-rare{background:radial-gradient(circle,rgba(68,170,255,.4) 0%,transparent 70%);box-shadow:0 0 40px #4af6}.fragment-popup-glow.frag-glow-epic{background:radial-gradient(circle,rgba(170,68,255,.5) 0%,transparent 70%);box-shadow:0 0 50px #aa44ff80}.fragment-popup-glow.frag-glow-legendary{background:radial-gradient(circle,rgba(255,215,0,.5) 0%,transparent 70%);box-shadow:0 0 60px #ffd70080}@keyframes fragmentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.fragment-popup-rarity{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}.fragment-popup-rarity.rarity-common{color:#aaa}.fragment-popup-rarity.rarity-rare{color:#4af}.fragment-popup-rarity.rarity-epic{color:#a4f}.fragment-popup-rarity.rarity-legendary{color:var(--gold);text-shadow:0 0 12px var(--gold-glow)}.fragment-popup-name{font-size:20px;font-weight:900;color:#fff;margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.fragment-popup-desc{font-size:13px;color:var(--text-dim);line-height:1.5;margin-bottom:6px}.fragment-popup-effect{font-size:14px;font-weight:700;color:var(--accent-light);margin-bottom:20px;padding:8px 12px;background:#6644ff26;border:1px solid rgba(102,68,255,.3);border-radius:8px;display:inline-block}.fragment-popup-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;font-size:15px;font-weight:800;border:1.5px solid rgba(255,215,0,.2);border-radius:10px;cursor:pointer;box-shadow:0 4px 16px #6644ff4d;transition:transform .15s}.fragment-popup-btn:active{transform:scale(.96)}.fragment-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;animation:sparkleFloat 2s ease-out forwards}@keyframes sparkleFloat{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.rank-can-promote{animation:rankPulse 1.5s ease-in-out infinite}@keyframes rankPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 8px #ffd70099}}.rank-promotable{border:1px solid var(--gold);background:#ffd70014;border-radius:8px;padding:8px}.rank-next-cost{font-size:13px;color:var(--mana);margin-top:4px}.rank-promote-btn{width:100%;padding:10px;margin-top:8px;background:linear-gradient(135deg,var(--gold),#ff8800);color:#000;font-weight:700;font-size:14px;border:none;border-radius:8px;cursor:pointer}.rank-promote-btn:active{transform:scale(.97)}.rank-promote-btn.cant-afford{background:#333;color:#888;cursor:not-allowed}.cond-met{color:#4caf50}.promote-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;background:#000000b3;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}.promote-panel{background:var(--bg-panel);border:var(--glass-border);border-radius:16px;padding:20px;max-width:320px;width:90%;text-align:center}.promote-title{font-size:18px;font-weight:700;margin-bottom:12px}.promote-preview{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.promote-from,.promote-to{text-align:center}.promote-from img,.promote-to img{width:64px;height:64px;object-fit:contain}.promote-arrow{font-size:24px;color:var(--gold)}.promote-mult{font-size:16px;font-weight:700;margin-top:4px}.promote-details{font-size:13px;color:var(--text-dim);margin:8px 0}.promote-detail-row{margin:4px 0}.promote-buttons{display:flex;gap:8px;margin-top:12px}.promote-confirm-btn{flex:1;padding:10px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--gold),#ff8800);color:#000;font-weight:700;font-size:14px;cursor:pointer}.promote-confirm-btn:active{transform:scale(.97)}.promote-cancel-btn{flex:1;padding:10px;border:1px solid #555;border-radius:8px;background:transparent;color:var(--text-dim);font-size:14px;cursor:pointer}.reward-ad-bar{display:flex;gap:4px;padding:4px 8px;overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.reward-ad-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(255,165,0,.3);border-radius:8px;background:#ffa50014;color:var(--text);font-size:11px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:transform .15s,background .15s}.reward-ad-btn:active{transform:scale(.96)}.reward-ad-btn.on-cooldown{opacity:.5;border-color:#333;background:#3232324d}.reward-ad-icon{font-size:18px}.reward-ad-info{display:flex;flex-direction:column;gap:1px}.reward-ad-label{font-weight:700;font-size:11px}.reward-ad-desc{font-size:10px;color:var(--text-dim)}.reward-ad-badge{font-size:14px;margin-left:auto}.reward-ad-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1500;animation:fadeIn .2s}.reward-ad-panel{width:90%;max-width:300px;background:linear-gradient(135deg,#140a28fa,#28143cf2);border:2px solid rgba(255,165,0,.4);border-radius:16px;padding:24px 20px;text-align:center;box-shadow:0 0 40px #ffa50033,inset 0 1px 2px #ffffff1a;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.reward-ad-panel-icon{font-size:48px;margin-bottom:8px;filter:drop-shadow(0 0 12px rgba(255,165,0,.5))}.reward-ad-panel-title{font-size:20px;font-weight:900;color:var(--gold);margin-bottom:8px;text-shadow:0 0 8px var(--gold-glow)}.reward-ad-panel-desc{font-size:13px;color:var(--text-dim);margin-bottom:12px;line-height:1.5}.reward-ad-panel-effect{font-size:15px;font-weight:700;color:var(--mana);padding:10px 14px;background:#44aaff1a;border:1px solid rgba(68,170,255,.25);border-radius:10px;margin-bottom:16px;text-shadow:0 0 6px var(--mana-glow)}.reward-ad-panel-buttons{display:flex;gap:8px}.reward-ad-watch-btn{flex:1;padding:12px;background:linear-gradient(135deg,#ff9800,#f44336);border:1.5px solid rgba(255,165,0,.4);border-radius:10px;color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 16px #ff98004d;transition:all .2s}.reward-ad-watch-btn:active{transform:scale(.96)}.reward-ad-dismiss-btn{padding:12px 20px;background:#6464644d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:var(--text-dim);font-size:14px;cursor:pointer;transition:all .2s}.reward-ad-dismiss-btn:active{background:#64646480}.boss-encyclopedia-section{margin-top:32px;padding-top:24px;border-top:2px solid rgba(102,68,255,.2)}.boss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:16px}.boss-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;text-align:center;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}.boss-card.defeated{background:linear-gradient(135deg,#6644ff26,#ff44aa1a);border-color:#64f6;box-shadow:0 0 12px #6644ff4d}.boss-card.locked{opacity:.5;filter:grayscale(.8)}.boss-icon{font-size:48px;margin-bottom:4px}.boss-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.boss-card.locked .boss-name{color:var(--text-dim);font-style:italic}.boss-stage{font-size:12px;color:var(--accent-light);font-weight:600}.boss-requirement{font-size:11px;color:var(--text-dim);margin-top:4px;padding:4px 8px;background:#0000004d;border-radius:6px}.boss-card.defeated .boss-requirement{color:#4caf50;background:#4caf5026}.final-boss-battle{background-size:cover;background-position:center;border:2px solid rgba(153,51,255,.6);box-shadow:inset 0 0 60px #9933ff4d}.final-boss-title{position:absolute;top:8px;left:50%;transform:translate(-50%);font-size:16px;font-weight:800;color:#dda0ff;text-shadow:0 0 12px #9933ff,0 0 24px #9933ff;white-space:nowrap;z-index:5;letter-spacing:1px}.final-boss-timer{position:absolute;top:30px;left:50%;transform:translate(-50%);font-size:22px;font-weight:900;color:gold;text-shadow:0 0 8px #ff8c00;z-index:5}.final-boss-hint{position:absolute;bottom:6px;left:50%;transform:translate(-50%);font-size:12px;color:#dda0ffb3;white-space:nowrap;z-index:5}.final-boss-sprite{width:120px!important;height:120px!important;image-rendering:pixelated;filter:drop-shadow(0 0 20px rgba(153,51,255,.9));animation:finalBossFloat 2s ease-in-out infinite}@keyframes finalBossFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}.final-boss-hp-bar{height:14px!important;border-radius:7px!important;background:#1e003ccc!important;border:1px solid #9933ff!important}.final-boss-hp-fill{background:linear-gradient(90deg,#93f,#c4f,#f8f)!important;box-shadow:0 0 8px #93f9!important;transition:width .1s ease!important}.final-boss-banner{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(135deg,#140028f2,#3c0078f2);border-top:2px solid rgba(153,51,255,.7);padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:10}.final-boss-banner.cooldown{background:linear-gradient(135deg,#1e1e1ef2,#321450f2)}.final-boss-banner-title{font-size:14px;font-weight:800;color:#dda0ff;text-shadow:0 0 8px #9933ff;letter-spacing:2px}.final-boss-banner-sub{font-size:11px;color:#dda0ffb3}.final-boss-challenge-btn{background:linear-gradient(135deg,#93f,#48f);color:#fff;border:none;border-radius:20px;padding:6px 20px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 0 12px #93f9;margin-top:2px;letter-spacing:1px;transition:transform .1s ease}.final-boss-challenge-btn:active{transform:scale(.95)}.final-ending-overlay{animation:finalEndingIn .5s ease}@keyframes finalEndingIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.final-ending-panel{background:linear-gradient(135deg,#0a0020,#1a0040,#0d0030)!important}.toy-portal-btn{position:absolute;top:8px;right:8px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,200,100,.8);background:radial-gradient(circle,#ffb4ffe6,#8c64ffd9);font-size:24px;cursor:pointer;z-index:15;animation:toyPortalPulse 1.5s ease-in-out infinite;box-shadow:0 0 16px #ffb4ffb3,0 0 32px #8c64ff66;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.toy-portal-btn:active{transform:scale(.9)}@keyframes toyPortalPulse{0%,to{box-shadow:0 0 12px #ffb4ff99,0 0 24px #8c64ff4d;transform:scale(1);border-color:#ffc864b3}50%{box-shadow:0 0 24px #ffb4ff,0 0 48px #8c64ffb3,0 0 8px #ffff9680;transform:scale(1.1);border-color:#fff096}}.toy-portal-btn{flex-direction:column;line-height:1}.toy-portal-round{display:block;font-size:10px;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.8);margin-top:-2px;font-weight:700}.toy-invite-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;animation:toyFadeIn .3s ease;padding:16px}@keyframes toyFadeIn{0%{opacity:0}to{opacity:1}}.toy-invite-scroll{background:linear-gradient(170deg,#fff8e7,#f5e6c8,#ffe8d0);border-radius:16px;padding:28px 24px 20px;max-width:340px;width:100%;position:relative;box-shadow:0 8px 32px #0006,inset 0 0 40px #d2aa6e33;border:3px solid #d4a054;animation:toyScrollIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.toy-invite-scroll:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='2' fill='%23e8c88840'/%3E%3Ccircle cx='40' cy='30' r='1.5' fill='%23ddb86030'/%3E%3Ccircle cx='25' cy='50' r='2.5' fill='%23d4a05425'/%3E%3C/svg%3E");pointer-events:none}@keyframes toyScrollIn{0%{opacity:0;transform:scale(.7) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.toy-invite-ribbon{background:linear-gradient(135deg,#ff6b8a,#ff4574);color:#fff;font-size:17px;font-weight:800;text-align:center;padding:10px 20px;margin:-28px -24px 20px;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.25);box-shadow:0 3px 8px #ff457459;position:relative}.toy-invite-ribbon:after{content:"✨";position:absolute;right:16px;top:50%;transform:translateY(-50%)}.toy-invite-content{padding:0 4px;position:relative;z-index:1}.toy-invite-greeting{font-size:15px;font-weight:700;color:#6b3a1f;margin-bottom:14px;text-align:center}.toy-invite-body{font-size:13px;color:#5a3518;line-height:1.7;margin-bottom:8px;text-align:center}.toy-invite-signature{font-size:12px;color:#8b6540;text-align:right;margin-top:16px;font-style:italic;padding-right:4px}.toy-invite-deco{text-align:center;font-size:22px;letter-spacing:8px;margin:14px 0;position:relative;z-index:1}.toy-invite-buttons{display:flex;gap:10px;margin-top:8px;position:relative;z-index:1}.toy-invite-enter-btn{flex:1;background:linear-gradient(135deg,#ff7eb3,#ff4590);color:#fff;border:none;border-radius:24px;padding:12px 8px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #ff459066;letter-spacing:1px;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.toy-invite-enter-btn:active{transform:scale(.95)}.toy-invite-close-btn{flex:.6;background:#a0826433;color:#7a5a38;border:1.5px solid rgba(160,130,100,.4);border-radius:24px;padding:12px 8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .1s ease;-webkit-tap-highlight-color:transparent}.toy-invite-close-btn:active{transform:scale(.95)}.toy-dungeon-top-bar{position:absolute;top:4px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:5}.toy-dungeon-round-tag{background:#1e0a28d9;color:#fff;font-size:13px;font-weight:700;padding:3px 12px;border-radius:12px;border:1px solid rgba(255,180,220,.5);text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap}.toy-boss-timer-tag{background:#b41e32d9;color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;border:1px solid rgba(255,100,100,.5);text-shadow:0 1px 3px rgba(0,0,0,.7);white-space:nowrap}.toy-exit-portal{position:absolute;top:8px;right:8px;z-index:5}.toy-kingdom-battle{position:relative}.toy-kingdom-battle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffb4dc14,#ff8cb40a);pointer-events:none;z-index:0}.toy-hp-bar{width:100%;height:8px;background:#64323c99;border-radius:4px;overflow:hidden;margin-top:4px}.toy-hp-fill{height:100%;background:linear-gradient(90deg,#ff6b9d,#ff4081);border-radius:4px;transition:width .15s ease;box-shadow:0 0 6px #ff408180}.toy-boss-timer{text-align:center;font-size:18px;font-weight:700;color:#ff6b9d;text-shadow:0 0 10px rgba(255,107,157,.8);animation:toyTimerPulse 1s ease-in-out infinite}@keyframes toyTimerPulse{0%,to{opacity:1}50%{opacity:.6}}.patrose-challenge-banner{background:linear-gradient(135deg,#c864ff33,#ff509626);border:2px solid rgba(200,100,255,.5);border-radius:12px;padding:16px;margin:12px;text-align:center;animation:patroseBannerGlow 2s ease-in-out infinite;cursor:pointer}.patrose-challenge-banner:active{transform:scale(.97)}@keyframes patroseBannerGlow{0%,to{box-shadow:0 0 12px #c864ff4d;border-color:#c864ff66}50%{box-shadow:0 0 24px #c864ff99,0 0 48px #ff50964d;border-color:#c864ffcc}}.patrose-challenge-title{font-size:18px;font-weight:700;color:#e080ff;margin-bottom:6px}.patrose-challenge-desc{font-size:13px;color:#c9f}.toy-patrose-battle{position:relative}.toy-patrose-battle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#a03cc81f,#641e9614);pointer-events:none}.toy-patrose-timer{text-align:center;font-size:22px;font-weight:800;color:#e060ff;text-shadow:0 0 16px rgba(224,96,255,.9);animation:toyTimerPulse .8s ease-in-out infinite}.toy-npc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:toyFadeIn .3s ease;padding:16px}.toy-npc-panel{background:linear-gradient(170deg,#fff5f0,#ffe8e0,#fff0f5);border-radius:16px;padding:24px;max-width:340px;width:100%;border:3px solid #e090b0;box-shadow:0 8px 32px #00000080}.toy-npc-avatar{text-align:center;font-size:48px;margin-bottom:12px}.toy-npc-text{font-size:14px;color:#5a2030;line-height:1.7;margin-bottom:12px;text-align:center}.toy-npc-btn{width:100%;background:linear-gradient(135deg,#ff7eb3,#ff4590);color:#fff;border:none;border-radius:24px;padding:12px;font-size:16px;font-weight:700;cursor:pointer;margin-top:8px;box-shadow:0 4px 12px #ff459066}.toy-npc-btn:active{transform:scale(.95)}.title-card{background:var(--bg-card);border-radius:10px;padding:10px 12px;margin-bottom:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:border-color .2s}.title-card.equipped{border-color:var(--gold);box-shadow:0 0 8px var(--gold-glow)}.title-card.locked{opacity:.5;cursor:default}.title-rarity{font-size:10px;font-weight:700;letter-spacing:1px;padding:2px 6px;border-radius:4px;display:inline-block}.title-rarity.common{background:#a0a0a033;color:#a0a0a0}.title-rarity.uncommon{background:#4c83;color:#4c8}.title-rarity.rare{background:#fa43;color:#fa4}.title-bonuses{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.title-bonus-tag{font-size:11px;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-dim)}.toy-class-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:toyFadeIn .3s ease;padding:16px}.toy-class-panel{background:linear-gradient(170deg,#1a0a2e,#2d1050,#1a0a2e);border-radius:16px;padding:28px 24px;max-width:340px;width:100%;border:2px solid #b040ff;box-shadow:0 0 40px #b040ff80;text-align:center}.toy-class-icon{font-size:48px;margin-bottom:12px}.toy-class-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#ff80cc,#b040ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.toy-class-desc{font-size:14px;color:#c9f;line-height:1.6;margin-bottom:16px}.toy-class-change-btn{width:100%;background:linear-gradient(135deg,#b040ff,#ff40a0);color:#fff;border:none;border-radius:24px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #b040ff80;margin-bottom:8px}.toy-class-later-btn{width:100%;background:transparent;color:#86a;border:1px solid rgba(136,102,170,.3);border-radius:24px;padding:10px;font-size:14px;cursor:pointer}.rank-titles-section{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.rank-titles-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--gold);margin-bottom:8px}.rank-active-title{display:flex;align-items:center;background:#ffd70014;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:6px 10px;margin-bottom:8px;font-size:13px}.rank-title-list{max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch}.title-unequip-btn:active{transform:scale(.95)}.toy-class-badge{display:inline-block;background:linear-gradient(135deg,#b040ff,#ff40a0);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:6px;vertical-align:middle}.new-badge{display:inline-block;background:linear-gradient(135deg,#f48,#f84);color:#fff;font-size:9px;font-weight:800;padding:1px 6px;border-radius:8px;margin-left:4px;animation:new-badge-pulse 1.5s ease-in-out infinite;vertical-align:middle;letter-spacing:.5px}@keyframes new-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.tab-new-badge{display:inline-block;background:#f46;color:#fff;font-size:9px;font-weight:800;width:14px;height:14px;line-height:14px;text-align:center;border-radius:50%;margin-left:2px;animation:new-badge-pulse 1.5s ease-in-out infinite;vertical-align:top}.toy-spell-new{border:1px solid rgba(255,68,136,.4)!important}.toy-class-toggle{float:right;font-size:11px;background:#b040ff33;color:#c8f;border:1px solid rgba(176,64,255,.4);border-radius:8px;padding:2px 10px;cursor:pointer}.toy-class-toggle:active{background:#b040ff66}.toy-spell-acquired-popup{position:fixed;top:70px;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;z-index:9999;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ff4488f2,#8844fff2);color:#fff;padding:10px 20px;border-radius:16px;box-shadow:0 4px 20px #f486;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.toy-spell-acquired-popup.show{opacity:1;transform:translate(-50%) translateY(0)}.toy-spell-acquired-icon{font-size:28px}.toy-spell-acquired-title{font-size:11px;opacity:.8}.toy-spell-acquired-name{font-size:15px;font-weight:700}.new-spell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:toyFadeIn .3s ease;padding:16px}.new-spell-popup{background:linear-gradient(170deg,#0a1a2e,#102040,#0a1a2e);border-radius:16px;padding:28px 24px;max-width:340px;width:100%;border:2px solid #4488ff;box-shadow:0 0 40px #48f6;text-align:center}.new-spell-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#8cf,#48f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.new-spell-item{font-size:16px;color:#adf;padding:8px 0;border-bottom:1px solid rgba(68,136,255,.15)}.new-spell-item:last-of-type{border-bottom:none}.new-spell-close-btn{width:100%;background:linear-gradient(135deg,#48f,#26d);color:#fff;border:none;border-radius:24px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #48f6;margin-top:16px}.title-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;animation:toyFadeIn .3s ease;padding:16px}.title-intro-popup{background:linear-gradient(170deg,#1a1a0a,#2d2810,#1a1a0a);border-radius:16px;padding:28px 24px;max-width:340px;width:100%;border:2px solid #ffaa44;box-shadow:0 0 40px #fa46;text-align:center}.title-intro-icon{font-size:48px;margin-bottom:12px}.title-intro-title{font-size:22px;font-weight:800;background:linear-gradient(135deg,#fd8,#fa4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.title-intro-desc{font-size:14px;color:#dc8;line-height:1.7;margin-bottom:16px}.title-intro-close-btn{width:100%;background:linear-gradient(135deg,#fa4,#d82);color:#fff;border:none;border-radius:24px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #fa46}