:root{--gold-primary: #FFD700;--gold-secondary: #FFA500;--blue-primary: #00bfff;--blue-secondary: #1e90ff;--purple-primary: #8a2be2;--bg-dark-primary: #1a1a2e;--bg-dark-secondary: #16213e;--bg-dark-tertiary: #0f3460;--bg-panel: rgba(10, 25, 47, .85);--bg-panel-hover: rgba(25, 42, 67, .9);--text-primary: #e0e0e0;--text-secondary: #b0e0e6;--text-accent: #87ceeb;--text-white: #e0ffff;--gradient-primary: linear-gradient(135deg, var(--gold-primary) 0%, var(--blue-primary) 100%);--gradient-panel: linear-gradient(135deg, var(--bg-panel) 0%, var(--bg-panel-hover) 50%, var(--bg-panel) 100%);--gradient-equipment: linear-gradient(135deg, rgba(255, 215, 0, .05) 0%, rgba(0, 191, 255, .05) 100%);--gradient-mystical: linear-gradient(45deg, var(--gold-primary), var(--blue-primary), var(--purple-primary));--shadow-primary: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(255, 215, 0, .3);--shadow-text: 0 1px 2px rgba(0, 0, 0, .8);--border-primary: 1px solid rgba(255, 215, 0, .3);--border-secondary: 1px solid rgba(0, 191, 255, .2);--transition-fast: all .2s ease;--transition-medium: all .3s ease;--transition-slow: all .4s ease;--app-bg: url(https://rogbert.io/assets/ui/Background.png)}body,html{width:100vw;height:100vh;margin:0;padding:0;box-sizing:border-box;background:var(--app-bg) no-repeat center center fixed;background-size:cover;font-family:Cinzel,serif;color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box}img,video,canvas{overflow:hidden!important}.character-image,.weapon-image,.monster-image,.item-image,.character-frame,.background-image,.asset-image{overflow:hidden!important}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background:linear-gradient(135deg,var(--bg-dark-primary) 0%,var(--bg-dark-secondary) 50%,var(--bg-dark-tertiary) 100%);color:var(--text-primary);font-family:Cinzel,serif}.loading-spinner{width:60px;height:60px;border:4px solid rgba(220,220,220,.2);border-top:4px solid var(--gold-primary);border-radius:50%;animation:loading-spin 1s linear infinite;margin-bottom:20px}.loading-screen p{font-size:18px;font-weight:600;opacity:.8;text-shadow:var(--shadow-glow)}.app-loading{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;font-size:18px;font-weight:700}.app-loading:after{content:"...";animation:loading-dots 1.5s steps(4,end) infinite}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.app-container{display:flex;justify-content:flex-start;align-items:stretch;width:100vw;height:100vh;padding:0;box-sizing:border-box;background:transparent;border:3px solid rgba(138,43,226,.6);border-radius:8px;overflow:hidden}.left-menu{flex-shrink:0;display:flex;flex-direction:column;gap:10px;min-width:240px;max-width:280px;height:100vh;background:transparent;z-index:2;padding:20px 10px}.right-panel,.right-panel-placeholder{flex-shrink:0;width:250px;min-width:250px;min-height:100vh;background:transparent;display:flex;flex-direction:column;align-items:center;padding:35px 25px;position:relative;overflow-y:visible}@media (max-width: 1200px){.main-content-area{gap:10px;margin-left:.5%;margin-right:.5%}.left-menu,.right-panel,.right-panel-placeholder{min-width:200px;width:200px}}.character-display-container{display:flex;flex-direction:column;align-items:flex-start;min-width:540px;max-width:800px;margin-right:0;flex-shrink:0}.character-and-equipment-row{display:flex;align-items:flex-start;justify-content:center;gap:20px;width:100%}.equipment-column{display:flex;flex-direction:column;gap:12px;padding-top:35px}.equipment-column:first-child{margin-right:10px}.equipment-column:last-child{margin-left:10px}.character-panel-center{position:relative;width:520px;height:440px;display:flex;justify-content:center;align-items:center;padding-top:30px;box-sizing:border-box}.character-frame-container{position:relative;width:410px;height:350px;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:0}.perfect-character-frame{position:relative;width:455px;height:390px;display:flex;justify-content:center;align-items:center;margin-bottom:30px;border-radius:15px;overflow:hidden}.perfect-character-frame:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--character-frame-bg);background-size:cover;background-position:center;z-index:25;pointer-events:none}.perfect-character-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin-top:0;z-index:5;display:block}.character-image{width:100%;height:100%;object-fit:cover;border-radius:12px;z-index:1}.perfect-character-frame,.arena-player-frame,.character-frame,.character-frame-container{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.character-frame-container img.character-frame+.character-image-container img.character-image,.character-frame>img.character-image{max-width:90%!important;max-height:90%!important;object-fit:contain!important}.character-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.equipment-slot{width:100px;height:100px;background:var(--gradient-equipment);border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:visible;box-sizing:border-box;transition:var(--transition-slow);position:relative;border:2px dashed rgba(255,215,0,.3);animation:awaiting-artifact 3s ease-in-out infinite}.equipment-slot.has-item{background:linear-gradient(135deg,#ffd7001a,#00bfff1a);box-shadow:var(--shadow-glow),inset 0 2px 4px #ffffff1a;border:none;animation:none}.equipment-slot:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #ffd70066,0 0 40px #00bfff33}.equipment-slot-image{width:84px;height:84px;object-fit:contain;border-radius:8px;filter:brightness(1.1) saturate(1.2) drop-shadow(0 0 15px rgba(255,215,0,.3));transition:var(--transition-medium)}.equipment-slot.has-item:hover .equipment-slot-image{filter:brightness(1.3) saturate(1.4) drop-shadow(0 0 25px rgba(255,215,0,.6));transform:scale(1.05)}.weapon-slot-over-frame{position:absolute;bottom:-30px;left:98%;transform:translate(-50%);z-index:30;width:100px;height:100px;display:flex;justify-content:center;align-items:center;pointer-events:auto}@keyframes awaiting-artifact{0%,to{border-color:#ffd7004d;box-shadow:0 0 10px #ffd7001a}50%{border-color:#ffd70099;box-shadow:var(--shadow-glow)}}.premium-xp-section{background:linear-gradient(135deg,#19194b26,#32327d40,#19194b26);border:var(--border-primary);border-radius:18px;padding:24px;margin:8px 0 20px 20px;position:relative;overflow:hidden;box-shadow:var(--shadow-primary),inset 0 1px #ffffff26,var(--shadow-glow),0 0 60px #00bfff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-medium)}.premium-xp-section:hover{box-shadow:0 16px 50px #00000080,inset 0 1px #fff3,0 0 40px #ffd70040,0 0 80px #00bfff26;transform:translateY(-2px)}.premium-xp-bar{margin:8px 0 4px}.xp-bar-track{width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;border:var(--border-secondary)}.xp-bar-fill-premium{height:100%;background:linear-gradient(90deg,var(--blue-primary) 0%,var(--gold-primary) 50%,var(--blue-primary) 100%);border-radius:4px;transition:width .8s ease;position:relative}.level-showcase{display:flex;align-items:center;gap:30px}.level-orb{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.premium-xp-section .level-orb .level-number{font-size:1.125em;font-weight:700;background:var(--gradient-mystical);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px rgba(255,215,0,.8));z-index:10}.premium-attributes-grid{display:flex;flex-direction:column;gap:8px}.premium-attribute-card{background:#ffffff08;border-radius:8px;padding:12px;border:1px solid transparent;position:relative;overflow:hidden;transition:var(--transition-medium);cursor:pointer}.premium-attribute-card:hover{border-color:var(--attr-color);transform:translateY(-1px);box-shadow:0 4px 15px #0003,0 0 12px var(--attr-color, var(--blue-primary))}.attribute-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.attribute-name{font-size:1em;font-weight:700;color:var(--text-white);text-shadow:var(--shadow-text);margin-bottom:2px}.premium-combat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.premium-combat-stat{background:#ffffff08;border-radius:6px;padding:10px;border:1px solid transparent;transition:var(--transition-medium);position:relative;overflow:hidden}.premium-combat-stat:hover{border-color:var(--mastery-color, var(--blue-primary));background:#ffffff0f;transform:translateY(-1px);box-shadow:0 3px 10px #0003}.inventory-title{color:var(--gold-primary);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,215,0,.3);margin-top:0;margin-bottom:25px;width:100%;text-align:center;font-size:1.5em;font-weight:700;text-transform:uppercase;letter-spacing:2px;position:relative}.inventory-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--gold-primary),transparent);box-shadow:0 0 8px #ffd70099}.inventory-grid{display:grid;grid-template-columns:repeat(2,100px);grid-template-rows:repeat(4,100px);gap:12px;width:auto;box-sizing:border-box;padding:20px 15px;position:relative;max-height:none;overflow:visible;justify-content:center;align-content:start;background:linear-gradient(135deg,#0a192f26,#192a4340,#0f1e3426);border:var(--border-secondary);border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary),inset 0 1px #ffffff1a}.right-panel,.right-panel-placeholder{flex-shrink:0;width:250px;min-width:250px;min-height:100vh;background:transparent;display:flex!important;flex-direction:column;align-items:center;padding:35px 25px;position:relative;overflow-y:visible}.mystical-satchel{background:linear-gradient(135deg,#19194b26,#32327d40,#19194b26);border:2px solid rgba(255,215,0,.3);box-shadow:var(--shadow-primary),inset 0 1px #ffffff1a,var(--shadow-glow);position:relative;overflow:visible;border-radius:16px;padding:20px;width:100%;display:flex!important;flex-direction:column}.mystical-buttons-container{display:flex;flex-direction:column;gap:12px}.mystical-nav-button{background:var(--gradient-equipment);border:var(--border-primary);border-radius:15px;padding:15px 20px;color:var(--gold-primary);font-size:1.1em;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:var(--transition-slow);display:flex;align-items:center;gap:12px;text-align:left;min-height:60px;text-shadow:0 0 10px rgba(255,215,0,.8)}.mystical-nav-button:hover{background:linear-gradient(135deg,#ffd70026,#00bfff26);border-color:#ffd70099;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #ffd7004d,0 0 40px #00bfff33}.mystical-nav-button:active{transform:translateY(-1px) scale(.98)}.mystical-nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-icon{font-size:1.8em;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:var(--transition-medium)}.mystical-nav-button:hover .button-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 20px rgba(255,215,0,1))}.button-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:var(--transition-medium)}.mystical-nav-button:hover .button-icon-img{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 20px rgba(255,215,0,1))}.currency-icon-img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));margin-right:8px}.reward-icon-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:all .3s ease}.reward-icon-img:hover{filter:drop-shadow(0 0 15px rgba(255,215,0,1));transform:scale(1.1)}.gold-icon-img{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));margin-right:6px;vertical-align:middle}.metric-icon-img{width:18px;height:18px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,215,0,.6));margin-right:4px;vertical-align:middle}.mythical-cost-icon-img{width:16px;height:16px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,215,0,.6));margin-right:4px;vertical-align:middle}.achievement-category-icon-img,.notification-icon-img{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.game-button{background-color:transparent;color:transparent;border:none;padding:0;width:150px;height:50px;cursor:pointer;text-align:center;transition:transform .1s ease;font-size:0;background-size:100% 100%}.game-button:hover{transform:scale(1.05);box-shadow:0 0 15px #00bfff99}.game-button:disabled{filter:grayscale(80%);cursor:not-allowed;transform:none;box-shadow:none}.battle-reports-btn{background:linear-gradient(45deg,#ff6b35,#f7931e)!important;color:#fff!important;font-weight:700;border:2px solid #FF6B35!important;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.battle-reports-btn:hover:not(:disabled){background:linear-gradient(45deg,#f7931e,#ff6b35)!important;box-shadow:0 0 15px #ff6b3580;transform:translateY(-2px)}.hover-info-box{position:fixed;background:linear-gradient(135deg,#0a0519,#140f23);border:4px solid rgba(255,215,0,1);border-radius:12px;box-shadow:0 12px 48px #000,0 0 40px #ffd700cc,inset 0 2px 4px #ffffff4d,0 0 0 2px #000;color:#fff;font-size:.9em;font-family:Cinzel,serif;font-weight:600;line-height:1.5;text-align:left;text-shadow:2px 2px 4px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,1);padding:12px 16px;min-width:250px;max-width:350px;width:max-content;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:9999999999;pointer-events:none;white-space:pre-line;transition:opacity .15s;opacity:1}.premium-xp-section .xp-header-panel{display:flex;justify-content:space-between;align-items:center;gap:24px}.premium-xp-section .level-showcase{display:flex;align-items:center;gap:30px}.premium-xp-section .level-number{font-size:.9em}.dragging{opacity:.5}.gold-value{color:var(--gold-primary);font-weight:700;font-size:1.1em;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.4);letter-spacing:1px;transition:all .3s ease}.gold-value:hover{text-shadow:0 0 15px rgba(255,215,0,1),0 0 30px rgba(255,215,0,.6);transform:scale(1.05)}.silver-value{color:#e8e8e8;font-weight:700;font-size:1.1em;text-shadow:0 0 10px rgba(192,192,192,.8),0 0 20px rgba(192,192,192,.4);letter-spacing:1px;transition:all .3s ease}.silver-value:hover{text-shadow:0 0 15px rgba(192,192,192,1),0 0 30px rgba(192,192,192,.6);transform:scale(1.05)}.text-center{text-align:center}.text-bold{font-weight:700}.text-uppercase{text-transform:uppercase}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}@keyframes button-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes particle-float{0%,to{opacity:0;transform:translateY(0) scale(.8) rotate(0)}50%{opacity:1;transform:translateY(-12px) scale(1.3) rotate(180deg)}}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .6s ease}.mystical-nav-button:hover .button-glow{left:100%}.xp-header-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 0;border-bottom:1px solid rgba(255,215,0,.2)}.character-prestige{display:flex;align-items:center;gap:8px;flex:1}.prestige-icon{display:none}.character-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.title-name{font-size:1.2em;font-weight:700;background:linear-gradient(45deg,var(--gold-primary),var(--gold-secondary),var(--gold-primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));text-align:left;line-height:1.2;letter-spacing:1px}.title-rank{font-size:.85em;color:var(--text-accent);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.level-inner-glow{position:absolute;width:60px;height:60px;background:radial-gradient(circle,rgba(255,215,0,.3) 0%,transparent 70%);border-radius:50%;animation:level-inner-pulse 4s ease-in-out infinite}.level-outer-ring{position:absolute;width:90px;height:90px;border:2px solid transparent;border-radius:50%;background:linear-gradient(45deg,var(--gold-primary),var(--blue-primary),var(--purple-primary),var(--gold-primary));background-clip:border-box;animation:level-ring-rotate 8s linear infinite;z-index:1}.level-outer-ring:before{content:"";position:absolute;inset:2px;background:var(--bg-panel);border-radius:50%;z-index:-1}.level-particles{position:absolute;width:100%;height:100%;pointer-events:none;z-index:15}.level-particles:before,.level-particles:after{content:"✦";position:absolute;font-size:.7em;color:var(--gold-primary);opacity:0;animation:particleFloat 6s ease-in-out infinite}.level-particles:before{top:8px;right:8px;animation-delay:0s}.level-particles:after{bottom:8px;left:8px;animation-delay:3s}.level-mastery{display:flex;flex-direction:column;align-items:center;gap:10px;background:#0003;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,215,0,.2)}.mastery-label{font-size:.85em;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;text-shadow:var(--shadow-text)}.mastery-tier{font-size:1.2em;font-weight:700;background:var(--gradient-mystical);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.xp-progression-panel{background:linear-gradient(135deg,#0000004d,#192a4333,#0000004d);border-radius:14px;padding:18px;border:1px solid rgba(255,215,0,.25);box-shadow:inset 0 1px #ffffff1a,0 4px 20px #0000004d}.xp-stats-row{display:flex;justify-content:space-around;margin-bottom:12px}.xp-stat{display:flex;flex-direction:column;align-items:center;gap:6px;background:#0003;padding:10px 14px;border-radius:8px;border:1px solid rgba(0,191,255,.15);transition:var(--transition-medium)}.xp-stat:hover{background:#0000004d;border-color:#ffd7004d;transform:translateY(-2px);box-shadow:0 4px 15px #ffd70033}.xp-label{font-size:.82em;color:var(--text-accent);text-transform:uppercase;letter-spacing:.8px;text-shadow:var(--shadow-text);font-weight:500}.xp-value{font-size:1.3em;font-weight:700;background:linear-gradient(45deg,var(--blue-primary),var(--gold-primary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px rgba(0,191,255,.4))}.mystical-satchel{background:linear-gradient(135deg,#19194b26,#32327d40,#19194b26);border:2px solid rgba(255,215,0,.3);box-shadow:var(--shadow-primary),inset 0 1px #ffffff1a,var(--shadow-glow);position:relative;overflow:visible;border-radius:16px;padding:20px;width:100%;max-width:220px;display:flex!important;flex-direction:column}.mystical-satchel:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd7004d,#00bfff4d,#8a2be24d,#00bfff4d,#ffd7004d);border-radius:18px;z-index:-1;animation:mystical-aura 6s ease-in-out infinite}.mystical-title{background:linear-gradient(45deg,var(--gold-primary),var(--gold-secondary),var(--gold-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);font-size:1.6em;letter-spacing:3px;animation:hero-title-glow 3s ease-in-out infinite alternate;position:relative;text-align:center;margin-bottom:20px}.mystical-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.8),rgba(0,191,255,.6),rgba(255,215,0,.8),transparent);box-shadow:0 0 15px #ffd700cc;animation:mystical-underline 4s ease-in-out infinite}.hero-stats{color:var(--gold-primary);text-shadow:0 0 10px rgba(255,215,0,.8);font-weight:700;text-align:center;margin-bottom:15px}.hero-capacity{background:linear-gradient(135deg,#ffd70033,#00bfff33);border:2px solid rgba(255,215,0,.6);border-radius:15px;padding:6px 15px;box-shadow:0 0 15px #ffd70066,inset 0 1px #fff3;animation:hero-capacity-pulse 4s ease-in-out infinite;display:inline-block}.mystical-controls{margin-top:15px}.mystical-dropdown{background:linear-gradient(135deg,#19194be6,#32327dcc);border:2px solid rgba(255,215,0,.6);border-radius:8px;color:var(--gold-primary);padding:6px 12px;font-size:.9em;font-weight:700;cursor:pointer;outline:none;text-shadow:0 0 5px rgba(255,215,0,.8);box-shadow:0 0 10px #ffd7004d;transition:var(--transition-medium);width:100%}.mystical-dropdown:hover,.mystical-dropdown:focus{border-color:var(--blue-primary);box-shadow:0 0 20px #00bfff80;transform:translateY(-1px)}.mystical-grid{background:linear-gradient(135deg,#0f0f3c1a,#1e1e5a33,#0f0f3c1a);border:1px solid rgba(255,215,0,.15);border-radius:20px;position:relative;padding:25px 20px}.mystical-grid:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,191,255,.05) 0%,transparent 50%);border-radius:20px;pointer-events:none}@keyframes prestige-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,1))}}@keyframes level-inner-pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.6;transform:scale(1.1)}}@keyframes level-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hero-capacity-pulse{0%,to{box-shadow:0 0 15px #ffd70066,inset 0 1px #fff3}50%{box-shadow:0 0 25px #ffd70099,inset 0 1px #ffffff4d}}.inventory-slots-grid{display:grid!important;grid-template-columns:repeat(2,100px)!important;grid-template-rows:repeat(4,100px)!important;gap:10px;width:100%;max-width:220px;margin:20px auto 0;min-height:420px;position:relative}.mystical-slot{width:100px!important;height:100px!important;background:var(--gradient-equipment);border-radius:15px;display:flex!important;justify-content:center;align-items:center;cursor:pointer;overflow:visible;box-sizing:border-box;transition:var(--transition-slow);position:relative;border:2px dashed rgba(255,215,0,.3);animation:awaiting-artifact 3s ease-in-out infinite;min-width:100px;min-height:100px}.mystical-slot.has-artifact{background:linear-gradient(135deg,#ffd7001a,#00bfff1a);box-shadow:var(--shadow-glow),inset 0 2px 4px #ffffff1a;border:none;animation:none}.mystical-slot.awaits-artifact{background:var(--gradient-equipment);border:2px dashed rgba(255,215,0,.3);animation:awaiting-artifact 3s ease-in-out infinite}.mystical-slot:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #ffd70066,0 0 40px #00bfff33}.mystical-slot img{width:84px;height:84px;object-fit:contain;border-radius:8px;filter:brightness(1.1) saturate(1.2) drop-shadow(0 0 15px rgba(255,215,0,.3));transition:var(--transition-medium)}.mystical-slot.has-artifact:hover img{filter:brightness(1.3) saturate(1.4) drop-shadow(0 0 25px rgba(255,215,0,.6));transform:scale(1.05)}.premium-xp-section:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#ffd70033,#00bfff33);border-radius:19px;z-index:-1;opacity:0;transition:opacity .3s ease}.premium-xp-section:hover:before{opacity:1}.xp-bar-track{background:#0006;height:20px;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(0,191,255,.3)}.xp-bar-fill-premium{height:100%;background:linear-gradient(90deg,#00ff88 0%,var(--blue-primary) 50%,var(--purple-primary) 100%);position:relative;transition:width 1.2s cubic-bezier(.4,0,.2,1);overflow:hidden}.xp-bar-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 3s infinite}.xp-bar-pulse{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#ffffff4d,#ffffff1a);animation:pulse 2s ease-in-out infinite}.xp-milestones{position:absolute;inset:0;pointer-events:none}.xp-milestone{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px}.milestone-gem{width:100%;height:100%;background:var(--gold-primary);border-radius:50%;border:2px solid #fff;box-shadow:0 0 8px #ffd700cc;transition:var(--transition-medium)}.xp-milestone.completed .milestone-gem{background:#0f8;box-shadow:0 0 12px #0f8;animation:milestoneGlow 2s ease-in-out infinite}.premium-stats-container{display:flex;gap:20px;margin-top:15px;justify-content:center;flex-wrap:wrap}.stats-section{background:var(--gradient-panel);border-radius:12px;padding:15px;min-width:280px;max-width:350px;border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;box-shadow:0 6px 25px #0000004d,inset 0 1px #ffffff1a;transition:var(--transition-medium)}.stats-section:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,191,255,.1) 0%,transparent 25%,transparent 75%,rgba(138,43,226,.1) 100%);border-radius:12px;z-index:-1}.stats-section:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0006,inset 0 1px #fff3}.premium-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,191,255,.3);position:relative}.premium-section-header:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--blue-primary),var(--purple-primary))}.section-title-group h4{margin:0 0 3px;color:var(--blue-primary);font-size:1.1em;letter-spacing:1px;text-shadow:var(--shadow-text)}.section-subtitle{font-size:.75em;color:var(--text-accent);opacity:.8;font-style:italic}.points-display{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.points-available,.total-invested,.power-rating{display:flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:6px;min-width:70px}.points-available{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 2px 10px #ff6b354d}.total-invested{background:linear-gradient(135deg,var(--blue-primary),var(--blue-secondary));box-shadow:0 2px 10px #00bfff4d}.power-rating{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 10px #e74c3c4d}.points-number,.invested-number,.power-number{font-size:1.1em;font-weight:700;color:#fff;text-shadow:var(--shadow-text)}.points-label,.invested-label,.power-label{font-size:.65em;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.attribute-icon-container{position:relative;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.attribute-icon-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,var(--attr-color) 0%,transparent 70%);opacity:.2;border-radius:50%;animation:iconGlow 3s ease-in-out infinite}.attribute-icon-premium{font-size:1.6em;filter:drop-shadow(0 0 8px var(--attr-color));z-index:2;animation:iconFloat 4s ease-in-out infinite}.attribute-particles{position:absolute;width:100%;height:100%;pointer-events:none}.attribute-particles:before,.attribute-particles:after{content:"✦";position:absolute;font-size:.5em;color:var(--attr-color);opacity:0;animation:attributeParticles 8s ease-in-out infinite}.attribute-particles:before{top:3px;right:3px;animation-delay:0s}.attribute-particles:after{bottom:3px;left:3px;animation-delay:4s}.attribute-info{flex:1}.attribute-mastery{display:flex;align-items:center;gap:4px}.mastery-level{font-size:.7em;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:8px;background:#0000004d;border:1px solid currentColor}.attribute-progress-section{margin:8px 0}.attribute-value-display{display:flex;align-items:center;gap:8px;margin-bottom:6px}.current-value{font-size:1.4em;font-weight:700;color:var(--attr-color);text-shadow:var(--shadow-text)}.value-breakdown{display:flex;align-items:center;gap:3px;font-size:.9em;color:var(--text-secondary)}.base-value{color:var(--text-accent)}.plus-sign{color:#90ee90;font-weight:700}.invested-value{color:var(--attr-color);font-weight:700}.attribute-progress-bar{width:100%;height:6px;background:#0006;border-radius:3px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.progress-track{width:100%;height:100%;position:relative}.progress-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 4s infinite}.progress-markers{position:absolute;inset:0;pointer-events:none}.progress-marker{position:absolute;top:0;bottom:0;width:1px;background:#fff3;transition:var(--transition-medium)}.progress-marker.reached{background:var(--gold-primary);box-shadow:0 0 3px var(--gold-primary)}.attribute-upgrade-section{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.upgrade-info{display:flex;flex-direction:column;gap:2px}.next-level-preview{font-size:.8em;color:var(--text-accent)}.next-value{color:var(--attr-color);font-weight:700}.upgrade-cost{font-size:.75em;color:var(--gold-primary);font-weight:500}.cost-amount{text-shadow:var(--shadow-text)}.premium-upgrade-button{position:relative;width:32px;height:32px;border-radius:50%;border:none;background:var(--attr-gradient, linear-gradient(135deg, var(--blue-primary), var(--blue-secondary)));color:#fff;font-size:1.2em;font-weight:700;cursor:pointer;transition:var(--transition-medium);overflow:hidden;box-shadow:0 2px 8px #0000004d}.premium-upgrade-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #0006}.premium-upgrade-button:hover:not(:disabled) .button-glow{opacity:.6;animation:buttonGlow 1.5s ease-in-out infinite}.premium-upgrade-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.combat-stat-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.combat-icon-container{position:relative;width:25px;height:25px;display:flex;align-items:center;justify-content:center}.combat-stat-icon-premium{font-size:1.2em;filter:drop-shadow(0 0 6px var(--mastery-color, var(--blue-primary)));z-index:2}.combat-icon-glow{position:absolute;width:100%;height:100%;background:radial-gradient(circle,var(--mastery-color, var(--blue-primary)) 0%,transparent 70%);opacity:.15;border-radius:50%;animation:combatIconGlow 3s ease-in-out infinite}.combat-stat-info{flex:1;display:flex;flex-direction:column;gap:1px}.combat-stat-name{font-size:.8em;color:var(--text-secondary);font-weight:500}.combat-mastery{font-size:.65em;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.combat-stat-value-container{display:flex;flex-direction:column;align-items:center;gap:4px}.combat-stat-value-premium{font-size:1.1em;font-weight:700;color:var(--mastery-color, var(--blue-primary));text-shadow:var(--shadow-text)}.premium-health-bar{width:100%}.health-bar-track{width:100%;height:4px;background:#0006;border-radius:2px;overflow:hidden;border:1px solid rgba(255,68,68,.3)}.health-bar-fill-premium{height:100%;background:linear-gradient(90deg,#f44,#ff6b6b);border-radius:2px;transition:width .3s ease;position:relative}.health-bar-pulse{position:absolute;inset:0;background:linear-gradient(90deg,#fff3,#fff6,#fff3);animation:healthPulse 2s ease-in-out infinite}.health-status{text-align:center;font-size:.6em;color:#90ee90;margin-top:2px;font-weight:500;letter-spacing:.5px}.percentage-ring{position:absolute;top:4px;right:4px;width:30px;height:30px}.percentage-circle{transform:rotate(-90deg);filter:drop-shadow(0 0 3px currentColor)}@keyframes milestoneGlow{0%,to{box-shadow:0 0 12px #0f8}50%{box-shadow:0 0 20px #0f8,0 0 30px #00ff8880}}@keyframes attributeParticles{0%,90%,to{opacity:0;transform:scale(.5) rotate(0)}10%,80%{opacity:.6;transform:scale(1) rotate(180deg)}}@keyframes progressShine{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes iconGlow{0%,to{opacity:.2;transform:scale(.95)}50%{opacity:.4;transform:scale(1.05)}}@keyframes combatIconGlow{0%,to{opacity:.15;transform:scale(.9)}50%{opacity:.3;transform:scale(1.05)}}@keyframes healthPulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes buttonGlow{0%,to{opacity:.6}50%{opacity:.9}}.button-particles{position:absolute;inset:0;pointer-events:none;border-radius:50%;overflow:hidden}.premium-upgrade-button:hover:not(:disabled) .button-particles:before,.premium-upgrade-button:hover:not(:disabled) .button-particles:after{content:"✨";position:absolute;font-size:.6em;color:#fff;animation:buttonParticles 2s ease-in-out infinite}.premium-upgrade-button:hover:not(:disabled) .button-particles:before{top:1px;right:1px;animation-delay:0s}.premium-upgrade-button:hover:not(:disabled) .button-particles:after{bottom:1px;left:1px;animation-delay:1s}@keyframes buttonParticles{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.floating-panels-tip{position:absolute;top:20px;right:-220px;background:linear-gradient(135deg,#8a2be233,#4b008233);border:1px solid rgba(138,43,226,.5);border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 6px 20px #0006,0 0 20px #8a2be24d,inset 0 1px 2px #ffffff1a;z-index:10;min-width:160px;animation:mysticalTipPulse 4s ease-in-out infinite;transition:all .3s ease}.floating-panels-tip:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000080,0 0 30px #8a2be266,inset 0 1px 2px #ffffff1a}.floating-panels-tip .tip-icon{font-size:1.1em;filter:drop-shadow(0 0 6px rgba(138,43,226,.8));animation:mysticalIconBounce 3s ease-in-out infinite}.floating-panels-tip .tip-content{display:flex;flex-direction:column;gap:3px}.floating-panels-tip .tip-title{color:plum;font-size:.85em;font-weight:700;text-shadow:0 0 6px rgba(138,43,226,.6),0 1px 2px rgba(0,0,0,.8);letter-spacing:.5px}.floating-panels-tip .tip-text{color:#e6e6fa;font-size:.75em;opacity:.95;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.6)}@keyframes mysticalTipPulse{0%,to{box-shadow:0 6px 20px #0006,0 0 20px #8a2be24d,inset 0 1px 2px #ffffff1a}50%{box-shadow:0 8px 25px #00000080,0 0 35px #8a2be280,inset 0 1px 2px #ffffff26}}@keyframes mysticalIconBounce{0%,to{transform:translateY(0);filter:drop-shadow(0 0 6px rgba(138,43,226,.8))}50%{transform:translateY(-2px);filter:drop-shadow(0 0 10px rgba(138,43,226,1))}}.floating-toggle-button{position:absolute;top:20px;right:-240px;background:linear-gradient(135deg,#00bfffe6,#8a2be2e6);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3em;transition:all .3s ease;box-shadow:0 6px 20px #0006,0 0 20px #8a2be266,inset 0 1px 2px #fff3;z-index:11;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:buttonMysticalGlow 3s ease-in-out infinite}.floating-toggle-button:hover{transform:scale(1.15);box-shadow:0 8px 30px #00000080,0 0 40px #8a2be299,inset 0 1px 2px #ffffff4d;background:linear-gradient(135deg,#8a2be2f2,#00bffff2)}.floating-toggle-button:active{transform:scale(1.05)}@keyframes buttonMysticalGlow{0%,to{box-shadow:0 6px 20px #0006,0 0 20px #8a2be266,inset 0 1px 2px #fff3}50%{box-shadow:0 8px 25px #00000080,0 0 30px #8a2be299,inset 0 1px 2px #ffffff40}}.progression-panels-section{background:linear-gradient(135deg,#19194b26,#32327d40,#19194b26);border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:20px;margin:0 0 0 20px;position:relative;overflow:visible;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,0 0 20px #ffd70033}.progression-panels-section:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,#ffd70033,#00bfff33,#ffd70033);border-radius:17px;z-index:-1;opacity:.6;animation:mystical-aura 4s ease-in-out infinite}.progression-header{text-align:center;margin-bottom:6px}.progression-title{background:linear-gradient(45deg,var(--gold-primary),var(--gold-secondary),var(--gold-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);font-size:1.4em;letter-spacing:2px;margin:0 0 8px;animation:hero-title-glow 3s ease-in-out infinite alternate}.progression-subtitle{color:#fffc;font-size:1em;font-weight:500;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.3);margin-bottom:4px}.progression-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:12px}.progression-btn{background:linear-gradient(135deg,#4b00821a,#8a2be20d);border:2px solid rgba(138,43,226,.3);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-align:left;color:inherit;font-family:inherit}.progression-btn:hover{transform:translateY(-3px);border-color:#8a2be299;box-shadow:0 8px 25px #8a2be24d,0 0 30px #8a2be233}.progression-btn-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.progression-icon{display:none}@keyframes progression-icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px currentColor)}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px currentColor) drop-shadow(0 0 30px rgba(255,215,0,.5))}}.progression-name{color:#fff;font-size:1.1em;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.progression-description{color:#fffc;font-size:.9em;line-height:1.4;margin-bottom:12px}.progression-stats{display:flex;justify-content:flex-end;align-items:center}.progression-stats .stat-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0003;border:1px solid rgba(255,215,0,.3);border-radius:6px;font-size:.85em}.progression-stats .stat-label{color:#fffc}.progression-stats .stat-value{color:gold;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.progression-btn.achievements-btn{background:linear-gradient(135deg,#ffd7001a,#ff8c000d);border-color:#ffd70066}.progression-btn.achievements-btn:hover{border-color:#ffd70099;box-shadow:0 8px 25px #ffd7004d,0 0 30px #ffd70033}.progression-btn.achievements-btn .progression-icon{color:gold}.progression-btn.mastery-btn{background:linear-gradient(135deg,#00bfff1a,#40e0ff0d);border-color:#00bfff66}.progression-btn.mastery-btn:hover{border-color:#00bfff99;box-shadow:0 8px 25px #00bfff4d,0 0 30px #00bfff33}.progression-btn.mastery-btn .progression-icon{color:#00bfff}@media (max-width: 768px){.progression-buttons-grid{grid-template-columns:1fr}.progression-panels-section{padding:15px}.progression-title{font-size:1.2em}.progression-btn{padding:14px}}.compact-stats-panels{display:flex;flex-direction:column;gap:12px;flex-shrink:0;align-self:flex-start;margin-top:35px;margin-left:20px}.main-content-area{flex:1 1 0;display:flex;justify-content:flex-start;align-items:flex-start;gap:40px;min-width:0;height:100vh;overflow-x:auto;margin-left:1%;margin-right:1%}@media (max-width: 1200px){.character-content-wrapper{flex-direction:column;gap:24px;margin-bottom:24px}}.progression-panels-section{margin-top:32px;padding-top:24px;border-top:2px solid rgba(138,43,226,.18);box-shadow:0 -2px 24px #8a2be214 inset;position:relative}.progression-panels-section:before{content:"";display:block;position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#00bfff2e,#ffd70038,#8a2be238);filter:blur(1.5px);z-index:1}.progression-buttons-grid{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px}@media (max-width: 900px){.progression-buttons-grid{flex-direction:column;gap:16px}}.progression-btn{min-width:260px;max-width:340px;flex:1 1 260px;background:var(--gradient-panel);border-radius:14px;box-shadow:0 2px 18px #00000021,0 0 0 2px #00bfff14 inset;border:2px solid rgba(0,191,255,.13);padding:18px 18px 14px;font-size:.97em;transition:box-shadow .2s,border .2s,background .2s;margin-bottom:0}.progression-btn .progression-icon{font-size:1.45em}.progression-btn .progression-name{font-size:1.08em}.progression-btn .progression-description{font-size:.97em}.progression-btn .progression-stats{font-size:.93em}.progression-btn.collapsed{min-height:0;max-height:54px;overflow:hidden;padding-bottom:6px;opacity:.92}.collapse-toggle{margin-left:auto;margin-right:0;font-size:1.1em;color:gold;text-shadow:0 0 8px #FFD700,0 0 12px #8A2BE2;cursor:pointer;padding:0 6px;border-radius:8px;transition:background .2s,box-shadow .2s}.collapse-toggle:hover{background:#ffd70021;box-shadow:0 0 8px gold}.mystical-glow-btn{box-shadow:0 0 8px gold,0 0 12px #8a2be2;background:linear-gradient(90deg,#ffd70021,#8a2be221);border:none;outline:none}.progression-btn-open{margin-top:10px;padding:7px 18px;border-radius:8px;font-size:.98em;font-weight:600;color:#fff;background:linear-gradient(90deg,gold,#8a2be2);box-shadow:0 0 10px gold,0 0 18px #8a2be2;border:none;cursor:pointer;transition:background .2s,box-shadow .2s}.progression-btn-open:hover{background:linear-gradient(90deg,#8a2be2,gold);box-shadow:0 0 18px gold,0 0 24px #8a2be2}.stats-section,.premium-section-header,.section-title-group h4,.section-subtitle{font-size:.97em}.main-content-area{border-radius:18px;box-shadow:0 0 32px #00bfff14,0 0 0 2px #8a2be214 inset;padding:18px 0}@media (max-width: 1200px){.main-content-area{flex-direction:column;padding:10px 0}}.premium-xp-section,.profile-card{font-size:.93em;padding:12px 18px;border-radius:14px;box-shadow:0 2px 18px #00bfff1a,0 0 0 2px #8a2be21a inset;background:linear-gradient(135deg,#0a192feb,#192a43f7);margin-bottom:10px}.profile-card .player-name{font-size:1.12em;letter-spacing:.5px}.profile-card .player-class,.profile-card .adventure-rank,.profile-card .mastery,.profile-card .level{font-size:.98em;margin-bottom:2px}.profile-card .xp-bar{height:13px;border-radius:7px;margin:6px 0 0}.equipment-area{margin-left:8px;margin-right:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.equipment-slots{margin-top:0;margin-bottom:0;gap:7px;padding-left:2px}.equipment-slot{margin:0 0 4px;border-radius:8px;box-shadow:0 0 8px gold,0 0 12px #8a2be2;background:linear-gradient(135deg,#ffd7001a,#8a2be21a)}.character-panels-row{display:flex;gap:24px;margin-top:12px}.character-attributes-panel,.character-combat-panel{flex:1 1 0;min-width:0;background:linear-gradient(135deg,#00bfff14,#8a2be21a);border-radius:14px;box-shadow:0 2px 18px #00bfff1a,0 0 0 2px #8a2be21a inset;padding:18px 18px 14px}.attribute-detail,.combat-stat-detail{font-size:1.08em;color:#b0e0e6;text-shadow:0 0 8px #00BFFF,0 0 12px #8A2BE2;margin-top:2px;margin-bottom:6px}.global-character-container{position:relative;display:flex;align-items:center;justify-content:center}.global-character-small{width:80px;height:80px}.global-character-medium{width:120px;height:120px}.global-character-large{width:160px;height:160px}.global-character-frame{position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--character-frame-bg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:2;pointer-events:none}.global-character-image{width:85%;height:85%;object-fit:cover;border-radius:8px;z-index:1;position:relative}.global-character-image.character-hit{animation:character-shake .25s ease-in-out,hit-flash .2s ease-in-out}.global-character-image.character-crit-hit{animation:character-shake .4s ease-in-out,crit-flash .3s ease-in-out}.global-character-image.character-dodge{animation:dodge-fade .3s ease-in-out}@keyframes crit-flash{0%{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.8) saturate(1.5) hue-rotate(30deg)}to{filter:brightness(1) hue-rotate(0deg)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,*,*:after,*:before{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important}.gold-warning-container{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;justify-content:center;pointer-events:none}.gold-warning-message{background:linear-gradient(90deg,#fffbe6,#ffe0b2);color:#b26a00;border:2px solid #ffd54f;border-radius:12px;padding:14px 32px 14px 18px;font-size:1.15em;font-weight:600;box-shadow:0 4px 16px #00000014;display:flex;align-items:center;gap:12px;pointer-events:auto}.gold-warning-close{background:none;border:none;color:#b26a00;font-size:1.3em;margin-left:12px;cursor:pointer;font-weight:700;pointer-events:auto}.floating-attribute-panel,.floating-combat-stats-panel{background:linear-gradient(135deg,#141923f2,#232d3cf2);border:2px solid rgba(0,191,255,.3);border-radius:12px;box-shadow:0 8px 32px #0009,0 0 20px #00bfff33,inset 0 1px 2px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:238px;min-height:43px;-webkit-user-select:none;user-select:none;transition:all .3s ease;transform:scale(.85);transform-origin:top left}.floating-attribute-panel:hover,.floating-combat-stats-panel:hover{border-color:#00bfff80;box-shadow:0 12px 40px #000000b3,0 0 30px #00bfff4d,inset 0 1px 2px #ffffff1a}.floating-attribute-panel.dragging,.floating-combat-stats-panel.dragging{cursor:grabbing!important;transform:scale(.85) rotate(2deg);box-shadow:0 16px 50px #000c,0 0 40px #00bfff66,inset 0 1px 2px #ffffff1a}.floating-attribute-panel.minimized,.floating-combat-stats-panel.minimized{width:170px;height:43px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#00bfff1a,#40e0ff1a);border-bottom:1px solid rgba(0,191,255,.2);border-radius:10px 10px 0 0;cursor:grab}.panel-header:active{cursor:grabbing}.panel-title{display:flex;align-items:center;gap:8px;color:#e0e8ff;font-weight:600;font-size:.9em}.panel-icon{font-size:1.1em;filter:drop-shadow(0 0 4px rgba(0,191,255,.5))}.panel-controls{display:flex;gap:4px}.panel-control-btn{background:#00bfff1a;border:1px solid rgba(0,191,255,.3);border-radius:4px;color:#e0e8ff;padding:2px 6px;cursor:pointer;font-size:.8em;transition:all .2s ease}.panel-control-btn:hover{background:#00bfff33;border-color:#00bfff80;transform:scale(1.1)}.panel-summary{padding:8px 12px;border-bottom:1px solid rgba(0,191,255,.1)}.points-display-compact{display:flex;justify-content:space-between;align-items:center;font-size:.85em}.points-available-compact,.total-invested-compact{display:flex;flex-direction:column;align-items:center;gap:2px}.points-number-compact,.invested-number-compact{font-size:1.2em;font-weight:700;color:#00bfff;text-shadow:0 0 8px rgba(0,191,255,.5)}.points-label-compact,.invested-label-compact{color:#b0c4de;font-size:.8em}.combat-power-display-compact{text-align:center}.power-rating-compact{display:flex;flex-direction:column;align-items:center;gap:2px}.power-number-compact{font-size:1.4em;font-weight:700;color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.5)}.power-label-compact{color:#b0c4de;font-size:.8em}.compact-attributes-grid{display:flex;flex-direction:column;gap:6px;padding:8px 12px}.compact-attribute-card{background:linear-gradient(135deg,#0000004d,#1419234d);border:1px solid rgba(0,191,255,.3);border-radius:8px;padding:8px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;position:relative;overflow:hidden}.compact-attribute-card:before{content:"";position:absolute;inset:0;background:var(--attr-gradient);opacity:.05;pointer-events:none}.compact-attribute-card:hover{border-color:var(--attr-color);box-shadow:0 0 12px #00bfff4d;transform:translateY(-1px)}.compact-attribute-card.main-stat-highlight{position:relative;border:2px solid #ffd700;box-shadow:0 0 15px #ffd70099,0 0 30px #ffd7004d,inset 0 0 15px #ffd7001a;animation:mainStatGlow 2s ease-in-out infinite alternate}.compact-attribute-card.main-stat-highlight:before{background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,223,0,.05),transparent)}.compact-attribute-card.main-stat-highlight:hover{border-color:gold;box-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70066,inset 0 0 20px #ffd70026}@keyframes mainStatGlow{0%{box-shadow:0 0 15px #ffd70099,0 0 30px #ffd7004d,inset 0 0 15px #ffd7001a}to{box-shadow:0 0 25px #ffd700cc,0 0 50px #ffd70080,inset 0 0 25px #ffd70033}}.compact-attribute-header{display:flex;align-items:center;gap:8px;flex:1}.compact-attribute-icon{font-size:1.2em;filter:drop-shadow(0 0 4px var(--attr-color))}.compact-attribute-info{display:flex;flex-direction:column;gap:2px}.compact-attribute-name{color:#e0e8ff;font-size:.85em;font-weight:500}.compact-attribute-value{color:var(--attr-color);font-size:1.1em;font-weight:700;text-shadow:0 0 6px rgba(var(--attr-color),.5)}.compact-upgrade-section{display:flex;align-items:center;gap:8px}.compact-upgrade-cost{color:gold;font-size:.88em;font-weight:500}.compact-upgrade-button{background:var(--attr-gradient);border:1px solid var(--attr-color);border-radius:4px;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:all .2s ease;box-shadow:0 0 8px #00bfff4d;position:relative;z-index:10}.compact-upgrade-button:hover{cursor:pointer!important}.compact-attribute-card:has(.compact-upgrade-button:hover){cursor:default!important}.floating-attribute-panel:has(.compact-upgrade-button:hover){cursor:default!important}.compact-upgrade-button:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 16px #00bfff80}.compact-upgrade-button:disabled{opacity:.4;cursor:not-allowed}.compact-combat-grid{display:flex;flex-direction:column;gap:6px;padding:8px 12px}.compact-combat-stat{background:linear-gradient(135deg,#0000004d,#1419234d);border:1px solid rgba(0,191,255,.2);border-radius:8px;padding:8px;transition:all .2s ease;position:relative;overflow:hidden}.compact-combat-stat:hover{border-color:#00bfff66;box-shadow:0 0 12px #00bfff33;transform:translateY(-1px)}.compact-combat-stat-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.compact-combat-icon{font-size:1.1em;filter:drop-shadow(0 0 4px rgba(0,191,255,.5))}.compact-combat-stat-info{display:flex;justify-content:space-between;align-items:center;flex:1}.compact-combat-stat-name{color:#e0e8ff;font-size:.85em;font-weight:500}.compact-combat-stat-value{color:#00bfff;font-size:1em;font-weight:700;text-shadow:0 0 6px rgba(0,191,255,.5)}.compact-health-bar{margin-top:4px}.health-bar-track-compact{background:#0006;border-radius:3px;height:4px;overflow:hidden}.health-bar-fill-compact{background:linear-gradient(90deg,#0f0,#0c0);height:100%;transition:width .3s ease;position:relative}.health-bar-pulse-compact{position:absolute;inset:0;background:#ffffff4d;animation:healthPulseCompact 2s infinite}.compact-percentage-indicator{margin-top:4px;background:#0006;border-radius:2px;height:3px;overflow:hidden}.percentage-fill{height:100%;transition:width .3s ease;border-radius:2px}.character-content-wrapper{display:flex;align-items:flex-start;gap:30px;width:100%;justify-content:flex-start}.compact-stats-panels{display:flex;flex-direction:column;gap:12px;flex-shrink:0;align-self:flex-start;margin-top:35px;margin-left:20px;min-width:200px;max-width:250px}.mythical-attribute-panel,.mythical-combat-panel{background:linear-gradient(135deg,#0f141ef2,#192332f2);border:1px solid rgba(255,215,0,.4);border-radius:8px;box-shadow:0 4px 16px #0009,0 0 12px #ffd7001a,inset 0 1px 2px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:250px;max-width:250px;transition:all 0s ease;position:relative;overflow:hidden}.mythical-attribute-panel:before,.mythical-combat-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,215,0,.03) 0%,transparent 50%,rgba(0,191,255,.03) 100%);border-radius:7px;pointer-events:none;z-index:1}.mythical-attribute-panel:hover,.mythical-combat-panel:hover{border-color:#ffd70099;box-shadow:0 6px 20px #000000b3,0 0 16px #ffd70033,inset 0 1px 2px #ffffff14}.mythical-attribute-panel.minimized,.mythical-combat-panel.minimized{height:auto;overflow:visible}.mythical-panel-header{padding:8px 12px;background:linear-gradient(135deg,#ffd70014,#00bfff0d);border-bottom:1px solid rgba(255,215,0,.2);border-radius:7px 7px 0 0;cursor:pointer;transition:all .2s ease;position:relative;z-index:2}.mythical-panel-header:hover{background:linear-gradient(135deg,#ffd7001f,#00bfff14)}.mythical-panel-title{display:flex;align-items:center;gap:8px;background:linear-gradient(45deg,var(--gold-primary),var(--gold-secondary),var(--gold-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);font-size:1.1em;font-weight:700;letter-spacing:1px;animation:hero-title-glow 3s ease-in-out infinite alternate}.mythical-panel-icon{font-size:1em;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.mythical-toggle-btn{display:none}.mythical-panel-content{padding:12px;position:relative;z-index:2}.mythical-panel-summary{padding:8px;margin-bottom:12px;background:linear-gradient(135deg,#0000004d,#1419234d);border:1px solid rgba(255,215,0,.2);border-radius:6px;text-align:center}.mythical-gold-display,.mythical-points-display,.mythical-combat-power{display:flex;flex-direction:column;align-items:center;gap:4px}.mythical-gold-amount,.mythical-points-amount,.mythical-power-amount{display:flex;align-items:center;gap:6px}.mythical-gold-icon,.mythical-points-icon,.mythical-power-icon{font-size:1em;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.mythical-gold-value,.mythical-points-value,.mythical-power-value{font-size:1.1em;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.6)}.mythical-gold-label,.mythical-points-label,.mythical-power-label{color:#b0c4de;font-size:.75em;font-weight:500}.mythical-attributes-grid,.mythical-combat-grid{display:flex;flex-direction:column;gap:6px}.mythical-attribute-card,.mythical-combat-card{background:linear-gradient(135deg,#0006,#14192366);border:1px solid rgba(255,215,0,.15);border-radius:6px;padding:8px;transition:all 0s ease;position:relative;overflow:hidden}.mythical-attribute-card:hover,.mythical-combat-card:hover{border-color:#ffd7004d;box-shadow:0 2px 8px #0006,0 0 8px #ffd70033;transform:translateY(-1px)}.mythical-attribute-card.main-stat{border-color:#ffd70066;box-shadow:0 0 8px #ffd7004d,0 0 16px #ffd7001a}.mythical-attribute-header,.mythical-combat-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mythical-attribute-icon-wrapper,.mythical-combat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#ffd70026,#ffdf0014);border:1px solid rgba(255,215,0,.3);border-radius:50%;box-shadow:0 0 6px #ffd70033}.mythical-attribute-icon,.mythical-combat-icon{font-size:.9em;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.mythical-attribute-icon-img,.mythical-combat-icon-img{width:16px;height:16px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6));object-fit:contain}.mythical-main-stat-indicator{position:absolute;top:-2px;right:-2px;background:#ffd700e6;border:1px solid #ffd700;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:.6em}.mythical-attribute-info,.mythical-combat-info{flex:1;display:flex;justify-content:space-between;align-items:center}.mythical-attribute-name,.mythical-combat-name{color:#fff;font-size:1.1em;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.mythical-attribute-value,.mythical-combat-value{color:#ffffffe6;font-size:1.15em;font-weight:500;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.3)}.mythical-attribute-description,.mythical-combat-description{color:#9db4d1;font-size:.8em;line-height:1.3;margin-top:3px;opacity:.9;font-style:italic}.mythical-upgrade-section{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,215,0,.15)}.mythical-upgrade-cost{display:flex;align-items:center;gap:4px}.mythical-cost-icon{font-size:.8em;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.mythical-cost-icon-img{width:12px;height:12px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6));object-fit:contain}.mythical-cost-value{color:gold;font-size:.75em;font-weight:500}.mythical-upgrade-button{background:linear-gradient(135deg,#8a2be2cc,#4b008299);border:2px solid rgba(255,215,0,.6);border-radius:50%;color:gold;width:32px;height:32px;cursor:pointer;font-weight:700;font-size:1.2em;transition:all 0s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ffd7004d,inset 0 0 8px #ffd7001a}.mythical-upgrade-button:hover:not(:disabled){transform:scale(1.1);border-color:gold;box-shadow:0 0 20px #ffd70099,0 0 30px #8a2be266,inset 0 0 12px #ffd70033;color:#fff}.mythical-upgrade-button:disabled{opacity:.3;cursor:not-allowed;transform:none;border-color:#ffd70033;box-shadow:none}.mythical-plus-icon{font-size:1.4em;line-height:1;text-shadow:0 0 8px rgba(255,255,255,.8)}.mythical-upgrade-icon{font-size:.8em}.mythical-health-bar{margin-top:6px}.mythical-health-track{background:#00000080;border:1px solid rgba(0,255,0,.2);border-radius:4px;height:6px;overflow:hidden;position:relative}.mythical-health-fill{background:linear-gradient(90deg,#0f0,#0d0);height:100%;transition:width .3s ease;position:relative}.mythical-health-pulse{position:absolute;inset:0;background:#fff3;animation:healthPulseCompact 2s infinite}@keyframes healthPulseCompact{0%,to{opacity:0}50%{opacity:1}}.mythical-health-text{color:#0f0;font-size:.65em;text-align:center;margin-top:2px;font-weight:500}.mythical-percentage-bar{margin-top:4px}.mythical-percentage-track{background:#00000080;border:1px solid rgba(0,191,255,.2);border-radius:3px;height:4px;overflow:hidden;position:relative}.mythical-percentage-fill{background:linear-gradient(90deg,#00bfffb3,#00bfff);height:100%;transition:width .3s ease;position:relative}.mythical-percentage-glow{position:absolute;inset:0;background:#ffffff4d;animation:percentageGlowCompact 1.5s ease-in-out infinite alternate}@keyframes percentageGlowCompact{0%{opacity:.1}to{opacity:.6}}.compact-attribute-card,.compact-combat-stat{position:relative;overflow:visible}.compact-attribute-card:hover:after,.compact-combat-stat:hover:after{content:attr(data-tooltip)}.compact-attribute-card[title]:hover:after,.compact-combat-stat[title]:hover:after{content:attr(title)}.compact-attribute-card:hover:after,.compact-combat-stat:hover:after{position:fixed;z-index:2147483647;left:50%;transform:translate(-50%);bottom:calc(100% + 10px);background:#0a0c14fa;border:3px solid rgba(0,191,255,.9);border-radius:10px;color:#fff;font-family:Cinzel,serif;font-size:.9em;font-weight:600;line-height:1.4;white-space:pre-line;text-shadow:1px 1px 2px rgba(0,0,0,.9);box-shadow:0 10px 30px #000000b3,0 0 20px #00bfff66;padding:10px 14px;min-width:200px;max-width:340px;pointer-events:none}.compact-attribute-card:hover:before,.compact-combat-stat:hover:before{content:"";position:fixed;z-index:2147483646;border:6px solid transparent;border-top-color:#00bfffe6;left:50%;transform:translate(-50%);bottom:calc(100% + 4px);pointer-events:none}@media (max-width: 1400px){.character-content-wrapper{gap:20px}.compact-stats-panels{margin-left:10px;min-width:230px;max-width:230px}.mythical-attribute-panel,.mythical-combat-panel{width:230px;max-width:230px}}@media (max-width: 1200px){.character-content-wrapper{flex-direction:column;gap:20px}.compact-stats-panels{flex-direction:row;margin-left:0;margin-top:20px;justify-content:center;flex-wrap:wrap}.mythical-attribute-panel,.mythical-combat-panel{width:210px;max-width:210px}}@media (max-width: 768px){.compact-stats-panels{flex-direction:column;align-items:center}.mythical-attribute-panel,.mythical-combat-panel{width:100%;max-width:270px}}.achievement-panel-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mystical-achievement-panel{width:90vw;max-width:1200px;height:85vh;background:linear-gradient(135deg,#0a192ff2,#192a43fa,#0f1e34f2);border:2px solid rgba(255,215,0,.4);border-radius:20px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 25px 60px #00000080,inset 0 1px #ffffff1a,0 0 40px #ffd70033;animation:slideInScale .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInScale{0%{transform:scale(.8) translateY(50px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.mystical-achievement-panel:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd7004d,#00bfff4d,#8a2be24d,#00bfff4d,#ffd7004d);border-radius:22px;z-index:-1;animation:mystical-aura 6s ease-in-out infinite}.achievement-header-content{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(135deg,#8a2be233,#4b008226);border-bottom:1px solid rgba(138,43,226,.3)}.achievement-title-section{display:flex;flex-direction:column;gap:8px}.achievement-subtitle{color:#fffc;font-size:1em;font-weight:500;letter-spacing:.5px;text-shadow:0 0 10px rgba(255,215,0,.3)}.mystical-close-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff45004d,#dc143c4d);border:2px solid rgba(255,69,0,.5);color:#fff;font-size:1.2em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mystical-close-btn:hover{background:linear-gradient(135deg,#ff450080,#dc143c80);border-color:#ff4500cc;transform:scale(1.1);box-shadow:0 0 20px #ff450066}.active-bonuses-section{padding:20px 25px;background:linear-gradient(135deg,#ffd7000d,#00bfff0d);border-bottom:1px solid rgba(255,215,0,.2)}.bonuses-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.bonuses-icon{font-size:1.3em;filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.bonuses-title{color:gold;font-weight:700;font-size:1.1em;text-shadow:0 0 10px rgba(255,215,0,.6)}.bonuses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.bonus-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#0003;border:1px solid rgba(255,215,0,.3);border-radius:8px;transition:all .3s ease}.bonus-item:hover{background:#ffd7001a;border-color:#ffd70080;transform:translateY(-1px)}.bonus-stat{color:#ffffffe6;font-size:.9em;font-weight:500}.bonus-value{color:gold;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.achievement-categories{padding:15px 25px 0;border-bottom:1px solid rgba(138,43,226,.2)}.mystical-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:15px}.mystical-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:20px;color:#fffc;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.9em;font-weight:500}.mystical-tab:hover{background:#8a2be233;border-color:#8a2be280;transform:translateY(-1px)}.mystical-tab.active{background:linear-gradient(135deg,#8a2be266,#4b008266);border-color:#8a2be2cc;color:#fff;box-shadow:0 0 15px #8a2be24d}.tab-icon{font-size:1.1em;filter:drop-shadow(0 0 4px currentColor)}.mystical-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0}.mystical-panel-content.mystical-scrollable{scrollbar-width:thin;scrollbar-color:rgba(138,43,226,.6) rgba(138,43,226,.1)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px}.achievement-card{background:linear-gradient(135deg,#4b00821a,#8a2be20d);border:2px solid rgba(138,43,226,.3);border-radius:12px;padding:16px;position:relative;transition:all .3s ease;overflow:hidden}.achievement-card:hover{transform:translateY(-2px);border-color:#8a2be280;box-shadow:0 8px 25px #8a2be233}.achievement-card.unlocked{background:linear-gradient(135deg,#ffd7001a,#00bfff0d);border-color:#ffd70066}.achievement-card.unlocked:hover{border-color:#ffd70099;box-shadow:0 8px 25px #ffd7004d}.achievement-card.locked{opacity:.6;filter:grayscale(50%)}.achievement-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.achievement-icon-container{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.achievement-icon{font-size:2em;z-index:2;position:relative;filter:drop-shadow(0 0 8px currentColor)}.achievement-glow{position:absolute;inset:-4px;border-radius:50%;opacity:.3;animation:achievement-glow-pulse 3s ease-in-out infinite}@keyframes achievement-glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.achievement-tier{font-size:.9em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 8px currentColor}.achievement-info{display:flex;flex-direction:column;gap:8px}.achievement-name{color:#fff;font-size:1.1em;font-weight:700;margin:0;text-shadow:0 0 10px rgba(255,255,255,.3)}.achievement-description{color:#fffc;font-size:.9em;line-height:1.4;margin:0}.achievement-progress{display:flex;flex-direction:column;gap:4px}.progress-bar-container{width:100%;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;border:1px solid rgba(138,43,226,.3)}.progress-bar{height:100%;background:linear-gradient(90deg,gold,#00bfff);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #ffd70080}.progress-text{font-size:.8em;color:#ffffffb3;text-align:center}.achievement-reward{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0003;border:1px solid rgba(255,215,0,.3);border-radius:6px}.reward-label{color:#fffc;font-size:.8em;font-weight:500}.reward-value{color:gold;font-weight:700;font-size:.9em;text-shadow:0 0 8px rgba(255,215,0,.5)}.achievement-badge{position:absolute;top:8px;right:8px;width:30px;height:30px;background:linear-gradient(135deg,#32cd32,#228b22);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1em;box-shadow:0 0 15px #32cd3280;animation:achievement-badge-pulse 2s ease-in-out infinite}@keyframes achievement-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mystical-scrollable::-webkit-scrollbar{width:8px}.mystical-scrollable::-webkit-scrollbar-track{background:#8a2be21a;border-radius:4px}.mystical-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8a2be299,#4b008299);border-radius:4px;border:1px solid rgba(138,43,226,.3)}.mystical-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#8a2be2cc,#4b0082cc)}.achievement-stats-summary{display:flex;gap:24px;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;background:#0003;border:1px solid rgba(138,43,226,.4);border-radius:8px}.stat-label{font-size:.8em;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.2em;font-weight:700;text-shadow:0 0 10px currentColor}.stat-value.victory{color:#2ecc71}.stat-value.defeat{color:#e74c3c}@media (max-width: 768px){.mystical-achievement-panel{width:95vw;height:90vh}.achievements-grid{grid-template-columns:1fr;padding:15px}.bonuses-grid{grid-template-columns:1fr}.mystical-tabs{flex-wrap:wrap}.achievement-header-content{padding:15px 20px}}.sell-confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9998}.sell-confirmation-box{position:absolute;background-color:#001932f2;border:2px solid #c70039;border-radius:8px;padding:15px 20px;color:#fff;box-shadow:0 0 15px #ff000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;font-size:1em;width:250px;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sell-confirmation-box p{margin:0 0 15px}.sell-confirmation-box strong{color:gold}.sell-buttons{display:flex;justify-content:space-around}.sell-buttons button{padding:8px 20px;border-radius:5px;border:none;font-weight:700;cursor:pointer;transition:all .2s ease}.confirm-button{background-color:#28a745;color:#fff}.confirm-button:hover{background-color:#218838;transform:scale(1.05)}.cancel-button{background-color:#dc3545;color:#fff}.cancel-button:hover{background-color:#c82333;transform:scale(1.05)}.mission-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-repeat:no-repeat;background-size:cover;background-position:center}.mission-bg-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.rogbert-legend-section{margin-bottom:24px}.rogbert-story-container{display:flex;gap:16px;align-items:flex-start;padding:20px;background:linear-gradient(135deg,#4b008226,#8a2be21a);border:1px solid rgba(138,43,226,.3);border-radius:12px;position:relative;overflow:hidden}.story-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0}.rogbert-icon{font-size:2.5em;z-index:2;position:relative;filter:drop-shadow(0 0 10px rgba(138,43,226,.6))}.legend-aura{position:absolute;inset:-8px;background:radial-gradient(circle,rgba(255,215,0,.2),rgba(138,43,226,.2),transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}.story-content{flex:1;display:flex;flex-direction:column;gap:12px}.story-text{margin:0;color:#ffffffe6;font-size:1em;line-height:1.6;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.5)}.story-signature{align-self:flex-end;margin-top:8px}.signature-text{font-size:.85em;color:#ffd700cc;font-weight:500;text-shadow:0 0 8px rgba(255,215,0,.4)}.expedition-controls-section{display:flex;gap:16px;margin-bottom:12px}.compact-section{flex:1}.compact-difficulty-grid{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.compact-difficulty-btn{flex:1;min-width:60px;max-width:80px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:linear-gradient(135deg,#0009,#4b00824d);border:1px solid rgba(138,43,226,.5);border-radius:8px;color:#ffffffe6;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.75em;position:relative;overflow:hidden}.compact-difficulty-btn:hover{background:linear-gradient(135deg,#8a2be266,#4b008280);border-color:#8a2be2b3;transform:translateY(-2px);box-shadow:0 4px 15px #8a2be24d,inset 0 1px #ffffff1a}.compact-difficulty-btn.selected{background:linear-gradient(135deg,#8a2be299,#4b008299);border-color:#ffd700cc;box-shadow:0 0 20px #8a2be299,0 0 10px #ffd70066,inset 0 1px #fff3;color:gold;text-shadow:0 0 8px rgba(255,215,0,.8)}.compact-difficulty-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.compact-difficulty-btn:hover:before{opacity:1}.diff-icon{font-size:.9em;filter:drop-shadow(0 0 4px rgba(138,43,226,.6))}.diff-name{font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.expedition-launch-section{flex:1;display:flex;flex-direction:column;gap:12px;align-items:center}.expedition-launch-btn{width:100%;max-width:180px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:1em;font-weight:600}.expedition-launch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.compact-rewards-preview{width:100%;max-width:250px}.portal-type{color:#ffffffb3;font-size:.85em;font-style:italic}.expedition-selection-panel{position:absolute;z-index:3;width:520px;max-height:500px;background:linear-gradient(135deg,#000000d9,#4b0082bf);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(138,43,226,.6);border-radius:16px;box-shadow:0 8px 32px #000c,0 0 20px #8a2be266}.expedition-panel-nature{left:20%;top:15%}.expedition-panel-fire{left:50%;top:10%;transform:translate(-50%)}.expedition-panel-ice{right:15%;top:15%}.mystical-missions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;padding:8px}.mystical-mission-card{background:linear-gradient(135deg,#4b008233,#8a2be21a);border:2px solid rgba(138,43,226,.3);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mystical-mission-card:hover{transform:translateY(-2px);border-color:#8a2be280;box-shadow:0 8px 25px #8a2be24d}.mystical-mission-card.selected{border-color:#8a2be2cc;background:linear-gradient(135deg,#8a2be24d,#4b008233);box-shadow:0 0 30px #8a2be280}.mission-card-image{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;margin-bottom:12px;border:1px solid rgba(138,43,226,.4)}.mission-card-image img{width:100%;height:100%;object-fit:cover}.mission-card-content{text-align:center}.mission-card-title{margin:0 0 8px;color:#fff;font-size:1.1em;font-weight:600;text-shadow:0 0 10px rgba(138,43,226,.8)}.mission-card-description{margin:0;color:#fffc;font-size:.9em;line-height:1.4}.selected-indicator{position:absolute;top:8px;right:8px;font-size:1.2em;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);animation:pulse-glow 2s infinite}.mystical-difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:8px}.difficulty-slot{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;cursor:pointer;background:#0000004d;transition:all .3s ease}.difficulty-slot:hover{background:#8a2be233;transform:translateY(-2px)}.difficulty-slot.selected{background:linear-gradient(135deg,#8a2be266,#4b008266);border-color:#8a2be2cc}.difficulty-content{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.difficulty-icon{font-size:1.8em;margin-bottom:4px}.difficulty-name{font-weight:600;font-size:1em;color:#fff}.difficulty-desc{font-size:.8em;color:#ffffffb3;font-style:italic}.mystical-rewards-display{padding:16px}.mystical-empty-rewards{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#fff9;text-align:center}.empty-icon{font-size:2em;opacity:.5}.mystical-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:8px}.reward-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:#0003;border:1px solid rgba(138,43,226,.3);border-radius:6px;transition:all .3s ease}.reward-item:hover{background:#8a2be21a;border-color:#8a2be280}.reward-icon{font-size:1em;opacity:.9}.reward-details{display:flex;flex-direction:column;gap:2px}.reward-label{font-size:.65em;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.reward-value{font-weight:600;color:#fff;font-size:.75em}.mystical-panel-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin:16px -20px -20px;background:linear-gradient(135deg,#4b00824d,#8a2be233);border:1px solid rgba(138,43,226,.3);border-radius:0 0 12px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expedition-launch-btn{font-size:1.1em;padding:12px 24px}.expedition-info{display:flex;flex-direction:column;gap:4px;text-align:right}.missions-remaining{color:#fffc;font-size:.9em;font-weight:500}.expedition-waiting-panel{max-width:1000px;height:650px;margin:0 auto}.expedition-waiting-content{display:flex;flex-direction:column;gap:20px;height:calc(100% - 120px);overflow-y:auto}.compact-waiting-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;background:linear-gradient(135deg,#000000d9,#4b0082bf,#000000d9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(138,43,226,.6);border-radius:16px;box-shadow:0 8px 32px #000c,0 0 20px #8a2be266;color:#fff;overflow:hidden;z-index:2001;animation:slideInScale .4s cubic-bezier(.4,0,.2,1)}.compact-waiting-panel:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd7004d,#00bfff4d,#8a2be24d,#00bfff4d,#ffd7004d);border-radius:20px;z-index:-1;animation:mystical-aura 6s ease-in-out infinite}.compact-expedition-header{text-align:center;padding:20px 20px 16px;background:linear-gradient(135deg,#ffd7000d,#00bfff0d);border-bottom:1px solid rgba(255,215,0,.15)}.expedition-name{margin:0;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);font-size:1.4em;font-weight:700;letter-spacing:2px;animation:hero-title-glow 3s ease-in-out infinite alternate;position:relative}.expedition-name:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.8),rgba(0,191,255,.6),rgba(255,215,0,.8),transparent);box-shadow:0 0 15px #ffd700cc;animation:mystical-underline 4s ease-in-out infinite}.compact-expedition-body{padding:20px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#0f0f3c1a,#1e1e5a33,#0f0f3c1a);position:relative}.compact-expedition-body:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,215,0,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,191,255,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(138,43,226,.03) 0%,transparent 50%);animation:mystical-ambient 8s ease-in-out infinite;pointer-events:none}.compact-story-section{background:linear-gradient(135deg,#ffd7000d,#00bfff0d);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:16px;position:relative;overflow:visible;transition:all .4s ease;z-index:1}.compact-story-section:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,#ffd70033,#00bfff33,#ffd70033);border-radius:16px;z-index:-1;opacity:.6;animation:mystical-aura 4s ease-in-out infinite}.compact-story-container{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:2}.story-avatar-small{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.rogbert-icon-small{font-size:1.8em;z-index:2;position:relative;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))}.legend-aura-small{position:absolute;inset:-4px;background:radial-gradient(circle,rgba(255,215,0,.3),rgba(0,191,255,.3),transparent 70%);border-radius:50%;animation:mystical-aura 3s ease-in-out infinite}.story-content-small{flex:1}.story-text-small{margin:0;color:#ffffffe6;font-size:1em;line-height:1.6;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.5);animation:fadeInUp .6s ease-out .2s both}.compact-meta-section{display:flex;justify-content:center;z-index:1;position:relative}.meta-badges{display:flex;gap:12px}.meta-badge{background:linear-gradient(135deg,#ffd7000d,#00bfff0d);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:8px 16px;color:gold;font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.8);position:relative;overflow:hidden;transition:all .4s ease;box-shadow:0 0 15px #ffd70033,inset 0 1px #ffffff1a;animation:fadeInUp .5s ease-out .4s both}.meta-badge:nth-child(2){animation-delay:.5s}.meta-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .6s ease}.expedition-type:before,.expedition-difficulty:before{left:100%;animation:mystical-shimmer 3s ease-in-out infinite}@keyframes mystical-shimmer{0%,to{left:-100%}50%{left:100%}}.compact-timer-section{display:flex;justify-content:center;z-index:1;position:relative}.compact-timer-crystal{position:relative;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#ffd7001a,#00bfff1a);border:2px solid rgba(255,215,0,.6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #ffd70066,inset 0 2px 4px #ffffff1a;transition:all .4s ease;animation:fadeInUp .5s ease-out .6s both}.timer-value{font-size:2em;font-weight:800;color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);z-index:2;position:relative;animation:hero-title-glow 3s ease-in-out infinite alternate}.crystal-glow{position:absolute;inset:-6px;border-radius:50%;background:linear-gradient(45deg,#ffd7004d,#00bfff4d,#8a2be24d,#00bfff4d,#ffd7004d);animation:mystical-aura 4s ease-in-out infinite;opacity:.7}.compact-completion-section{display:flex;justify-content:center;align-items:center;padding:20px 40px 24px;background:linear-gradient(135deg,#ffd7000d,#00bfff0d);border-top:1px solid rgba(255,215,0,.15);margin:0 -20px -20px;border-radius:0 0 16px 16px;position:relative;z-index:1;animation:fadeInUp .5s ease-out .2s both}.completion-message-small{margin:0 0 16px;color:gold;font-size:1em;font-weight:600;font-style:italic;text-shadow:0 0 10px rgba(255,215,0,.8)}.compact-finish-btn{background:linear-gradient(135deg,#ffd7000d,#00bfff0d);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:12px 40px;color:gold;font-size:1.1em;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.8);font-family:inherit;box-shadow:0 0 15px #ffd70033,inset 0 1px #ffffff1a;margin:0 auto}.compact-finish-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd70026,#00bfff26);border-color:#ffd70099;transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px #ffd7004d,0 0 40px #00bfff33}.compact-finish-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)}.compact-finish-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.compact-finish-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);transition:left .6s ease}.compact-finish-btn:hover:not(:disabled):before{left:100%}.daily-expeditions-info{position:absolute;top:70%;left:5px;z-index:15;width:fit-content}.daily-info-container{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;background:linear-gradient(135deg,#000000e6,#4b0082cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(138,43,226,.9);border-radius:15px;box-shadow:0 8px 30px #000000e6,0 0 25px #8a2be2cc;pointer-events:auto}.daily-missions-text{font-size:1.2em;font-weight:700;color:gold;text-shadow:0 0 15px rgba(255,215,0,1);text-align:center}.daily-reset-text{font-size:.85em;color:#fffc;text-align:center;font-style:italic}@keyframes hero-title-glow{0%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4)}to{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.6),0 0 90px rgba(0,191,255,.3)}}@keyframes mystical-underline{0%,to{background:linear-gradient(90deg,transparent,rgba(255,215,0,.8),rgba(0,191,255,.6),rgba(255,215,0,.8),transparent)}50%{background:linear-gradient(90deg,transparent,rgba(0,191,255,.8),rgba(255,215,0,.6),rgba(0,191,255,.8),transparent)}}@keyframes mystical-ambient{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.02)}}@keyframes slideInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.compact-waiting-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;z-index:2001}.expedition-name{font-size:1.2em}.compact-story-container{flex-direction:column;text-align:center;gap:8px}.story-avatar-small{align-self:center}.story-text-small{font-size:.85em}.meta-badges{flex-direction:column;align-items:center;gap:8px}.compact-timer-crystal{width:80px;height:80px}.timer-value{font-size:1.6em}}@media (max-width: 480px){.compact-waiting-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;margin:0;z-index:2001}.compact-expedition-body{padding:16px;gap:16px}.compact-story-section{padding:12px}.story-text-small{font-size:.8em;line-height:1.4}.compact-finish-btn{padding:10px 24px;font-size:1em}}.mystical-section{margin-bottom:20px}.mystical-section:last-child{margin-bottom:0}.mystical-section-header h3{margin-bottom:16px;letter-spacing:.5px}.expedition-launch-btn .button-icon{margin-right:4px}.mystical-panel,.mystical-button,.compact-difficulty-btn,.rogbert-story-container{transition:all .3s cubic-bezier(.4,0,.2,1)}.compact-difficulty-btn:focus,.expedition-launch-btn:focus{outline:2px solid rgba(138,43,226,.8);outline-offset:2px}.expedition-launch-btn:disabled{background:#8a2be233;border-color:#8a2be24d;color:#ffffff80}.expedition-selection-panel{z-index:10}.mystical-panel-content{position:relative;z-index:1}.story-text,.completion-message,.timer-status{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.mystical-panel{box-shadow:0 0 30px #8a2be266,0 8px 32px #0000004d}.legend-aura,.crystal-aura,.completion-aura{will-change:transform,opacity}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}.crystal-aura,.legend-aura{transform:translateZ(0);backface-visibility:hidden}@media (max-width: 768px){.expedition-selection-panel{height:auto;min-height:600px;max-height:90vh;overflow-y:auto}.rogbert-story-container{flex-direction:column;text-align:center;gap:12px;padding:16px}.story-avatar{align-self:center;width:50px;height:50px}.rogbert-icon{font-size:2em}.story-text{font-size:.9em;line-height:1.5}.signature-text{font-size:.8em}.expedition-controls-section{flex-direction:column;gap:16px}.compact-difficulty-grid{justify-content:center}.compact-difficulty-btn{min-width:80px;padding:10px 6px}.diff-icon{font-size:1em}.diff-name{font-size:.8em}.expedition-launch-btn{max-width:none;width:100%}.compact-rewards-preview{max-width:none}.mystical-missions-container{grid-template-columns:1fr}.mystical-difficulty-grid{grid-template-columns:1fr;gap:12px}.difficulty-slot{min-height:80px;padding:12px}.mystical-rewards-grid{grid-template-columns:1fr}.mystical-panel-footer{flex-direction:column;gap:16px;text-align:center}.expedition-info{text-align:center}.expedition-quest-display{flex-direction:column;text-align:center}.quest-image-container{align-self:center}.quest-meta{justify-content:center}.timer-crystal{width:140px;height:140px}.timer-display-value{font-size:2.4em}.expedition-progress-info{justify-content:center;gap:16px}}@media (max-width: 480px){.expedition-selection-panel{margin:0 8px;height:auto;max-height:95vh}.rogbert-story-container{padding:12px}.story-text{font-size:.85em}.compact-difficulty-grid{flex-direction:column;align-items:center}.compact-difficulty-btn{width:100%;max-width:200px;flex-direction:row;justify-content:center;gap:8px}.mystical-rewards-grid{gap:8px}.reward-item{padding:10px}.expedition-launch-btn{padding:12px 16px;font-size:1em}}.igloo-container{display:flex;flex-direction:column;width:100%;max-width:1000px;height:650px;padding:25px;box-sizing:border-box;color:#ffffffe6;background:linear-gradient(135deg,#4b008266,#8a2be24d);border:2px solid rgba(138,43,226,.6);border-radius:15px;box-shadow:0 0 30px #8a2be266;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.daily-free-reset-container{margin:20px auto;max-width:600px;padding:0 20px}.daily-free-reset-panel{background:linear-gradient(135deg,#00bfff26,#8a2be21a,#ffd7001a);border:2px solid rgba(0,191,255,.3);border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;animation:daily-reset-glow 4s ease-in-out infinite alternate}@keyframes daily-reset-glow{0%{border-color:#00bfff4d;box-shadow:0 0 20px #00bfff33}to{border-color:#ffd70066;box-shadow:0 0 30px #ffd7004d}}.free-reset-icon{font-size:2.5em;filter:drop-shadow(0 0 10px rgba(0,191,255,.6));animation:reset-icon-spin 6s linear infinite}@keyframes reset-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.free-reset-content{flex:1}.free-reset-title{font-size:1.4em;font-weight:700;color:#00bfff;margin-bottom:5px;text-shadow:0 0 10px rgba(0,191,255,.5)}.free-reset-description{color:#ffffffe6;font-size:1em;margin-bottom:8px}.free-reset-status{color:gold;font-size:.9em;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.free-reset-button{background:linear-gradient(45deg,#00bfff,#1e90ff);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 24px;color:#fff;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.8);min-width:100px}.free-reset-button.available:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00bfff66;background:linear-gradient(45deg,#1e90ff,#00bfff)}.free-reset-button.disabled{background:linear-gradient(45deg,#666,#888);cursor:not-allowed;opacity:.7}.free-reset-button.available{animation:reset-button-pulse 2s ease-in-out infinite alternate}@keyframes reset-button-pulse{0%{box-shadow:0 0 15px #00bfff4d}to{box-shadow:0 0 25px #00bfff99}}.igloo-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;pointer-events:none}.igloo-bg-img{width:100vw;height:105vh;object-fit:visible-fill;object-position:center;display:block;pointer-events:none;background:#001a2e}.igloo-decor{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.igloo-main-view{position:relative;width:100%;height:100%;min-height:650px;min-width:900px;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden}.igloo-main-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column}.igloo-portals{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none}@keyframes portalPulse{0%,to{opacity:.25;transform:scale(1);box-shadow:0 0 15px #fff6,inset 0 0 25px #ffffff26,0 0 40px #fff3}50%{opacity:.45;transform:scale(1.08);box-shadow:0 0 50px #fffc,0 0 100px #fff6,inset 0 0 35px #ffffff40,0 0 150px #ffffff26}}@keyframes portalVortex{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.02)}}@keyframes dimensionalRift{0%,to{background-size:100% 100%,80% 80%,150% 150%;filter:blur(1px) hue-rotate(0deg)}33%{background-size:110% 110%,90% 90%,180% 180%;filter:blur(1.5px) hue-rotate(10deg)}66%{background-size:90% 90%,70% 70%,200% 200%;filter:blur(2px) hue-rotate(-10deg)}}@keyframes naturePulse{0%,to{opacity:.25;transform:scale(1);box-shadow:0 0 20px #228b2299,0 0 40px #32cd3266,inset 0 0 30px #228b2240,0 0 80px #228b2233}50%{opacity:.45;transform:scale(1.08);box-shadow:0 0 60px #228b22,0 0 120px #32cd32b3,0 0 180px #228b2266,inset 0 0 45px #32cd3266,0 0 240px #228b2226}}@keyframes firePulse{0%,to{opacity:.25;transform:scale(1);box-shadow:0 0 20px #ff450099,0 0 40px #ff8c0080,inset 0 0 30px #ff450040,0 0 80px #ff00004d}50%{opacity:.45;transform:scale(1.08);box-shadow:0 0 60px #ff4500,0 0 120px #ff8c00cc,0 0 180px #ff000080,inset 0 0 45px #ff8c0080,0 0 240px #ff450033}}@keyframes icePulse{0%,to{opacity:.25;transform:scale(1);box-shadow:0 0 20px #87ceeb99,0 0 40px #add8e680,inset 0 0 30px #87ceeb40,0 0 80px #00bfff4d}50%{opacity:.45;transform:scale(1.08);box-shadow:0 0 60px #87ceeb,0 0 120px #add8e6cc,0 0 180px #00bfff80,inset 0 0 45px #add8e680,0 0 240px #87ceeb33}}@keyframes shimmer{0%{background-position:-300% 0,0 0,-200% -200%;opacity:.3}50%{background-position:0% 0,0 0,0% 0%;opacity:.6}to{background-position:300% 0,0 0,200% 200%;opacity:.3}}@keyframes portalSwirl{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.02)}50%{transform:rotate(180deg) scale(.98)}75%{transform:rotate(270deg) scale(1.02)}to{transform:rotate(360deg) scale(1)}}@keyframes energyRipples{0%,to{border-radius:50%;border-width:2px}25%{border-radius:45%;border-width:3px}50%{border-radius:55%;border-width:4px}75%{border-radius:48%;border-width:3px}}.igloo-portal-btn{position:absolute;background:transparent;border:3px solid rgba(255,255,255,.4);outline:none;cursor:pointer;pointer-events:auto;opacity:.4;transition:opacity .3s ease;border-radius:50%;animation:portalPulse 3s ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);overflow:hidden;transform:none}.igloo-portal-nature{background:radial-gradient(circle at 50% 50%,rgba(50,205,50,.3) 0%,transparent 70%);border-color:#228b22b3;animation:naturePulse 3.5s ease-in-out infinite}.igloo-portal-fire{background:radial-gradient(circle at 50% 50%,rgba(255,140,0,.3) 0%,transparent 70%);border-color:#ff4500b3;animation:firePulse 2.8s ease-in-out infinite}.igloo-portal-ice{background:radial-gradient(circle at 50% 50%,rgba(173,216,230,.3) 0%,transparent 70%);border-color:#87ceebb3;animation:icePulse 4.2s ease-in-out infinite}.igloo-portal-btn:focus{outline:4px solid #FFD700;outline-offset:2px;opacity:.7;transform:scale(1.12);animation-play-state:paused;border-color:gold;border-width:4px;filter:brightness(1.3) contrast(1.4) saturate(1.2);box-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70066,inset 0 0 30px #ffd7004d}.igloo-portal-btn:hover{opacity:.6;transform:scale(1.1);animation-duration:.8s;border-width:4px;filter:brightness(1.25) contrast(1.3) saturate(1.15);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.igloo-portal-btn:active{transform:scale(.95);opacity:.8;filter:brightness(1.4) contrast(1.5);animation-duration:.3s}.igloo-portal-btn:before{content:"";position:absolute;top:50%;left:50%;width:70%;height:70%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.1) 0%,transparent 60%),radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 80%);pointer-events:none;animation:portalPulse 2.5s ease-in-out infinite reverse}.igloo-portal-btn:after{content:"";position:absolute;top:50%;left:50%;width:90%;height:90%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.1) 30deg,transparent 60deg,rgba(255,255,255,.08) 90deg,transparent 120deg,rgba(255,255,255,.1) 150deg,transparent 180deg,rgba(255,255,255,.08) 210deg,transparent 240deg,rgba(255,255,255,.1) 270deg,transparent 300deg,rgba(255,255,255,.08) 330deg,transparent 360deg);pointer-events:none;animation:portalVortex 8s linear infinite}@keyframes portalVortex{0%{transform:translate(-50%,-50%) rotate(0) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.1);opacity:.6}to{transform:translate(-50%,-50%) rotate(360deg) scale(.8);opacity:.3}}.shop-panel{display:flex;flex-direction:column;justify-content:space-between;width:950px;height:750px;padding:15px;margin:0 0 0 20px;box-sizing:border-box;color:#e0ffff;background:transparent;border:none;border-radius:15px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:relative;overflow:hidden}.panel-title{text-align:center;margin:0 auto 15px;padding:0 20px;font-size:1.8em;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(255,215,0,.8),0 0 30px rgba(255,215,0,.6),0 0 45px rgba(255,215,0,.4);position:relative;background:linear-gradient(45deg,gold,orange,gold,#daa520);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;font-family:"serif";width:100%;display:flex;justify-content:center;align-items:center}.merchant-dialogue{margin-bottom:8px;padding:12px 16px;background:#0003;border:2px solid rgba(255,215,0,.3);border-radius:10px;color:#fff;font-style:italic;text-align:center;position:relative;min-height:40px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1em;font-weight:600;letter-spacing:.5px}.merchant-dialogue.mood-happy{border-color:#32cd32;background:#0003;box-shadow:0 4px 20px #32cd324d,0 0 15px #32cd3233}.merchant-dialogue.mood-excited{border-color:#ff69b4;background:#0003;box-shadow:0 4px 20px #ff69b44d,0 0 15px #ff69b433;animation:excitedPulse 1.5s ease-in-out infinite alternate}.merchant-dialogue.mood-annoyed{border-color:#dc143c;background:#0003;box-shadow:0 4px 20px #dc143c4d,0 0 15px #dc143c33}@keyframes excitedPulse{0%{transform:scale(1)}to{transform:scale(1.02)}}.reputation-bar{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:.85em;position:relative}.reputation-fill{height:6px;background:linear-gradient(90deg,#dc143c,gold,#32cd32);border-radius:3px;transition:width .5s ease;flex:1;position:relative;overflow:hidden}.reputation-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:reputationShimmer 2s infinite}@keyframes reputationShimmer{0%{left:-100%}to{left:100%}}.merchant-tip{background:linear-gradient(45deg,#32cd3233,#228b224d);border:2px solid #32CD32;border-radius:8px;padding:8px 12px;margin-bottom:10px;color:#32cd32;font-size:.85em;font-weight:700;text-align:center;animation:tipFadeIn .5s ease-in}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shop-categories{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;justify-content:center}.category-btn{padding:6px 12px;background:linear-gradient(145deg,#8b4513cc,#a0522d99);border:2px solid #CD853F;border-radius:8px;color:gold;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.85em;white-space:nowrap}.category-btn:hover,.category-btn.active{background:linear-gradient(145deg,gold,orange);color:#8b4513;box-shadow:0 0 15px #ffd70080;transform:scale(1.05)}.shop-content{display:flex;gap:10px;flex-grow:1;min-height:0;max-height:420px;background:#0003;border:2px solid rgba(255,215,0,.3);border-radius:15px;box-shadow:0 4px 20px #0000004d;padding:10px;position:relative}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px;flex:2;padding:10px;background:#0003;border:2px solid rgba(205,133,63,.3);border-radius:12px;height:100%;overflow:visible;max-height:420px}.shop-item-slot{position:relative;background:linear-gradient(145deg,#8b45134d,#a0522d33),radial-gradient(circle at center,rgba(255,215,0,.05) 0%,transparent 70%);border:2px solid #8B4513;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;min-height:90px;max-height:120px}.shop-item-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.shop-item-slot:hover:before{opacity:1;animation:shimmerEffect 1.5s ease-in-out infinite}@keyframes shimmerEffect{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shop-item-slot:hover,.shop-item-slot.selected{transform:scale(1.05);border-color:gold;box-shadow:0 0 20px #ffd70099,inset 0 0 15px #ffd7001a}.shop-item-slot.daily-deal{border-color:#ff1493;box-shadow:0 0 15px #ff149366;animation:dealPulse 2s ease-in-out infinite alternate}@keyframes dealPulse{0%{box-shadow:0 0 10px #ff149366}to{box-shadow:0 0 25px #ff1493cc}}.shop-item-slot img{width:70%;height:70%;object-fit:contain;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));transition:all .3s ease}.shop-item-slot:hover img{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5)) brightness(1.1);transform:scale(1.05)}.shop-item-price{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:linear-gradient(145deg,#000000e6,#8b4513cc);padding:4px 8px;border-radius:12px;border:1px solid #FFD700;font-size:.8em;color:gold;font-weight:700;min-width:50px;text-align:center;box-shadow:0 2px 6px #0009;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:2}.over-leveled-indicator{position:absolute;top:5px;right:5px;background:linear-gradient(45deg,gold,orange);border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:16px;animation:overLeveledGlow 2s ease-in-out infinite alternate;z-index:3;cursor:help}@keyframes overLeveledGlow{0%{box-shadow:0 0 10px #ffd70099;transform:scale(1)}to{box-shadow:0 0 20px gold;transform:scale(1.1)}}.shop-item-name{position:absolute;top:5px;left:5px;right:5px;background:#000c;color:#e0ffff;font-size:.7em;padding:2px 4px;border-radius:4px;text-align:center;font-weight:700;max-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.enhanced-pricing-display{font-size:11px;font-weight:700;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:0 2px 5px #00000080;display:flex;flex-direction:column;align-items:center;gap:2px}.original-price{font-size:9px;color:#999;text-decoration:line-through}.shop-item-rarity{position:absolute;top:8px;right:8px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 10px #00000080}.deal-badge{position:absolute;top:5px;left:5px;background:linear-gradient(45deg,#ff1493,#ff69b4);color:#fff;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);animation:dealBadgePulse 1s ease-in-out infinite alternate}@keyframes dealBadgePulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.rarity-common{background:#9d9d9d}.rarity-uncommon{background:#1eff00}.rarity-rare{background:#0070dd}.item-details-panel{flex:2;background:#0000004d;border:2px solid rgba(205,133,63,.3);border-radius:12px;padding:12px;overflow:hidden;height:100%;max-height:420px;display:flex;flex-direction:column}.right-sell-panel{flex:.8;background:#0000004d;border:2px solid rgba(205,133,63,.3);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px;height:100%;max-height:420px}.item-details-shop{text-align:left;display:flex;flex-direction:column;height:100%}.item-details-content{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:10px;padding-right:5px}.item-details-content::-webkit-scrollbar{width:8px}.item-details-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.item-details-content::-webkit-scrollbar-thumb{background:#cd853f99;border-radius:4px;transition:background-color .3s ease}.item-details-content::-webkit-scrollbar-thumb:hover{background:#cd853fcc}.purchase-controls{flex-shrink:0;margin-top:auto;padding-top:10px;border-top:1px solid rgba(205,133,63,.3)}.item-details-shop h4{margin:0 0 10px;color:gold;font-size:1.3em;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.rarity-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:.8em;font-weight:700;text-transform:uppercase;margin-bottom:10px}.rarity-badge.rarity-common{background:#9d9d9d;color:#fff}.rarity-badge.rarity-uncommon{background:#1eff00;color:#000}.rarity-badge.rarity-rare{background:#0070dd;color:#fff}.rarity-badge.rarity-epic{background:#a335ee;color:#fff}.rarity-badge.rarity-legendary{background:#ff8000;color:#fff}.daily-deal-info{background:linear-gradient(45deg,#ff149333,#ff69b433);border:2px solid #FF1493;border-radius:8px;padding:8px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.deal-label{color:#ff1493;font-weight:700;font-size:.9em}.savings{color:#32cd32;font-weight:700}.item-stats{margin:15px 0;background:#0003;padding:10px;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.item-stats h5{margin:0 0 8px;color:gold;font-size:1em}.stat-bonus{color:#32cd32;font-weight:700;margin:4px 0;font-size:.9em}.comparison-stats{margin:15px 0;padding:10px;background:#0003;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.comparison-stats h5{margin:0 0 8px;color:gold;font-size:1em}.stat-upgrade{color:#32cd32;font-weight:700}.stat-downgrade{color:tomato;font-weight:700}.purchase-controls{margin-top:20px;display:flex;flex-direction:column;gap:10px}.shop-buy-button,.negotiate-button{padding:12px 20px;font-size:1em;font-weight:700;cursor:pointer;border-radius:8px;border:2px solid #FFD700;transition:all .3s ease;text-align:center}.shop-buy-button{background:linear-gradient(145deg,gold,orange);color:#8b4513;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.shop-buy-button:hover:not(:disabled){background:linear-gradient(145deg,#ffed4e,gold);transform:scale(1.02);box-shadow:0 0 20px #ffd700cc,inset 0 0 15px #fff3}.shop-buy-button:disabled{background:linear-gradient(145deg,#666,#444);color:#999;cursor:not-allowed;border-color:#666}.negotiate-button{background:linear-gradient(145deg,peru,#8b4513);color:gold;font-size:.9em}.negotiate-button:hover{background:linear-gradient(145deg,#d2691e,peru);transform:scale(1.02);box-shadow:0 0 15px #cd853f99}.negotiation-result{background:#ffd7001a;border:2px solid #FFD700;border-radius:8px;padding:15px;text-align:center}.negotiated-price{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px}.negotiated-price .original-price{font-size:1em;color:#999;text-decoration:line-through}.negotiated-price .final-price{font-size:1.2em;color:#32cd32;font-weight:700}.accept-deal{background:linear-gradient(145deg,#32cd32,#228b22);color:#fff}.cancel-negotiation{background:linear-gradient(145deg,#dc143c,#b22222);color:#fff;border-color:#dc143c;padding:8px 16px;font-size:.9em;margin-top:5px}.item-details-placeholder{text-align:center;color:#999;font-style:italic;padding:40px 20px}.sell-section{margin:10px 0 8px}.sell-controls{display:flex;gap:12px;align-items:center;margin-bottom:8px;flex-wrap:wrap;justify-content:center}.sell-mode-toggle{padding:10px 16px;background:linear-gradient(145deg,peru,#8b4513);border:2px solid #FFD700;border-radius:8px;color:gold;font-weight:700;cursor:pointer;transition:all .3s ease}.sell-mode-toggle.active{background:linear-gradient(145deg,gold,orange);color:#8b4513;box-shadow:0 0 15px #ffd70080}.selected-count{color:gold;font-weight:700}.execute-bulk-sell{padding:8px 16px;background:linear-gradient(145deg,#32cd32,#228b22);border:2px solid #32CD32;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.execute-bulk-sell:disabled{background:linear-gradient(145deg,#666,#444);border-color:#666;cursor:not-allowed}.execute-bulk-sell:not(:disabled):hover{transform:scale(1.05);box-shadow:0 0 15px #32cd3280}.rarity-epic{background:#a335ee}.rarity-legendary{background:#ff8000}.shop-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:8px 12px;background:#0003;border:2px solid rgba(255,215,0,.3);border-radius:12px;box-shadow:0 4px 20px #0000004d;gap:12px}.shop-controls{display:flex;gap:10px;align-items:center}.shop-refresh-button{padding:8px 16px;background:linear-gradient(145deg,#4b0082cc,#8a2be299),radial-gradient(circle at center,rgba(148,0,211,.3) 0%,transparent 70%);color:#e6e6fa;border:2px solid #DDA0DD;border-radius:12px;font-size:.9em;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:0 0 8px rgba(221,160,221,.8);box-shadow:0 4px 12px #4b008266,inset 0 2px 4px #dda0dd33}.shop-refresh-button:hover{background:linear-gradient(145deg,#8a2be2e6,#9400d3b3),radial-gradient(circle at center,rgba(218,112,214,.4) 0%,transparent 70%);transform:scale(1.05);box-shadow:0 0 20px #8a2be299,0 4px 15px #4b008280;border-color:plum;text-shadow:0 0 12px rgba(221,160,221,1)}.shop-refresh-button:disabled{background:linear-gradient(145deg,#69696999,#454545cc),radial-gradient(circle at center,rgba(128,128,128,.2) 0%,transparent 70%);color:#a9a9a9;cursor:not-allowed;border-color:#696969;opacity:.6;text-shadow:none;box-shadow:0 2px 6px #6969694d,inset 0 1px 2px #8080801a}.shop-refresh-button:disabled:hover{transform:none;box-shadow:0 2px 6px #6969694d,inset 0 1px 2px #8080801a;border-color:#696969;text-shadow:none}.gold-display{color:gold;font-size:1em;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.shop-sell-area{margin-top:auto;padding:10px;text-align:center;background:linear-gradient(145deg,#ffd7001a,#cd853f1a),radial-gradient(circle at center,rgba(255,215,0,.08) 0%,transparent 70%);border:2px dashed #FFD700;border-radius:12px;color:gold;font-weight:700;font-size:.8em;transition:all .3s ease;position:relative;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-sell-area.drag-over{background:linear-gradient(145deg,#ffd70033,#cd853f33),radial-gradient(circle at center,rgba(255,215,0,.15) 0%,transparent 70%);border-color:#ffed4e;color:#ffed4e;transform:scale(1.02);box-shadow:0 0 25px #ffd70099,inset 0 0 15px #ffd7001a}.inventory-sell-mode{margin-top:8px;padding:8px;background:#0003;border:2px solid rgba(205,133,63,.3);border-radius:12px}.inventory-sell-mode h4{color:gold;margin:0 0 8px;text-align:center;font-size:.9em}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;max-height:120px;overflow-y:auto}.inventory-sell-slot{position:relative;aspect-ratio:1 / 1;background:#8b45134d;border:2px solid #8B4513;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.inventory-sell-slot.empty{border-color:#444;cursor:default}.inventory-sell-slot:not(.empty):hover{border-color:gold;transform:scale(1.05)}.inventory-sell-slot.selected{border-color:#32cd32;background:#32cd3233;box-shadow:0 0 15px #32cd3266}.inventory-sell-slot img{width:70%;height:70%;object-fit:contain}.sell-price{position:absolute;bottom:2px;left:50%;transform:translate(-50%);background:#000c;color:gold;padding:2px 4px;border-radius:4px;font-size:10px;font-weight:700}.confirmation-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-modal{background:linear-gradient(145deg,#8b4513e6,#a0522dcc);border:3px solid #FFD700;border-radius:15px;padding:25px;max-width:500px;width:90%;max-height:70vh;overflow-y:auto;color:#e0ffff;box-shadow:0 0 30px #000c}.confirmation-modal h3{color:gold;margin:0 0 15px;text-align:center}.bulk-sell-details{margin:15px 0;max-height:200px;overflow-y:auto;border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:10px}.sell-item-row{display:flex;align-items:center;gap:10px;padding:5px 0;border-bottom:1px solid rgba(255,215,0,.2)}.sell-item-row:last-child{border-bottom:none}.sell-item-row img{width:30px;height:30px;object-fit:contain}.confirmation-buttons{display:flex;gap:15px;justify-content:center;margin-top:20px}.confirm-sell{padding:12px 24px;background:linear-gradient(145deg,#32cd32,#228b22);border:2px solid #32CD32;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.confirm-sell:hover{transform:scale(1.05);box-shadow:0 0 15px #32cd3280}.cancel-sell{padding:12px 24px;background:linear-gradient(145deg,#dc143c,#b22222);border:2px solid #DC143C;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease}.cancel-sell:hover{transform:scale(1.05);box-shadow:0 0 15px #dc143c80}.item-comparison-section{margin-top:15px}.item-stats h5,.current-item-stats h5{color:gold;font-size:1.1em;margin-bottom:8px;text-shadow:0 0 8px rgba(255,215,0,.6)}.current-item-stats{margin-top:20px;padding-top:15px;border-top:2px solid rgba(255,215,0,.3)}.current-item-stats h5{color:#87ceeb;font-size:1em;margin-bottom:12px;word-wrap:break-word}.stat-comparison-grid{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.stat-comparison-grid::-webkit-scrollbar{width:6px}.stat-comparison-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.stat-comparison-grid::-webkit-scrollbar-thumb{background:#cd853f66;border-radius:3px}.stat-comparison-row{display:grid;grid-template-columns:80px 1fr 60px;gap:8px;align-items:center;padding:4px 8px;border-radius:4px;font-size:.9em;transition:background-color .2s ease}.stat-comparison-row:hover{background-color:#ffffff0d}.stat-name{font-weight:700;color:#ccc}.stat-values{text-align:center;font-family:monospace}.stat-difference{text-align:right;font-weight:700;font-size:.85em}.stat-upgrade{background-color:#4caf501a;border-left:3px solid #4CAF50}.stat-upgrade .stat-values,.stat-upgrade .stat-difference{color:#4caf50}.stat-downgrade{background-color:#f443361a;border-left:3px solid #f44336}.stat-downgrade .stat-values,.stat-downgrade .stat-difference{color:#f44336}.stat-neutral{background-color:#ffc1071a;border-left:3px solid #ffc107}.stat-neutral .stat-values,.stat-neutral .stat-difference{color:#ffc107}.no-equipped-item{margin-top:20px;padding:15px;background-color:#8a2be21a;border:2px solid rgba(138,43,226,.3);border-radius:8px;text-align:center}.no-equipped-item p{margin:5px 0;color:#ccc}.upgrade-indicator{color:#4caf50!important;font-weight:700;text-shadow:0 0 8px rgba(76,175,80,.6)}.hover-tooltip.comparison-tooltip{max-width:320px;background:linear-gradient(145deg,#141414f2,#282828f2);border:2px solid rgba(255,215,0,.4);border-radius:12px;padding:12px;box-shadow:0 8px 32px #000c,0 0 20px #ffd7004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes character-shake{0%{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}to{transform:translate(0)}}.character-hit{animation:character-shake .25s ease-in-out,hit-flash .2s ease-in-out}.character-crit-hit{animation:character-shake .4s ease-in-out,hit-flash .3s ease-in-out}.character-dodge{animation:dodge-fade .5s ease-in-out}.battle-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;height:700px;color:#fff;gap:80px;position:relative;background:transparent;border-radius:20px;padding:40px 30px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;overflow:visible}.battle-container.mystical-battle{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid rgba(255,107,107,.3);box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff1a,0 0 100px #ff6b6b26}.battle-container:before{display:none}.battle-container:after{display:none}.battle-container.results-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a192ff2,#192a43fa,#0f1e34f2);z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center}.results-modal{background:linear-gradient(135deg,#0a192f26,#192a4340,#0f1e3426);border:3px solid rgba(255,215,0,.4);background-clip:padding-box;border-radius:20px;padding:50px;box-shadow:0 0 50px #ffd70099,inset 0 1px #ffffff1a,0 25px 50px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;max-width:600px;text-align:center;position:relative;overflow:hidden}.results-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,215,0,.3) 0%,transparent 25%,transparent 75%,rgba(255,215,0,.3) 100%);border-radius:20px;pointer-events:none;animation:results-glow 3s ease-in-out infinite}@keyframes results-glow{0%,to{opacity:.3}50%{opacity:.6}}.results-modal h2{font-size:3em;margin-top:0;color:var(--gold-primary, #FFD700);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);position:relative;z-index:1;animation:victory-text 2s ease-out;text-transform:uppercase;letter-spacing:2px}@keyframes victory-text{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.reward-info{text-align:center;background-color:#0000004d;padding:15px;border-radius:5px;margin-bottom:20px}.reward-info p{margin:5px 0;font-size:1.2em}.item-drop-info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,191,255,.3)}.item-drop-info h4{color:#28a745;margin-bottom:10px}.item-drop-info img{width:70px;height:70px;background-color:#00000080;border-radius:8px;border:2px solid #00BFFF}.fighter-panel{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;padding:30px 20px;background:linear-gradient(135deg,#0000004d,#0f172a80,#0000004d);border-radius:16px;border:1px solid rgba(0,191,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff0d;transition:all .3s ease}.fighter-panel.player{background:linear-gradient(135deg,#00640026,#0f172a80,#0000004d);border-color:#00ff7f4d}.fighter-panel.boss{background:linear-gradient(135deg,#64000026,#0f172a80,#0000004d);border-color:#ff45004d}.character-frame{position:relative;width:520px;height:440px;background-image:var(--player-frame-bg);background-size:cover;background-position:top center;display:flex;justify-content:center;align-items:center;padding-top:30px;box-sizing:border-box;overflow:visible;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,215,0,.2));transition:all .3s ease}.fighter-panel.player .character-frame{filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(0,255,127,.3)) drop-shadow(0 0 40px rgba(0,255,127,.1))}.fighter-panel.boss .character-frame{filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,69,0,.3)) drop-shadow(0 0 40px rgba(255,69,0,.1))}.character-frame-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.character-image{width:260px;height:325px;object-fit:cover;filter:brightness(1.05) saturate(1.1);transition:all .3s ease;z-index:1}.arena-player-frame{position:relative;width:455px;height:390px;display:flex;justify-content:center;align-items:center;margin-bottom:30px;border-radius:15px;overflow:hidden}.arena-player-frame:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--player-frame-bg);background-size:cover;background-position:center;z-index:25;pointer-events:none}.arena-player-image{width:364px;height:325px;object-fit:cover;margin-top:10px;z-index:5}.arena-player-frame .battle-character-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;margin-top:0!important;display:block}.arena-player-frame img.character-frame+img.battle-character-image,.arena-player-frame .character-frame+.character-image-container .battle-character-image{max-width:90%!important;max-height:90%!important}.character-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.char-img{width:260px;height:325px;object-fit:cover;filter:brightness(1.05) saturate(1.1);transition:all .3s ease}.battle-character-display{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.battle-character-display .global-character-image{width:150px;height:150px}.battle-character-display .global-character-frame{width:180px;height:180px}.hp-bar-container{width:100%;height:35px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:2px solid rgba(0,191,255,.4);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.hp-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff4757,#ff3742,#ff2f3a,#ff1e2d);border-radius:16px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 20px #ff6b6b80,inset 0 2px 4px #fff3}.hp-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:hp-bar-shine 2s ease-in-out infinite}.hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.1em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:10}.fighter-panel h3{font-size:1.6em;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(0,191,255,.4);color:#fff;margin:10px 0;letter-spacing:1px;text-transform:uppercase}.fight-button{padding:25px 50px;font-size:2.2em;font-weight:700;cursor:pointer;border-radius:15px;border:3px solid transparent;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fight-button: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 .5s}.fight-button:hover:before{left:100%}.fight-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #0006}.fight-button.victorious{background:linear-gradient(45deg,#00ff7f,#32cd32,#228b22);border-color:#00ff7f;box-shadow:0 0 30px #00ff7f99,0 10px 25px #0000004d;animation:victory-glow 2s ease-in-out infinite}@keyframes victory-glow{0%,to{box-shadow:0 0 30px #00ff7f99,0 10px 25px #0000004d}50%{box-shadow:0 0 50px #00ff7fcc,0 15px 35px #0006}}.fight-button.defeated{background:linear-gradient(45deg,#ff4500,red,#dc143c);border-color:#ff4500;box-shadow:0 0 30px #ff450099,0 10px 25px #0000004d}.defeat-options{display:flex;justify-content:center;gap:30px}.fight-button.return{background:linear-gradient(45deg,#00bfff,#1e90ff,#06c);border-color:#00bfff;box-shadow:0 0 25px #00bfff80,0 8px 20px #0000004d;font-size:1.8em;padding:20px 40px}.weapon-img{position:absolute;width:100px;height:100px;transition:all .3s ease-out}.player-weapon{bottom:50px;right:-40px;left:auto}.boss-weapon{bottom:50px;left:-40px;right:auto}.player-weapon.attacking{transform:translate(-180px) translateY(-50px) rotate(45deg)}.boss-weapon.attacking{transform:translate(180px) translateY(-50px) rotate(-45deg)}.mirrored-opponent-weapon{right:-40px!important;left:auto!important;bottom:50px!important}.hit-text{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:3.5em;font-weight:900;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 20px rgba(255,255,255,.8);animation:enhanced-damage-animation 1.2s ease-out forwards;white-space:nowrap;color:#fff;z-index:15;letter-spacing:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 20px;border-radius:10px;background:#0000004d}.hit-text.critical{color:#fc0;font-size:4.5em;animation:enhanced-critical-animation 1.5s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 30px rgba(255,204,0,1),0 0 60px rgba(255,204,0,.5);background:linear-gradient(45deg,#fc03,#ffa5004d)}.hit-text.dodged{color:#00bfff;font-size:4em;animation:enhanced-dodge-animation 1.3s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 25px rgba(0,191,255,1),0 0 50px rgba(0,191,255,.5);background:linear-gradient(45deg,#00bfff33,#0096ff4d)}@keyframes enhanced-damage-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(-5deg)}20%{transform:translate(-50%,-55%) scale(1.1) rotate(2deg)}to{opacity:0;transform:translate(-50%,-200%) scale(1.5) rotate(0)}}@keyframes enhanced-critical-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-10deg)}15%{transform:translate(-50%,-55%) scale(1.3) rotate(5deg)}30%{transform:translate(-50%,-50%) scale(1.2) rotate(-5deg)}50%{transform:translate(-50%,-60%) scale(1.4) rotate(3deg)}to{opacity:0;transform:translate(-50%,-250%) scale(2.2) rotate(0)}}@keyframes enhanced-dodge-animation{0%{opacity:1;transform:translate(-50%,-50%) skew(0) scale(1)}25%{transform:translate(-80%,-60%) skew(15deg) scale(1.1)}50%{transform:translate(-120%,-70%) skew(25deg) scale(1.2)}to{opacity:0;transform:translate(-180%,-90%) skew(30deg) scale(1.3)}}.battle-controls{display:flex;justify-content:center;align-items:center;position:relative;background:linear-gradient(135deg,#0a192f26,#192a4340,#0f1e3426);border-radius:16px;padding:20px;border:2px solid rgba(255,215,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff1a}.versus-text{font-size:6em;font-weight:900;color:var(--gold-primary, #FFD700);text-shadow:3px 3px 6px rgba(0,0,0,.8),0 0 30px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.4);animation:vs-pulse 2s ease-in-out infinite;letter-spacing:.1em;position:relative;text-transform:uppercase}.versus-text:before{content:"VS";position:absolute;top:0;left:0;background:linear-gradient(45deg,#c70039,#ff5733);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:-1;animation:vs-shadow 2s ease-in-out infinite}@keyframes vs-rainbow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes vs-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes vs-shadow{0%,to{transform:translate(2px,2px);opacity:.3}50%{transform:translate(4px,4px);opacity:.6}}@keyframes damage-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(1.2)}}@keyframes critical-damage-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(-5deg)}20%{transform:translate(-50%,-55%) scale(1.3) rotate(5deg)}40%{transform:translate(-50%,-50%) scale(1.2) rotate(-5deg)}to{opacity:0;transform:translate(-50%,-200%) scale(2) rotate(0)}}@keyframes dodge-animation{0%{opacity:1;transform:translate(-50%,-50%) skew(0)}50%{transform:translate(-100%,-60%) skew(20deg)}to{opacity:0;transform:translate(-150%,-70%) skew(20deg)}}.equipped-weapon-arena{position:absolute;width:80px!important;height:80px!important;pointer-events:none;opacity:.95;filter:drop-shadow(0 0 8px #000a)}.equipped-weapon-display{position:absolute;right:30px;bottom:30px;z-index:1000;pointer-events:none}.equipped-weapon-display img{width:80px;height:80px;filter:drop-shadow(0 0 8px #000a)}.equipped-weapon-overlay{position:fixed;bottom:40px;right:40px;width:100px;height:100px;z-index:10000;pointer-events:none;filter:drop-shadow(0 5px 15px rgba(0,0,0,.7));opacity:.95;transition:transform .3s ease-out}.equipped-weapon-overlay:hover{transform:scale(1.1)}.equipped-weapon-overlay-container{position:fixed;bottom:40px;right:40px;z-index:10000;pointer-events:none}.equipped-weapon-image{width:100px;height:100px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.7));opacity:.95}.debug-box{pointer-events:auto;background-color:#000c;color:#0f0;padding:10px;border:1px solid #00ff00;border-radius:5px;font-family:monospace;font-size:12px;white-space:pre-wrap;max-width:300px;max-height:400px;overflow:auto}.equipped-weapon-arena-frame{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:15;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));opacity:0;transition:opacity .4s ease,transform .4s ease}.equipped-weapon-fade-in{opacity:1!important;transform:translate(-50%,-50%) scale(1.05)}.equipped-weapon-fade-out{opacity:0!important;transform:translate(-50%,-50%) scale(.9)}.equipped-weapon-arena-frame.opponent-weapon{top:60%;left:50%;transform:translate(-50%,-50%) scaleX(-1);width:120px;height:120px;z-index:15;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));opacity:0;transition:opacity .4s ease,transform .4s ease}.equipped-weapon-arena-frame.opponent-weapon.equipped-weapon-fade-in{opacity:1!important;transform:translate(-50%,-50%) scale(1.05) scaleX(-1)!important}.equipped-weapon-arena-frame.opponent-weapon.equipped-weapon-fade-out{opacity:0!important;transform:translate(-50%,-50%) scale(.9) scaleX(-1)!important}.weapon-slash-effect{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(45deg,transparent,#FFD700,#FFA500,transparent);opacity:.8;animation:slash-effect .3s ease-out forwards;border-radius:50%;filter:blur(2px)}@keyframes slash-effect{0%{transform:translate(-50%,-50%) scale(0) rotate(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2) rotate(45deg);opacity:1}to{transform:translate(-50%,-50%) scale(1.5) rotate(90deg);opacity:0}}.weapon-magic-effect{position:absolute;width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#9370DB,#4B0082,transparent);opacity:.9;animation:magic-effect .4s ease-out forwards;border-radius:50%;box-shadow:0 0 30px #9370db}@keyframes magic-effect{0%{transform:translate(-50%,-50%) scale(0);opacity:0}30%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.weapon-bow-effect{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;pointer-events:none}.weapon-bow-effect img,.weapon-bow-effect video{width:100%;height:100%;object-fit:contain}.weapon-strike-effect{position:absolute;width:180px;height:180px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#FF4500,#FF6347,transparent);opacity:.8;animation:strike-effect .35s ease-out forwards;border-radius:50%;box-shadow:0 0 25px #ff4500}@keyframes strike-effect{0%{transform:translate(-50%,-50%) scale(0);opacity:0;box-shadow:0 0 #ff4500}40%{transform:translate(-50%,-50%) scale(1.1);opacity:1;box-shadow:0 0 40px #ff4500}to{transform:translate(-50%,-50%) scale(1.8);opacity:0;box-shadow:0 0 60px #ff4500}}.multiplayer-controls{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10;background-color:#000c;padding:15px 25px;border-radius:10px;border:2px solid #4CAF50;min-width:300px;text-align:center}.turn-indicator{margin-bottom:15px;font-size:1.2em;font-weight:700}.your-turn{color:#4caf50;text-shadow:0 0 10px rgba(76,175,80,.5)}.waiting{color:#ff9800;animation:pulse 1.5s ease-in-out infinite}.opponent-turn{color:#f44336;text-shadow:0 0 10px rgba(244,67,54,.5)}.action-buttons{display:flex;gap:15px;justify-content:center}.action-button{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:1em;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:100px}.action-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #2196f366}.action-button.attack{background:linear-gradient(45deg,#4caf50,#388e3c)}.action-button.attack:hover{background:linear-gradient(45deg,#388e3c,#2e7d32);box-shadow:0 6px 12px #4caf5066}.action-button.forfeit{background:linear-gradient(45deg,#f44336,#d32f2f)}.action-button.forfeit:hover{background:linear-gradient(45deg,#d32f2f,#c62828);box-shadow:0 6px 12px #f4433666}.action-button:disabled{background:#666;cursor:not-allowed;opacity:.6;transform:none!important;box-shadow:none!important}.fighter-panel.attacking{animation:combat-stance .6s ease-in-out;transform:scale(1.02)}.fighter-panel.taking-damage{animation:damage-shake .4s ease-in-out;filter:hue-rotate(15deg) saturate(1.2)}@keyframes combat-stance{0%,to{transform:scale(1)}50%{transform:scale(1.02) translateY(-2px)}}@keyframes damage-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.battle-container.intense{box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff1a,0 0 150px #ff450033}.battle-container.critical{animation:critical-battle 1s ease-in-out infinite}@keyframes critical-battle{0%,to{box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff1a,0 0 100px #ff45004d}50%{box-shadow:0 30px 60px #0009,inset 0 1px #ffffff26,0 0 180px #ff450080}}.arena-lightning{position:absolute;inset:0;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.05) 49%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 51%,transparent 100%);opacity:0;animation:lightning-flash .2s ease-in-out;pointer-events:none;border-radius:20px}@keyframes lightning-flash{0%,to{opacity:0}50%{opacity:1}}@media (max-width: 1400px){.battle-container{max-width:1200px;height:650px;gap:25px;padding:35px 25px}.character-frame{width:480px;height:410px}.versus-text{font-size:5em}}@media (max-width: 1200px){.battle-container{max-width:1000px;height:600px;gap:20px;padding:30px 20px}.character-frame{width:440px;height:380px}.char-img,.character-image{width:230px;height:290px}.versus-text{font-size:4.5em}.hit-text{font-size:3em}.hit-text.critical{font-size:4em}.hit-text.dodged{font-size:3.5em}}.battle-container.entering{animation:arena-entrance 1.5s ease-out forwards}@keyframes arena-entrance{0%{opacity:0;transform:scale(.9);filter:blur(5px)}50%{opacity:.7;transform:scale(1.02);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.mystical-battle .fighter-panel.player-side{order:1}.mystical-battle .fighter-panel.opponent-side{order:3;transform:scaleX(-1)}.mystical-battle .opponent-side .character-portrait,.mystical-battle .opponent-side .fighter-name,.mystical-battle .opponent-side .hp-bar-container,.mystical-battle .opponent-side .status-effects-container{transform:scaleX(-1)}.mystical-battle .hp-bar-container.mystical-hp{background:#0000004d;border-radius:10px;padding:5px;border:1px solid rgba(255,255,255,.2)}.mystical-battle .hp-bar.player-hp{background:linear-gradient(45deg,#4caf50,#45a049)}.mystical-battle .hp-bar.opponent-hp{background:linear-gradient(45deg,#ff4757,#ff6b7a)}.mystical-battle .fighter-name{background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.2rem;font-weight:700;text-shadow:0 0 10px rgba(255,107,107,.3);margin:10px 0}.mystical-battle .character-frame.opponent-frame{border:3px solid rgba(255,107,107,.5);border-radius:15px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px}.mystical-battle .character-frame.player-frame{border:3px solid rgba(76,175,80,.5);border-radius:15px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px}.mystical-battle .character-portrait.opponent-portrait{width:120px;height:120px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1a1a2e;border:2px solid rgba(255,107,107,.3)}.mystical-battle .char-img.opponent-char{width:100%;height:100%;object-fit:cover;border-radius:50%}.mystical-battle .hit-text{background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,107,107,.8);font-weight:700}.mystical-battle .hit-text.critical{background:linear-gradient(45deg,#ff4757,#ff6b7a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 25px rgba(255,71,87,1)}.results-overlay.mystical-results{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:linear-gradient(135deg,#0a192ff2,#192a43fa,#0f1e34f2)!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000!important;display:flex!important;justify-content:center!important;align-items:center!important}.results-modal.mystical-modal{background:linear-gradient(135deg,#0a192fd9,#192a43e6,#0f1e34d9);border:3px solid rgba(255,215,0,.6);border-radius:20px;padding:60px 80px;text-align:center;box-shadow:0 0 50px #ffd70099,0 25px 50px #000c,inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:600px;width:90%;transform:scale(1);animation:modalAppear .5s ease-out}@keyframes modalAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.result-title{font-size:3.5rem;margin:0 0 30px;background:linear-gradient(45deg,gold,orange,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.8),0 0 60px rgba(255,215,0,.4);font-weight:700;letter-spacing:2px}.reward-info.mystical-rewards{margin:30px 0;padding:25px;background:linear-gradient(135deg,#ffffff1a,#ffd7001a,#ffffff1a);border-radius:15px;border:2px solid rgba(255,215,0,.3);box-shadow:0 0 25px #ffd70033,inset 0 1px #ffffff1a}.reward-info.mystical-rewards p{font-size:1.4rem;margin:15px 0;background:linear-gradient(45deg,#4caf50,#66bb6a,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;text-shadow:0 0 20px rgba(76,175,80,.5)}.fight-button.mystical-button.primary{background:linear-gradient(45deg,gold,orange);border:3px solid #FFD700;color:#000;padding:18px 40px;border-radius:15px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin:20px 10px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 25px #ffd70080,0 8px 20px #0000004d}.fight-button.mystical-button.primary:hover{background:linear-gradient(45deg,orange,#ff8c00);border-color:orange;transform:translateY(-3px);box-shadow:0 0 35px #ffd700cc,0 12px 30px #0006}.fight-button.mystical-button.secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.3);color:#fff;padding:18px 40px;border-radius:15px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin:20px 10px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 20px #0000004d}.fight-button.mystical-button.secondary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 0 25px #ffffff4d,0 12px 30px #0006}.fight-button.victorious.mystical-button.primary{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.mystical-battle .character-frame-container{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center}.mystical-battle .character-frame{width:160px;height:160px;position:relative;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:center}.mystical-battle .character-portrait-wrapper{width:120px;height:120px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0000004d}.mystical-battle .character-portrait-image{width:100%;height:100%;object-fit:cover}.mystical-battle .opponent-portrait-image,.opponent-frame-container,.opponent-frame-container .character-portrait-image{transform:scaleX(-1)}.mystical-hp .hp-bar{background:linear-gradient(90deg,#4caf50,#45a049);border-radius:8px;height:12px;box-shadow:0 2px 4px #0000004d;border:1px solid rgba(255,255,255,.2)}.mystical-hp .hp-text{color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.7);font-size:.9rem}.battle-container .character-frame{position:relative;width:409px;height:351px;background-image:var(--player-frame-bg);background-size:cover;background-position:top center;display:flex;justify-content:center;align-items:center;padding-top:30px;box-sizing:border-box;overflow:visible;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,215,0,.2));transition:all .3s ease}.battle-container .character-image,.battle-container .char-img{width:327px;height:292px;object-fit:cover;filter:brightness(1.05) saturate(1.1);transition:all .3s ease;z-index:1}.battle-container .fighter-panel.player .character-frame{filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(0,255,127,.3)) drop-shadow(0 0 40px rgba(0,255,127,.1))}.battle-container .fighter-panel.boss .character-frame{filter:drop-shadow(0 15px 30px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,69,0,.3)) drop-shadow(0 0 40px rgba(255,69,0,.1))}.battle-container .fighter-panel.boss .character-frame-container,.battle-container .fighter-panel.boss .character-portrait-image{transform:scaleX(-1)}.battle-container .fighter-panel.boss .weapon-display-container{position:absolute;left:-5px;bottom:15px;width:50px;height:50px;z-index:10}.battle-container .fighter-panel.player .weapon-display-container{position:absolute;right:-5px;bottom:15px;width:50px;height:50px;z-index:10}.champion-weapon-overlay,.arena-weapon-overlay{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));transition:transform .3s ease}.battle-container .equipped-weapon-overlay.attacking{animation:weapon-strike .6s ease-out}@keyframes weapon-strike{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(15deg)}to{transform:scale(1) rotate(0)}}.weapon-img.battle-weapon{width:var(--weapon-battle-width, 180px);height:var(--weapon-battle-height, 180px);z-index:2}.weapon-img.slash-attack.attacking,.weapon-img.chop-attack.attacking{animation:weapon-slash-attack .3s cubic-bezier(.4,1.4,.6,1) forwards}@keyframes weapon-slash-attack{0%{transform:scale(1) rotate(0)}60%{transform:scale(1.2) rotate(60deg)}to{transform:scale(1) rotate(0)}}.weapon-img.arrow-attack.attacking{animation:weapon-arrow-draw .35s cubic-bezier(.4,1.4,.6,1) forwards}@keyframes weapon-arrow-draw{0%{transform:scale(1) translateY(0)}60%{transform:scale(1.1) translateY(-30px)}to{transform:scale(1) translateY(0)}}.weapon-img.spell-attack.attacking{animation:weapon-spell-cast .38s cubic-bezier(.4,1.4,.6,1) forwards}@keyframes weapon-spell-cast{0%{filter:brightness(1)}60%{filter:brightness(2) drop-shadow(0 0 20px #00faff)}to{filter:brightness(1)}}.weapon-img.hit{animation:weapon-hit-shake .2s linear}@keyframes weapon-hit-shake{0%{transform:translate(0) rotate(0)}20%{transform:translate(-10px) rotate(-5deg)}40%{transform:translate(10px) rotate(5deg)}60%{transform:translate(-10px) rotate(-5deg)}80%{transform:translate(10px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes hit-flash{0%{filter:brightness(1)}50%{filter:brightness(1.4) saturate(1.2)}to{filter:brightness(1)}}@keyframes dodge-fade{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes igloo-monster-shake{0%{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 3px),-50%)}75%{transform:translate(calc(-50% + 3px),-50%)}to{transform:translate(-50%,-50%)}}@keyframes igloo-monster-crit-shake{0%{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% - 5px),-50%)}75%{transform:translate(calc(-50% + 5px),-50%)}to{transform:translate(-50%,-50%)}}@keyframes igloo-monster-dodge{0%{transform:translate(-50%,-50%);opacity:1}50%{transform:translate(-50%,-50%);opacity:.3}to{transform:translate(-50%,-50%);opacity:1}}.igloo-monster{width:650px;height:520px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.igloo-monster.fire{filter:drop-shadow(0 0 32px #ff6a00) brightness(1.1) saturate(1.2)}.igloo-monster.ice{filter:drop-shadow(0 0 24px #00eaff) brightness(1.1) saturate(1.2)}.igloo-monster.nature{filter:drop-shadow(0 0 18px #00ff6a) brightness(1.1) saturate(1.2)}.igloo-monster.character-hit{animation:igloo-monster-shake .25s ease-in-out,hit-flash .2s ease-in-out}.igloo-monster.character-crit-hit{animation:igloo-monster-crit-shake .4s ease-in-out,hit-flash .3s ease-in-out}.igloo-monster.character-dodge{animation:igloo-monster-dodge .5s ease-in-out}.status-effects-display{display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center;max-width:200px}.status-effect{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(145deg,#ffffff1a,#0003);border:2px solid var(--effect-color, #9ca3af);border-radius:6px;cursor:help;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-effect:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d;border-width:3px}.status-effect.status{animation:status-pulse 2s infinite}.status-effect.modifier{border-style:dashed;animation:modifier-glow 3s infinite}.effect-icon{font-size:16px;line-height:1;filter:drop-shadow(0 0 2px rgba(0,0,0,.8))}.effect-duration{position:absolute;bottom:-2px;right:-2px;background:#000c;color:#fff;font-size:8px;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--effect-color, #9ca3af)}.effect-stacks{position:absolute;top:-2px;right:-2px;background:var(--effect-color, #9ca3af);color:#fff;font-size:8px;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}@keyframes modifier-glow{0%,to{box-shadow:0 0 4px var(--effect-color, #9ca3af)}50%{box-shadow:0 0 8px var(--effect-color, #9ca3af)}}.status-effect[style*="--effect-color: #f87171"]{animation:fire-flicker 1s infinite}.status-effect[style*="--effect-color: #60a5fa"]{animation:ice-shimmer 2s infinite}.status-effect[style*="--effect-color: #4ade80"]{animation:heal-glow 1.5s infinite}@keyframes fire-flicker{0%,to{filter:brightness(1)}25%{filter:brightness(1.2) hue-rotate(10deg)}75%{filter:brightness(.9) hue-rotate(-5deg)}}@keyframes ice-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) saturate(1.2)}}@keyframes heal-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.4) saturate(1.3)}}.status-effects-display.compact .status-effect{width:24px;height:24px}.status-effects-display.compact .effect-icon{font-size:12px}.status-effects-display.compact .effect-duration,.status-effects-display.compact .effect-stacks{width:10px;height:10px;font-size:6px}.status-effects-display.large .status-effect{width:40px;height:40px}.status-effects-display.large .effect-icon{font-size:20px}.status-effects-display.large .effect-duration,.status-effects-display.large .effect-stacks{width:16px;height:16px;font-size:10px}@media (max-width: 768px){.status-effects-display{max-width:150px}.status-effect{width:28px;height:28px}.effect-icon{font-size:14px}}.perfect-player-display{position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #3d5af1;border-radius:12px;padding:16px;margin:8px;box-shadow:0 4px 15px #3d5af14d,inset 0 1px #ffffff1a;transition:all .3s ease;cursor:pointer;overflow:hidden}.perfect-player-display:hover{border-color:#4f69ff}.perfect-player-display.small{padding:12px;max-width:200px}.perfect-player-display.medium{padding:12px;max-width:220px}.perfect-player-display.large{padding:20px;max-width:320px}.perfect-player-display.large .character-frame-container{width:140px!important;height:140px!important;margin:0 auto 16px!important;background:transparent!important;overflow:visible!important}.perfect-player-display.large .character-image-container{top:12px!important;left:12px!important;width:116px!important;height:116px!important;display:flex!important;align-items:center!important;justify-content:center!important}.perfect-player-display.battle{padding:24px;max-width:400px;min-height:300px}.perfect-player-display.battle-size{width:455px!important;height:390px!important;margin:20px auto}.perfect-player-display.battle-size .character-frame-container{position:relative;width:455px!important;height:390px!important;display:flex;justify-content:center;align-items:center;margin-bottom:30px;border-radius:15px}.perfect-player-display.battle-size .character-frame{width:100%!important;height:100%!important;border:none!important;border-radius:15px}.perfect-player-display.battle-size .character-image-container{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:364px!important;height:325px!important;border-radius:0!important;overflow:hidden!important;z-index:5!important;margin-top:10px}.perfect-player-display.battle-size .character-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;z-index:5!important}.perfect-player-display.battle-size.opponent-display .character-image{transform:scaleX(-1)!important}.perfect-player-display.battle-size .weapon-container{position:absolute!important;top:60%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:40px!important;height:40px!important;z-index:15!important;pointer-events:none!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.4))!important;opacity:0!important;transition:opacity .4s ease,transform .4s ease!important;border-radius:50%!important;background:#ffffff1a!important;display:flex!important;align-items:center!important;justify-content:center!important}.perfect-player-display .weapon-container .weapon-image{width:30px!important;height:30px!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important}.perfect-player-display.attacking .weapon-container{opacity:1!important;transform:translate(-50%,-50%) scale(1.2)!important;filter:drop-shadow(0 0 15px rgba(255,215,0,.8))!important;background:#ffd70033!important}.perfect-player-display.battle-size.attacking .weapon-container{opacity:1!important;transform:translate(-50%,-50%) scale(1.05)!important;filter:drop-shadow(0 0 25px rgba(255,215,0,.8))!important}.perfect-player-display.battle-size:not(.attacking) .weapon-container{opacity:0!important;transform:translate(-50%,-50%) scale(.9)!important}.perfect-player-display.battle-size.opponent-display .weapon-container{transform:translate(-50%,-50%) scaleX(-1)!important}.perfect-player-display.battle-size.opponent-display.attacking .weapon-container{opacity:1!important;transform:translate(-50%,-50%) scale(1.2) scaleX(-1)!important;filter:drop-shadow(0 0 15px rgba(255,69,0,.8))!important;background:#ff450033!important}.perfect-player-display.opponent{background:linear-gradient(135deg,#1a1a2e,#16213e);border-color:#3d5af1}.perfect-player-display.opponent:hover{border-color:#4f69ff}.character-frame-container{position:relative;width:80px;height:80px;margin:0 auto 12px;background:transparent;overflow:visible}.perfect-player-display.large .character-frame-container{width:140px!important;height:140px!important;margin:0 auto 16px!important;background:transparent!important;overflow:visible!important;position:relative!important}.perfect-player-display .character-frame{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;z-index:2!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))!important;overflow:hidden!important;display:block!important;background:none!important;background-image:none!important;padding:0!important;box-sizing:border-box!important;justify-content:initial!important;align-items:initial!important;margin:0!important;border-radius:0!important;object-fit:cover!important}.perfect-player-display .character-image-container{position:absolute!important;top:6px!important;left:6px!important;width:68px!important;height:68px!important;border-radius:0!important;overflow:hidden!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;background:none!important;padding:0!important;margin:0!important}.perfect-player-display.large .character-image-container{top:12px!important;left:12px!important;width:116px!important;height:116px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;overflow:hidden!important;border-radius:0!important;z-index:1!important;background:none!important;padding:0!important;margin:0!important}.perfect-player-display .character-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;overflow:hidden!important;display:block!important;background:none!important;padding:0!important;margin:0!important;border:none!important}.player-info{text-align:center;margin-bottom:12px}.player-name{color:#fff;font-size:16px;font-weight:700;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-level{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(45deg,#3d5af1,#4f69ff);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;margin-bottom:4px}.character-class{font-size:12px;color:#b0b0b0;text-transform:capitalize}.weapon-display{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.weapon-image-container{position:relative;width:32px;height:32px;flex-shrink:0}.weapon-image{width:100%;height:100%;object-fit:contain;overflow:hidden}.weapon-rarity-border{position:absolute;inset:-2px;border:2px solid;border-radius:4px;pointer-events:none}.weapon-info{flex:1;min-width:0}.weapon-name{font-size:12px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weapon-type{font-size:10px;color:#b0b0b0;text-transform:capitalize}.weapon-stats{display:flex;gap:8px;margin-top:2px}.weapon-stats .stat{font-size:10px;color:gold;font-weight:700}.stats-display{background:#0000004d;border-radius:8px;padding:8px;margin-bottom:8px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px}.stat-row:last-child{margin-bottom:0}.stat-row.highlight{color:gold;font-weight:700}.stat-label{color:#b0b0b0}.stat-value{color:#fff;font-weight:700}.battle-record{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:700}.wins{color:#4caf50}.losses{color:#f44336}.separator{color:#666}.battle-status{text-align:center}.status{display:inline-block;font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;text-transform:uppercase}.status.online{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.status.offline{background:#60606033;color:#666;border:1px solid #666}.perfect-player-display.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-spinner{text-align:center}.spinner{width:32px;height:32px;border:3px solid rgba(61,90,241,.3);border-top:3px solid #3d5af1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 8px}.loading-spinner p{color:#b0b0b0;font-size:12px;margin:0}.perfect-player-display.error{display:flex;align-items:center;justify-content:center;min-height:150px;background:linear-gradient(135deg,#2e1a1a,#3e1616);border-color:#f13d3d}.error-message p{color:#f44336;font-size:14px;margin:0;text-align:center}@media (max-width: 768px){.perfect-player-display{padding:12px;margin:4px}.perfect-player-display.large{max-width:260px}.perfect-player-display.medium{max-width:220px}.character-frame-container{width:60px;height:60px}.character-image-container{top:6px;left:6px;width:48px;height:48px}.player-name{font-size:14px}}.perfect-player-display{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.perfect-player-display.large .weapon-container{position:absolute!important;top:70%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:24px!important;height:24px!important;z-index:15!important;pointer-events:none!important;filter:drop-shadow(0 0 6px rgba(255,255,255,.4))!important;opacity:0!important;transition:opacity .4s ease,transform .4s ease!important;border-radius:50%!important;background:#ffffff1a!important;display:flex!important;align-items:center!important;justify-content:center!important}.perfect-player-display.large .weapon-container .weapon-image{width:18px!important;height:18px!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important}.perfect-player-display.large.attacking .weapon-container{opacity:1!important;transform:translate(-50%,-50%) scale(1.1)!important;filter:drop-shadow(0 0 10px rgba(255,215,0,.8))!important;background:#ffd70033!important}.perfect-player-display.large:not(.attacking) .weapon-container{opacity:0!important;transform:translate(-50%,-50%) scale(.9)!important}.perfect-player-display.medium .character-frame-container{position:relative!important;width:160px!important;height:136px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0 auto 12px!important;background:transparent!important;overflow:visible!important}.perfect-player-display.medium .character-frame{width:144px!important;height:130px!important;border:none!important;border-radius:0!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:10!important;pointer-events:none!important;background-size:cover!important;background-position:center!important;object-fit:cover!important}.perfect-player-display.medium .character-image-container{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:128px!important;height:114px!important;border-radius:0!important;overflow:hidden!important;z-index:5!important;margin:0!important;background:none!important;display:block!important}.perfect-player-display.medium .character-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;z-index:5!important}.player-profile-hover{position:fixed;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #3d5af1;border-radius:16px;box-shadow:0 12px 40px #000c,0 0 30px #3d5af166,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:380px;max-height:600px;overflow-y:auto;pointer-events:none;z-index:10000;animation:profileFadeIn .3s ease-out}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-loading{padding:30px;text-align:center;color:#fff}.profile-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(61,90,241,.3);border-top:3px solid #3d5af1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.profile-content{padding:20px;color:#fff}.profile-header{display:flex;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(61,90,241,.3)}.character-preview{position:relative;width:80px;height:80px;flex-shrink:0}.character-frame{width:100%;height:100%;object-fit:cover;border-radius:12px;position:absolute;top:0;left:0;z-index:2}.character-image-container{position:absolute;top:59%;left:50%;transform:translate(-50%,-50%);z-index:1;width:108px;height:88px;display:flex;align-items:center;justify-content:center}.character-image{width:108px;height:88px;object-fit:cover;border-radius:10px;z-index:1;position:relative}.online-indicator{position:absolute;top:-2px;right:-2px;z-index:3}.online-dot{width:16px;height:16px;background:#4caf50;border:2px solid #fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.player-identity{flex:1}.player-name{margin:0 0 5px;font-size:18px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-level{font-size:14px;color:#00bfff;margin-bottom:5px;font-weight:600}.guild-name{font-size:12px;color:gold;margin-bottom:5px}.last-seen{font-size:11px}.status.online{color:#4caf50}.status.offline{color:#999}.section-title{margin:0 0 10px;font-size:14px;color:#3d5af1;text-transform:uppercase;letter-spacing:1px;font-weight:700;text-shadow:0 0 10px rgba(61,90,241,.5)}.profile-stats{margin-bottom:20px}.stats-grid{display:flex;flex-direction:column;gap:8px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#3d5af11a;border-radius:6px;border:1px solid rgba(61,90,241,.2)}.stat-item.highlight{background:linear-gradient(90deg,#ffd70033,#ff8c001a);border-color:#ffd70066;box-shadow:0 0 10px #ffd70033}.stat-label{font-size:12px;color:#b0e0e6;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:13px;font-weight:700;color:#fff}.profile-equipment{margin-bottom:20px}.weapon-display{display:flex;align-items:center;gap:12px;padding:10px;background:#3d5af11a;border-radius:8px;border:1px solid rgba(61,90,241,.2)}.weapon-icon{width:40px;height:40px;flex-shrink:0}.weapon-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,.3))}.weapon-info{flex:1}.weapon-name{font-size:14px;font-weight:700;margin-bottom:4px;text-shadow:0 0 8px currentColor}.weapon-stats{display:flex;gap:12px;font-size:11px;color:#b0e0e6}.profile-achievements{margin-bottom:15px}.achievements-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.achievement-badge{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;font-size:11px;transition:all .2s ease}.achievement-badge.unlocked{background:linear-gradient(90deg,#ffd70033,#ff8c001a);border:1px solid rgba(255,215,0,.4);color:gold}.achievement-badge.locked{background:#8080801a;border:1px solid rgba(128,128,128,.2);color:#888}.achievement-icon{font-size:14px;filter:drop-shadow(0 0 6px currentColor)}.achievement-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-footer{margin-top:15px;padding-top:10px;border-top:1px solid rgba(61,90,241,.3)}.join-date{font-size:11px;color:#888;text-align:center}.player-profile-hover::-webkit-scrollbar{width:6px}.player-profile-hover::-webkit-scrollbar-track{background:#3d5af11a;border-radius:3px}.player-profile-hover::-webkit-scrollbar-thumb{background:#3d5af180;border-radius:3px}.player-profile-hover::-webkit-scrollbar-thumb:hover{background:#3d5af1b3}.animate-glow{animation:mysticalGlow 3s ease-in-out infinite}@keyframes mysticalGlow{0%,to{filter:drop-shadow(0 0 5px rgba(61,90,241,.5))}50%{filter:drop-shadow(0 0 15px rgba(61,90,241,.8))}}.animate-float{animation:gentleFloat 4s ease-in-out infinite}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-weapon{animation:weaponPulse 2.5s ease-in-out infinite}@keyframes weaponPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.1)}}.animate-text{background:linear-gradient(90deg,#fff,#3d5af1,#fff);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShimmer 3s ease-in-out infinite}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.character-display{display:flex;align-items:center;gap:20px;margin-bottom:15px}.character-frame-container{position:relative;flex-shrink:0;width:141px;height:161px}.character-frame{width:141px;height:161px;position:absolute;top:0;left:0;z-index:10;animation:gentleFloat 4s ease-in-out infinite;object-fit:contain}.player-profile-hover .character-frame-container img.character-frame+.character-image,.player-profile-hover .character-frame+.character-image{max-width:90%!important;max-height:90%!important;object-fit:contain!important}.player-profile-hover .character-frame-container:after{display:none!important;content:none!important;background-image:none!important}.player-profile-hover .character-frame-container:before{display:none!important;content:none!important;background-image:none!important}.player-profile-hover .perfect-character-frame:after{display:none!important;content:none!important;background-image:none!important}.player-profile-hover .character-frame:after{display:none!important;content:none!important;background-image:none!important}.player-profile-hover .character-frame:before{display:none!important;content:none!important;background-image:none!important}.player-profile-hover *:after{background-image:none!important}.player-profile-hover *:before{background-image:none!important}.player-profile-hover .expedition-player-frame:after,.player-profile-hover .titans-player-frame:after{display:none!important;content:none!important;background-image:none!important;background:none!important}.player-profile-hover .perfect-character-frame:after{display:none!important;content:none!important;background-image:none!important;background:none!important}.player-profile-hover .character-frame:after{display:none!important;content:none!important;background-image:none!important;background:none!important}.player-profile-hover .arena-player-frame:after{display:none!important;content:none!important;background-image:none!important;background:none!important}.player-profile-hover [class*=frame]:after,.player-profile-hover [class*=Frame]:after{display:none!important;content:none!important;background-image:none!important;background:none!important}.player-profile-hover *{background-image:none!important}.player-profile-hover *:before,.player-profile-hover *:after{background-image:none!important;background:none!important}.weapon-display{position:relative;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.weapon-image{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.weapon-tooltip{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#000c;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s}.weapon-display:hover .weapon-tooltip{opacity:1}.weapon-name{font-size:12px;font-weight:700}.player-info{flex-grow:1}.player-level{color:#3d5af1;font-weight:700;margin:5px 0}.character-class{color:#888;font-size:14px;font-style:italic}.mythical-player-name{font-size:1.3rem;font-weight:700;background:linear-gradient(90deg,gold,#00bfff,gold);background-clip:text;-webkit-background-clip:text;color:gold;-webkit-text-fill-color:#ffd700;text-shadow:0 0 12px rgba(255,215,0,.5),0 0 24px #00bfff44;letter-spacing:1px;margin:0 0 4px;animation:mythicalGlow 3s ease-in-out infinite}.mythical-player-level{font-size:1.05rem;color:#b0e0e6;font-weight:600;text-shadow:0 0 8px #00bfff66;margin-bottom:2px}.mythical-character-class{font-size:1rem;color:gold;font-style:italic;font-weight:500;text-shadow:0 0 8px #ffd70066;margin-bottom:2px}.mythical-combat-power{font-size:1.05rem;color:#ff9800;font-weight:700;text-shadow:0 0 10px #ff980088;margin-top:4px}.mythical-combat-value{color:gold;font-weight:700;text-shadow:0 0 8px #ffd70099}@media (max-width: 900px){.player-profile-hover{width:320px;max-height:500px}.profile-content{padding:15px}.character-preview{width:60px;height:60px}.player-name{font-size:16px}.achievements-grid{grid-template-columns:1fr}}.leaderboard-search{margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#3d5af11a,#3d5af10d);border:1px solid rgba(61,90,241,.3);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-controls{display:flex;gap:15px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.search-input-container{position:relative;flex:1;min-width:250px;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#3d5af1;font-size:16px;z-index:2;pointer-events:none}.search-input{width:100%;padding:10px 40px;background:#1a1a2ecc;border:2px solid rgba(61,90,241,.4);border-radius:8px;color:#fff;font-size:14px;font-family:inherit;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;border-color:#3d5af1;box-shadow:inset 0 2px 4px #0003,0 0 15px #3d5af14d;background:#1a1a2ee6}.clear-search-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;font-size:16px;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{color:#fff;background:#ffffff1a}.sort-container{display:flex;align-items:center;gap:8px;flex-shrink:0}.sort-label{color:#b0e0e6;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sort-select{padding:8px 12px;background:#1a1a2ecc;border:2px solid rgba(61,90,241,.4);border-radius:6px;color:#fff;font-size:13px;font-family:inherit;cursor:pointer;transition:all .3s ease;min-width:140px}.sort-select:focus{outline:none;border-color:#3d5af1;box-shadow:0 0 10px #3d5af14d}.sort-select option{background:#1a1a2e;color:#fff;padding:8px}.search-results-info{border-top:1px solid rgba(61,90,241,.2);padding-top:10px}.results-text{color:#b0e0e6;font-size:12px;font-weight:500}.results-text strong{color:#3d5af1;font-weight:700}.mythical-search{position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mythical-search .search-controls{justify-content:center}.mythical-input{position:relative;flex:none;width:100%;max-width:500px}.mythical-search .search-icon{color:#3d5af1;font-size:18px;z-index:3;filter:drop-shadow(0 0 8px rgba(61,90,241,.6))}.mythical-search-input{padding:12px 50px;border-radius:10px;font-size:15px;background:linear-gradient(135deg,#1a1a2ef2,#16213ee6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mythical-search-input:focus{transform:translateY(-1px)}.mythical-clear{border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(61,90,241,.3)}.mythical-search .search-results-info{display:none}@keyframes mythicalFocus{0%{box-shadow:0 0 #3d5af166}50%{box-shadow:0 0 25px #3d5af199}to{box-shadow:0 0 20px #3d5af166}}.mythical-search-input:focus{animation:mythicalFocus 2s ease-in-out infinite}@media (max-width: 768px){.search-controls{flex-direction:column;align-items:stretch;gap:10px}.search-input-container{min-width:auto;max-width:none}.sort-container{flex-direction:column;align-items:flex-start;gap:5px}.sort-select{width:100%;min-width:auto}}.hall-of-fame-screen{padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#fff}.hall-header{text-align:center;margin-bottom:30px}.hall-header h1{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.3)}.hall-header p{font-size:1.1rem;opacity:.8;margin:0}.mythical-subtitle{font-size:1.3rem;background:linear-gradient(45deg,#3d5af1,#00bfff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(61,90,241,.5);text-align:center;margin:0 0 25px;font-weight:600;letter-spacing:1px;animation:mythicalGlow 3s ease-in-out infinite}@keyframes mythicalGlow{0%,to{filter:brightness(1) saturate(1);text-shadow:0 0 20px rgba(61,90,241,.5)}50%{filter:brightness(1.2) saturate(1.3);text-shadow:0 0 30px rgba(61,90,241,.8)}}.leaderboard-tabs{display:flex;justify-content:center;gap:10px;margin-bottom:20px;background:#0a192fd1;border:2px solid transparent;border-radius:20px;box-shadow:0 15px 40px #0006,inset 0 1px #ffffff1a,0 0 50px #ffd7001a;padding:12px 18px}.tab{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab-icon{width:20px;height:20px;object-fit:contain;filter:brightness(.8);transition:all .3s ease}.tab-icon-fallback{font-size:18px;margin-right:8px;transition:all .3s ease}.tab:hover .tab-icon,.tab:hover .tab-icon-fallback{filter:brightness(1.1) drop-shadow(0 0 5px rgba(255,255,255,.3))}.tab.active .tab-icon,.tab.active .tab-icon-fallback{filter:brightness(1.2) drop-shadow(0 0 8px rgba(76,175,80,.6))}.leaderboard-tabs .tab{font-size:1.08rem;font-weight:700;background:linear-gradient(45deg,#3d5af1,#00bfff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(61,90,241,.5);letter-spacing:1px;transition:all .3s}.leaderboard-tabs .tab.active,.leaderboard-tabs .tab:hover{background:linear-gradient(45deg,gold,#00bfff,#3d5af1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(255,215,0,.8)}.player-rank-display{text-align:center;margin:20px 0;padding:15px;background:linear-gradient(135deg,#ffd7001a,#ffd7000d,#ff8c0014);border:2px solid rgba(255,215,0,.3);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px #ffd70033}.mythical-rank{text-align:center;margin-bottom:10px}.mythical-rank-text{font-size:1rem;color:#b0e0e6;margin:0 0 10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rank-display-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.rank-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 15px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;transition:all .3s ease}.rank-item:hover{background:#ffd70026;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.rank-label{font-size:.8rem;color:#b0e0e6;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rank-number{background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.2em;text-shadow:0 0 15px rgba(255,215,0,.6);animation:rankPulse 2s ease-in-out infinite}@keyframes rankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.player-rank-display p{margin:0;font-size:1.1rem}.player-rank-display strong{color:gold}.leaderboard-content{background:#0a192fd1;border:2px solid transparent;border-radius:20px;box-shadow:0 15px 40px #0006,inset 0 1px #ffffff1a,0 0 50px #ffd7001a;padding:18px 0;margin-bottom:20px;max-height:60vh;overflow-y:auto}.leaderboard-list{background:#0a192fd1;border:2px solid transparent;border-radius:20px;box-shadow:0 15px 40px #0006,inset 0 1px #ffffff1a,0 0 50px #ffd7001a;padding:18px 0;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.leaderboard-entry{display:flex;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.leaderboard-entry.current-player{background:#ffd7002e;border-color:gold;box-shadow:0 0 18px 2px #ffd70040,0 0 0 2px #ffd70055;position:relative;z-index:2}.leaderboard-entry.current-player:hover{background:#ffd70040;border-color:gold;box-shadow:0 0 24px 4px #ffd70059,0 0 0 3px #ffd70099}.current-player-star{color:gold;font-size:1.2em;margin-left:8px;text-shadow:0 0 8px #FFD700,0 0 16px #FFD70099;vertical-align:middle;animation:starPulse 1.5s infinite alternate}@keyframes starPulse{0%{filter:brightness(1) drop-shadow(0 0 2px #FFD700)}to{filter:brightness(1.3) drop-shadow(0 0 8px #FFD700)}}.player-level{font-size:.9rem;opacity:.7}.player-stats{display:flex;flex-direction:column;gap:5px;min-width:200px;transition:all .3s ease}.stat{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.9rem;opacity:.8}.stat-value{font-weight:700;color:#4caf50}.refresh-controls{text-align:center}.refresh-controls button{background:linear-gradient(45deg,#2196f3,#21cbf3);border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.refresh-controls button:hover:not(:disabled){background:linear-gradient(45deg,#1976d2,#1ba3d1);transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.refresh-controls button:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#87ceeb;animation:pulse 1.5s ease-in-out infinite}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-left:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.mythical-search{background:linear-gradient(135deg,#3d5af126,#3d5af114,#00bfff1f);border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden}.mythical-search:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#3d5af1,#00bfff,#3d5af1);border-radius:12px;z-index:-1;padding:2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;animation:borderShimmer 3s ease-in-out infinite}@keyframes borderShimmer{0%,to{opacity:.5}50%{opacity:1}}.mythical-input{position:relative}.mythical-search-input{background:#1a1a2ee6;border:2px solid rgba(61,90,241,.5);color:#fff;transition:all .3s ease}.mythical-search-input:focus{border-color:#3d5af1;background:#1a1a2ef2;box-shadow:inset 0 2px 4px #0000004d,0 0 20px #3d5af166,0 0 40px #3d5af133}.mythical-search-input::placeholder{color:#3d5af1b3;font-style:italic}.mythical-clear{background:#3d5af133;transition:all .2s ease}.mythical-clear:hover{background:#3d5af166;color:#3d5af1;transform:scale(1.1)}@media (max-width: 768px){.leaderboard-entry{flex-direction:column;align-items:flex-start;gap:10px}.player-stats{width:100%;min-width:auto}.leaderboard-tabs{flex-direction:column;align-items:center}.tab{width:200px;text-align:center}}.hof-container:not(.mystical-hall-of-fame){display:flex;flex-direction:column;width:100%;max-width:1000px;height:650px;padding:25px;box-sizing:border-box;color:#e0ffff;background-color:#001932b3;border:2px solid #FFD700;border-radius:10px;box-shadow:0 0 20px #ffd70066;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hof-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(135,206,235,.3)}.hof-header h2{font-size:2em;margin:0;text-shadow:1px 1px 3px rgba(255,215,0,.6)}.hof-status{display:flex;align-items:center;gap:15px;font-size:.9em}.connection-indicator{padding:5px 12px;border-radius:15px;font-weight:700;font-size:.85em}.connection-indicator.online{background:#4caf5033;color:#4caf50;border:1px solid #4CAF50}.connection-indicator.offline{background:#ff980033;color:#ff9800;border:1px solid #FF9800}.challenge-status{background:#2196f31a;border:1px solid #2196F3;border-radius:8px;padding:12px;margin-bottom:15px;text-align:center}.challenge-message{color:#2196f3;font-weight:700}.hof-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(135,206,235,.3)}.legend{display:flex;gap:15px;font-size:.9em;color:#e0ffff}.refresh-button{background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:linear-gradient(45deg,#1976d2,#1565c0);transform:translateY(-1px)}.refresh-button:disabled{background:#666;cursor:not-allowed;opacity:.6}.leaderboard-entry{cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.leaderboard-entry:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.leaderboard-entry:hover:before{left:100%}.leaderboard-entry:hover{background:#3d5af11a;border-color:#3d5af166;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d,0 0 20px #3d5af133}.leaderboard-entry.current-player{background:#ffd7001a;border-color:#ffd7004d;box-shadow:0 0 15px #ffd70033}.player-info{transition:all .3s ease}.leaderboard-entry:hover .player-name{color:#3d5af1;text-shadow:0 0 10px rgba(61,90,241,.5)}.leaderboard-entry.current-player:hover .player-name{color:gold;text-shadow:0 0 15px rgba(255,215,0,.6)}.rank{transition:all .3s ease}.leaderboard-entry:hover .rank{transform:scale(1.1);text-shadow:0 0 15px rgba(255,215,0,.8)}.player-stats{transition:all .3s ease}.leaderboard-entry:hover .stat-value{color:#3d5af1;font-weight:700}@media (max-width: 768px){.rank-display-grid{flex-direction:column;gap:10px}.rank-item{flex-direction:row;justify-content:space-between;padding:8px 12px}.rank-label{font-size:.7rem}.rank-number{font-size:1.1em}}.leaderboard-controls-row{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;max-width:520px;margin-left:auto;margin-right:auto}.mythical-search{width:100%;max-width:340px;min-width:0;margin:0;padding:0 6px}.mythical-search-input{font-size:1rem;padding:7px 10px;border-radius:7px;min-width:0}@media (max-width: 768px){.leaderboard-panel,.leaderboard-content,.leaderboard-entry,.mythical-search{max-width:98vw}}.leaderboard-content,.leaderboard-entry,.leaderboard-entry-header,.player-name,.rank,.stat-label,.stat-value{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;text-shadow:none;color:#fff;font-family:inherit}.leaderboard-list .player-level{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7);background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;font-weight:600;letter-spacing:.5px}.leaderboard-content,.leaderboard-list{scrollbar-width:none;-ms-overflow-style:none}.leaderboard-content::-webkit-scrollbar,.leaderboard-list::-webkit-scrollbar{display:none}.fight-club-arena,.mythical-arena,.hall-of-fame-screen{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.fight-club-arena::-webkit-scrollbar,.mythical-arena::-webkit-scrollbar,.hall-of-fame-screen::-webkit-scrollbar{display:none}.battle-logs-screen{padding:20px;background:none;min-height:100vh;color:#fff}.battle-logs-screen .arena-mystical-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:15px 15px 15px 25px;margin-left:100px;background:#0a192fd1;border:2px solid transparent;background-clip:padding-box;border-radius:16px;box-shadow:0 10px 25px #0006,inset 0 1px #ffffff1a,0 0 30px #ffd7001a;position:relative;z-index:1;gap:15px}.title-emblem .mystical-border{padding:15px;background:#0006;border-radius:12px;border:2px solid rgba(255,215,0,.5);box-shadow:0 0 20px #ffd7004d,inset 0 0 15px #ffd7001a;position:relative;overflow:hidden}.battle-logs-screen .title-emblem .mystical-border{min-width:300px;width:auto}.battle-logs-screen .arena-title{margin-left:100px}.arena-title{font-size:1.8rem;margin:0;color:var(--gold-primary, #FFD700);text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 12px rgba(255,215,0,.6),0 0 24px rgba(255,215,0,.4),0 0 36px rgba(255,215,0,.2);text-transform:uppercase;letter-spacing:2px;font-weight:900;position:relative;z-index:1;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 4s ease-in-out infinite}.status-item.mystical-frame{background:linear-gradient(135deg,#ffffff26,#ffffff0d),#0000004d;border:2px solid rgba(255,215,0,.3);color:#fff;padding:8px 12px;border-radius:10px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px #0003,inset 0 1px #ffffff1a;transition:all .3s ease;transform:translate(4px)}.status-value.rank-value{font-size:1.3rem;font-weight:900;background:linear-gradient(45deg,#4caf50,#45a049,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(76,175,80,.3);animation:rankPulse 3s ease-in-out infinite;text-align:center;display:block}.energy-display .energy-bar{width:140px;height:24px;background:#00000080;border-radius:12px;overflow:hidden;position:relative;border:2px solid rgba(255,215,0,.3);box-shadow:inset 0 2px 4px #0000004d}.energy-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:10px;transition:width .3s ease;position:relative;animation:energyPulse 2s ease-in-out infinite}.energy-text{font-size:.9rem;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5);margin-top:5px;text-align:center}.leaderboard-tabs-with-refresh{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.leaderboard-tabs{display:flex;gap:10px;align-items:center}.tab{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,215,0,.3);color:#fff;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0003,inset 0 1px #ffffff1a}.tab:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 12px 35px #0000004d,0 0 20px #ffd70033}.tab.active{background:linear-gradient(135deg,#ffd7004d,#ffd7001a);border-color:#ffd700cc;box-shadow:0 0 25px #ffd70066,0 8px 25px #0000004d}.tab-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.tab-icon-fallback{font-size:1.2rem;filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}.leaderboard-panel{background:none;border:none;box-shadow:none;border-radius:0;padding:0}.leaderboard-content{padding:10px 0;max-width:600px;margin:0 auto}.leaderboard-list{gap:7px}.leaderboard-entry{padding:10px 14px;max-width:560px;margin:0 auto}.leaderboard-entry-header{background:none;border-top-left-radius:8px;border-top-right-radius:8px;padding:7px 14px 5px;color:#fff;font-weight:700;font-size:1.08rem;box-shadow:0 2px 8px #3d5af114;margin:-10px -14px 8px;background:linear-gradient(45deg,#3d5af1,#00bfff 60%,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(61,90,241,.2)}.leaderboard-entry-header .player-name,.leaderboard-entry-header .rank{background:linear-gradient(45deg,#3d5af1,#00bfff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(61,90,241,.5);font-weight:700;letter-spacing:1px}.player-info{flex:1;margin-left:20px;transition:all .3s ease}.player-name{font-size:1.2rem;font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:8px}.player-level{font-size:.8rem;opacity:.7}.player-stats{display:flex;flex-direction:column;gap:3px;min-width:180px;transition:all .3s ease}.stat{display:flex;justify-content:space-between;align-items:center;gap:8px}.stat-label{font-size:.75rem;opacity:.8;color:#ccc}.stat-value{font-weight:700;color:#fff;font-size:.85rem}.stat-value.victory{color:#4caf50;text-shadow:0 0 8px rgba(76,175,80,.5)}.stat-value.defeat{color:#f44336;text-shadow:0 0 8px rgba(244,67,54,.5)}.stat-value.positive{color:#4caf50;text-shadow:0 0 8px rgba(76,175,80,.5)}.stat-value.negative{color:#f44336;text-shadow:0 0 8px rgba(244,67,54,.5)}.rank{font-size:1.5rem;font-weight:700;min-width:60px;text-align:center;color:gold;transition:all .3s ease}.leaderboard-empty{text-align:center;padding:40px;opacity:.7}.leaderboard-empty p{margin:10px 0;font-size:1.1rem}.empty-icon{font-size:3rem;margin-bottom:15px;opacity:.6}.logs-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.header-content h1{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,107,107,.3)}.header-content p{font-size:1.1rem;opacity:.8;margin:0 0 10px}.unread-badge{background:linear-gradient(45deg,#ff4757,#ff6b7a);color:#fff;padding:5px 12px;border-radius:20px;font-size:.9rem;font-weight:700;display:inline-block}.back-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#fff6}.logs-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.filter-btn:hover{background:#fff3}.filter-btn.active{background:linear-gradient(45deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 0 10px #4caf5066}.logs-content{background:#0000004d;border-radius:12px;padding:20px;margin-bottom:20px;max-height:60vh;overflow-y:auto}.loading{text-align:center;padding:40px}.loading-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-left:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.no-logs{text-align:center;padding:40px;opacity:.7}.no-logs p{margin:10px 0;font-size:1.1rem}.logs-list{display:flex;flex-direction:column;gap:12px}.battle-log-entry{display:flex;align-items:center;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;padding:15px;transition:all .3s ease;cursor:pointer;position:relative}.battle-log-entry:hover{background:#ffffff1a;transform:translateY(-2px)}.battle-log-entry.win{border-left:4px solid #4CAF50}.battle-log-entry.loss{border-left:4px solid #f44336}.battle-log-entry.unread{background:#ffd7001a;border-color:#ffd7004d;box-shadow:0 0 15px #ffd70033}.battle-result-icon{font-size:2rem;margin-right:15px;min-width:50px;text-align:center}.battle-info{flex:1}.battle-summary{display:flex;align-items:center;gap:10px;margin-bottom:5px}.result-text{font-weight:700;font-size:1.1rem}.win-text{color:#4caf50}.loss-text{color:#f44336}.vs-text{opacity:.6;font-size:.9rem}.opponent-name{font-weight:700;color:#fff}.battle-details{display:flex;gap:15px;font-size:.9rem;opacity:.7}.battle-rewards{text-align:right;min-width:100px}.point-change{font-weight:700;font-size:1.1rem;margin-bottom:3px}.point-change.positive{color:#4caf50}.point-change.negative{color:#f44336}.new-rank{font-size:.85rem;opacity:.8}.unread-indicator{position:absolute;top:10px;right:10px;width:8px;height:8px;background:#ff4757;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.logs-actions{display:flex;gap:15px;justify-content:center}.logs-actions button{background:linear-gradient(45deg,#2196f3,#21cbf3);border:none;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s ease}.logs-actions button:hover:not(:disabled){background:linear-gradient(45deg,#1976d2,#1ba3d1);transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.logs-actions button:disabled{opacity:.6;cursor:not-allowed}.refresh-cdn-btn{background:linear-gradient(135deg,#ffd70026,#00bfff26);border:2px solid rgba(255,215,0,.3);color:#fff;padding:0;width:50px;height:50px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #0009,0 0 20px #ffd7004d,inset 0 1px #ffffff1a}.refresh-cdn-btn:hover{background:linear-gradient(135deg,#ffd70040,#00bfff40);border-color:#ffd70099;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #000000b3,0 0 30px #ffd70066,inset 0 1px #ffffff26}.refresh-cdn-btn:active{transform:translateY(-1px) scale(.98)}.refresh-cdn-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.refresh-cdn-btn:hover .refresh-cdn-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 20px rgba(255,215,0,1))}@media (max-width: 768px){.logs-header{flex-direction:column;gap:15px}.logs-filters{justify-content:center}.battle-log-entry{flex-direction:column;align-items:flex-start;gap:10px}.battle-result-icon{margin-right:0;margin-bottom:5px}.battle-rewards{width:100%;text-align:left}.logs-actions{flex-direction:column;align-items:center}.logs-actions button{width:200px}}.levelup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:none}.levelup-content{display:flex;flex-direction:column;align-items:center;animation:levelup-animation 2.5s ease-out forwards}.levelup-text{font-size:6em;font-weight:700;color:gold;text-shadow:0 0 10px #FFD700,0 0 20px #FFD700,0 0 30px #FF4500}.level-number{font-size:8em;font-weight:700;color:#fff;text-shadow:0 0 15px #00BFFF,0 0 25px #00BFFF}@keyframes levelup-animation{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.2);opacity:1}80%{transform:scale(1.2);opacity:1}to{transform:scale(2.5);opacity:0}}.titans-lair-wrapper{position:fixed;top:0;left:280px;width:calc(100vw - 280px);height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.titans-lair-wrapper>*{pointer-events:all}.titans-lair-wrapper:before{content:"";position:absolute;top:0;left:-20px;width:20px;height:100vh;background:transparent;z-index:-1;pointer-events:none}.titans-lair-container{display:flex;flex-direction:row;align-items:stretch;width:100%;max-width:1400px;height:700px;padding:20px;box-sizing:border-box;color:#e0ffff;background-color:#001932cc;border-radius:15px;box-shadow:0 0 30px #8a2be299;position:relative;gap:20px}.lair-title{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:2.5em;text-shadow:2px 2px 6px rgba(138,43,226,.8);margin:0;color:gold;text-align:center;z-index:10}.titans-main-content{display:flex;width:55%;height:calc(100% - 60px);margin-top:60px;z-index:2;position:relative}.boss-info-panel{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:linear-gradient(135deg,#1a1a2ef2,#23235be6);border-radius:15px;box-shadow:0 0 20px #8a2be24d}.boss-name-section{text-align:center;margin-bottom:20px}.boss-name{font-size:2.2em;margin:0;color:gold;text-shadow:0 0 10px #000,0 0 20px #FFD700;letter-spacing:1px}.boss-level{font-size:1.3em;color:#00bfff;margin-top:5px;text-shadow:0 0 8px #00BFFF}.boss-story-section{flex:1;display:flex;flex-direction:column;gap:10px}.story-title{font-size:1.4em;color:#8a2be2;margin:0;text-shadow:0 0 6px #8A2BE2;text-align:center}.boss-story{font-size:1.1em;color:#e0e6ff;background:#000020cc;border-radius:10px;padding:15px;margin:0;box-shadow:0 0 16px #00bfff4d;font-style:italic;letter-spacing:.5px;line-height:1.5;text-align:justify}.boss-epic-section{margin:15px 0}.boss-epic-desc{font-size:1em;color:gold;background:linear-gradient(90deg,#1a1a2ee6,#23235bcc);border:1px solid #FFD700;border-radius:8px;padding:12px 15px;margin:0;box-shadow:0 0 12px #ffd7004d;font-weight:700;text-align:center;letter-spacing:.7px}.battle-info{margin-top:20px;text-align:center}.attempts-text{font-size:1.2em;color:#e0ffff;margin:0 0 15px}.attempts-count{color:#00bfff;font-weight:700;text-shadow:0 0 6px #00BFFF}.boss-massive-showcase{width:45%;height:calc(100% - 60px);margin-top:60px;display:flex;justify-content:center;align-items:center;z-index:1;position:relative}.boss-mega-aura-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.boss-mega-image-frame{position:relative;width:550px;height:550px;display:flex;justify-content:center;align-items:center}.boss-mega-img{width:100%;height:100%;object-fit:contain;border-radius:25px;z-index:3;transition:all .5s ease;animation:boss-mega-breathe 4s ease-in-out infinite alternate}@keyframes boss-mega-breathe{0%{transform:scale(1);filter:brightness(1) contrast(1.1)}to{transform:scale(1.03);filter:brightness(1.1) contrast(1.2)}}.boss-mega-aura-effect{position:absolute;inset:-40px;background:radial-gradient(circle at center,rgba(138,43,226,.4) 0%,rgba(255,215,0,.3) 25%,rgba(0,191,255,.2) 50%,rgba(255,69,0,.1) 75%,transparent 90%);border-radius:50%;z-index:2;animation:mega-aura-pulse 3.5s ease-in-out infinite alternate}@keyframes mega-aura-pulse{0%{transform:scale(1) rotate(0);opacity:.7}to{transform:scale(1.15) rotate(180deg);opacity:1}}.boss-mega-power-waves{position:absolute;inset:-60px;border:3px solid rgba(138,43,226,.5);border-radius:50%;z-index:1;animation:mega-power-waves 5s linear infinite}.boss-mega-power-waves:before,.boss-mega-power-waves:after{content:"";position:absolute;inset:-30px;border:2px solid rgba(255,215,0,.4);border-radius:50%;animation:mega-power-waves 7s linear infinite reverse}.boss-mega-power-waves:after{inset:-60px;border-color:#00bfff4d;animation-duration:9s;border-width:1px}@keyframes mega-power-waves{0%{transform:scale(1) rotate(0);opacity:1}25%{opacity:.8}50%{opacity:.6}75%{opacity:.4}to{transform:scale(1.4) rotate(360deg);opacity:0}}.boss-mega-energy-field{position:absolute;inset:-80px;background:conic-gradient(from 0deg,#8a2be21a,#ffd7001a,#00bfff1a,#ff45001a,#ff14931a,#8a2be21a 360deg);border-radius:50%;z-index:0;animation:mega-energy-field-rotation 8s linear infinite;opacity:.6}@keyframes mega-energy-field-rotation{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes aura-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.1);opacity:.9}}.boss-power-waves{position:absolute;inset:-40px;border:2px solid rgba(138,43,226,.4);border-radius:50%;z-index:0;animation:power-waves 4s linear infinite}.boss-power-waves:before,.boss-power-waves:after{content:"";position:absolute;inset:-20px;border:1px solid rgba(255,215,0,.3);border-radius:50%;animation:power-waves 6s linear infinite reverse}.boss-power-waves:after{inset:-40px;border-color:#00bfff33;animation-duration:8s}@keyframes power-waves{0%{transform:scale(1) rotate(0);opacity:1}50%{opacity:.5}to{transform:scale(1.3) rotate(360deg);opacity:0}}.lair-fight-button{padding:15px 40px;font-size:1.4em;font-weight:700;cursor:pointer;border-radius:10px;background:linear-gradient(145deg,#8a2be2,indigo);border:2px solid #FFD700;color:#fff;text-shadow:1px 1px 2px black;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px #8a2be280}.lair-fight-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 25px #8a2be2cc;background:linear-gradient(145deg,#9a2be2,#5b0082)}.lair-fight-button:disabled{background:linear-gradient(145deg,#666,#444);border-color:#888;cursor:not-allowed;opacity:.6}.lair-error{color:#ff6b6b;background:#ff6b6b1a;padding:10px;border-radius:5px;margin:10px 0;text-align:center;font-weight:700;border:1px solid rgba(255,107,107,.3)}@media (max-width: 1200px){.titans-lair-wrapper{left:235px;width:calc(100vw - 235px)}.titans-lair-container{max-width:95vw;height:auto;min-height:700px}.titans-main-content,.boss-massive-showcase{width:50%}.boss-mega-image-frame{width:450px;height:450px}}@media (max-width: 900px){.titans-lair-wrapper{left:200px;width:calc(100vw - 200px)}.titans-lair-container{max-width:95%;height:650px}}@media (max-width: 1000px){.titans-lair-wrapper{align-items:flex-start;padding-top:20px}.titans-lair-container{flex-direction:column;height:auto;min-height:80vh;max-height:95vh;gap:10px;max-width:95vw}.lair-title{position:static;transform:none;margin-bottom:20px}.titans-main-content{width:100%;height:auto;margin-top:0;margin-bottom:20px}.boss-massive-showcase{width:100%;height:400px;margin-top:0}.boss-mega-image-frame{width:350px;height:350px}}@media (max-width: 600px){.titans-lair-wrapper{left:0;width:100vw}.titans-lair-container{padding:15px;min-height:70vh;max-width:98vw}.boss-info-panel{padding:15px}.boss-mega-image-frame{width:280px;height:280px}}.titans-free-reset-container{margin:20px 0;width:100%}.titans-free-reset-panel{background:linear-gradient(135deg,#ff450026,#8a2be21a,#ffd7001a);border:2px solid rgba(255,69,0,.4);border-radius:16px;padding:20px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden;animation:titans-reset-glow 4s ease-in-out infinite alternate}@keyframes titans-reset-glow{0%{border-color:#ff450066;box-shadow:0 0 20px #ff45004d}to{border-color:#ffd70080;box-shadow:0 0 30px #ffd70066}}.titans-reset-icon{font-size:2.5em;filter:drop-shadow(0 0 10px rgba(255,69,0,.6));animation:titans-reset-icon-spin 6s linear infinite}@keyframes titans-reset-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.titans-reset-content{flex:1}.titans-reset-title{font-size:1.4em;font-weight:700;color:#ff6b35;margin-bottom:5px;text-shadow:0 0 10px rgba(255,107,53,.5)}.titans-reset-description{color:#ffffffe6;font-size:1em;margin-bottom:8px}.titans-reset-status{color:gold;font-size:.9em;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.titans-reset-button{background:linear-gradient(45deg,#ff6b35,#ff4500);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:12px 24px;color:#fff;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.8);min-width:100px}.titans-reset-button.available:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566;background:linear-gradient(45deg,#ff4500,#ff6b35)}.titans-reset-button.disabled{background:linear-gradient(45deg,#666,#888);cursor:not-allowed;opacity:.7}.titans-reset-button.available{animation:titans-reset-button-pulse 2s ease-in-out infinite alternate}@keyframes titans-reset-button-pulse{0%{box-shadow:0 0 15px #ff6b354d}to{box-shadow:0 0 25px #ff6b3599}}.fight-club-arena.mythical-arena{padding:20px}.fight-club-arena.mythical-arena:before{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20px 30px,rgba(255,215,0,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(0,191,255,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,215,0,.3),transparent);background-repeat:repeat;background-size:150px 100px;animation:sparkle 20s ease-in-out infinite;pointer-events:none;opacity:.4}@keyframes sparkle{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}.arena-mystical-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding:25px 25px 25px 5px;background:#0a192fd1;border:2px solid transparent;background-clip:padding-box;border-radius:20px;box-shadow:0 15px 40px #0006,inset 0 1px #ffffff1a,0 0 50px #ffd7001a;position:relative;z-index:1;gap:20px}.title-emblem{flex:1;max-width:60%}.arena-status-panel{display:flex;flex-direction:column;gap:8px;align-items:flex-end;justify-content:flex-start;min-width:200px}.arena-mystical-header:before{content:"";position:absolute;inset:-2px;border-radius:20px;z-index:-1;animation:borderGlow 3s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.6;filter:blur(2px)}to{opacity:1;filter:blur(0px)}}.title-emblem .mystical-border{padding:25px;background:#0006;border-radius:16px;border:3px solid rgba(255,215,0,.5);box-shadow:0 0 30px #ffd7004d,inset 0 0 20px #ffd7001a;position:relative;overflow:hidden}.title-emblem .mystical-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.arena-title{font-size:2.2rem;margin:0 0 10px 250px;color:var(--gold-primary, #FFD700);text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4),0 0 45px rgba(255,215,0,.2);text-transform:uppercase;letter-spacing:3px;font-weight:900;position:relative;z-index:1;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 4s ease-in-out infinite}@keyframes titlePulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.02)}}.arena-subtitle{font-size:1.1rem;opacity:.8;margin:0}.arena-subtitle.mythical-text{font-size:1.2rem;font-weight:600;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5),0 0 20px rgba(255,215,0,.3);background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:subtitleGlow 3s ease-in-out infinite alternate;text-transform:uppercase;letter-spacing:1px}@keyframes subtitleGlow{0%{filter:brightness(1) drop-shadow(0 0 5px rgba(255,215,0,.3))}to{filter:brightness(1.3) drop-shadow(0 0 15px rgba(255,215,0,.6))}}.status-item.mystical-frame{background:linear-gradient(135deg,#ffffff26,#ffffff0d),#0000004d;border:2px solid rgba(255,215,0,.3);color:#fff;padding:12px 18px;border-radius:12px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0003,inset 0 1px #ffffff1a;transition:all .3s ease;transform:translate(4px)}.status-item.mystical-frame:hover{border-color:#ffd70080;transform:translate(4px) translateY(-2px);box-shadow:0 12px 35px #0000004d,0 0 20px #ffd70033}.status-item.mystical-frame.points-container{transform:translate(4px);text-align:center;margin-bottom:8px}.status-item.mystical-frame.energy-display{transform:translate(4px);margin-top:8px}.status-label{display:block;font-size:.85rem;opacity:.9;margin-bottom:6px;font-weight:600;letter-spacing:1px;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 8px rgba(255,215,0,.4);animation:labelGlow 2s ease-in-out infinite alternate;font-size:1.1rem;font-weight:900;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4),0 0 45px rgba(255,215,0,.2);text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 4s ease-in-out infinite}.status-label.points-label{transform:none;font-weight:900;font-size:1.1rem;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4),0 0 45px rgba(255,215,0,.2);text-transform:uppercase;letter-spacing:3px;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 4s ease-in-out infinite;text-align:center}@keyframes labelGlow{0%{filter:brightness(1) drop-shadow(0 0 3px rgba(255,215,0,.3))}to{filter:brightness(1.2) drop-shadow(0 0 8px rgba(255,215,0,.6))}}.status-value.rank-value{font-size:1.6rem;font-weight:900;background:linear-gradient(45deg,#4caf50,#45a049,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(76,175,80,.3);animation:rankPulse 3s ease-in-out infinite;text-align:center;display:block}@keyframes rankPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.energy-display .energy-bar{width:140px;height:24px;background:linear-gradient(90deg,#0006,#0009),#0000004d;border-radius:12px;position:relative;overflow:hidden;border:2px solid rgba(255,215,0,.4);box-shadow:inset 0 2px 4px #0000004d,0 0 10px #ffd70033}.energy-fill{height:100%;background:linear-gradient(90deg,#ffd700cc,#ffa500e6,gold);border-radius:10px;transition:width .5s ease;position:relative;box-shadow:0 0 15px #ffd70099,inset 0 1px #ffffff4d;animation:energyPulse 2s ease-in-out infinite}@keyframes energyPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.energy-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);z-index:2;text-align:center}.refresh-opponents-btn.mystical-button{background:linear-gradient(135deg,#ffd70026,#00bfff26);border:2px solid rgba(255,215,0,.3);color:#fff;padding:0;width:50px;height:50px;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #0009,0 0 20px #ffd7004d,inset 0 1px #ffffff1a}.refresh-opponents-btn.mystical-button:hover{background:linear-gradient(135deg,#ffd70040,#00bfff40);border-color:#ffd70099;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #000000b3,0 0 30px #ffd70066,inset 0 1px #ffffff26}.refresh-opponents-btn.mystical-button:active{transform:translateY(-1px) scale(.98)}.refresh-opponents-btn.mystical-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.opponents-battlefield{border-radius:20px;padding:60px;margin-bottom:20px;border:2px solid rgba(255,215,0,.2);background:#0a192fd1;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:visible!important}.opponents-battlefield .refresh-opponents-btn{position:absolute;top:15px;right:15px;z-index:10}.champions-row{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding:20px;position:relative;min-height:300px}.arena-left-column{display:flex;flex-direction:column;gap:30px;flex:1;max-width:45%}.arena-right-column{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;max-width:45%;margin-left:20px}.champions-row:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.6),rgba(0,191,255,.6),rgba(255,215,0,.6),transparent);border-radius:2px}.champion-card.mystical-champion{background:linear-gradient(135deg,#0a192f26,#192a4340,#0f1e3426);border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:20px;width:100%;max-width:320px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff1a;min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.champion-card.mystical-champion:hover{transform:translateY(-5px);border-color:#ffd70099;box-shadow:0 15px 40px #0006,0 0 30px #ffd7004d,inset 0 1px #ffffff1a}.champion-frame{margin-bottom:15px;position:relative}.character-frame{width:227px;height:195px;margin:0 auto;position:relative;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:center}.character-frame.frame-icy{background-image:var(--frame-icy-bg)}.character-frame.frame-nature{background-image:var(--frame-nature-bg)}.character-frame.frame-fire{background-image:var(--frame-fire-bg)}.character-frame.frame-rogbert{background-image:var(--frame-rogbert-bg)}.character-portrait-wrapper{width:182px;height:162px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0000004d}.character-portrait-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;filter:brightness(1.05) saturate(1.1)}.champion-card.mystical-champion:hover .character-portrait-image{transform:scale(1.1)}.weapon-display-container{position:absolute;bottom:-5px;right:-5px;width:35px;height:35px;background:linear-gradient(45deg,#ffd700e6,#ffa500e6);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0000004d}.champion-weapon-overlay{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.champion-info{margin:15px 0}.champion-name{color:var(--gold-primary, #FFD700);text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5);font-size:1.3em;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.champion-details{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.champion-stats{margin-top:15px}.hp-bar-container{margin-bottom:12px}.stat-label{color:#b0b0b0;font-size:.8em;margin-bottom:4px}.hp-bar.mystical-bar{background:linear-gradient(90deg,#000c,#1e1e1ee6);border:2px solid rgba(255,215,0,.3);border-radius:12px;height:20px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#4caf50,#45a049,#66bb6a);height:100%;border-radius:10px;box-shadow:0 0 10px #4caf5066,inset 0 1px 2px #fff3}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:.9em;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.battle-container.mythical-battle.fight-club-arena{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden;z-index:2000}.arena-vs-center{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20%;height:100%;position:relative;z-index:100}.vs-timer-container{text-align:center}.vs-text.mystical-vs{font-size:6em;font-weight:700;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.6);text-transform:uppercase;letter-spacing:10px;margin:0}.battle-starting-text{color:gold;font-size:1.2em;text-shadow:0 0 10px #FFD700;margin-top:20px}.arena-battle-player{display:flex;flex-direction:column;align-items:center;width:35%;height:100%;padding:20px;overflow:visible!important;justify-content:center}.arena-battle-player.right-fighter{transform:translateY(30px)}.arena-battle-player-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;overflow:visible!important;min-height:500px}@keyframes arena-vs-epic{0%{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}to{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 30px rgba(255,215,0,1)) drop-shadow(0 0 50px rgba(255,69,0,.8)) drop-shadow(0 0 70px rgba(138,43,226,.6))}}.arena-battle-layout{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:40px;margin-top:60px}.arena-hp-container{width:100%;max-width:455px;margin:20px 0}.arena-hp-bar{width:100%;height:35px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:2px solid rgba(0,191,255,.4);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.arena-hp-fill.player-hp-fill,.arena-hp-fill.opponent-hp-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff4757,#ff3742,#ff2f3a,#ff1e2d);border-radius:16px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 20px #ff6b6b80,inset 0 2px 4px #fff3}.arena-hp-fill.player-hp-fill:after,.arena-hp-fill.opponent-hp-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:hp-bar-shine 2s ease-in-out infinite}@keyframes hp-bar-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.arena-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:10}.arena-hit-text{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-size:4em;font-weight:900;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 20px rgba(255,255,255,.8);animation:arena-damage-animation 1.2s ease-out forwards;white-space:nowrap;color:#fff;z-index:30;letter-spacing:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 20px;border-radius:10px;background:#0000004d}.arena-hit-text.critical{color:gold;font-size:5em;animation:arena-critical-animation 1.5s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.5)}.arena-hit-text.dodged{color:#00bfff;font-size:4.5em;animation:arena-dodge-animation 1.3s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 25px rgba(0,191,255,1),0 0 50px rgba(0,191,255,.5);background:linear-gradient(45deg,#00bfff33,#0096ff4d)}@keyframes arena-damage-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(-5deg)}20%{transform:translate(-50%,-55%) scale(1.1) rotate(2deg)}to{opacity:0;transform:translate(-50%,-200%) scale(1.5) rotate(0)}}@keyframes arena-critical-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-10deg)}15%{transform:translate(-50%,-55%) scale(1.3) rotate(5deg)}30%{transform:translate(-50%,-50%) scale(1.2) rotate(-5deg)}50%{transform:translate(-50%,-60%) scale(1.4) rotate(3deg)}to{opacity:0;transform:translate(-50%,-250%) scale(2.2) rotate(0)}}@keyframes arena-dodge-animation{0%{opacity:1;transform:translate(-50%,-50%) skew(0) scale(1)}25%{transform:translate(-80%,-60%) skew(15deg) scale(1.1)}50%{transform:translate(-120%,-70%) skew(25deg) scale(1.2)}to{opacity:0;transform:translate(-180%,-90%) skew(30deg) scale(1.3)}}.arena-battle-display.battle-size .character-frame-container{position:relative;width:455px!important;height:390px!important;display:flex;justify-content:center;align-items:center;margin-bottom:30px;border-radius:15px}.arena-battle-display.battle-size .character-frame{width:100%!important;height:100%!important;border:none!important;border-radius:15px}.arena-battle-display.battle-size .character-image-container{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:364px!important;height:325px!important;border-radius:0!important;overflow:hidden!important;z-index:5!important;margin-top:10px}.arena-battle-display.battle-size .character-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;z-index:5!important}.arena-battle-display.opponent-display.battle-size .character-image{transform:scaleX(-1)!important}.arena-battle-display.battle-size .weapon-container{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:15;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));opacity:0;transition:opacity .4s ease,transform .4s ease}.arena-battle-display.battle-size .weapon-image{width:100%!important;height:100%!important;object-fit:contain!important}.arena-battle-display.attacking .weapon-container{opacity:0!important;pointer-events:none!important}.arena-battle-display:not(.attacking) .weapon-container{opacity:0!important;pointer-events:none!important}.arena-battle-display.opponent-display.battle-size .weapon-container,.arena-battle-display.opponent-display.attacking .weapon-container{opacity:0!important;pointer-events:none!important}.arena-battle-display.perfect-player-display{transform:scale(1)!important;margin:0 auto!important;max-width:none!important;width:auto!important}.arena-battle-display.perfect-player-display.large{padding:20px!important;max-width:320px!important}.arena-battle-display.perfect-player-display.large .character-frame-container{width:120px!important;height:120px!important;margin:0 auto 16px!important;background:transparent!important;overflow:visible!important}.arena-battle-display.perfect-player-display.large .character-image-container{top:8px!important;left:8px!important;width:104px!important;height:104px!important;display:flex!important;align-items:center!important;justify-content:center!important}.arena-battle-display.perfect-player-display .weapon-display{display:none!important;opacity:0!important;pointer-events:none!important}.arena-battle-display.opponent-display .character-image{transform:scaleX(-1)!important}.arena-battle-player-container .perfect-player-display{margin-bottom:20px}.arena-hp-container{width:320px!important;margin:20px auto!important}.arena-battle-display.opponent-display.perfect-player-display{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;background:none!important;border:none!important;box-shadow:none!important}.arena-battle-display.opponent-display.perfect-player-display.opponent{border:none!important;border-color:transparent!important;background:none!important;box-shadow:none!important}.arena-battle-display.opponent-display.perfect-player-display.opponent:before{display:none!important}.arena-battle-display.opponent-display.perfect-player-display.opponent:hover{border:none!important;border-color:transparent!important;box-shadow:none!important}.arena-battle-display.opponent-display.perfect-player-display .character-frame-container{position:relative!important;width:455px!important;height:390px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:30px!important;border-radius:15px!important;background:transparent!important;overflow:hidden!important}.arena-battle-display.opponent-display.perfect-player-display .character-frame{width:100%!important;height:100%!important;border:none!important;border-radius:15px!important;position:relative!important;background-size:cover!important;background-position:center!important;z-index:25!important;pointer-events:none!important;filter:none!important;object-fit:cover!important}.arena-battle-display.opponent-display.perfect-player-display .character-image-container{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:364px!important;height:325px!important;border-radius:0!important;overflow:hidden!important;z-index:5!important;margin:0!important;background:none!important;display:block!important}.arena-battle-player.left-fighter .arena-player-frame .arena-player-image{position:relative;z-index:5}.arena-battle-player.right-fighter .character-image-container{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.results-overlay.mystical-results{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a192ff2,#192a43fa,#0f1e34f2 60%,#0a192ff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:mystical-overlay-enter .8s ease-out forwards}@keyframes mystical-overlay-enter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.results-modal.mystical-modal{background:linear-gradient(135deg,#0a192f33,#192a434d,#0f1e3440 60%,#0a192f33);border:3px solid transparent;background-clip:padding-box;border-radius:25px;padding:60px 50px;box-shadow:0 30px 60px #0009,inset 0 1px #ffffff1a,0 0 80px #ffd70033;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:100%;max-width:650px;text-align:center;position:relative;overflow:hidden;animation:mystical-modal-enter 1s ease-out forwards;transform-origin:center}@keyframes mystical-modal-enter{0%{transform:scale(.7) rotateY(-10deg);opacity:0}50%{transform:scale(1.05) rotateY(0);opacity:.8}to{transform:scale(1) rotateY(0);opacity:1}}.results-modal.mystical-modal:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#ffd70099,#00bfff66,#32cd3266,#ff634766,#ffd70099);border-radius:25px;z-index:-1;animation:mystical-border-glow 3s ease-in-out infinite}@keyframes mystical-border-glow{0%,to{opacity:.6;filter:blur(2px)}50%{opacity:1;filter:blur(0px)}}.results-modal.mystical-modal:after{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20px 30px,rgba(255,215,0,.4),transparent),radial-gradient(2px 2px at 40px 70px,rgba(0,191,255,.4),transparent),radial-gradient(1px 1px at 90px 40px,rgba(50,205,50,.4),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,99,71,.4),transparent);background-repeat:repeat;background-size:120px 80px;animation:mystical-particles 15s ease-in-out infinite;pointer-events:none;opacity:.6;border-radius:25px}@keyframes mystical-particles{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.9;transform:translateY(-5px)}}.result-title{font-size:4.5em;font-weight:900;margin:0 0 40px;text-transform:uppercase;letter-spacing:4px;position:relative;z-index:2;animation:mystical-title-entrance 1.5s ease-out forwards}@keyframes mystical-title-entrance{0%{transform:translateY(-30px) scale(.8);opacity:0}50%{transform:translateY(0) scale(1.1);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}.result-title.victory{color:gold;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.6),0 0 90px rgba(255,215,0,.3)}.result-title.defeat{color:tomato;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 30px rgba(255,99,71,1),0 0 60px rgba(255,99,71,.6),0 0 90px rgba(255,99,71,.3)}.reward-info.mystical-rewards{background:linear-gradient(135deg,#0006,#0f172a80,#0006);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:25px;margin:30px 0;position:relative;overflow:hidden;animation:mystical-rewards-enter 1.2s ease-out .5s forwards;opacity:0;transform:translateY(20px)}@keyframes mystical-rewards-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reward-info.mystical-rewards:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:mystical-rewards-shine 2s ease-in-out infinite}@keyframes mystical-rewards-shine{0%{left:-100%}50%{left:100%}to{left:100%}}.reward-info.mystical-rewards p{margin:8px 0;font-size:1.4em;font-weight:600;color:#e0ffff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,255,255,.3);position:relative;z-index:2}.reward-info.mystical-rewards p:first-child{color:#32cd32;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(50,205,50,.5)}.reward-info.mystical-rewards p:last-child{color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(255,215,0,.5)}.fight-button.mystical-button{background:linear-gradient(135deg,#0a192fcc,#192a43e6,#0f1e34cc);border:3px solid rgba(255,215,0,.5);border-radius:15px;padding:18px 40px;font-size:1.4em;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 25px #0006,inset 0 1px #ffffff1a;animation:mystical-button-enter 1s ease-out .8s forwards;opacity:0;transform:translateY(10px)}@keyframes mystical-button-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fight-button.mystical-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:left .5s ease}.fight-button.mystical-button:hover:before{left:100%}.fight-button.mystical-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000080,inset 0 1px #fff3,0 0 30px #ffd70066;border-color:#ffd700cc}.fight-button.mystical-button.primary{color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(255,215,0,.5);border-color:#ffd70099}.fight-button.mystical-button.primary:hover{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,215,0,.8)}.fight-button.mystical-button.secondary{color:tomato;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 15px rgba(255,99,71,.5);border-color:#ff634799}.fight-button.mystical-button.secondary:hover{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,99,71,.8);border-color:#ff6347cc}.defeat-options{display:flex;justify-content:center;gap:20px;margin-top:10px}.arena-opponent-container{position:relative;display:flex;flex-direction:column;align-items:center;padding:15px;margin:10px;border-radius:15px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.1);transition:all .3s ease;min-width:200px}.arena-opponent-container .perfect-player-display{width:100%;max-width:none!important;min-width:180px;padding:8px!important;overflow:visible!important}.arena-opponent-container .perfect-player-display.medium{padding:2.6px!important;max-width:182px!important;min-width:182px!important;width:auto!important;background:none!important;border:none!important;box-shadow:none!important;margin:0!important}.arena-opponent-container .perfect-player-display.medium .character-frame-container{position:relative!important;width:169px!important;height:143px!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:2.6px!important;border-radius:8px!important;background:transparent!important;overflow:hidden!important}.arena-opponent-container .perfect-player-display.medium .character-frame{width:100%!important;height:100%!important;border:none!important;border-radius:12px!important;position:relative!important;background-size:cover!important;background-position:center!important;z-index:25!important;pointer-events:none!important;filter:none!important;object-fit:cover!important}.arena-opponent-container .perfect-player-display.medium .character-image-container{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:135px!important;height:119.6px!important;border-radius:0!important;overflow:hidden!important;z-index:5!important;margin:0!important;background:none!important;display:block!important}.arena-opponent-container .perfect-player-display.medium .character-image{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;z-index:5!important}.arena-opponent-container .perfect-player-display.medium.opponent-display .character-image{transform:scaleX(-1)!important}.arena-opponent-container .perfect-player-display .weapon-display{display:flex!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;top:50%!important;right:-30px!important;transform:translateY(-50%)!important;width:40px!important;height:40px!important;z-index:10!important;background:#ffffff1a!important;border-radius:8px!important;border:1px solid rgba(255,255,255,.2)!important;align-items:center!important;justify-content:center!important;overflow:visible!important}.arena-opponent-container .clickable-opponent-area{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;transition:all .2s ease!important;border-radius:12px!important;padding:2px!important;border:1px solid transparent!important;overflow:visible!important}.arena-opponent-container .clickable-opponent-area:before{content:"⚔️ Click to Challenge"!important;position:absolute!important;top:30%!important;right:-140px!important;transform:translateY(-50%)!important;background:linear-gradient(135deg,#0a192ff2,#192a43f2)!important;color:gold!important;padding:8px 12px!important;border-radius:12px!important;font-size:11px!important;font-weight:900!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:20!important;white-space:nowrap!important;border:2px solid rgba(255,215,0,.5)!important;box-shadow:0 4px 15px #0009,0 0 20px #ffd7004d,inset 0 1px #ffffff1a!important;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5)!important;text-transform:uppercase!important;letter-spacing:1px!important}.arena-opponent-container .clickable-opponent-area:hover{transform:scale(1.05)!important;background:#ffffff1a!important;box-shadow:0 4px 12px #fff3!important;border-color:#ffd70080!important}.arena-opponent-container .clickable-opponent-area:hover:before{opacity:1!important}.arena-opponent-container .clickable-opponent-area:after{content:attr(data-level) " ⚔️ " attr(data-combat-power)!important;position:absolute!important;top:70%!important;right:-140px!important;transform:translateY(-50%)!important;background:linear-gradient(135deg,#0a192ff2,#192a43f2)!important;color:gold!important;padding:8px 12px!important;border-radius:12px!important;font-size:11px!important;font-weight:900!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:20!important;white-space:nowrap!important;border:2px solid rgba(255,215,0,.5)!important;box-shadow:0 4px 15px #0009,0 0 20px #ffd7004d,inset 0 1px #ffffff1a!important;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5)!important;text-transform:uppercase!important;letter-spacing:1px!important}.arena-opponent-container .clickable-opponent-area:hover:after{opacity:1!important}.arena-opponent-container .clickable-opponent-area:active{transform:scale(1.02)!important;background:#ffffff26!important}.arena-opponent-container .clickable-opponent-area[style*=not-allowed]{opacity:.6!important;filter:grayscale(.3)!important}.arena-opponent-container .clickable-opponent-area[style*=not-allowed]:hover{transform:none!important;background:#ff00001a!important;box-shadow:0 2px 8px #f003!important}.arena-opponent-container .perfect-player-display .weapon-image-container{width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.arena-opponent-container .perfect-player-display .weapon-image{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important;overflow:visible!important}.arena-opponent-container .perfect-player-display .weapon-info{display:none!important}.champions-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:30px;position:relative;overflow:visible;padding:0 20px;flex-wrap:nowrap}.arena-opponent-container .challenge-champion-btn{margin-top:10px;width:100%;max-width:200px}@media (max-width: 768px){.results-modal.mystical-modal{max-width:90%;padding:40px 30px}.result-title{font-size:3em}.reward-info.mystical-rewards p{font-size:1.2em}.fight-button.mystical-button{padding:15px 30px;font-size:1.2em}}@media (max-width: 480px){.result-title{font-size:2.5em;letter-spacing:2px}.results-modal.mystical-modal{padding:30px 20px}.fight-button.mystical-button{padding:12px 25px;font-size:1.1em}.defeat-options{flex-direction:column;gap:15px}}.refresh-cdn-btn{width:64px;height:64px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e 60%,#3d5af1);border-radius:50%;border:2px solid #ffd700;box-shadow:0 4px 16px #3d5af126;transition:transform .15s,box-shadow .15s}.refresh-cdn-btn:hover:not(:disabled){transform:scale(1.08) rotate(10deg);box-shadow:0 8px 24px #3d5af140;border-color:#fff700}.refresh-cdn-icon{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,215,0,.8));transition:var(--transition-medium)}.refresh-opponents-btn.mystical-button:hover .refresh-cdn-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 20px rgba(255,215,0,1))}.arena-right-column .arena-opponent-container,.arena-left-column .arena-opponent-container{position:relative;display:flex;flex-direction:column;align-items:center;padding:0;margin:10px;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;transition:all .3s ease;min-width:200px}.opponent-name.mythical-name{position:absolute;top:-40px;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:900;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4),0 0 45px rgba(255,215,0,.2);text-transform:uppercase;letter-spacing:2px;animation:titlePulse 4s ease-in-out infinite;white-space:nowrap;z-index:15;text-align:center;min-width:100px;background:#000c;padding:6px 12px;border-radius:12px;border:2px solid rgba(255,215,0,.5);box-shadow:0 4px 12px #0009}@keyframes arena-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.arena-battle-player.left-fighter .battle-character-image,.arena-battle-player.right-fighter .battle-character-image,.arena-battle-display.opponent-display .character-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin-top:0!important;display:block!important}.infinity-dungeon-arena .arena-mystical-header{padding:25px 25px 25px 5px}.infinity-dungeon-arena .arena-title{background:linear-gradient(45deg,#9d4edd,#c77dff,#e0aaff,#c77dff,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(157,78,221,.6),0 0 30px rgba(157,78,221,.4),0 0 45px rgba(157,78,221,.2)}.infinity-dungeon-arena .arena-subtitle.mythical-text{background:linear-gradient(45deg,#9d4edd,#c77dff,#e0aaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(157,78,221,.5),0 0 20px rgba(157,78,221,.3)}.infinity-dungeon-arena .mystical-border{padding:30px 25px;background:#0006;border-radius:16px;border:3px solid rgba(157,78,221,.5);box-shadow:0 0 30px #9d4edd4d,inset 0 0 20px #9d4edd1a;position:relative;overflow:visible;text-align:left}.infinity-dungeon-arena .mystical-border:before{background:linear-gradient(90deg,transparent,rgba(157,78,221,.2),transparent)}.infinity-dungeon-arena .status-item.mystical-frame{border:2px solid rgba(157,78,221,.3);box-shadow:0 8px 25px #0003,inset 0 1px #ffffff1a,0 0 15px #9d4edd33}.dungeon-info-panel.mystical-frame,.dungeon-stats-panel.mystical-frame{background:linear-gradient(135deg,#ffffff1a,#ffffff0d),#0006;border:2px solid rgba(157,78,221,.3);border-radius:16px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #0000004d,inset 0 1px #ffffff1a,0 0 30px #9d4edd33;margin-bottom:20px}.panel-title.mystical-text{font-size:1.5rem;font-weight:700;color:#c77dff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(199,125,255,.5),0 0 20px rgba(199,125,255,.3);background:linear-gradient(45deg,#c77dff,#e0aaff,#c77dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px}.panel-description{color:#ffffffe6;font-size:1.1rem;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.dungeon-features{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.feature-item{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#0000004d;border-radius:10px;border:1px solid rgba(157,78,221,.2);transition:all .3s ease}.feature-item:hover{border-color:#9d4edd66;box-shadow:0 0 15px #9d4edd33;transform:translate(5px)}.feature-icon{font-size:1.3rem;min-width:30px;text-align:center}.feature-text{color:#ffffffe6;font-size:.95rem;line-height:1.4}.dungeon-actions{display:flex;gap:15px;flex-wrap:wrap}.mystical-button{position:relative;padding:12px 24px;background:linear-gradient(135deg,#9d4eddcc,#9d4edd99);border:2px solid rgba(157,78,221,.6);border-radius:12px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.mystical-button:hover{background:linear-gradient(135deg,#9d4edd,#9d4eddcc);border-color:#c77dffcc;box-shadow:0 0 25px #9d4edd66;transform:translateY(-2px)}.mystical-button.primary-gold{background:linear-gradient(135deg,#ffd700cc,#ffa50099);border-color:#ffd70099}.mystical-button.primary-gold:hover{background:linear-gradient(135deg,gold,#ffa500cc);border-color:#ffd700cc;box-shadow:0 0 25px #ffd70066}.mystical-button.secondary{background:linear-gradient(135deg,#64646499,#46464699);border-color:#96969666}.mystical-button.secondary:hover{background:linear-gradient(135deg,#787878cc,#5a5a5acc);border-color:#b4b4b499;box-shadow:0 0 20px #9696964d}.mystical-button:hover .button-mystical-glow{left:100%}.dungeon-stats.mystical-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-item.mystical-frame.mini{padding:8px 12px;font-size:.85rem;text-align:center}.stat-label{display:block;color:#ffffffb3;font-size:.8rem;margin-bottom:4px}.stat-value{display:block;color:#c77dff;font-weight:600;font-size:1rem}.coming-soon-notice.mystical-notice{background:#ffc1071a;border:2px solid rgba(255,193,7,.3);border-radius:10px;padding:15px;text-align:center}.notice-title{color:#ffc107;font-size:1.1rem;font-weight:600;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.notice-description{color:#fffc;font-size:.9rem;line-height:1.4}@media (max-width: 768px){.champions-row{flex-direction:column}.arena-left-column,.arena-right-column{width:100%}.dungeon-actions{flex-direction:column}.dungeon-stats.mystical-stats{grid-template-columns:1fr}}.infinity-dungeon-battle-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden;z-index:2000;padding:0 5%}.infinity-dungeon-battle-header{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;z-index:100}.infinity-dungeon-battle-title{font-size:2.5em;background:linear-gradient(45deg,#9d4edd,#c77dff,#e0aaff,#c77dff,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(157,78,221,.6),0 0 30px rgba(157,78,221,.4);margin:0;text-transform:uppercase;letter-spacing:3px;animation:titlePulse 4s ease-in-out infinite}.infinity-dungeon-battle-subtitle{font-size:1.2em;color:#c77dff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(199,125,255,.5);margin-top:10px;letter-spacing:1px}@keyframes titlePulse{0%,to{filter:brightness(1);transform:translate(-50%) scale(1)}50%{filter:brightness(1.2);transform:translate(-50%) scale(1.02)}}.infinity-dungeon-player-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:100vh;padding:20px;border-radius:0 20px 20px 0}.infinity-dungeon-player-title{font-size:2.2em;color:#c77dff;text-shadow:0 0 15px #c77dff,0 0 30px #c77dff;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.infinity-dungeon-player-frame{position:relative;width:455px;height:390px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:15px;overflow:hidden}.infinity-dungeon-player-frame:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--player-frame-bg);background-size:cover;background-position:center;z-index:25;pointer-events:none}.infinity-dungeon-player-frame .battle-character-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;margin-top:0!important;display:block}.infinity-dungeon-player-frame img.character-frame+img.battle-character-image,.infinity-dungeon-player-frame .character-frame+.character-image-container .battle-character-image{max-width:90%!important;max-height:90%!important}.infinity-dungeon-player-hp{width:100%;max-width:455px;height:35px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:2px solid rgba(157,78,221,.4);border-radius:18px;position:relative;margin-bottom:20px;overflow:hidden;z-index:50;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.infinity-dungeon-player-hp-bar{height:100%;background:linear-gradient(90deg,#9d4edd,#c77dff,#e0aaff,#c77dff,#9d4edd);border-radius:16px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 20px #9d4edd80,inset 0 2px 4px #fff3}.infinity-dungeon-player-hp-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:infinity-hp-bar-shine 2s ease-in-out infinite}@keyframes infinity-hp-bar-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.infinity-dungeon-player-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.1em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:60}.infinity-dungeon-heal-text{position:absolute;right:10px;top:-8px;font-size:1.1em;font-weight:700;text-shadow:0 0 6px rgba(76,175,80,.8),2px 2px 4px rgba(0,0,0,.6);animation:healFloat 1s ease-out forwards;pointer-events:none}@keyframes healFloat{0%{opacity:0;transform:translateY(8px) scale(.95)}30%{opacity:1;transform:translateY(-4px) scale(1.05)}to{opacity:0;transform:translateY(-18px) scale(1)}}.infinity-dungeon-player-info{text-align:center;margin-top:10px}.infinity-dungeon-info-text{font-size:1.2em;color:#e0aaff;margin:5px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.infinity-dungeon-floor-info{font-size:1.1em;color:#c77dff;margin:5px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.infinity-dungeon-boons{margin-top:15px;padding:15px 20px;background:linear-gradient(135deg,#9d4edd26,#8a2be233,#4b008240,#8a2be233,#9d4edd26);border:2px solid rgba(199,125,255,.4);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 25px #9d4edd4d,inset 0 1px #ffffff1a,0 0 30px #c77dff33;animation:mythical-boons-glow 4s ease-in-out infinite alternate}.infinity-dungeon-boons:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#c77dff4d,#9d4edd66,#8a2be24d,#9d4edd66,#c77dff4d);border-radius:18px;z-index:-1;animation:mythical-border-pulse 6s ease-in-out infinite}.infinity-dungeon-boons:after{content:"✨";position:absolute;top:8px;right:12px;font-size:1.2em;color:#c77dff;text-shadow:0 0 10px rgba(199,125,255,.8);animation:sparkle-rotate 3s linear infinite}.infinity-dungeon-boons{font-size:1.05em;font-weight:600;color:#e0aaff;text-shadow:0 0 15px rgba(224,170,255,.8),0 0 25px rgba(199,125,255,.4),2px 2px 4px rgba(0,0,0,.6);letter-spacing:.5px;line-height:1.4}.infinity-dungeon-boons .boon-item{display:flex;align-items:center;gap:8px;margin:8px 0;padding:6px 0;border-bottom:1px solid rgba(199,125,255,.2)}.infinity-dungeon-boons .boon-item:last-child{border-bottom:none}.infinity-dungeon-boons .boon-icon{font-size:1.1em;color:#c77dff;text-shadow:0 0 8px rgba(199,125,255,.6);filter:drop-shadow(0 0 6px rgba(199,125,255,.4))}.infinity-dungeon-boons .boon-text{flex:1;color:#e0aaff;font-weight:500}.infinity-dungeon-boons .boon-value{color:#c77dff;font-weight:700;text-shadow:0 0 10px rgba(199,125,255,.6)}@keyframes mythical-boons-glow{0%{box-shadow:0 8px 25px #9d4edd4d,inset 0 1px #ffffff1a,0 0 30px #c77dff33}to{box-shadow:0 12px 35px #9d4edd66,inset 0 1px #ffffff26,0 0 40px #c77dff59}}@keyframes mythical-border-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes sparkle-rotate{0%{transform:rotate(0) scale(1);filter:brightness(1)}25%{transform:rotate(90deg) scale(1.1);filter:brightness(1.3)}50%{transform:rotate(180deg) scale(1);filter:brightness(1)}75%{transform:rotate(270deg) scale(1.1);filter:brightness(1.3)}to{transform:rotate(360deg) scale(1);filter:brightness(1)}}.infinity-dungeon-monster-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:100vh;padding:20px;border-radius:20px 0 0 20px}.infinity-dungeon-monster-title{font-size:2.2em;color:#ff6b6b;text-shadow:0 0 15px #ff6b6b,0 0 30px #ff6b6b;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;text-align:center}.infinity-dungeon-monster-level{font-size:1.3em;color:#ffb347;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin-bottom:20px;text-align:center}.infinity-dungeon-monster-frame{position:relative;width:520px;height:520px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:20px;background:linear-gradient(135deg,#ff6b6b1a,#ffb3471a);border:2px solid rgba(255,107,107,.3);box-shadow:0 8px 32px #ff6b6b4d,inset 0 1px #ffffff1a;overflow:hidden}.infinity-dungeon-monster-frame img,.infinity-dungeon-monster-frame .monster-image,.infinity-dungeon-monster-frame .battle-character-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;margin:0!important;display:block;border-radius:20px}.infinity-dungeon-monster-hp{width:100%;max-width:520px;height:35px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:2px solid rgba(255,107,107,.4);border-radius:18px;position:relative;margin-bottom:20px;overflow:hidden;z-index:50;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.infinity-dungeon-monster-hp-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff8e8e,#ffb3b3,#ff8e8e,#ff6b6b);border-radius:16px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 20px #ff6b6b80,inset 0 2px 4px #fff3}.infinity-dungeon-monster-hp-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:infinity-monster-hp-shine 2s ease-in-out infinite}@keyframes infinity-monster-hp-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.infinity-dungeon-monster-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.1em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:60}.infinity-dungeon-monster-info{text-align:center;margin-top:10px}.infinity-dungeon-monster-type{font-size:1.2em;color:#ffb347;margin:5px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.infinity-dungeon-monster-description{font-size:1.1em;color:#ff8e8e;margin:5px 0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.infinity-dungeon-vs-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.infinity-dungeon-vs-text{font-size:4em;font-weight:700;color:#c77dff;text-shadow:0 0 20px #c77dff,0 0 40px #c77dff,3px 3px 6px rgba(0,0,0,.8);animation:vsAnimation 2s ease-in-out}@keyframes vsAnimation{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.infinity-dungeon-skip-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50}.infinity-dungeon-skip-button{padding:12px 24px;background:linear-gradient(135deg,#9d4eddcc,#9d4edd99);border:2px solid rgba(157,78,221,.6);border-radius:12px;color:#fff;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.infinity-dungeon-skip-button:hover{background:linear-gradient(135deg,#9d4edd,#9d4eddcc);border-color:#c77dffcc;box-shadow:0 0 25px #9d4edd66;transform:translateY(-2px)}.infinity-dungeon-hit-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:3.5em;font-weight:900;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 20px rgba(255,255,255,.8);animation:infinity-enhanced-damage-animation 1.2s ease-out forwards;white-space:nowrap;color:#fff;z-index:30;letter-spacing:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 20px;border-radius:10px;background:#0000004d}.infinity-dungeon-hit-text.critical{color:#c77dff;font-size:4.5em;animation:infinity-enhanced-critical-animation 1.5s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 30px rgba(199,125,255,1),0 0 60px rgba(199,125,255,.5);background:linear-gradient(45deg,#c77dff33,#9d4edd4d)}.infinity-dungeon-hit-text.dodged{color:#e0aaff;font-size:4em;animation:infinity-enhanced-dodge-animation 1.3s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 25px rgba(224,170,255,1),0 0 50px rgba(224,170,255,.5);background:linear-gradient(45deg,#e0aaff33,#c77dff4d)}.infinity-dungeon-hit-text.monster{color:#ff6b6b}@keyframes infinity-enhanced-damage-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(-5deg)}20%{transform:translate(-50%,-55%) scale(1.1) rotate(2deg)}to{opacity:0;transform:translate(-50%,-200%) scale(1.5) rotate(0)}}@keyframes infinity-enhanced-critical-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-10deg)}15%{transform:translate(-50%,-55%) scale(1.3) rotate(5deg)}30%{transform:translate(-50%,-50%) scale(1.2) rotate(-5deg)}50%{transform:translate(-50%,-60%) scale(1.4) rotate(3deg)}to{opacity:0;transform:translate(-50%,-250%) scale(2.2) rotate(0)}}@keyframes infinity-enhanced-dodge-animation{0%{opacity:1;transform:translate(-50%,-50%) skew(0) scale(1)}25%{transform:translate(-80%,-60%) skew(15deg) scale(1.1)}50%{transform:translate(-120%,-70%) skew(25deg) scale(1.2)}to{opacity:0;transform:translate(-180%,-90%) skew(30deg) scale(1.3)}}.infinity-dungeon-battle-results{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#000c;z-index:3000}.infinity-dungeon-results-panel{background:linear-gradient(135deg,#ffffff26,#ffffff0d),#0006;border:2px solid rgba(157,78,221,.5);border-radius:20px;padding:40px;max-width:600px;width:90%;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #0006,inset 0 1px #ffffff1a,0 0 50px #9d4edd4d}.infinity-dungeon-result-title{font-size:3em;margin-bottom:30px;text-transform:uppercase;letter-spacing:3px}.infinity-dungeon-result-title.victory{color:#32cd32;text-shadow:0 0 20px #32CD32}.infinity-dungeon-result-title.defeat{color:#ff6b6b;text-shadow:0 0 20px #ff6b6b}.infinity-dungeon-rewards{margin:30px 0}.infinity-dungeon-rewards h3{color:#c77dff;font-size:1.5em;margin-bottom:20px}.infinity-dungeon-reward-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.infinity-dungeon-reward-item{background:#9d4edd33;border:2px solid rgba(157,78,221,.4);border-radius:10px;padding:15px;display:flex;align-items:center;justify-content:center;gap:10px}.reward-icon{font-size:1.5em}.reward-text{font-size:1.1em;font-weight:600;color:#fff}.infinity-dungeon-progress{margin:20px 0}.infinity-dungeon-floor-progress{font-size:1.3em;color:#e0aaff;margin:10px 0}.infinity-dungeon-action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.mystical-dungeon-button{position:relative;padding:15px 30px;background:linear-gradient(135deg,#9d4eddcc,#9d4edd99);border:2px solid rgba(157,78,221,.6);border-radius:12px;color:#fff;font-size:1.1em;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden;display:flex;align-items:center;gap:10px}.mystical-dungeon-button:hover{background:linear-gradient(135deg,#9d4edd,#9d4eddcc);border-color:#c77dffcc;box-shadow:0 0 25px #9d4edd66;transform:translateY(-2px)}.mystical-dungeon-button.primary{background:linear-gradient(135deg,#ffd700cc,#ffa50099);border-color:#ffd70099}.mystical-dungeon-button.primary:hover{background:linear-gradient(135deg,gold,#ffa500cc);border-color:#ffd700cc;box-shadow:0 0 25px #ffd70066}.mystical-dungeon-button.secondary{background:linear-gradient(135deg,#646464cc,#46464699);border-color:#96969666}.mystical-dungeon-button.secondary:hover{background:linear-gradient(135deg,#787878cc,#5a5a5acc);border-color:#b4b4b499;box-shadow:0 0 20px #9696964d}.mystical-dungeon-button.defeat{background:linear-gradient(135deg,#ff6b6bcc,#ff6b6b99);border-color:#ff6b6b99}.mystical-dungeon-button.defeat:hover{background:linear-gradient(135deg,#ff6b6b,#ff6b6bcc);border-color:#ff8e8ecc;box-shadow:0 0 25px #ff6b6b66}.button-icon{font-size:1.2em}.button-text{position:relative;z-index:2}.button-mystical-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.mystical-dungeon-button:hover .button-mystical-glow{left:100%}.infinity-dungeon-defeat-content{text-align:center}.infinity-dungeon-defeat-message{font-size:1.3em;color:#ff8e8e;margin:20px 0;line-height:1.6}.infinity-dungeon-battle-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0f0f1ef2,#1e0f3ce6,#2d0f5ad9);color:#fff;z-index:2000}.infinity-dungeon-battle-loading h2{font-size:2.5em;color:#c77dff;text-shadow:0 0 20px #c77dff;animation:loadingPulse 2s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.infinity-dungeon-boon-panel{background:linear-gradient(135deg,#0f0f1ef2,#1e0f3ce6,#2d0f5ad9,#1e0f3ce6,#0f0f1ef2);border:3px solid rgba(199,125,255,.6);border-radius:24px;padding:30px;margin:25px 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 15px 40px #9d4edd66,inset 0 2px #ffffff1a,0 0 50px #c77dff4d;animation:mystical-panel-pulse 6s ease-in-out infinite}.infinity-dungeon-boon-panel:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#c77dff66,#9d4edd80,#8a2be266,#9d4edd80,#c77dff66);border-radius:27px;z-index:-1;animation:mystical-aura-rotate 8s linear infinite}.infinity-dungeon-boon-panel:after{display:none}.infinity-dungeon-boon-panel h3{font-size:1.87em;color:#e0aaff;text-shadow:0 0 20px rgba(224,170,255,.8),0 0 40px rgba(199,125,255,.5),3px 3px 6px rgba(0,0,0,.8);margin:20px 0 30px;text-transform:uppercase;letter-spacing:2px;font-weight:700}.boon-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;justify-content:center}.boon-button{background:linear-gradient(135deg,#9d4edd33,#8a2be240,#4b00824d);border:2px solid rgba(199,125,255,.4);border-radius:18px;padding:20px 15px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:8px;text-align:center;color:#fff;font-family:inherit;box-shadow:0 8px 25px #9d4edd33,inset 0 1px #ffffff1a}.boon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.boon-button:hover{transform:translateY(-5px) scale(1.02);border-color:#e0aaffb3;background:linear-gradient(135deg,#9d4edd4d,#8a2be259,#4b008266);box-shadow:0 15px 35px #9d4edd66,inset 0 1px #ffffff26,0 0 30px #e0aaff4d}.boon-button:hover:before{left:100%}.boon-button.selected{border-color:#ffd700cc;background:linear-gradient(135deg,#ffd70033,#ffa50040,#ff8c004d);transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #ffd70066,inset 0 2px #fff3,0 0 40px #ffd70080;animation:selected-glow 2s ease-in-out infinite alternate}.boon-button.selected:after{content:"⭐";position:absolute;top:8px;right:8px;font-size:1.3em;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);animation:star-twinkle 1.5s ease-in-out infinite}.boon-title{font-size:1.3em;font-weight:700;color:#e0aaff;text-shadow:0 0 15px rgba(224,170,255,.8),2px 2px 4px rgba(0,0,0,.8);margin-bottom:8px;line-height:1.2}.boon-desc{font-size:.95em;color:#c9c9c9;text-shadow:1px 1px 3px rgba(0,0,0,.7);line-height:1.4;opacity:.9}@keyframes mystical-panel-pulse{0%,to{box-shadow:0 15px 40px #9d4edd66,inset 0 2px #ffffff1a,0 0 50px #c77dff4d}50%{box-shadow:0 20px 50px #9d4edd80,inset 0 2px #ffffff26,0 0 70px #c77dff66}}@keyframes mystical-aura-rotate{0%{background-position:0% 50%;transform:rotate(0)}50%{background-position:100% 50%;transform:rotate(180deg)}to{background-position:0% 50%;transform:rotate(360deg)}}@keyframes sparkle-dance{0%,to{transform:translate(-50%) translateY(0);opacity:.8}25%{transform:translate(-50%) translateY(-3px);opacity:1}50%{transform:translate(-50%) translateY(0);opacity:.9}75%{transform:translate(-50%) translateY(-2px);opacity:1}}@keyframes selected-glow{0%{box-shadow:0 12px 30px #ffd70066,inset 0 2px #fff3,0 0 40px #ffd70080}to{box-shadow:0 15px 40px #ffd70099,inset 0 2px #ffffff40,0 0 60px #ffd700b3}}@keyframes star-twinkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.2) rotate(180deg);opacity:1}}@media (max-width: 768px){.boon-choices{grid-template-columns:1fr;gap:15px}.infinity-dungeon-boon-panel{padding:20px;margin:20px 10px}.boon-button{min-height:100px;padding:15px}.infinity-dungeon-player-panel,.infinity-dungeon-monster-panel{width:40%;padding:10px}.infinity-dungeon-player-frame,.infinity-dungeon-monster-frame{width:320px;height:320px}.infinity-dungeon-battle-title{font-size:2em}.infinity-dungeon-action-buttons{flex-direction:column;align-items:center}.mystical-dungeon-button{width:100%;max-width:300px}}.hit-text{position:fixed;font-family:Arial Black,Arial,sans-serif;font-weight:900;text-align:center;pointer-events:none;z-index:9999;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}@keyframes hit-text-normal{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) translateY(0)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2) translateY(-10px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(-30px)}to{opacity:0;transform:translate(-50%,-50%) scale(.8) translateY(-60px)}}@keyframes hit-text-critical{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) translateY(0) rotate(-5deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.5) translateY(-15px) rotate(2deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.3) translateY(-25px) rotate(-1deg)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.4) translateY(-35px) rotate(1deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.2) translateY(-50px) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.9) translateY(-80px) rotate(0)}}@keyframes hit-text-dodge{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) translate(0)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.1) translate(-15px)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) translate(15px)}75%{opacity:1;transform:translate(-50%,-50%) scale(.9) translate(-10px)}to{opacity:0;transform:translate(-50%,-50%) scale(.7) translate(0)}}.hit-text.critical{animation:hit-text-critical 1.5s ease-out forwards,critical-glow 1.5s ease-out forwards}@keyframes critical-glow{0%{filter:drop-shadow(0 0 5px #FFD700)}30%{filter:drop-shadow(0 0 20px #FFD700) drop-shadow(0 0 30px #FFA500)}70%{filter:drop-shadow(0 0 15px #FFD700) drop-shadow(0 0 25px #FFA500)}to{filter:drop-shadow(0 0 5px #FFD700)}}.hit-text.dodged{color:#888!important;font-style:italic;animation:hit-text-dodge 1s ease-out forwards}.weapon-trail{position:fixed;pointer-events:none;z-index:2000;opacity:.7}.weapon-trail.sword{background:linear-gradient(45deg,transparent,#C0C0C0,#E6E6FA,transparent);border-radius:50%;animation:sword-trail .3s ease-out forwards}.weapon-trail.dagger{background:linear-gradient(30deg,transparent,#FFD700,#FFA500,transparent);border-radius:20%;animation:dagger-trail .2s ease-out forwards}.weapon-trail.axe{background:linear-gradient(60deg,transparent,#8B4513,#CD853F,transparent);border-radius:30%;animation:axe-trail .4s ease-out forwards}@keyframes sword-trail{0%{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:.8;transform:scale(1.2) rotate(45deg)}to{opacity:0;transform:scale(1.5) rotate(90deg)}}@keyframes dagger-trail{0%{opacity:0;transform:scale(.3) rotate(0)}60%{opacity:.9;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(1.3) rotate(360deg)}}@keyframes axe-trail{0%{opacity:0;transform:scale(.7) rotate(0)}40%{opacity:.7;transform:scale(1.1) rotate(90deg)}to{opacity:0;transform:scale(1.4) rotate(180deg)}}.projectile-glow{position:fixed;pointer-events:none;z-index:2400;border-radius:50%;animation:projectile-glow .6s ease-out forwards}.projectile-glow.bow{background:radial-gradient(circle,rgba(255,255,255,.8),rgba(173,216,230,.6),transparent);box-shadow:0 0 15px #add8e6cc}.projectile-glow.staff{background:radial-gradient(circle,rgba(147,112,219,.9),rgba(138,43,226,.7),transparent);box-shadow:0 0 20px #9370dbe6}@keyframes projectile-glow{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.impact-flash{position:fixed;pointer-events:none;z-index:2600;border-radius:50%;animation:impact-flash .3s ease-out forwards}.impact-flash.melee{background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,215,0,.7),transparent);box-shadow:0 0 30px #ffd700cc}.impact-flash.ranged{background:radial-gradient(circle,rgba(255,255,255,.8),rgba(100,149,237,.6),transparent);box-shadow:0 0 25px #6495edb3}@keyframes impact-flash{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}@keyframes screen-shake{0%{transform:translate(0)}10%{transform:translate(-2px,-1px)}20%{transform:translate(-1px,1px)}30%{transform:translate(2px,1px)}40%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}60%{transform:translate(-2px,1px)}70%{transform:translate(2px,1px)}80%{transform:translate(-1px,-1px)}90%{transform:translate(1px,1px)}to{transform:translate(0)}}.screen-shake{animation:screen-shake .5s ease-in-out}.weapon-glow{position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:-1}.weapon-glow.fire{background:radial-gradient(circle,rgba(255,69,0,.3),rgba(255,140,0,.2),transparent);box-shadow:0 0 20px #ff450080;animation:fire-glow 2s ease-in-out infinite alternate}.weapon-glow.ice{background:radial-gradient(circle,rgba(173,216,230,.3),rgba(135,206,250,.2),transparent);box-shadow:0 0 20px #add8e680;animation:ice-glow 2s ease-in-out infinite alternate}.weapon-glow.nature{background:radial-gradient(circle,rgba(34,139,34,.3),rgba(50,205,50,.2),transparent);box-shadow:0 0 20px #228b2280;animation:nature-glow 2s ease-in-out infinite alternate}@keyframes fire-glow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes ice-glow{0%{opacity:.6;transform:scale(1)}to{opacity:.9;transform:scale(1.05)}}@keyframes nature-glow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.08)}}.weapon-animation-loading{position:relative}.weapon-animation-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #ccc;border-top:2px solid #333;border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weapon-animation-debug{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:10px;border-radius:5px;font-family:monospace;font-size:12px;z-index:10000;max-width:300px}.weapon-animation-debug .debug-item{margin-bottom:5px;border-bottom:1px solid #444;padding-bottom:3px}.weapon-animation-debug .debug-item:last-child{border-bottom:none;margin-bottom:0}@media (max-width: 768px){.hit-text{font-size:1.5em!important}.hit-text.critical{font-size:2em!important}.weapon-animation-debug{right:5px;top:5px;max-width:200px;font-size:10px}}@media (prefers-reduced-motion: reduce){.hit-text,.weapon-trail,.projectile-glow,.impact-flash,.weapon-glow{animation-duration:.1s!important}.screen-shake{animation:none!important}}.mission-complete-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;animation:mystical-fade-in .6s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mission-complete-modal{background:linear-gradient(135deg,#0a192ff2,#192a43fa,#0f1e34f2);border:2px solid rgba(255,215,0,.4);border-radius:20px;padding:40px;color:#fff;text-align:center;max-width:650px;width:90%;position:relative;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff26,0 0 40px #ffd70033;animation:mystical-panel-entrance .8s cubic-bezier(.4,0,.2,1)}.mission-complete-modal:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd70066,#00bfff4d,#8a2be24d,#00bfff4d,#ffd70066);border-radius:22px;z-index:-1;animation:mystical-aura 6s ease-in-out infinite}@keyframes mystical-aura{0%,to{opacity:.3}50%{opacity:.7}}.mission-results-header{text-align:center;margin-bottom:35px;position:relative}.mission-result-title{font-size:2.8em;font-weight:700;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;animation:title-glow 3s ease-in-out infinite alternate}.mission-result-subtitle{font-size:1.1em;color:#87ceeb;font-style:italic;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.8)}.mission-rewards-container{background:linear-gradient(135deg,#0000004d,#192a4333,#0000004d);border-radius:16px;padding:25px;margin:25px 0;border:1px solid rgba(255,215,0,.25);position:relative}.mission-rewards-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.mission-rewards-header h3{font-size:1.4em;margin:0;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6);letter-spacing:1px}.mission-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.mission-reward-item{background:#0000004d;border-radius:12px;padding:18px;display:flex;align-items:center;gap:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.mission-reward-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.mission-reward-item:hover:before{left:100%}.mission-reward-item:hover{transform:translateY(-3px);border-color:#ffd7004d;box-shadow:0 8px 25px #ffd70033}.mission-item-discovery{background:linear-gradient(135deg,#8a2be233,#4b00824d,#8a2be233);border:2px solid rgba(138,43,226,.4);border-radius:16px;padding:25px;text-align:center;position:relative;animation:item-discovery-glow 2s ease-in-out infinite alternate}.mission-return-section{text-align:center;margin-top:30px}.mystical-mission-button{background:linear-gradient(135deg,#ffd70033,#00bfff4d,#ffd70033);border:2px solid rgba(255,215,0,.5);border-radius:16px;padding:18px 40px;color:#fff;font-size:1.2em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;transition:all .3s ease;min-width:250px;margin:0 auto}.mystical-mission-button:hover{transform:translateY(-3px);border-color:#ffd700cc;box-shadow:0 10px 30px #ffd7004d}.mystical-mission-button .button-icon{font-size:1.3em;filter:drop-shadow(0 0 8px currentColor)}.mystical-mission-button .button-text{text-shadow:0 0 10px rgba(255,255,255,.5);letter-spacing:.5px}@media (max-width: 768px){.mission-complete-modal{width:95%;padding:25px}.mission-rewards-grid{grid-template-columns:1fr}.discovered-item{flex-direction:column;text-align:center}.mystical-mission-button{min-width:200px;padding:15px 30px;font-size:1.1em}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mission-reward-gold,.mission-reward-xp{font-size:1.2em;margin:8px 0;color:#e0ffff}.mission-reward-gold{color:gold;text-shadow:0 0 8px #FFD700}.mission-reward-xp{color:#32cd32;text-shadow:0 0 8px #32CD32}.mission-item-drop{margin-top:20px;padding-top:20px;border-top:2px solid rgba(50,205,50,.3)}.mission-item-drop h4{color:gold;font-size:1.4em;margin-bottom:12px;text-shadow:0 0 12px #FFD700}.mission-item-image{width:60px;height:60px;border:2px solid #32CD32;border-radius:8px;box-shadow:0 0 15px #32cd3266;margin:8px}.mission-item-name{color:gold;font-size:1.1em;font-weight:700;text-shadow:0 0 8px #FFD700}.mission-continue-button{padding:15px 40px;font-size:1.4em;font-weight:700;border:2px solid #32CD32;border-radius:12px;color:#fff;text-shadow:1px 1px 2px black;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin:8px;background:linear-gradient(45deg,#32cd32,#00ff32)}.mission-continue-button:hover{transform:scale(1.05);box-shadow:0 0 25px #32cd3299}.close-modal-btn{margin-top:18px;padding:10px 24px;border:none;border-radius:8px;background:linear-gradient(90deg,#00bfff,#1e90ff);color:#fff;font-size:1.1em;cursor:pointer;box-shadow:0 2px 8px #00bfff44;transition:background .2s,transform .2s}.close-modal-btn:hover{background:#09c;transform:scale(1.07)}.weapon-img{transition:all .3s ease;filter:brightness(1)}.weapon-color-green{filter:hue-rotate(120deg) drop-shadow(0 0 8px rgba(40,167,69,.6))}.weapon-color-green.attacking{filter:hue-rotate(120deg) drop-shadow(0 0 15px rgba(40,167,69,.9)) brightness(1.2)}.weapon-color-green.special-effect{animation:nature-pulse 2s ease-in-out infinite}.weapon-color-red{filter:hue-rotate(0deg) drop-shadow(0 0 8px rgba(220,53,69,.6))}.weapon-color-red.attacking{filter:hue-rotate(0deg) drop-shadow(0 0 15px rgba(220,53,69,.9)) brightness(1.3)}.weapon-color-red.special-effect{animation:fire-flicker 1.5s ease-in-out infinite}.weapon-color-glacial{filter:hue-rotate(200deg) drop-shadow(0 0 8px rgba(23,162,184,.6))}.weapon-color-glacial.attacking{filter:hue-rotate(200deg) drop-shadow(0 0 15px rgba(23,162,184,.9)) brightness(1.2)}.weapon-color-glacial.special-effect{animation:frost-shimmer 2.5s ease-in-out infinite}.weapon-color-purple{filter:hue-rotate(280deg) drop-shadow(0 0 8px rgba(111,66,193,.6))}.weapon-color-purple.attacking{filter:hue-rotate(280deg) drop-shadow(0 0 15px rgba(111,66,193,.9)) brightness(1.2)}.weapon-color-purple.special-effect{animation:arcane-glow 2s ease-in-out infinite}.weapon-rarity-common{opacity:1}.weapon-rarity-uncommon{filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.weapon-rarity-rare{filter:drop-shadow(0 0 6px rgba(0,123,255,.5))}.weapon-rarity-epic{filter:drop-shadow(0 0 8px rgba(147,51,234,.6));animation:epic-pulse 3s ease-in-out infinite}.weapon-rarity-legendary{filter:drop-shadow(0 0 12px rgba(255,193,7,.8));animation:legendary-radiance 2s ease-in-out infinite}.weapon-rarity-nft{filter:drop-shadow(0 0 15px rgba(255,255,255,1));animation:nft-rainbow 3s linear infinite}.weapon-category-sword.attacking{animation:enhanced-slash .4s cubic-bezier(.25,.46,.45,.94) forwards}.weapon-category-sword.impact{animation:sword-impact-flash .2s ease-out forwards}.weapon-category-axe.attacking{animation:enhanced-cleave .35s cubic-bezier(.25,.46,.45,.94) forwards}.weapon-category-axe.impact{animation:axe-impact-shake .25s ease-out forwards}.weapon-category-bow.attacking{animation:enhanced-draw .4s cubic-bezier(.25,.46,.45,.94) forwards}.weapon-category-bow.impact{animation:arrow-pierce .3s ease-out forwards}.weapon-category-staff.attacking{animation:enhanced-cast .45s cubic-bezier(.25,.46,.45,.94) forwards}.weapon-category-staff.impact{animation:magic-burst .35s ease-out forwards}@keyframes nature-pulse{0%,to{filter:hue-rotate(120deg) drop-shadow(0 0 8px rgba(40,167,69,.6))}50%{filter:hue-rotate(120deg) drop-shadow(0 0 20px rgba(40,167,69,.9)) brightness(1.1)}}@keyframes fire-flicker{0%,to{filter:hue-rotate(0deg) drop-shadow(0 0 8px rgba(220,53,69,.6))}25%{filter:hue-rotate(0deg) drop-shadow(0 0 15px rgba(220,53,69,.8)) brightness(1.15)}75%{filter:hue-rotate(0deg) drop-shadow(0 0 12px rgba(255,100,100,.7)) brightness(1.05)}}@keyframes frost-shimmer{0%,to{filter:hue-rotate(200deg) drop-shadow(0 0 8px rgba(23,162,184,.6))}50%{filter:hue-rotate(200deg) drop-shadow(0 0 18px rgba(150,220,255,.8)) brightness(1.2)}}@keyframes arcane-glow{0%,to{filter:hue-rotate(280deg) drop-shadow(0 0 8px rgba(111,66,193,.6))}50%{filter:hue-rotate(280deg) drop-shadow(0 0 16px rgba(180,120,255,.8)) brightness(1.15)}}@keyframes epic-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(147,51,234,.6))}50%{filter:drop-shadow(0 0 16px rgba(147,51,234,.9)) brightness(1.1)}}@keyframes legendary-radiance{0%,to{filter:drop-shadow(0 0 12px rgba(255,193,7,.8))}50%{filter:drop-shadow(0 0 24px rgba(255,193,7,1)) brightness(1.2) saturate(1.3)}}@keyframes nft-rainbow{0%{filter:drop-shadow(0 0 15px rgba(255,0,0,1))}16.66%{filter:drop-shadow(0 0 15px rgba(255,255,0,1))}33.33%{filter:drop-shadow(0 0 15px rgba(0,255,0,1))}50%{filter:drop-shadow(0 0 15px rgba(0,255,255,1))}66.66%{filter:drop-shadow(0 0 15px rgba(0,0,255,1))}83.33%{filter:drop-shadow(0 0 15px rgba(255,0,255,1))}to{filter:drop-shadow(0 0 15px rgba(255,0,0,1))}}@keyframes enhanced-slash{0%{transform:scale(1) rotate(0) translate(0)}30%{transform:scale(1.2) rotate(45deg) translate(-20px,-10px)}70%{transform:scale(1.3) rotate(60deg) translate(-25px,-15px)}to{transform:scale(1) rotate(0) translate(0)}}@keyframes enhanced-cleave{0%{transform:scale(1) rotate(0) translate(0)}40%{transform:scale(1.15) rotate(90deg) translate(-15px,20px)}to{transform:scale(1) rotate(0) translate(0)}}@keyframes enhanced-draw{0%{transform:scale(1) translate(0) rotate(0)}60%{transform:scale(1.1) translate(-30px,-20px) rotate(-15deg)}to{transform:scale(1) translate(0) rotate(0)}}@keyframes enhanced-cast{0%{transform:scale(1) translate(0);filter:brightness(1)}50%{transform:scale(1.15) translate(-10px,-30px);filter:brightness(1.5) drop-shadow(0 0 20px currentColor)}to{transform:scale(1) translate(0);filter:brightness(1)}}@keyframes sword-impact-flash{0%{filter:brightness(1)}50%{filter:brightness(2) drop-shadow(0 0 10px white)}to{filter:brightness(1)}}@keyframes axe-impact-shake{0%{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}to{transform:translate(0)}}@keyframes arrow-pierce{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.5) drop-shadow(0 0 8px rgba(0,255,255,.8))}to{transform:scale(1);filter:brightness(1)}}@keyframes magic-burst{0%{transform:scale(1);filter:brightness(1)}30%{transform:scale(1.2);filter:brightness(2) drop-shadow(0 0 20px rgba(150,0,255,.9))}to{transform:scale(1);filter:brightness(1)}}.weapon-img:hover{transform:scale(1.05);transition:transform .2s ease}.weapon-img.disabled{filter:grayscale(.7) brightness(.6);opacity:.5}.weapon-img.charging{animation:charging-pulse 1s ease-in-out infinite}@keyframes charging-pulse{0%,to{opacity:.7}50%{opacity:1}}.weapon-color-red.weapon-rarity-legendary{animation:fire-legendary 2s ease-in-out infinite}@keyframes fire-legendary{0%,to{filter:hue-rotate(0deg) drop-shadow(0 0 12px rgba(255,193,7,.8))}50%{filter:hue-rotate(0deg) drop-shadow(0 0 20px rgba(255,100,0,1)) brightness(1.3)}}.weapon-color-glacial.weapon-rarity-epic{animation:frost-epic 3s ease-in-out infinite}@keyframes frost-epic{0%,to{filter:hue-rotate(200deg) drop-shadow(0 0 8px rgba(147,51,234,.6))}50%{filter:hue-rotate(200deg) drop-shadow(0 0 16px rgba(100,200,255,.9)) brightness(1.2)}}.titans-skip-battle-button{font-size:2.2em;font-weight:700;color:gold;background:linear-gradient(135deg,#000000b3,#190032e6);border:3px solid transparent;border-radius:20px;padding:15px 30px;cursor:pointer;text-transform:uppercase;letter-spacing:4px;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:linear-gradient(135deg,#000000b3,#190032e6);border-image:linear-gradient(45deg,gold,#ff4500,#8a2be2,#00bfff) 1;animation:titans-skip-epic 2s ease-in-out infinite alternate,titans-skip-gradient-shift 6s ease-in-out infinite;text-shadow:0 0 10px #FFD700,0 0 20px #FF4500,0 0 30px #8A2BE2,2px 2px 4px rgba(0,0,0,.8);filter:drop-shadow(0 0 20px rgba(255,215,0,.8));box-shadow:0 10px 30px #0006,inset 0 1px #ffffff1a,0 0 40px #ffd7004d}.titans-skip-battle-button:hover{transform:scale(1.05) rotate(1deg);color:#fff;text-shadow:0 0 15px #FFD700,0 0 25px #FF4500,0 0 35px #8A2BE2,2px 2px 6px rgba(0,0,0,.9);filter:drop-shadow(0 0 30px rgba(255,215,0,1)) drop-shadow(0 0 50px rgba(255,69,0,.8)) drop-shadow(0 0 70px rgba(138,43,226,.6));box-shadow:0 15px 40px #00000080,inset 0 1px #fff3,0 0 60px #ffd70080}.titans-skip-battle-button:active{transform:scale(.98);filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}@keyframes titans-skip-epic{0%{transform:scale(1) rotate(-1deg);filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}to{transform:scale(1.02) rotate(1deg);filter:drop-shadow(0 0 25px rgba(255,215,0,1)) drop-shadow(0 0 40px rgba(255,69,0,.6)) drop-shadow(0 0 55px rgba(138,43,226,.4))}}@keyframes titans-skip-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.titans-battle-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:var(--titans-battle-bg);background-size:100% 100%;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden;z-index:9999}.titans-battle-container:before{display:none}.titans-player-panel{display:flex;flex-direction:column;align-items:center;width:40%;min-height:600px;padding:60px 20px;overflow:visible!important;position:relative}.titans-player-title{font-size:2.5em;color:#00bfff;text-shadow:0 0 20px #00BFFF,0 0 40px #00BFFF;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.titans-player-frame{position:relative;width:520px;height:520px;display:flex;justify-content:center;align-items:center;margin-bottom:30px;border-radius:25px;overflow:visible}.titans-player-frame:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--player-frame-bg);background-size:cover;background-position:center;z-index:25;pointer-events:none}.titans-player-frame .battle-character-display{position:relative!important;width:90%!important;height:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.titans-player-frame .battle-character-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin-top:0!important;display:block!important;z-index:5!important}.titans-player-image{width:100%;height:100%;object-fit:contain;object-position:center;margin-top:0;z-index:5}.titans-player-hp{width:100%;max-width:520px;height:40px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:3px solid rgba(0,191,255,.4);border-radius:20px;position:relative;margin-bottom:20px;overflow:hidden;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.titans-player-hp-bar{height:100%;background:linear-gradient(90deg,#00ff7f,#32cd32,#228b22,#32cd32,#00ff7f);border-radius:17px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 20px #00ff7f80,inset 0 2px 4px #fff3}.titans-player-hp-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:titans-hp-bar-shine 2s ease-in-out infinite}@keyframes titans-hp-bar-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.titans-player-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.3em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:10}.titans-player-stats{background:#0009;border:2px solid rgba(0,191,255,.4);border-radius:15px;padding:20px;width:100%;max-width:400px}.titans-challenger-motto{background:linear-gradient(135deg,#00bfff33,#8a2be233);border:2px solid rgba(0,191,255,.3);border-radius:15px;padding:20px;width:100%;max-width:400px;text-align:center;box-shadow:0 0 20px #00bfff33}.titans-motto-text{color:#e0ffff;font-size:1.2em;font-style:italic;margin:0 0 15px;text-shadow:0 0 10px rgba(0,191,255,.5)}.titans-level-badge{background:linear-gradient(45deg,#00bfff,#1e90ff);color:#fff;padding:10px 20px;border-radius:25px;font-size:1.3em;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);box-shadow:0 0 15px #fff3;border:2px solid rgba(255,255,255,.2)}.titans-player-stats h4{color:#00bfff;margin:0 0 15px;text-align:center;font-size:1.3em;text-shadow:0 0 10px #00BFFF}.titans-stat-row{display:flex;justify-content:space-between;margin:8px 0;font-size:1.1em}.titans-stat-name{color:#e0ffff}.titans-stat-value{color:gold;font-weight:700;text-shadow:0 0 8px #FFD700}.titans-boss-panel{display:flex;flex-direction:column;align-items:center;width:60%;height:100%;padding:40px 20px;position:relative;margin-left:20%}.titans-boss-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 20%,rgba(255,69,0,.1) 0%,transparent 50%),radial-gradient(circle at 30% 80%,rgba(138,43,226,.1) 0%,transparent 50%);animation:titans-boss-aura-pulse 6s ease-in-out infinite alternate;z-index:-1}@keyframes titans-boss-aura-pulse{0%{opacity:.5}to{opacity:1}}.titans-boss-header{text-align:center;margin-bottom:20px}.titans-boss-title{font-size:2.2em;color:#ff4500;text-shadow:0 0 20px #FF4500,0 0 40px #FF4500,0 0 60px rgba(255,69,0,.8);margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;animation:titans-title-menace 4s ease-in-out infinite alternate}@keyframes titans-title-menace{0%{text-shadow:0 0 20px #FF4500,0 0 40px #FF4500,0 0 60px rgba(255,69,0,.8)}to{text-shadow:0 0 30px #FF4500,0 0 60px #FF4500,0 0 90px rgba(255,69,0,1),0 0 120px rgba(138,43,226,.6)}}.titans-boss-threat{font-size:1.1em;color:tomato;text-shadow:0 0 10px #FF6347;font-weight:700;animation:titans-threat-flicker 3s ease-in-out infinite}@keyframes titans-threat-flicker{0%,to{opacity:1}50%{opacity:.7}}.titans-boss-frame{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:20px;max-height:60vh;overflow:visible}.titans-boss-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 80px);height:calc(100% + 80px);background:radial-gradient(circle,rgba(255,69,0,.05) 0%,transparent 70%),conic-gradient(from 0deg,#ffd70008,#ff450008,#8a2be208,#ffd70008);border-radius:50%;animation:titans-aura-rotation 20s linear infinite;z-index:1;pointer-events:none}@keyframes titans-aura-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.titans-boss-image{width:auto;height:auto;max-width:90vw;max-height:55vh;border-radius:25px;z-index:5;position:relative;display:block;image-rendering:auto;transform:scale(.8);box-shadow:0 0 30px #ff450099,0 0 60px #8a2be266,0 0 90px #ffd70033}.titans-boss-image.character-hit{animation:titans-boss-shake .25s ease-in-out,hit-flash .2s ease-in-out}.titans-boss-image.character-crit-hit{animation:titans-boss-crit-shake .4s ease-in-out,crit-flash .3s ease-in-out}.titans-boss-image.character-dodge{animation:titans-boss-dodge .3s ease-in-out}@keyframes titans-boss-shake{0%{transform:scale(.8) translate(0)}25%{transform:scale(.8) translate(-10px)}75%{transform:scale(.8) translate(10px)}to{transform:scale(.8) translate(0)}}@keyframes titans-boss-crit-shake{0%{transform:scale(.8) translate(0)}10%{transform:scale(.8) translate(-15px)}20%{transform:scale(.8) translate(15px)}30%{transform:scale(.8) translate(-10px)}40%{transform:scale(.8) translate(10px)}50%{transform:scale(.8) translate(-5px)}60%{transform:scale(.8) translate(5px)}to{transform:scale(.8) translate(0)}}@keyframes titans-boss-dodge{0%{transform:scale(.8) translate(0);opacity:1}50%{transform:scale(.8) translate(-30px);opacity:.3}to{transform:scale(.8) translate(0);opacity:1}}.titans-boss-power-indicator{position:absolute;bottom:10px;right:10px;z-index:20}.titans-power-runes{display:flex;gap:10px}.titans-rune{font-size:2em;animation:titans-rune-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px currentColor)}.titans-rune:nth-child(1){color:gold;animation-delay:0s}.titans-rune:nth-child(2){color:#ff4500;animation-delay:.7s}.titans-rune:nth-child(3){color:#8a2be2;animation-delay:1.4s}@keyframes titans-rune-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.titans-boss-hp{width:100%;max-width:600px;height:50px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:4px solid rgba(255,69,0,.4);border-radius:25px;position:relative;margin-bottom:15px;margin-top:10px;overflow:hidden;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.titans-boss-hp-bar{height:100%;background:linear-gradient(90deg,red,#ff4500,tomato,#ff4500,red);border-radius:21px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 25px #ff450080,inset 0 2px 4px #fff3}.titans-boss-hp-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:titans-boss-hp-shine 2s ease-in-out infinite}@keyframes titans-boss-hp-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.titans-boss-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.5em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:10}.titans-boss-lore{background:linear-gradient(135deg,#ff450033,#8a2be233);border:2px solid rgba(255,69,0,.4);border-radius:15px;padding:20px;width:100%;max-width:600px;text-align:center;box-shadow:0 0 25px #ff45004d;margin-top:20px}.titans-lore-text{color:#ffe4e1;font-size:1.3em;font-style:italic;margin:0;text-shadow:0 0 10px rgba(255,69,0,.5);animation:titans-lore-glow 4s ease-in-out infinite alternate}@keyframes titans-lore-glow{0%{text-shadow:0 0 10px rgba(255,69,0,.5)}to{text-shadow:0 0 20px rgba(255,69,0,.8),0 0 30px rgba(138,43,226,.4)}}.titans-vs-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center}.titans-vs-text{font-size:10em;font-weight:700;background:linear-gradient(45deg,gold,#ff4500,#8a2be2,#00bfff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titans-vs-epic 2s ease-in-out infinite alternate,titans-gradient-shift 6s ease-in-out infinite;text-transform:uppercase;letter-spacing:15px;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}@keyframes titans-vs-epic{0%{transform:scale(1) rotate(-2deg);filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}to{transform:scale(1.2) rotate(2deg);filter:drop-shadow(0 0 30px rgba(255,215,0,1)) drop-shadow(0 0 50px rgba(255,69,0,.8)) drop-shadow(0 0 70px rgba(138,43,226,.6))}}@keyframes titans-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.titans-hit-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:4em;font-weight:900;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 20px rgba(255,255,255,.8);animation:titans-enhanced-damage-animation 1.2s ease-out forwards;white-space:nowrap;color:#fff;z-index:100;letter-spacing:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 20px;border-radius:10px;background:#0000004d}.titans-hit-text.critical{color:gold;font-size:5em;animation:titans-enhanced-critical-animation 1.5s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.5);background:linear-gradient(45deg,#ffd70033,#ffa5004d)}.titans-hit-text.dodged{color:#00bfff;font-size:4.5em;animation:titans-enhanced-dodge-animation 1.3s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 25px rgba(0,191,255,1),0 0 50px rgba(0,191,255,.5);background:linear-gradient(45deg,#00bfff33,#0096ff4d)}@keyframes titans-enhanced-damage-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(-5deg)}20%{transform:translate(-50%,-55%) scale(1.1) rotate(2deg)}to{opacity:0;transform:translate(-50%,-200%) scale(1.5) rotate(0)}}@keyframes titans-enhanced-critical-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-10deg)}15%{transform:translate(-50%,-55%) scale(1.3) rotate(5deg)}30%{transform:translate(-50%,-50%) scale(1.2) rotate(-5deg)}50%{transform:translate(-50%,-60%) scale(1.4) rotate(3deg)}to{opacity:0;transform:translate(-50%,-250%) scale(2.2) rotate(0)}}@keyframes titans-enhanced-dodge-animation{0%{opacity:1;transform:translate(-50%,-50%) skew(0) scale(1)}25%{transform:translate(-80%,-60%) skew(15deg) scale(1.1)}50%{transform:translate(-120%,-70%) skew(25deg) scale(1.2)}to{opacity:0;transform:translate(-180%,-90%) skew(30deg) scale(1.3)}}.titans-results-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#000000e6,#000000b3),linear-gradient(45deg,#ffd7001a,#8a2be21a);display:flex;justify-content:center;align-items:center;z-index:200;animation:titans-results-entrance 1s ease-out forwards}@keyframes titans-results-entrance{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.titans-results-modal{background:linear-gradient(135deg,#001932fa,#190032fa),radial-gradient(circle at 50% 50%,rgba(255,215,0,.1) 0%,transparent 70%);border:5px solid;border-image:linear-gradient(45deg,gold,#ff4500,#8a2be2,#00bfff) 1;border-radius:30px;padding:60px;text-align:center;max-width:700px;min-width:500px;box-shadow:0 0 60px #ffd700cc,inset 0 0 40px #ffffff1a,0 0 100px #8a2be266;animation:titans-modal-majesty 3s ease-in-out infinite alternate;position:relative;overflow:hidden}.titans-results-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,215,0,.1),transparent,rgba(138,43,226,.1),transparent);animation:titans-modal-aura 8s linear infinite;z-index:-1}@keyframes titans-modal-majesty{0%{box-shadow:0 0 60px #ffd700cc,inset 0 0 40px #ffffff1a,0 0 100px #8a2be266}to{box-shadow:0 0 80px gold,inset 0 0 50px #fff3,0 0 120px #8a2be299,0 0 150px #ff45004d}}@keyframes titans-modal-aura{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.titans-result-title{font-size:5em;margin:0 0 40px;background:linear-gradient(45deg,gold,#ff4500,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:4px;animation:titans-title-victory 2s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}@keyframes titans-title-victory{0%{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}to{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(255,215,0,1)) drop-shadow(0 0 50px rgba(138,43,226,.6))}}.titans-reward-info{background:#00000080;border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:25px;margin:20px 0}.titans-reward-gold,.titans-reward-xp{font-size:1.4em;margin:10px 0;color:#e0ffff}.titans-reward-gold{color:gold;text-shadow:0 0 10px #FFD700}.titans-reward-xp{color:#00bfff;text-shadow:0 0 10px #00BFFF}.titans-item-drop{margin-top:25px;padding-top:25px;border-top:2px solid rgba(255,215,0,.3)}.titans-item-drop h4{color:#00ff7f;font-size:1.6em;margin-bottom:15px;text-shadow:0 0 15px #00FF7F}.titans-item-image{width:80px;height:80px;border:3px solid #FFD700;border-radius:10px;box-shadow:0 0 20px #ffd70080;margin:10px}.titans-item-name{color:gold;font-size:1.3em;font-weight:700;text-shadow:0 0 10px #FFD700}.titans-continue-button,.titans-return-button{padding:20px 50px;font-size:1.8em;font-weight:700;border:3px solid #FFD700;border-radius:15px;color:#fff;text-shadow:1px 1px 2px black;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px;margin:10px}.titans-continue-button{background:linear-gradient(45deg,#00ff7f,#32cd32)}.titans-continue-button:hover{transform:scale(1.05);box-shadow:0 0 30px #00ff7f99}.titans-return-button{background:linear-gradient(45deg,#ff4500,red);padding:15px 40px;font-size:1.5em}.titans-return-button:hover{transform:scale(1.05);box-shadow:0 0 30px #ff450099}.titans-battle-container .equipped-weapon-arena-frame{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:15;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,255,255,.4));opacity:0;transition:opacity .4s ease,transform .4s ease}.titans-battle-container .equipped-weapon-fade-in{opacity:1!important;transform:translate(-50%,-50%) scale(1.05)!important;filter:drop-shadow(0 0 25px rgba(255,215,0,.8))!important}.titans-battle-container .equipped-weapon-fade-out{opacity:0!important;transform:translate(-50%,-50%) scale(.9)!important}.titans-battle-container .equipped-weapon-arena-frame.opponent-weapon{inset:60% auto auto 50%!important;width:100px!important;height:100px!important;transform-origin:center center!important;transform:translate(-50%,-50%) scaleX(-1)!important;z-index:15!important}.titans-battle-container .equipped-weapon-arena-frame.opponent-weapon.equipped-weapon-fade-in{opacity:1!important;transform:translate(-50%,-50%) scale(1.05) scaleX(-1)!important;filter:drop-shadow(0 0 25px rgba(255,69,0,.8))!important}.titans-battle-container .equipped-weapon-arena-frame.opponent-weapon.equipped-weapon-fade-out{opacity:0!important;transform:translate(-50%,-50%) scale(.9) scaleX(-1)!important}.titans-battle-container .equipped-weapon-arena-frame.equipped-weapon-fade-in{animation:titans-weapon-epic-glow 2s ease-in-out infinite alternate}@keyframes titans-weapon-epic-glow{0%{filter:drop-shadow(0 0 25px rgba(255,215,0,.8))}to{filter:drop-shadow(0 0 35px rgba(255,215,0,1)) drop-shadow(0 0 50px rgba(138,43,226,.6))}}.titans-battle-container .equipped-weapon-arena-frame.opponent-weapon.equipped-weapon-fade-in{animation:titans-boss-weapon-menace 2s ease-in-out infinite alternate}@keyframes titans-boss-weapon-menace{0%{filter:drop-shadow(0 0 25px rgba(255,69,0,.8))}to{filter:drop-shadow(0 0 35px rgba(255,69,0,1)) drop-shadow(0 0 50px rgba(138,43,226,.6))}}@keyframes titans-impact-burst{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(3);opacity:0}}@keyframes titans-weapon-impact{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.titans-flying-weapon{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.titans-weapon-trail{transition:all .8s ease-out}@media (max-width: 1200px){.titans-player-panel{width:45%}.titans-boss-panel{width:55%}.titans-boss-image{max-width:85vw;max-height:50vh;transform:scale(.8)}.titans-boss-image.character-hit{animation:titans-boss-shake .25s ease-in-out,hit-flash .2s ease-in-out}.titans-boss-image.character-crit-hit{animation:titans-boss-crit-shake .4s ease-in-out,crit-flash .3s ease-in-out}.titans-boss-image.character-dodge{animation:titans-boss-dodge .3s ease-in-out}.titans-vs-text{font-size:6em}}@media (max-width: 900px){.titans-battle-container{flex-direction:column}.titans-player-panel,.titans-boss-panel{width:100%;height:50%}.titans-boss-image{max-width:80vw;max-height:45vh;transform:scale(.8)}.titans-boss-image.character-hit{animation:titans-boss-shake .25s ease-in-out,hit-flash .2s ease-in-out}.titans-boss-image.character-crit-hit{animation:titans-boss-crit-shake .4s ease-in-out,crit-flash .3s ease-in-out}.titans-boss-image.character-dodge{animation:titans-boss-dodge .3s ease-in-out}.titans-vs-text{font-size:4em}}.titans-reward-section{background:#000000b3;border:2px solid rgba(255,215,0,.4);border-radius:20px;padding:30px;margin:25px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.titans-rewards-header{text-align:center;margin-bottom:25px}.titans-rewards-header h3{color:gold;font-size:1.8em;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px #FFD700;margin:0}.titans-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.titans-reward-item{display:flex;align-items:center;background:#0009;border:2px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;transition:all .3s ease}.titans-reward-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0006}.titans-reward-item.gold-reward{border-color:#ffd70080;background:linear-gradient(135deg,#ffd7001a,#0009)}.titans-reward-item.xp-reward{border-color:#00bfff80;background:linear-gradient(135deg,#00bfff1a,#0009)}.titans-reward-item .reward-icon-img{width:40px;height:40px;margin-right:15px;filter:drop-shadow(0 0 10px rgba(255,215,0,.6))}.titans-reward-item .reward-icon{font-size:2.5em;margin-right:15px;filter:drop-shadow(0 0 10px rgba(0,191,255,.6))}.titans-reward-item .reward-details{display:flex;flex-direction:column}.titans-reward-item .reward-label{color:#ccc;font-size:.9em;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.titans-reward-item .reward-value{color:#fff;font-size:1.3em;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.5)}.titans-reward-item.gold-reward .reward-value{color:gold;text-shadow:0 0 10px #FFD700}.titans-reward-item.xp-reward .reward-value{color:#00bfff;text-shadow:0 0 10px #00BFFF}.titans-item-discovery{background:linear-gradient(135deg,#8a2be233,#000000b3);border:3px solid rgba(138,43,226,.6);border-radius:20px;padding:25px;margin-top:25px}.titans-discovery-header{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:10px}.titans-discovery-icon{font-size:2em;filter:drop-shadow(0 0 15px rgba(138,43,226,.8))}.titans-discovery-header h4{color:orchid;font-size:1.6em;font-weight:700;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px #DA70D6;margin:0}.titans-discovered-item{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.titans-item-glow-container{position:relative;display:flex;align-items:center;justify-content:center}.titans-discovered-item-image{width:100px;height:100px;border:3px solid #FFD700;border-radius:15px;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(255,215,0,.8))}.titans-item-glow-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,rgba(138,43,226,.4) 0%,transparent 70%);border-radius:50%;z-index:1;animation:titans-item-pulse 2s ease-in-out infinite alternate}@keyframes titans-item-pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.titans-discovered-item-info{text-align:center}.titans-discovered-item-name{color:gold;font-size:1.4em;font-weight:700;text-shadow:0 0 15px #FFD700;margin-bottom:8px}.titans-discovered-item-rarity{color:orchid;font-size:1.1em;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px #DA70D6}@media (max-width: 768px){.titans-rewards-grid{grid-template-columns:1fr;gap:15px}.titans-discovered-item{flex-direction:column;gap:15px}.titans-discovered-item-image{width:80px;height:80px}.titans-item-glow-effect{width:100px;height:100px}}.expedition-battle-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:space-between;align-items:center;color:#fff;overflow:hidden;z-index:2000;padding:0 5%}.expedition-player-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%;height:100vh;padding:20px;border-radius:0 20px 20px 0}.expedition-player-title{font-size:2.2em;color:#32cd32;text-shadow:0 0 15px #32CD32,0 0 30px #32CD32;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px}.expedition-player-frame{position:relative;width:455px;height:390px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:15px;overflow:hidden}.expedition-player-frame:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--player-frame-bg);background-size:cover;background-position:center;z-index:25;pointer-events:none}.expedition-player-frame .battle-character-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;margin-top:0!important;display:block}.expedition-player-frame img.character-frame+img.battle-character-image,.expedition-player-frame .character-frame+.character-image-container .battle-character-image{max-width:90%!important;max-height:90%!important}.expedition-player-image{width:364px;height:325px;object-fit:cover;margin-top:10px;z-index:5}.expedition-player-hp{width:100%;max-width:455px;height:35px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:2px solid rgba(50,205,50,.4);border-radius:18px;position:relative;margin-bottom:20px;overflow:hidden;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.expedition-player-hp-bar{height:100%;background:linear-gradient(90deg,#32cd32,#00ff32,#7fff00,#00ff32,#32cd32);border-radius:16px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 20px #32cd3280,inset 0 2px 4px #fff3}.expedition-player-hp-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:igloo-hp-bar-shine 2s ease-in-out infinite}@keyframes igloo-hp-bar-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.expedition-player-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.1em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:10}.expedition-player-info{background:#00000080;border:2px solid rgba(50,205,50,.4);border-radius:12px;padding:15px;width:100%;max-width:350px;text-align:center}.expedition-info-text{color:#e0ffff;font-size:1.1em;margin:0 0 8px}.expedition-mission-type{color:#32cd32;font-size:1em;font-weight:700;margin:0;text-shadow:0 0 8px #32CD32}.expedition-monster-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;height:100vh;padding:20px;border-radius:20px 0 0 20px}.expedition-monster-title{font-size:2.8em;color:tomato;text-shadow:0 0 15px #FF6347,0 0 30px #FF6347;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;text-align:center}.expedition-monster-level{font-size:1.4em;color:gold;text-shadow:0 0 10px #FFD700;margin-bottom:20px;text-align:center}.expedition-monster-frame{position:relative;width:650px;height:520px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;border-radius:20px;background:radial-gradient(circle,rgba(255,99,71,.1) 0%,transparent 70%);box-shadow:0 0 30px #ff634766;overflow:hidden}.expedition-monster-hp{width:100%;max-width:500px;height:40px;background:linear-gradient(135deg,#000c,#1e1e1ee6);border:3px solid rgba(255,99,71,.4);border-radius:20px;position:relative;margin-bottom:20px;overflow:hidden;box-shadow:0 6px 20px #0006,inset 0 2px 4px #0000004d}.expedition-monster-hp-bar{height:100%;background:linear-gradient(90deg,#ff4500,tomato,coral,tomato,#ff4500);border-radius:17px;transition:width .8s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 20px #ff634780,inset 0 2px 4px #fff3}.expedition-monster-hp-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:igloo-monster-hp-shine 2s ease-in-out infinite}@keyframes igloo-monster-hp-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.expedition-monster-hp-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2em;text-shadow:2px 2px 4px rgba(0,0,0,.9),0 0 10px rgba(255,255,255,.3);color:#fff;z-index:10}.expedition-vs-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center}.expedition-vs-text{font-size:6em;font-weight:700;color:gold;text-shadow:0 0 20px #FFD700,0 0 40px #32CD32,0 0 60px #FF6347;animation:expedition-vs-pulse 1.5s ease-in-out infinite alternate;text-transform:uppercase;letter-spacing:8px}@keyframes expedition-vs-pulse{0%{transform:scale(1);text-shadow:0 0 20px #FFD700,0 0 40px #32CD32,0 0 60px #FF6347}to{transform:scale(1.1);text-shadow:0 0 30px #FFD700,0 0 50px #32CD32,0 0 70px #FF6347,0 0 90px #00BFFF}}.expedition-hit-text{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);font-size:3.5em;font-weight:900;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 20px rgba(255,255,255,.8);animation:igloo-enhanced-damage-animation 1.2s ease-out forwards;white-space:nowrap;color:#fff;z-index:30;letter-spacing:2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px 20px;border-radius:10px;background:#0000004d}.expedition-hit-text.critical{color:gold;font-size:4.5em;animation:igloo-enhanced-critical-animation 1.5s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.5);background:linear-gradient(45deg,#ffd70033,#ffa5004d)}.expedition-hit-text.dodged{color:#32cd32;font-size:4em;animation:igloo-enhanced-dodge-animation 1.3s ease-out forwards;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,0 0 25px rgba(50,205,50,1),0 0 50px rgba(50,205,50,.5);background:linear-gradient(45deg,#32cd3233,#00ff324d)}@keyframes expedition-hit-impact{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}20%{transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-150%) scale(1.3)}}@keyframes expedition-weapon-impact{0%{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.expedition-results-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;animation:mystical-fade-in .6s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes mystical-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.expedition-results-panel{background:linear-gradient(135deg,#0a192ff2,#192a43fa,#0f1e34f2);border:2px solid rgba(255,215,0,.4);border-radius:20px;padding:40px;max-width:650px;width:90%;position:relative;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff26,0 0 40px #ffd70033;animation:mystical-panel-entrance .8s cubic-bezier(.4,0,.2,1)}.expedition-results-panel:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd70066,#00bfff4d,#8a2be24d,#00bfff4d,#ffd70066);border-radius:22px;z-index:-1;animation:mystical-aura 6s ease-in-out infinite}@keyframes mystical-panel-entrance{0%{transform:scale(.8) translateY(50px);opacity:0}70%{transform:scale(1.02) translateY(-5px);opacity:.9}to{transform:scale(1) translateY(0);opacity:1}}.expedition-results-header{text-align:center;margin-bottom:35px;position:relative}.expedition-result-icon{font-size:4em;margin-bottom:15px;filter:drop-shadow(0 0 20px currentColor);animation:result-icon-pulse 3s ease-in-out infinite}@keyframes result-icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px currentColor)}50%{transform:scale(1.1);filter:drop-shadow(0 0 30px currentColor) drop-shadow(0 0 50px rgba(255,215,0,.6))}}.expedition-result-title{font-size:2.8em;font-weight:700;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4);letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;animation:title-glow 3s ease-in-out infinite alternate}@keyframes title-glow{0%{text-shadow:0 0 20px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.4)}to{text-shadow:0 0 30px rgba(255,215,0,1),0 0 60px rgba(255,215,0,.6),0 0 90px rgba(255,165,0,.3)}}.expedition-result-subtitle{font-size:1.1em;color:#87ceeb;font-style:italic;opacity:.9;text-shadow:0 1px 3px rgba(0,0,0,.8)}.expedition-rewards-container{background:linear-gradient(135deg,#0000004d,#192a4333,#0000004d);border-radius:16px;padding:25px;margin:25px 0;border:1px solid rgba(255,215,0,.25);position:relative}.expedition-rewards-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.rewards-icon{font-size:1.8em;filter:drop-shadow(0 0 10px currentColor)}.expedition-rewards-header h3{font-size:1.4em;margin:0;color:gold;text-shadow:0 0 15px rgba(255,215,0,.6);letter-spacing:1px}.expedition-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:20px}.expedition-reward-item{background:#0000004d;border-radius:12px;padding:18px;display:flex;align-items:center;gap:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.expedition-reward-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.expedition-reward-item:hover:before{left:100%}.expedition-reward-item:hover{transform:translateY(-3px);border-color:#ffd7004d;box-shadow:0 8px 25px #ffd70033}.reward-icon{font-size:2em;filter:drop-shadow(0 0 8px currentColor);flex-shrink:0}.reward-details{flex:1}.reward-label{font-size:.9em;color:#b0e0e6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.reward-value{font-size:1.3em;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.gold-reward .reward-icon{color:gold}.xp-reward .reward-icon{color:#00bfff}.ranking-reward .reward-icon{color:#ff6b35}.expedition-item-discovery{background:linear-gradient(135deg,#8a2be233,#4b00824d,#8a2be233);border:2px solid rgba(138,43,226,.4);border-radius:16px;padding:25px;text-align:center;position:relative;animation:item-discovery-glow 2s ease-in-out infinite alternate}@keyframes item-discovery-glow{0%{box-shadow:0 0 20px #8a2be266}to{box-shadow:0 0 40px #8a2be299,0 0 60px #4b00824d}}.discovery-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.discovery-icon{font-size:1.5em;color:orchid;filter:drop-shadow(0 0 10px currentColor)}.discovery-header h4{margin:0;font-size:1.3em;color:orchid;text-shadow:0 0 15px rgba(218,112,214,.6);letter-spacing:1px}.discovered-item{display:flex;align-items:center;gap:20px;justify-content:center}.item-glow-container{position:relative;flex-shrink:0}.discovered-item-image{width:80px;height:80px;border-radius:12px;border:2px solid rgba(218,112,214,.6);z-index:2;position:relative}.item-glow-effect{position:absolute;inset:-5px;background:radial-gradient(circle,rgba(218,112,214,.4) 0%,rgba(138,43,226,.3) 50%,transparent 70%);border-radius:16px;z-index:1;animation:item-glow-pulse 2s ease-in-out infinite}@keyframes item-glow-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}.discovered-item-info{text-align:left}.discovered-item-name{font-size:1.4em;font-weight:700;color:gold;margin-bottom:5px;text-shadow:0 0 10px rgba(255,215,0,.6)}.discovered-item-rarity{font-size:1em;color:orchid;text-transform:uppercase;letter-spacing:.5px}.expedition-return-section{text-align:center;margin-top:30px}.mystical-expedition-button{background:linear-gradient(135deg,#ffd70033,#00bfff4d,#ffd70033);border:2px solid rgba(255,215,0,.5);border-radius:16px;padding:18px 40px;color:#fff;font-size:1.2em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden;transition:all .3s ease;min-width:250px;margin:0 auto}.mystical-expedition-button:hover{transform:translateY(-3px);border-color:#ffd700cc;box-shadow:0 10px 30px #ffd7004d}.mystical-expedition-button .button-icon{font-size:1.3em;filter:drop-shadow(0 0 8px currentColor)}.mystical-expedition-button .button-text{text-shadow:0 0 10px rgba(255,255,255,.5);letter-spacing:.5px}.button-mystical-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,#ffd7004d,#00bfff33,#ffd7004d);border-radius:18px;z-index:-1;animation:button-glow-pulse 3s ease-in-out infinite}@keyframes button-glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}.victory-button{border-color:#32cd3280}.victory-button:hover{border-color:#32cd32cc;box-shadow:0 10px 30px #32cd324d}.defeat-button{border-color:#ff634780}.defeat-button:hover{border-color:#ff6347cc;box-shadow:0 10px 30px #ff63474d}.monster-weapon-overlay{position:absolute;top:20%;right:15%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,var(--attack-color, #FFD700) 0%,rgba(255,215,0,.2) 100%);box-shadow:0 0 20px var(--attack-color, #FFD700),inset 0 0 15px #ffffff4d;border:3px solid var(--attack-color, #FFD700);transition:all .3s ease;z-index:1000;pointer-events:none}.monster-weapon-overlay.monster-weapon-active{transform:scale(1.3);box-shadow:0 0 40px var(--attack-color, #FFD700),0 0 80px var(--attack-color, #FFD700),inset 0 0 25px #ffffff80;animation:monster-attack-pulse .6s ease-in-out}.monster-weapon-overlay.monster-weapon-inactive{transform:scale(.9);opacity:.7}.monster-attack-emoji{font-size:2.5em;text-shadow:0 0 10px rgba(255,255,255,.8);filter:drop-shadow(0 0 5px var(--attack-color, #FFD700))}.monster-weapon-overlay.fire-attack{--attack-color: #FF4500;animation:fire-flicker 1.5s ease-in-out infinite alternate}.monster-weapon-overlay.ice-attack{--attack-color: #00BFFF;animation:ice-shimmer 2s ease-in-out infinite}.monster-weapon-overlay.nature-attack{--attack-color: #32CD32;animation:nature-glow 2.5s ease-in-out infinite}@keyframes monster-attack-pulse{0%{transform:scale(.9)}50%{transform:scale(1.5)}to{transform:scale(1.3)}}@keyframes fire-flicker{0%{filter:drop-shadow(0 0 10px #FF4500) drop-shadow(0 0 20px #FF6347) brightness(1.1) saturate(1.3) hue-rotate(0deg)}to{filter:drop-shadow(0 0 15px #FF4500) drop-shadow(0 0 25px #FF6347) brightness(1.3) saturate(1.5) hue-rotate(10deg)}}.monster-elemental-weapon{position:absolute;top:15%;right:10%;width:120px;height:120px;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;transform-origin:center;transition:all .3s ease}.monster-weapon-sprite{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 10px var(--element-color, #9370DB)) drop-shadow(0 0 20px var(--glow-color, #DDA0DD)) brightness(1.1) saturate(1.3);transition:all .3s ease;z-index:1001;position:relative}.elemental-aura{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--element-color, #9370DB) 0%,transparent 70%);border-radius:50%;opacity:.6;animation:elemental-pulse 2s ease-in-out infinite;z-index:1000}.monster-elemental-weapon.monster-weapon-attacking{transform:scale(1.2);animation:elemental-weapon-attack .8s ease-in-out}.monster-elemental-weapon.monster-weapon-attacking .monster-weapon-sprite{filter:drop-shadow(0 0 15px var(--element-color, #9370DB)) drop-shadow(0 0 30px var(--glow-color, #DDA0DD)) drop-shadow(0 0 40px var(--element-color, #9370DB)) brightness(1.4) saturate(1.6);animation:weapon-charge .8s ease-in-out}.monster-elemental-weapon.monster-weapon-attacking .elemental-aura{opacity:.9;transform:translate(-50%,-50%) scale(1.5);animation:aura-burst .8s ease-in-out}.monster-elemental-weapon.fire-element{--element-color: #FF4500;--glow-color: #FF6347}.monster-elemental-weapon.fire-element .monster-weapon-sprite{animation:fire-weapon-flicker 1.5s ease-in-out infinite alternate}.monster-elemental-weapon.ice-element{--element-color: #00BFFF;--glow-color: #87CEEB}.monster-elemental-weapon.ice-element .monster-weapon-sprite{animation:ice-weapon-shimmer 2s ease-in-out infinite}.monster-elemental-weapon.nature-element{--element-color: #32CD32;--glow-color: #90EE90}.monster-elemental-weapon.nature-element .monster-weapon-sprite{animation:nature-weapon-glow 2.5s ease-in-out infinite}@keyframes elemental-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}@keyframes elemental-weapon-attack{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.3) rotate(5deg)}75%{transform:scale(1.2) rotate(-2deg)}to{transform:scale(1.2) rotate(0)}}@keyframes weapon-charge{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes aura-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:.9}}@keyframes fire-weapon-flicker{0%{filter:drop-shadow(0 0 10px #FF4500) drop-shadow(0 0 20px #FF6347) brightness(1.1) saturate(1.3) hue-rotate(0deg)}to{filter:drop-shadow(0 0 15px #FF4500) drop-shadow(0 0 25px #FF6347) brightness(1.3) saturate(1.5) hue-rotate(10deg)}}@keyframes ice-weapon-shimmer{0%,to{filter:drop-shadow(0 0 10px #00BFFF) drop-shadow(0 0 20px #87CEEB) brightness(1.1) saturate(1.3) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 15px #00BFFF) drop-shadow(0 0 30px #87CEEB) brightness(1.4) saturate(1.6) hue-rotate(-10deg)}}@keyframes nature-weapon-glow{0%,to{filter:drop-shadow(0 0 10px #32CD32) drop-shadow(0 0 20px #90EE90) brightness(1.1) saturate(1.3) hue-rotate(0deg)}50%{filter:drop-shadow(0 0 12px #32CD32) drop-shadow(0 0 25px #90EE90) brightness(1.2) saturate(1.4) hue-rotate(15deg)}}@media (max-width: 768px){.expedition-results-panel{width:95%;padding:25px}.expedition-rewards-grid{grid-template-columns:1fr}.discovered-item{flex-direction:column;text-align:center}.mystical-expedition-button{min-width:200px;padding:15px 30px;font-size:1.1em}}@keyframes igloo-enhanced-damage-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(-5deg)}20%{transform:translate(-50%,-55%) scale(1.1) rotate(2deg)}to{opacity:0;transform:translate(-50%,-200%) scale(1.5) rotate(0)}}@keyframes igloo-enhanced-critical-animation{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-10deg)}15%{transform:translate(-50%,-55%) scale(1.3) rotate(5deg)}30%{transform:translate(-50%,-50%) scale(1.2) rotate(-5deg)}50%{transform:translate(-50%,-60%) scale(1.4) rotate(3deg)}to{opacity:0;transform:translate(-50%,-250%) scale(2.2) rotate(0)}}@keyframes igloo-enhanced-dodge-animation{0%{opacity:1;transform:translate(-50%,-50%) skew(0) scale(1)}25%{transform:translate(-80%,-60%) skew(15deg) scale(1.1)}50%{transform:translate(-120%,-70%) skew(25deg) scale(1.2)}to{opacity:0;transform:translate(-180%,-90%) skew(30deg) scale(1.3)}}@keyframes expedition-impact-burst{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(3);opacity:0}}.expedition-flying-weapon{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.expedition-weapon-trail{transition:all .8s ease-out}.expedition-skip-battle-section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;text-align:center}.expedition-skip-battle-button{font-size:2.2em;font-weight:700;color:#32cd32;background:linear-gradient(135deg,#001900b3,#003219e6);border:3px solid transparent;border-radius:20px;padding:15px 30px;cursor:pointer;text-transform:uppercase;letter-spacing:4px;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:linear-gradient(135deg,#001900b3,#003219e6);border-image:linear-gradient(45deg,#32cd32,gold,tomato,#20b2aa) 1;animation:expedition-skip-epic 2s ease-in-out infinite alternate,expedition-gradient-shift 6s ease-in-out infinite;text-shadow:0 0 10px #32CD32,0 0 20px #FFD700,0 0 30px #FF6347,2px 2px 4px rgba(0,0,0,.8);filter:drop-shadow(0 0 20px rgba(50,205,50,.8));box-shadow:0 10px 30px #0006,inset 0 1px #ffffff1a,0 0 40px #32cd324d}.expedition-skip-battle-button:hover{transform:scale(1.05) rotate(1deg);color:#fff;text-shadow:0 0 15px #32CD32,0 0 25px #FFD700,0 0 35px #FF6347,2px 2px 6px rgba(0,0,0,.9);filter:drop-shadow(0 0 30px rgba(50,205,50,1)) drop-shadow(0 0 50px rgba(255,215,0,.8)) drop-shadow(0 0 70px rgba(255,99,71,.6));box-shadow:0 15px 40px #00000080,inset 0 1px #fff3,0 0 60px #32cd3280}.expedition-skip-battle-button:active{transform:scale(.98);filter:drop-shadow(0 0 15px rgba(50,205,50,.6))}@keyframes expedition-skip-epic{0%{transform:scale(1) rotate(-1deg);filter:drop-shadow(0 0 20px rgba(50,205,50,.8))}to{transform:scale(1.02) rotate(1deg);filter:drop-shadow(0 0 25px rgba(50,205,50,1)) drop-shadow(0 0 40px rgba(255,215,0,.6)) drop-shadow(0 0 55px rgba(255,99,71,.4))}}@keyframes expedition-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.weapon-effects-system{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;overflow:hidden}.weapon-projectile{position:absolute;width:60px;height:60px;z-index:55;transform-origin:center}.weapon-projectile.traveling{animation:weaponTravel .6s cubic-bezier(.25,.46,.45,.94) forwards}.projectile-visual{font-size:48px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--weapon-color);filter:drop-shadow(0 0 12px var(--weapon-glow));text-shadow:0 0 15px var(--weapon-glow)}.weapon-impact{position:absolute;width:60px;height:60px;z-index:55}.impact-burst{font-size:60px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:weaponImpact .3s ease-out forwards;filter:drop-shadow(0 0 18px var(--weapon-glow))}@keyframes weaponTravel{0%{left:var(--start-x);top:var(--start-y);opacity:1;transform:scale(1)}to{left:var(--end-x);top:var(--end-y);opacity:.9;transform:scale(1.1)}}@keyframes weaponImpact{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.8)}}.bow-effect .projectile-visual{transform:rotate(45deg)}.magic-effect .projectile-visual{animation:magicSparkle .2s infinite alternate}.slash-effect .projectile-visual{transform:rotate(-45deg)}.strike-effect .projectile-visual{animation:strikeRotate .1s infinite alternate}@keyframes magicSparkle{0%{text-shadow:0 0 10px var(--weapon-glow)}to{text-shadow:0 0 20px var(--weapon-glow),0 0 30px var(--weapon-glow)}}@keyframes strikeRotate{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}.join-flock-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0a1e,#1a1435,#2d1b4e,#1a1435 75%);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden;font-family:Cinzel,serif}.mystical-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.floating-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:#ffd70099;border-radius:50%;animation:float-particle 8s infinite ease-in-out}.particle-0{left:10%;animation-delay:0s}.particle-1{left:20%;animation-delay:1s;background:#8a2be299}.particle-2{left:30%;animation-delay:2s;background:#00bfff99}.particle-3{left:40%;animation-delay:3s}.particle-4{left:50%;animation-delay:4s;background:#8a2be299}.particle-5{left:60%;animation-delay:5s;background:#00bfff99}.particle-6{left:70%;animation-delay:6s}.particle-7{left:80%;animation-delay:7s;background:#8a2be299}.particle-8{left:90%;animation-delay:8s;background:#00bfff99}@keyframes float-particle{0%,to{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}50%{transform:translateY(-10vh) rotate(180deg)}}.onboarding-container{background:#140f23f2;border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:40px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #ffd70033,inset 0 0 50px #8a2be21a;position:relative}.step-indicator{display:flex;justify-content:center;margin-bottom:30px;gap:15px}.step-dot{width:12px;height:12px;border-radius:50%;background:#fff3;transition:all .3s ease}.step-dot.active{background:linear-gradient(45deg,gold,#ffed4e);box-shadow:0 0 15px #ffd70080}.step-content{min-height:400px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#e0e0e0}.onboarding-step h2{font-size:2.5em;color:gold;margin-bottom:20px;text-shadow:0 0 20px rgba(255,215,0,.5);font-weight:700}.onboarding-step p{font-size:1.2em;line-height:1.6;margin-bottom:30px;opacity:.9}.welcome-step{position:relative}.flock-logo{margin-bottom:40px}.flock-text{font-size:1.8em;color:#b19cd9;margin-bottom:10px;letter-spacing:3px;font-weight:400}.flock-main{font-size:4em;background:linear-gradient(45deg,gold,#ffed4e,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900;text-shadow:0 0 30px rgba(255,215,0,.6);letter-spacing:5px;animation:glow-pulse 2s ease-in-out infinite alternate}.welcome-text{font-size:1.3em;max-width:600px;margin:0 auto;line-height:1.8}.floating-runes{position:absolute;width:100%;height:100%;pointer-events:none}.rune{position:absolute;font-size:2em;opacity:.3;animation:rune-float 4s ease-in-out infinite}.rune:nth-child(1){top:10%;left:10%;animation-delay:0s}.rune:nth-child(2){top:20%;right:15%;animation-delay:1s}.rune:nth-child(3){bottom:20%;left:20%;animation-delay:2s}.rune:nth-child(4){bottom:10%;right:10%;animation-delay:3s}@keyframes rune-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes glow-pulse{0%{text-shadow:0 0 30px rgba(255,215,0,.6)}to{text-shadow:0 0 50px rgba(255,215,0,.9),0 0 80px rgba(255,215,0,.4)}}.name-input-container{max-width:400px;margin:0 auto}.name-input{width:100%;padding:15px 20px;font-size:1.5em;text-align:center;background:#0000004d;border:2px solid rgba(255,215,0,.3);border-radius:15px;color:gold;font-family:Cinzel,serif;font-weight:600;margin-bottom:20px;transition:all .3s ease}.name-input.available{border-color:#51cf66;box-shadow:0 0 15px #51cf664d}.name-input.taken{border-color:#ff6b6b;box-shadow:0 0 15px #ff6b6b4d}.name-input:focus{outline:none;border-color:gold;box-shadow:0 0 20px #ffd7004d;background:#00000080}.name-input.available:focus{border-color:#51cf66;box-shadow:0 0 20px #51cf6666}.name-input.taken:focus{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b66}.name-requirements{text-align:center}.requirement{display:block;font-size:1em;margin:5px 0}.requirement.incomplete{color:#ff6b6b;opacity:.7}.requirement.complete{color:#51cf66;font-weight:600}.requirement.checking{color:gold;font-weight:600;animation:pulse-glow 1.5s ease-in-out infinite}.name-rules{margin-top:10px;opacity:.7}.name-rules small{color:#b8b8b8;font-size:.8em}@keyframes pulse-glow{0%,to{opacity:.7}50%{opacity:1}}.class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.class-card{background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.class-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--class-color, #ffd700) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.class-card:hover:before,.class-card.selected:before{opacity:.1}.class-card:hover{border-color:var(--class-color, #ffd700);box-shadow:0 0 25px #ffd70033;transform:translateY(-5px)}.class-card.selected{border-color:var(--class-color, #ffd700);box-shadow:0 0 30px var(--class-color, rgba(255, 215, 0, .4));background:#0009}.class-header h3{color:var(--class-color, #ffd700);font-size:1.8em;margin-bottom:15px;position:relative;z-index:1}.class-description{font-size:1.1em;line-height:1.5;margin-bottom:20px;opacity:.9;position:relative;z-index:1}.class-stats{position:relative;z-index:1}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:1em;font-weight:600}.main-stat-indicator{margin-top:15px;padding:8px 12px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:8px;text-align:center;color:gold;font-size:.9em}.class-abilities{margin-top:16px;background:#0000004d;border-radius:8px;padding:12px;border:1px solid rgba(100,200,255,.2)}.passive-abilities,.active-skill{margin-bottom:12px}.passive-abilities:last-child,.active-skill:last-child{margin-bottom:0}.passive-abilities h4,.active-skill h4{color:#64c8ff;font-size:14px;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ability-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px;margin-bottom:6px;font-size:12px;line-height:1.4;color:#e0e6ff;transition:all .2s ease}.ability-item:hover{background:#ffffff1a;border-color:#64c8ff4d}.ability-item:last-child{margin-bottom:0}.ability-item strong{color:gold;font-weight:600}.ability-item small{color:#a0a6cc;font-style:italic}.points-remaining{font-size:1.4em;margin-bottom:30px;color:gold;font-weight:700}.points-count{background:linear-gradient(45deg,#ff6b6b,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.2em;font-weight:900}.stats-grid{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;background:#0000004d;padding:15px 25px;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.stat-name{font-size:1.3em;font-weight:600;color:#e0e0e0;flex:1}.stat-controls{display:flex;align-items:center;gap:15px}.stat-button{width:35px;height:35px;border-radius:50%;border:2px solid #ffd700;background:#ffd7001a;color:gold;font-size:1.5em;font-weight:900;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.stat-button:hover:not(:disabled){background:#ffd70033;box-shadow:0 0 15px #ffd7004d;transform:scale(1.1)}.stat-button:disabled{opacity:.3;cursor:not-allowed}.stat-value{font-size:1.5em;font-weight:700;color:gold;min-width:30px;text-align:center}.stats-warning{margin-top:20px;color:#ff6b6b;font-size:1.1em;font-weight:600}.character-summary{max-width:500px;margin:0 auto 40px;text-align:left}.summary-section{background:#0000004d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:20px;margin-bottom:20px}.summary-section h3{color:gold;font-size:1.4em;margin-bottom:10px;text-align:center}.summary-value{font-size:1.3em;font-weight:600;text-align:center}.final-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.final-stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-number{color:gold;font-weight:700}.epic-quote{font-size:1.2em;color:#b19cd9;font-style:italic;margin-top:30px;opacity:.8}.navigation-buttons{display:flex;justify-content:space-between;margin-top:40px;gap:20px}.nav-button{flex:1;max-width:200px;padding:15px 30px;font-size:1.2em;font-weight:600;font-family:Cinzel,serif;border:2px solid;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.back-button{background:#64646433;border-color:#ffffff4d;color:#e0e0e0}.back-button:hover{background:#64646466;border-color:#ffffff80;transform:translateY(-2px)}.next-button{background:linear-gradient(45deg,#ffd70033,#ffed4e33);border-color:gold;color:gold}.next-button:hover:not(.disabled){background:linear-gradient(45deg,#ffd7004d,#ffed4e4d);box-shadow:0 0 25px #ffd7004d;transform:translateY(-2px)}.next-button.disabled{opacity:.5;cursor:not-allowed}.complete-button{background:linear-gradient(45deg,gold,#ffed4e);border-color:gold;color:#1a1a2e;font-weight:700;animation:complete-glow 2s ease-in-out infinite alternate}.complete-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #ffd70099}@keyframes complete-glow{0%{box-shadow:0 0 20px #ffd70066}to{box-shadow:0 0 35px #ffd700cc}}.appearance-step{position:relative}.appearance-sections{display:flex;flex-direction:column;gap:40px;margin-top:30px}.appearance-section h3{color:gold;font-size:1.5em;margin-bottom:20px;text-align:center;text-shadow:0 0 15px rgba(255,215,0,.4)}.character-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;max-width:700px;margin:0 auto}.character-image-option{background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.character-image-option:hover{border-color:#ffd70080;box-shadow:0 0 20px #ffd70033;transform:translateY(-3px)}.character-image-option.selected{border-color:gold;box-shadow:0 0 25px #ffd70066;background:#ffd7001a}.image-preview{width:80px;height:80px;margin:0 auto 10px;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.preview-image{width:100%;height:100%;object-fit:cover}.image-name{color:#e0e0e0;font-size:.9em;font-weight:600}.character-image-option.selected .image-name{color:gold}.character-frame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;max-width:600px;margin:0 auto}.character-frame-option{background:#0006;border:2px solid rgba(255,255,255,.1);border-radius:15px;padding:15px;cursor:pointer;transition:all .3s ease;text-align:center}.character-frame-option:hover{border-color:#ffd70080;box-shadow:0 0 20px #ffd70033;transform:translateY(-3px)}.character-frame-option.selected{border-color:gold;box-shadow:0 0 25px #ffd70066;background:#ffd7001a}.frame-preview{width:80px;height:80px;margin:0 auto 10px;position:relative}.frame-preview-container{width:100%;height:100%;border-radius:5px;position:relative;display:flex;align-items:center;justify-content:center}.frame-sample-image{width:60%;height:70%;background:linear-gradient(45deg,#4a5568,#6b7280);border-radius:4px;opacity:.7}.frame-name{color:#e0e0e0;font-size:.9em;font-weight:600}.character-frame-option.selected .frame-name{color:gold}.bonus-text{color:#51cf66;font-size:.85em;font-weight:600}@media (max-width: 768px){.appearance-sections{gap:30px}.character-image-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.character-frame-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.image-preview,.frame-preview{width:70px;height:70px}}@media (max-width: 768px){.onboarding-container{padding:20px;margin:20px}.flock-main{font-size:2.5em}.class-grid{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.nav-button{max-width:none}}.character-select-step{text-align:center;width:100%;max-width:900px}.saved-characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:30px;padding:0 20px}.saved-character-card{background:linear-gradient(145deg,#1a1435e6,#2d1b4ee6);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.saved-character-card:hover{border-color:#ffd70099;box-shadow:0 0 20px #ffd7004d;transform:translateY(-5px)}.saved-character-card.create-new{background:linear-gradient(145deg,#00640033,#00960033);border-color:#00ff004d;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px}.saved-character-card.create-new:hover{border-color:#0f09;box-shadow:0 0 20px #00ff004d}.character-info{margin-bottom:15px}.character-name{font-size:20px;font-weight:700;color:gold;margin-bottom:8px;text-shadow:0 0 10px rgba(255,215,0,.5)}.character-details{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#e0e0e0}.character-details span{background:#0000004d;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.character-last-played{font-size:12px;color:#aaa;font-style:italic}.character-actions{display:flex;gap:10px}.load-character-btn,.delete-character-btn,.create-new-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:14px}.load-character-btn{background:linear-gradient(145deg,#228b22,#32cd32);color:#fff}.load-character-btn:hover{background:linear-gradient(145deg,#32cd32,#7fff00);box-shadow:0 0 15px #32cd3280}.delete-character-btn{background:linear-gradient(145deg,#8b0000,#dc143c);color:#fff}.delete-character-btn:hover{background:linear-gradient(145deg,#dc143c,tomato);box-shadow:0 0 15px #dc143c80}.create-new-content{margin-bottom:20px}.create-new-icon{font-size:48px;margin-bottom:10px;opacity:.7}.create-new-text{font-size:18px;color:#90ee90;font-weight:700}.create-new-btn{background:linear-gradient(145deg,#006400,#228b22);color:#fff;width:100%}.create-new-btn:hover{background:linear-gradient(145deg,#228b22,#32cd32);box-shadow:0 0 15px #228b2280}.character-selection-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0a1e,#1a1435,#2d1b4e,#1a1435 75%);display:flex;justify-content:center;align-items:center;font-family:Cinzel,serif;overflow-y:auto;padding:20px}.character-selection-container{background:#140f23f2;border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:40px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #ffd70033,inset 0 0 50px #8a2be21a}.selection-header{text-align:center;margin-bottom:40px}.selection-header h1{font-size:3em;color:gold;margin-bottom:10px;text-shadow:0 0 20px rgba(255,215,0,.5);font-weight:700}.selection-header p{font-size:1.2em;color:#e0e0e0;margin-bottom:20px;opacity:.9}.wallet-info{background:#0000004d;border:1px solid rgba(76,175,80,.3);border-radius:8px;padding:10px 20px;display:inline-block;color:#4caf50e6;font-size:.9em}.loading-section{text-align:center;padding:60px 20px;color:#e0e0e0}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,215,0,.3);border-top:3px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.characters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:30px}.character-card{background:linear-gradient(145deg,#1a1435e6,#2d1b4ee6);border:2px solid rgba(255,215,0,.3);border-radius:15px;padding:25px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column}.character-card:hover{border-color:#ffd70099;box-shadow:0 0 25px #ffd7004d;transform:translateY(-5px)}.character-card.existing-character{border-color:#ffd7004d}.character-card.existing-character:hover{border-color:#ffd700cc;box-shadow:0 0 30px #ffd70066}.character-card.new-character{border-color:#00ff004d;background:linear-gradient(145deg,#00320033,#00640033)}.character-card.new-character:hover{border-color:#0f09;box-shadow:0 0 25px #00ff004d}.character-visual{text-align:center;margin-bottom:20px;flex-shrink:0}.character-frame{width:120px;height:120px;margin:0 auto;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;display:flex;align-items:center;justify-content:center}.character-image{width:80px;height:80px;object-fit:cover;border-radius:8px}.new-character-icon{width:120px;height:120px;border:3px dashed rgba(0,255,0,.5);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto;background:#0000004d}.new-character-icon span{font-size:4em;color:#00ff00b3;font-weight:300}.character-info{flex:1;text-align:center;margin-bottom:20px}.character-name{font-size:1.5em;color:gold;margin-bottom:10px;font-weight:600;text-shadow:0 0 10px rgba(255,215,0,.5)}.character-details{display:flex;justify-content:center;gap:15px;margin-bottom:10px;font-size:.9em}.character-level,.character-class{background:#0000004d;padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.character-level{color:#51cf66;border-color:#51cf664d}.character-class{color:#64c8ff;border-color:#64c8ff4d}.character-last-played{font-size:.8em;color:#aaa;font-style:italic}.new-character-description{color:#90ee90;font-size:1em;margin:10px 0;opacity:.8}.character-actions{text-align:center;flex-shrink:0}.play-button,.create-button{background:linear-gradient(145deg,#228b22,#32cd32);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-family:Cinzel,serif;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1em;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.play-button:hover{background:linear-gradient(145deg,#32cd32,#7fff00);box-shadow:0 0 20px #32cd3280;transform:translateY(-2px)}.create-button{background:linear-gradient(145deg,#006400,#228b22)}.create-button:hover{background:linear-gradient(145deg,#228b22,#32cd32);box-shadow:0 0 20px #228b2280;transform:translateY(-2px)}.button-icon{font-size:1.1em}.no-characters-section{text-align:center;padding:60px 20px;color:#e0e0e0}.no-characters-section h2{font-size:2em;color:gold;margin-bottom:15px;text-shadow:0 0 15px rgba(255,215,0,.4)}.no-characters-section p{font-size:1.1em;margin-bottom:30px;opacity:.9;max-width:500px;margin-left:auto;margin-right:auto}.create-first-character-button{background:linear-gradient(45deg,gold,#ffed4e);color:#1a1a2e;border:none;padding:15px 30px;border-radius:12px;font-family:Cinzel,serif;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1.2em;display:inline-flex;align-items:center;gap:10px;box-shadow:0 0 20px #ffd70066}.create-first-character-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 0 30px #ffd70099}@media (max-width: 768px){.character-selection-container{padding:20px;margin:10px}.selection-header h1{font-size:2em}.characters-grid{grid-template-columns:1fr;gap:20px}.character-card{padding:20px;min-height:250px}.character-frame{width:100px;height:100px}.character-image{width:70px;height:70px}.new-character-icon{width:100px;height:100px}.new-character-icon span{font-size:3em}}@media (max-width: 480px){.character-selection-screen{padding:10px}.character-selection-container{padding:15px}.selection-header h1{font-size:1.8em}.character-details{flex-direction:column;gap:8px}}.login-screen.mythical-login{height:100vh;background:linear-gradient(135deg,#0a192ff2,#192a43e6,#0f1e34f2),radial-gradient(circle at 30% 40%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(75,0,130,.1) 0%,transparent 50%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Arial,sans-serif;position:relative;overflow:hidden;box-sizing:border-box}.login-screen.mythical-login:before{content:"";position:absolute;inset:0;background:radial-gradient(2px 2px at 20px 30px,rgba(255,215,0,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(138,43,226,.3),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,215,0,.3),transparent);background-repeat:repeat;background-size:150px 100px;animation:sparkleStable 20s ease-in-out infinite;pointer-events:none;opacity:.4}@keyframes sparkleStable{0%,to{opacity:.4}50%{opacity:.6}}.login-container.mystical-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d),#0006;border:2px solid rgba(255,215,0,.3);border-radius:20px;padding:30px;max-width:900px;min-width:800px;width:100%;min-height:600px;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 25px 50px #00000080,inset 0 1px #ffffff1a,0 0 50px #ffd7001a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;z-index:1;transform:translateZ(0);will-change:auto;box-sizing:border-box;scrollbar-gutter:stable}.login-container.mystical-container:before{content:"";position:absolute;inset:-2px;border-radius:20px;background:linear-gradient(45deg,#ffd70080,#8a2be280,#ffd70080);z-index:-1;animation:borderGlowStable 3s ease-in-out infinite alternate}@keyframes borderGlowStable{0%{opacity:.6}to{opacity:.8}}.game-logo.mystical-logo{text-align:center;margin-bottom:20px}.logo-emblem .mystical-border{padding:25px;background:#0006;border-radius:16px;border:3px solid rgba(255,215,0,.5);box-shadow:0 0 30px #ffd7004d,inset 0 0 20px #ffd7001a;position:relative;overflow:hidden;margin-bottom:15px}.logo-emblem .mystical-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:shimmerStable 3s ease-in-out infinite}@keyframes shimmerStable{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.game-logo.mystical-logo h1{font-size:2.5em;margin:0;color:var(--gold-primary, #FFD700);text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4);text-transform:uppercase;letter-spacing:2px;font-weight:900;position:relative;z-index:1;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 4s ease-in-out infinite}.game-logo.mystical-logo h1{font-size:2.5em;margin:0;color:var(--gold-primary, #FFD700);text-shadow:3px 3px 6px rgba(0,0,0,.9),0 0 15px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4);text-transform:uppercase;letter-spacing:2px;font-weight:900;position:relative;z-index:1;background:linear-gradient(45deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulseStable 4s ease-in-out infinite;transform:translateZ(0);will-change:filter}.main-login-sections.mystical-sections{display:flex;gap:30px;margin-bottom:20px;align-items:flex-start}.returning-player-section.mystical-section,.new-player-section.mystical-section{flex:1;text-align:center}.section-frame.mystical-border{padding:25px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d),#0000004d;border:2px solid rgba(138,43,226,.4);border-radius:16px;box-shadow:0 10px 30px #8a2be233,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-height:400px;height:auto;display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}.section-frame.mystical-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(138,43,226,.2),transparent);animation:shimmerStable 3s ease-in-out infinite}.returning-player-section h3,.new-player-section h3{margin:0 0 10px;color:var(--gold-primary, #FFD700);font-size:1.4em;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5);font-weight:700}.returning-player-section p,.new-player-section p{margin:0 0 20px;color:#fffc;font-size:.95em;line-height:1.4}.new-player-section .section-frame.mystical-border{border-color:#ffd70066;box-shadow:0 10px 30px #ffd70033,inset 0 1px #ffffff1a}.new-player-section .section-frame.mystical-border:before{background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent)}@media (max-width: 768px){.main-login-sections.mystical-sections{flex-direction:column;gap:20px}.login-container.mystical-container{max-width:500px;min-width:300px;margin:0 auto;padding:20px;min-height:500px}.section-frame.mystical-border{min-height:300px;padding:20px}.returning-player-section h3,.new-player-section h3{font-size:1.2em}.error-message-space{min-height:70px}}@media (max-width: 480px){.login-screen.mythical-login{padding:10px}.login-container.mystical-container{padding:15px;margin:5px;min-width:280px;min-height:450px}.section-frame.mystical-border{padding:15px;min-height:280px}.main-login-sections.mystical-sections{gap:15px}.error-message-space{min-height:60px}}.mystical-input{width:100%;padding:15px;border:2px solid rgba(138,43,226,.5);border-radius:12px;font-size:1em;margin-bottom:20px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d),#0006;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;box-sizing:border-box}.mystical-input::placeholder{color:#fff9}.mystical-input:focus{outline:none;border-color:#8a2be2cc;box-shadow:0 0 20px #8a2be24d,inset 0 0 10px #8a2be21a;background:linear-gradient(135deg,#ffffff26,#ffffff14),#00000080}.login-btn.mystical-button{width:100%;background:linear-gradient(135deg,#8a2be24d,#4b008266);border:2px solid rgba(138,43,226,.6);border-radius:12px;padding:15px 25px;color:#ffffffe6;font-size:1.1em;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .4s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 0 10px rgba(138,43,226,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-bottom:15px;box-shadow:0 0 20px #8a2be233;transform:translateZ(0);will-change:background,border-color,box-shadow}.login-btn.mystical-button: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 .5s ease}.login-btn.mystical-button:hover:not(:disabled){background:linear-gradient(135deg,#8a2be280,#4b008299);border-color:#8a2be2;box-shadow:0 8px 30px #8a2be280,0 0 40px #8a2be266;color:#fff}.login-btn.mystical-button:hover:not(:disabled):before{left:100%}.login-btn.mystical-button:disabled{opacity:.6;cursor:not-allowed}.login-btn.mystical-button.primary{background:linear-gradient(135deg,#8a2be266,#4b008280);border-color:#8a2be2b3;box-shadow:0 0 25px #8a2be24d}.login-btn.mystical-button.secondary{background:linear-gradient(135deg,#28a7454d,#1c883066);border-color:#28a74599;box-shadow:0 0 20px #28a74533;text-shadow:0 0 10px rgba(40,167,69,.8)}.login-btn.mystical-button.secondary:hover:not(:disabled){background:linear-gradient(135deg,#28a74580,#1c883099);border-color:#28a745;box-shadow:0 8px 30px #28a74580,0 0 40px #28a74566}.button-icon{font-size:1.1em;opacity:.9}.login-btn.mystical-button.create-new{background:linear-gradient(135deg,#fd7e144d,#e66e0266);border-color:#fd7e1499;box-shadow:0 0 20px #fd7e1433;text-shadow:0 0 10px rgba(253,126,20,.8)}.login-btn.mystical-button.create-new:hover:not(:disabled){background:linear-gradient(135deg,#fd7e1480,#e66e0299);border-color:#fd7e14;box-shadow:0 8px 30px #fd7e1480,0 0 40px #fd7e1466}.help-text.mystical-help{margin-top:15px;padding:15px;background:#0003;border-radius:10px;border:1px solid rgba(138,43,226,.2)}.help-text.mystical-help p{margin:5px 0;font-size:.9em;color:#ffffffb3;text-shadow:0 1px 2px rgba(0,0,0,.7)}.error-message.mystical-error{background:linear-gradient(135deg,#dc354533,#b92d3a4d),#0006;border:2px solid rgba(220,53,69,.5);color:#ffffffe6;padding:15px;border-radius:10px;margin:15px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.8);animation:errorFadeIn .3s ease-out,errorPulseStable 2s ease-in-out infinite;transform:translateZ(0);min-height:50px;box-sizing:border-box}.error-message-space{min-height:80px;display:flex;align-items:flex-start;justify-content:center}@keyframes errorPulseStable{0%,to{border-color:#dc354580;box-shadow:0 0 15px #dc354533}50%{border-color:#dc3545cc;box-shadow:0 0 25px #dc354566}}@keyframes errorFadeIn{0%{opacity:0}to{opacity:1}}.error-icon{font-size:1.2em}@media (max-width: 768px){.login-container.mystical-container{padding:25px 20px;margin:10px}.method-selector.mystical-selector{flex-direction:column;gap:10px}.game-logo.mystical-logo h1{font-size:2em}.login-screen.mythical-login{padding:10px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-btn:disabled .loading-icon{animation:spin 1s linear infinite}.game-logo.mystical-logo p{font-size:1.2em;color:#fffc;margin:5px 0 0;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.7)}.online-status.mystical-status{margin-top:15px}.status-indicator.mystical-indicator{background:linear-gradient(135deg,#ffffff26,#ffffff0d),#0000004d;border:2px solid rgba(76,175,80,.5);color:#ffffffe6;padding:8px 16px;border-radius:20px;font-size:.9em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #0003,inset 0 1px #ffffff1a;animation:statusPulseStable 2s ease-in-out infinite;transform:translateZ(0)}@keyframes statusPulseStable{0%,to{border-color:#4caf5080;box-shadow:0 8px 25px #0003,inset 0 1px #ffffff1a}50%{border-color:#4caf50cc;box-shadow:0 8px 25px #0003,inset 0 1px #ffffff1a,0 0 20px #4caf504d}}@keyframes shimmerStable{0%{left:-100%}to{left:100%}}@keyframes titlePulseStable{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.returning-player-section .mystical-input,.returning-player-section .login-btn.mystical-button{margin-bottom:15px}.wallet-info{margin:15px 0;padding:10px;background:#0000004d;border-radius:8px;border:1px solid rgba(76,175,80,.3)}.wallet-info p{margin:0;font-size:.9em;color:#4caf50e6;text-align:center;font-family:Courier New,monospace}.progression-notifications-container{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.progression-notification{width:380px;margin-bottom:16px;background:linear-gradient(145deg,#1a233af2,#2d3759f2,#1a233af2);border:2px solid #FFD700;border-radius:12px;box-shadow:0 8px 32px #0009,0 0 20px #ffd7004d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;cursor:pointer;transform:translate(100%);animation:slideInFromRight .5s ease-out forwards;position:relative;overflow:hidden}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.progression-notification:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.2),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.progression-notification:hover{transform:scale(1.02);transition:all .3s ease}.achievement-notification{border-color:gold}.economic-notification{border-color:#00bfff}.notification-header{display:flex;align-items:center;padding:16px 20px 8px;gap:12px}.notification-icon{font-size:32px;text-shadow:0 0 15px currentColor;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-title{flex:1;font-size:18px;font-weight:700;color:gold;text-shadow:0 0 10px #FFD700,2px 2px 4px rgba(0,0,0,.8);margin:0}.notification-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:20px;font-weight:700;transition:all .3s ease}.notification-close:hover{background:#f003;border-color:#f006;transform:scale(1.1)}.notification-content{padding:0 20px 16px}.notification-subtitle{font-size:16px;font-weight:600;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);margin-bottom:6px}.notification-description{font-size:14px;color:#ccc;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin-bottom:8px;line-height:1.4}.notification-bonus{font-size:14px;font-weight:600;color:#32cd32;text-shadow:0 0 10px #32CD32,1px 1px 3px rgba(0,0,0,.8);background:#32cd321a;padding:6px 12px;border-radius:6px;border:1px solid rgba(50,205,50,.3);display:inline-block}.notification-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#0000004d;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,gold,#32cd32,#00bfff);width:100%;animation:progressCountdown 6s linear forwards}.economic-notification .progress-fill{animation:progressCountdown 4s linear forwards}@keyframes progressCountdown{0%{width:100%}to{width:0%}}