@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Inter:wght@400;500;600;700&display=swap";@keyframes coinSpin{0%{transform:perspective(400px)rotateY(0)}to{transform:perspective(400px)rotateY(360deg)}}@keyframes diamondFloat{0%{transform:perspective(400px)translateY(0)rotateY(0)}50%{transform:perspective(400px)translateY(-2px)rotateY(180deg)}to{transform:perspective(400px)translateY(0)rotateY(360deg)}}@keyframes expPulse{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.15)rotate(15deg)}to{transform:scale(1)rotate(0)}}.currency-anim-gold{animation:2.5s linear infinite coinSpin}.currency-anim-diamond{animation:3s ease-in-out infinite diamondFloat}.currency-anim-exp{animation:2s ease-in-out infinite expPulse}.topbar{background:var(--bg-panel);z-index:10;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.5rem;display:flex;position:relative;box-shadow:0 2px 10px #00000080}.currency-pill{border-radius:var(--radius-full);background:#00000080;border:1px solid #d4af374d;justify-content:center;align-items:center;gap:.5rem;min-width:70px;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:flex}.icon-gold{color:var(--gold-light)}.icon-exp{color:var(--accent-purple)}.icon-idl{color:var(--accent-blue)}.icon-midl{color:var(--accent-green)}.bottom-nav{background:var(--bg-panel);z-index:10;border-top:1px solid #ffffff1a;justify-content:space-around;align-items:center;padding:.5rem 0;display:flex;position:relative;box-shadow:0 -2px 10px #00000080}.nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;width:20%;transition:all .2s;display:flex}.icon-wrapper{border-radius:var(--radius-full);padding:.5rem;transition:all .2s}.nav-label{font-size:.7rem;font-weight:600;font-family:var(--font-myth)}.nav-item.active{color:var(--gold-main);transform:translateY(-5px)}.nav-item.active .icon-wrapper{box-shadow:var(--shadow-gold);background:#d4af371a}.nav-item:hover:not(.active){color:var(--text-primary)}.battle-page{background:radial-gradient(circle,#2a1b3d 0%,#0a0a0c 100%);flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.battle-header{background:#0006;border-bottom:1px solid #d4af3733;justify-content:space-between;align-items:center;padding:1rem;display:flex}.battle-status{background:var(--gold-dark);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;padding:.2rem .5rem;font-size:.7rem;font-weight:700;animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.battle-field{flex-direction:column;flex:1;justify-content:space-around;padding:.2rem;display:flex;position:relative}.team-container{grid-template-columns:repeat(3,1fr);justify-items:center;gap:.5rem;width:100%;max-width:400px;margin:0 auto;display:grid}.enemies-team,.heroes-team{perspective:1000px}.character-card{flex-direction:column;justify-content:flex-end;align-items:center;width:70px;height:95px;padding:0;transition:all .3s;display:flex;position:relative}.character-card.dead{opacity:.3;filter:grayscale();transform:scale(.9)}.char-element{background:var(--element-fire);border:1px solid #fff;border-radius:50%;width:15px;height:15px;position:absolute;top:-5px;left:-5px}.char-element[data-element=Fire]{background:var(--element-fire);box-shadow:0 0 5px var(--element-fire)}.char-element[data-element=Water]{background:var(--element-water);box-shadow:0 0 5px var(--element-water)}.char-element[data-element=Wind]{background:var(--element-wind);box-shadow:0 0 5px var(--element-wind)}.char-sprite{width:70px;height:70px;margin-bottom:5px;position:relative}.char-sprite img{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);width:100%;height:100%}.char-info{color:#fff;text-shadow:1px 1px 2px #000;margin-bottom:2px;font-size:.6rem;font-weight:700}.hp-mana-bars{flex-direction:column;gap:2px;width:100%;display:flex}.hp-bar-container,.mana-bar-container{background:#0009;border:1px solid #222;border-radius:3px;width:100%;height:6px;overflow:hidden}.hp-bar{height:100%;transition:width .3s}.mana-bar{background:#00b4d8;height:100%;transition:width .3s}.vs-divider{text-align:center;height:10px;margin:.2rem 0;position:relative}.vs-divider span{background:var(--bg-primary);color:var(--gold-main);font-family:var(--font-myth);z-index:2;text-shadow:0 0 5px var(--gold-main);padding:0 10px;font-size:1.2rem;font-weight:700;position:relative}.vs-divider:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-main), transparent);z-index:1;height:1px;position:absolute;top:50%;left:0;right:0}.damage-text{text-shadow:1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;pointer-events:none;z-index:20;font-size:1.2rem;font-weight:900;animation:1s ease-out forwards floatUp;position:absolute}.dmg-hero{color:#ff4d4d}.dmg-enemy{color:#fff}.damage-text.crit{color:gold;font-size:1.8rem;animation:1.2s cubic-bezier(.175,.885,.32,1.275) forwards critFloatUp}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-20px)scale(1)}80%{opacity:1;transform:translateY(-40px)scale(1)}to{opacity:0;transform:translateY(-50px)scale(1)}}@keyframes critFloatUp{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-10px)scale(1.2)}80%{opacity:1;transform:translateY(-30px)scale(1)}to{opacity:0;transform:translateY(-40px)scale(1)}}.hero-active-turn{box-shadow:0 0 15px var(--gold-main);z-index:10;transform:translateY(-10px)scale(1.05)}.enemy-active-turn{z-index:10;transform:translateY(10px)scale(1.05);box-shadow:0 0 15px #ff4d4d}.btn-speed{color:#4cc9f0;cursor:pointer;background:#00000080;border:1px solid #4cc9f0;border-radius:4px;align-items:center;padding:.2rem .6rem;font-size:.8rem;transition:all .2s;display:flex}.btn-speed:hover{background:#4cc9f033}.btn-speed.active{color:#000;background:#4cc9f0;font-weight:700}.btn-speed.premium{color:#ffb703;border-color:#ffb703}.btn-speed.premium.active{color:#000;background:#ffb703}.battle-modal-overlay{z-index:100;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.battle-modal{text-align:center;background:#111;border:2px solid #4cc9f0;border-radius:12px;min-width:300px;padding:2rem;box-shadow:0 0 20px #4cc9f04d}.battle-modal.victory{border-color:#ffd166;box-shadow:0 0 30px #ffd1664d}.battle-modal.defeat{border-color:#e63946;box-shadow:0 0 30px #e639464d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skill-cutin-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;animation:2s ease-in-out forwards bgFlash;display:flex;position:absolute;inset:0;overflow:hidden}.skill-cutin-content{align-items:center;width:100%;height:300px;display:flex;position:relative}.skill-cutin-backdrop{background:linear-gradient(90deg,#0000,#00b4d899,#0000);width:300%;animation:2s ease-out forwards slideStrip;position:absolute;top:0;bottom:0;left:-100%;transform:skew(-20deg)}.skill-cutin-image{object-fit:cover;filter:drop-shadow(0 0 20px #00b4d8);height:400px;animation:2s cubic-bezier(.1,.9,.2,1) forwards slideHeroIn;position:absolute;right:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.skill-cutin-text{color:#fff;opacity:0;animation:2s cubic-bezier(.1,.9,.2,1) .3s forwards textSlam;position:absolute;left:10%}.cutin-hero-name{color:#90e0ef;text-transform:uppercase;letter-spacing:4px;margin:0;font-size:1.5rem}.cutin-skill-name{text-shadow:0 0 20px #00b4d8,2px 2px #000;color:#fff;white-space:nowrap;margin:0;font-size:4rem}@keyframes bgFlash{0%{background:#fff}10%{background:#000000d9}90%{background:#000000d9}to{background:0 0}}@keyframes slideStrip{0%{left:-100%}50%{left:-20%}to{left:100%}}@keyframes slideHeroIn{0%{opacity:0;right:-50%;transform:scale(1.1)}15%{opacity:1;right:5%;transform:scale(1)}85%{opacity:1;right:10%;transform:scale(1)}to{opacity:0;right:100%;transform:scale(1.1)}}@keyframes textSlam{0%{opacity:0;transform:scale(2)translate(-50px)}10%{opacity:1;transform:scale(1)translate(0)}80%{opacity:1;transform:scale(1)translate(20px)}to{opacity:0;transform:scale(.8)translate(-100px)}}.premium-victory-overlay{z-index:1000;background:linear-gradient(#00000080,#000c),url(/victory_bg.png) 50%/cover;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:15%;animation:.5s ease-out fadeIn;display:flex;position:absolute;inset:0;overflow:hidden}.sunburst-bg{aspect-ratio:1;z-index:-1;background:repeating-conic-gradient(#ffd70033 0deg 10deg,#0000 10deg 20deg);width:200%;animation:40s linear infinite rotateSunburst;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 60%);mask-image:radial-gradient(circle,#000 20%,#0000 60%)}@keyframes rotateSunburst{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.victory-emblem-container{z-index:2;background:radial-gradient(circle,#ffca28,#f57f17);border:6px solid #fff59d;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin-bottom:-30px;animation:.6s cubic-bezier(.175,.885,.32,1.275) dropIn;display:flex;position:relative;box-shadow:0 0 50px #ffd70080,inset 0 0 30px #fffc}.victory-ribbon{z-index:3;background:linear-gradient(#e53935,#b71c1c);border:3px solid #ffb300;border-radius:4px;padding:10px 50px;animation:.5s ease-out .3s both scaleUp;position:relative;box-shadow:0 10px 20px #0009,inset 0 2px 5px #ffffff4d}.victory-ribbon:before,.victory-ribbon:after{content:"";z-index:-1;background:#901313;border:3px solid #ffb300;width:30px;position:absolute;top:10px;bottom:-10px}.victory-ribbon:before{border-right:none;left:-20px;transform:skewY(-20deg)}.victory-ribbon:after{border-left:none;right:-20px;transform:skewY(20deg)}.victory-ribbon h1{color:#fff;letter-spacing:2px;text-shadow:3px 3px #000,-1px -1px #ffeb3b,0 4px 10px #000c;text-transform:uppercase;margin:0;font-size:3rem;font-weight:900}.reward-boxes-row{z-index:2;gap:1.5rem;margin-top:auto;margin-bottom:2rem;animation:.5s ease-out .5s both slideUp;display:flex}.reward-box-premium{background:linear-gradient(#333,#111);border:2px solid #b8860b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;box-shadow:0 8px 15px #000c,inset 0 0 10px #ffd70033}.reward-box-premium span{color:#fff;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:1.2rem;font-weight:900;position:absolute;bottom:-15px;right:-10px}.premium-btn-next{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;z-index:2;background:linear-gradient(#fbc02d,#f57f17);border:3px solid #000;border-radius:25px;margin-bottom:4rem;padding:15px 40px;font-size:1.3rem;font-weight:700;transition:transform .1s,filter .1s;animation:.5s ease-out .6s both slideUp;box-shadow:0 5px 15px #000c,inset 0 2px 5px #fff9}.premium-btn-next:hover{filter:brightness(1.1)}.premium-btn-next:active{transform:scale(.95)}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-attacking-dash{z-index:99;transform:translateY(-45px)scale(1.15)!important}.enemy-attacking-dash{z-index:99;transform:translateY(45px)scale(1.15)!important}.formation-page{background:linear-gradient(#1f2f1f 0%,#0a110a 100%);flex-direction:column;height:100%;display:flex}.formation-header{text-align:center;border-bottom:2px solid var(--gold-main);z-index:10;background:#00000080;padding:1rem}.formation-field-wrapper{background-image:radial-gradient(circle,#2a9d8f1a 0%,#0000 70%);flex:1;justify-content:center;align-items:center;padding:1rem;display:flex}.formation-field{flex-direction:column;gap:1rem;width:100%;max-width:300px;display:flex}.front-line,.back-line{justify-content:center;gap:1rem;display:flex}.formation-slot{border-radius:var(--radius-sm);cursor:pointer;background:#0006;border:2px dashed #555;justify-content:center;align-items:center;width:70px;height:90px;transition:all .2s;display:flex;position:relative}.formation-slot.filled{border:2px solid var(--gold-main);background:#0009;box-shadow:0 4px 10px #00000080}.formation-slot:active{transform:scale(.95)}.empty-plus{color:#555;font-size:2rem}.slot-hero{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slot-hero img{object-fit:contain;width:80%;height:80%}.slot-hero-level{border:1px solid var(--gold-dark);background:#111;border-radius:10px;padding:.1rem .4rem;font-size:.6rem;font-weight:700;position:absolute;bottom:-10px}.element-badge.small{width:15px;height:15px;position:absolute;top:-5px;left:-5px}.synergy-placeholder{text-align:center;background:#0009;border-top:1px solid #333;border-bottom:1px solid #333;padding:.5rem}.synergy-text{color:var(--text-secondary);font-size:.75rem}.inventory-section{background:#000c;height:35%;padding:1rem;overflow-y:auto}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.8rem;display:grid}.inv-hero-card{aspect-ratio:3/4;border-radius:var(--radius-sm);cursor:pointer;background:#1a1a24;border:1px solid #444;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.inv-hero-card img{object-fit:contain;width:80%;height:80%}.inv-hero-card.in-formation{opacity:.4;filter:grayscale()}.check-overlay{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:5px;right:5px}.inv-level{text-align:center;background:#000c;font-size:.7rem;font-weight:700;position:absolute;bottom:0;left:0;right:0}.rarity-border-uncommon{border:1px solid #2a9d8f;box-shadow:0 0 5px #2a9d8f33}.rarity-border-rare{border:1px solid #0077b6;box-shadow:0 0 8px #0077b64d}.rarity-border-epic{border:2px solid #9d4edd;box-shadow:0 0 10px #9d4edd66}.rarity-border-legendary{background:linear-gradient(#ffb7031a 0%,#000c 100%);border:2px solid #ffb703;box-shadow:0 0 15px #ffb70380}.rarity-border-mystic{background:linear-gradient(#ffffff26 0%,#000000d9 100%);border:2.5px solid #fff;box-shadow:0 0 18px #ffffffb3}.formation-bottom-bar{background:#000;border-top:1px solid #333;gap:1rem;padding:1rem;display:flex}.btn-back{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#222;border:1px solid #555;justify-content:center;align-items:center;width:50px;display:flex}.btn-confirm{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%);border-radius:var(--radius-md);color:#000;font-family:var(--font-ui);cursor:pointer;box-shadow:0 0 15px var(--gold-main);border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:1.1rem;font-weight:700;display:flex}.btn-confirm:disabled{color:#666;box-shadow:none;cursor:not-allowed;background:#333}.afk-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.afk-modal-container{background:#1a1a1a;border:4px solid #b8860b;border-radius:12px;flex-direction:column;width:95%;max-width:400px;max-height:85%;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 30px #000c,inset 0 0 20px #00000080}.afk-modal-container::-webkit-scrollbar{display:none}.afk-tabs{background:#000;border-bottom:2px solid #b8860b;justify-content:center;display:flex}.afk-tab{text-align:center;color:#888;cursor:pointer;background:#111;border:none;border-right:1px solid #333;flex:1;padding:15px 0;font-size:1.1rem;font-weight:700}.afk-tab:last-child{border-right:none}.afk-tab.active{color:#fff;background:#004e92;border-bottom:3px solid #00b4d8}.afk-modal-content{flex-direction:column;gap:20px;padding:15px;display:flex}.afk-section-title{text-align:center;color:#aaa;background:#333;border-radius:15px;align-self:center;padding:5px 20px;font-size:.9rem;font-weight:700}.afk-item-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.afk-item-box{background:linear-gradient(#2a2a2a,#111);border:2px solid #00b4d8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;height:80px;padding:10px 5px;display:flex;box-shadow:0 4px 6px #00000080}.afk-item-value{color:#fff;margin-top:5px;font-size:.9rem;font-weight:700}.afk-time-block{background:#111;border:2px solid #b8860b;border-radius:8px;flex-direction:column;display:flex}.afk-time-header{background:#000;border-bottom:2px solid #b8860b;justify-content:center;gap:10px;padding:8px;font-weight:700;display:flex}.afk-time-label{color:#888}.afk-time-value{color:#b2ff59}.afk-time-rewards{justify-content:center;gap:15px;padding:15px;display:flex}.afk-receive-btn-container{justify-content:center;padding:20px;display:flex}.afk-receive-btn{color:#fff;cursor:pointer;background:#111;border:4px solid #b8860b;border-radius:25px;padding:10px 40px;font-size:1.2rem;font-weight:700;transition:transform .1s;box-shadow:0 0 15px #ffd70066}.afk-receive-btn:active{transform:scale(.95)}.afk-close-btn{color:#fff;cursor:pointer;background:#b71c1c;border:2px solid #ffca28;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 10px #000c}.stake-modal-btn{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#ffca28 0%,#ff8f00 100%);border:2px solid #fff;border-radius:20px;padding:8px 35px;font-size:1rem;font-weight:900;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 4px 10px #0006,0 0 10px #ffca2880}.stake-modal-btn:hover{filter:brightness(1.1);transform:scale(1.05);box-shadow:0 6px 15px #00000080,0 0 15px #ffca28cc}.stake-modal-btn:active{transform:scale(.95);box-shadow:0 2px 5px #0000004d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.battle-pass-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#06060cd9;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.battle-pass-container{color:#f8fafc;background:radial-gradient(circle at top,#1c102a 0%,#0d0614 70%,#050209 100%);border:1px solid #8b5cf633;border-radius:16px;flex-direction:column;width:92%;max-width:820px;height:90vh;font-family:Outfit,Inter,sans-serif;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 25px #8b5cf61a}.battle-pass-subpage{color:#f8fafc;background:radial-gradient(circle at top,#1c102a 0%,#0d0614 70%,#050209 100%);flex-direction:column;width:100%;height:100%;font-family:Outfit,Inter,sans-serif;animation:.25s ease-out fadeIn;display:flex;overflow:hidden}.battle-pass-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.bp-header-left{align-items:center;gap:12px;display:flex}.bp-header-left h2{letter-spacing:.07em;background:linear-gradient(135deg,#a78bfa 0%,#ec4899 100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #ec489933;-webkit-background-clip:text;font-size:1.4rem;font-weight:800}.bp-header-right{align-items:center;gap:12px;display:flex}.add-xp-btn{color:#f472b6;cursor:pointer;background:#ec489926;border:1px solid #ec489966;border-radius:8px;padding:6px 12px;font-size:.75rem;transition:all .2s}.add-xp-btn:hover{background:#ec48994d;transform:translateY(-1px)}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:background-color .2s,color .2s}.close-btn:hover{color:#fff;background-color:#ffffff14}.battle-pass-summary-panel{background:#0c061480;border-bottom:1px solid #ffffff08;align-items:center;gap:20px;padding:16px 24px;display:flex}.bp-level-badge{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 0 15px #7c3aed66}.level-num{font-size:1.6rem;font-weight:900;line-height:1}.level-lbl{color:#c084fc;font-size:.6rem;font-weight:700}.bp-xp-progress{flex-direction:column;flex:1;gap:6px;display:flex}.bp-xp-info{color:#94a3b8;justify-content:space-between;font-size:.8rem;display:flex}.bp-xp-bar-container{background:#0006;border:1px solid #ffffff0d;border-radius:5px;height:10px;overflow:hidden}.bp-xp-bar-fill{background:linear-gradient(90deg,#6366f1 0%,#a855f7 100%);border-radius:5px;height:100%;transition:width .3s;position:relative}.bp-xp-bar-glow{background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s linear infinite shine;position:absolute;inset:0}.bp-purchase-panel{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.premium-active-badge{color:#4ade80;letter-spacing:.02em;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;display:flex}.buy-premium-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border:none;border-radius:8px;align-items:center;padding:8px 16px;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #ec48994d}.buy-premium-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ec489966}.bp-balance-label{color:#94a3b8;font-size:.7rem}.bp-tabs{background:#0003;border-bottom:1px solid #ffffff0d;display:flex}.bp-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-weight:700;transition:all .2s}.bp-tab.active{color:#c084fc;background:#a855f70a;border-bottom-color:#a855f7}.bp-rewards-scroll-area{flex:1;padding:24px;overflow-y:auto}.bp-rewards-scroll-area::-webkit-scrollbar{width:6px}.bp-rewards-scroll-area::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.bp-levels-list{flex-direction:column;gap:16px;display:flex}.bp-level-row{align-items:stretch;gap:16px;display:flex;position:relative}.bp-level-number-column{flex-direction:column;align-items:center;width:50px;display:flex}.level-circle{color:#818cf8;z-index:2;background:#1e1b4b;border:2px solid #3730a3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:800;display:flex}.level-line{background:#3730a34d;flex:1;width:2px;margin-top:4px}.bp-level-row:last-child .level-line{display:none}.bp-level-row.current-level .level-circle{color:#fff;background:#4f46e5;border-color:#818cf8;box-shadow:0 0 10px #4f46e599}.bp-level-row.past-level .level-circle{color:#a5b4fc;border-color:#4f46e5}.bp-reward-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;gap:10px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.bp-reward-card.free-track:hover{background:#ffffff0a}.bp-reward-card.premium-track{background:radial-gradient(circle at 100% 100%,#ec489905 0%,#ffffff05 100%);border-color:#ec48991a}.bp-reward-card.premium-track.locked{opacity:.55;background:#0003;border-color:#ffffff05}.bp-reward-card.claimed{opacity:.4;background:#0000004d!important;border-color:#ffffff05!important}.card-header{justify-content:space-between;align-items:center;display:flex}.track-title{color:#64748b;letter-spacing:.05em;font-size:.65rem;font-weight:800}.track-title.premium{color:#ec4899}.status-badge{border-radius:4px;padding:2px 6px;font-size:.55rem;font-weight:800}.status-badge.claimed{color:#64748b;background:#ffffff0d}.reward-content{align-items:center;gap:12px;display:flex}.reward-icon-container{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.reward-icon-container.premium{background:#ec48990d;border-color:#ec48991a}.reward-details{flex-direction:column;display:flex}.reward-name{font-size:.85rem;font-weight:700}.reward-qty{color:#94a3b8;font-size:.75rem}.claim-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.claim-btn.free{color:#fff;background:#4f46e5}.claim-btn.free:hover{background:#6366f1}.claim-btn.premium{color:#fff;background:#ec4899}.claim-btn.premium:hover{background:#f472b6}.bp-quests-area{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.quest-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.quest-info{flex-direction:column;flex:1;gap:4px;display:flex}.quest-info h3{font-size:.95rem;font-weight:700}.quest-info p{color:#94a3b8;font-size:.75rem}.quest-progress{color:#94a3b8;align-items:center;gap:10px;margin-top:8px;font-size:.75rem;display:flex}.qp-bar-container{background:#0000004d;border-radius:3px;width:100px;height:6px;overflow:hidden}.qp-bar-fill{background:#8b5cf6;border-radius:3px;height:100%}.quest-reward{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.xp-qty{color:#c084fc;font-size:.85rem;font-weight:700}.quest-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:700}.quest-btn.go-btn{color:#f1f5f9;background:#ffffff0d;border:1px solid #ffffff1a}.quest-btn-disabled{color:#64748b;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:700}.web3-modal-overlay{z-index:10;background:#050209f2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.web3-modal-box{background:#0f0a1c;border:1px solid #8b5cf64d;border-radius:16px;width:90%;max-width:460px;padding:24px;box-shadow:0 10px 40px #000c}.web3-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.web3-modal-header h3{letter-spacing:.03em;color:#a78bfa;font-size:1.1rem;font-weight:800}.close-web3-btn{color:#64748b;cursor:pointer;background:0 0;border:none}.web3-modal-tabs{background:#0000004d;border-radius:8px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.web3-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:.75rem;font-weight:700;transition:all .2s}.web3-tab-btn.active{color:#fff;background:#7c3aed}.usdc-in-game-purchase{flex-direction:column;align-items:center;gap:20px;padding:10px 0;display:flex}.balance-info-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;width:100%;padding:20px;display:flex}.balance-info-card strong{margin-top:6px;font-size:1.8rem;font-weight:900}.pay-usdc-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:.95rem;font-weight:800;transition:transform .2s}.pay-usdc-btn:disabled{color:#64748b;cursor:not-allowed;background:#ffffff0d}.web3-transaction-sim{flex-direction:column;gap:16px;display:flex}.blockchain-console{color:#38bdf8;background:#050209;border:1px solid #1e1b4b;border-radius:10px;flex-direction:column;gap:6px;height:200px;padding:16px;font-family:Courier New,Courier,monospace;font-size:.75rem;display:flex;overflow-y:auto}.console-line{word-break:break-all;line-height:1.4}.console-spinner{color:#a78bfa;align-items:center;gap:8px;margin-top:4px;display:flex}.web3-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:8px;width:100%;padding:12px;font-size:.9rem;font-weight:800;transition:all .2s}.web3-primary-btn:hover{filter:brightness(1.1)}.web3-primary-btn.sign-action{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%)}.success-badge{text-align:center;color:#4ade80;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;width:100%;padding:12px;font-weight:700}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.play-page{background:linear-gradient(#3d2a1b 0%,#0a0a0c 100%);flex-direction:column;justify-content:flex-end;height:100%;display:flex;position:relative}.afk-battle-background{opacity:.3;pointer-events:none;position:absolute;inset:0 0 30%;overflow:hidden}.afk-characters{width:100%;height:100%;position:relative}.sprite-afk{background:#fff;border-radius:50%;width:30px;height:30px;animation:1s ease-in-out infinite alternate afkJump;position:absolute;bottom:20%}.sprite-afk.hero{background:var(--element-fire);left:20%}.sprite-afk.enemy{background:#555;animation-delay:.3s;right:30%}@keyframes afkJump{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.chest-area{z-index:5;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.chest-visual{justify-content:center;align-items:flex-end;width:150px;height:100px;display:flex;position:relative}.gold-pile{background:radial-gradient(ellipse at center, var(--gold-main) 0%, transparent 70%);width:120px;height:40px;box-shadow:0 0 20px var(--gold-main);border-radius:50%;animation:2s infinite alternate glow;position:absolute;bottom:0}.chest-svg{z-index:2;filter:drop-shadow(0 8px 16px #0009);width:90px;height:90px;transition:transform .2s;position:relative}.chest-visual:hover .chest-svg{transform:scale(1.05)}.chest-visual:active .chest-svg{transform:scale(.95)}.spill-particles-container{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.spill-particle{opacity:0;font-size:1.2rem;animation:3.5s ease-in-out infinite particleFloatUp;position:absolute;bottom:30px}@keyframes particleFloatUp{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}10%{opacity:1;transform:translate(var(--sway-x-start,-8px), -15px) scale(1.1) rotate(15deg)}50%{opacity:.9;transform:translate(var(--sway-x-mid,8px), -50px) scale(1) rotate(-15deg)}to{transform:translate(var(--sway-x-end,-12px), -100px) scale(.6) rotate(120deg);opacity:0}}.chest-badge{color:#fff;z-index:10;background:linear-gradient(135deg,#f36,#f03);border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;animation:1.5s infinite alternate pulseGlow;display:flex;position:absolute;top:-10px;right:15px;box-shadow:0 0 10px #f03c,inset 0 2px 4px #fff6}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 5px #f039}to{transform:scale(1.15);box-shadow:0 0 15px #f03}}.afk-rates{border-radius:var(--radius-full);background:#0009;border:1px solid #ffffff1a;gap:1rem;margin-top:1rem;padding:.3rem 1rem;font-size:.7rem;display:flex}.play-controls{background:#00000080;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.btn-secondary{color:#fff;border-radius:var(--radius-sm);font-size:.8rem;font-family:var(--font-ui);cursor:pointer;background:#1a1a24;border:1px solid #444;padding:.5rem 1rem}.btn-challenge{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%);border-radius:var(--radius-md);color:#000;cursor:pointer;box-shadow:0 0 15px var(--gold-main);border:2px solid #fff;flex-direction:column;align-items:center;padding:.5rem 2rem;transition:transform .1s;display:flex}.btn-challenge:active{transform:scale(.95)}.btn-stage-text{color:#fff;background:#00000080;border-radius:10px;margin-bottom:.2rem;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.btn-main-text{font-family:var(--font-myth);text-transform:uppercase;font-size:1.2rem;font-weight:900}.hero-modal-overlay{z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.hero-modal-content{flex-direction:column;width:100%;max-width:350px;display:flex}.hero-modal-tabs{z-index:2;gap:.2rem;margin-bottom:-2px;display:flex}.tab-btn{color:#fff;cursor:pointer;background:#000;border:2px solid #a67c00;border-bottom:none;border-radius:8px 8px 0 0;flex:1;padding:.6rem;font-size:1.1rem;font-weight:700}.tab-btn.active{color:#fff;background:#0a5c66;border-color:#00e5ff}.hero-modal-body{color:#f2e8c6;background:#2b1b11;border:2px solid #a67c00;border-radius:0 8px 8px;max-height:70vh;padding:1.5rem;overflow-y:auto;box-shadow:0 10px 30px #000c}.hero-element-title,.hero-class-title{color:#fceea7;text-shadow:1px 1px 2px #000;margin:0 0 .5rem;font-size:1.2rem;font-weight:900}.hero-class-title{margin-bottom:1.5rem}.stats-list{flex-direction:column;gap:.6rem;display:flex}.stat-row{justify-content:space-between;align-items:center;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;display:flex}.stat-label{color:#fceea7;text-shadow:1px 1px 1px #000}.stat-value{text-shadow:1px 1px 1px #000}.stat-value-yellow{color:#fceea7}.stat-value-green{color:#7cb518}.illustrate-view{flex-direction:column;gap:1.5rem;display:flex}.illustrate-lore h4,.illustrate-skills h4{color:#ffd166;border-bottom:1px solid #ffd1664d;margin:0 0 .5rem;padding-bottom:.3rem}.illustrate-lore p{color:#ddd;margin:0;font-size:.95rem;line-height:1.4}.skill-card{background:#0000004d;border:1px solid #a67c004d;border-radius:8px;gap:1rem;margin-bottom:.8rem;padding:.8rem;display:flex}.skill-icon{background:#111;border:1px solid #444;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.skill-info{flex-direction:column;gap:.2rem;display:flex}.skill-name{color:#ffb703;font-weight:700}.skill-desc{color:#aaa;font-size:.85rem}.hero-modal-body::-webkit-scrollbar{width:6px}.hero-modal-body::-webkit-scrollbar-track{background:#1a0f0a}.hero-modal-body::-webkit-scrollbar-thumb{background:#a67c00;border-radius:3px}.inv-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inv-modal-content{background:linear-gradient(#1a1525 0%,#0d0a14 100%);border:1px solid #a020f0;border-radius:12px;flex-direction:column;width:95%;max-width:440px;height:65vh;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #a020f04d}.inv-close-btn{color:#fff;cursor:pointer;z-index:10;opacity:.7;background:0 0;border:none;transition:opacity .2s;position:absolute;top:15px;right:15px}.inv-close-btn:hover{opacity:1}.inv-header{text-align:center;border-bottom:1px solid #a020f04d;padding:20px}.inv-tabs{background:#00000080;border-bottom:1px solid #a020f04d;display:flex}.inv-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px 0;font-family:Cinzel,serif;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.inv-tab:hover{color:#ddd}.inv-tab.active{color:#a020f0;background:#a020f01a;border-bottom:2px solid #a020f0}.inv-body{flex:1;padding:20px;overflow-y:auto}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;display:grid}.inv-item-card{cursor:pointer;background:#222;border:2px solid #444;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.inv-item-card:hover{border-color:#a020f0;transform:translateY(-2px)}.inv-item-card.disabled{cursor:not-allowed;transform:none}.inv-item-card.disabled:hover{border-color:#444}.inv-item-overlay{z-index:2;background:#000000b3;position:absolute;inset:0}.inv-item-img{object-fit:cover;width:100%;height:100%}.inv-item-placeholder{color:#666}.inv-item-stars{z-index:3;justify-content:center;gap:1px;display:flex;position:absolute;bottom:2px;left:0;right:0}.inv-item-stars .star{color:#d4af37;text-shadow:0 0 2px #000;font-size:10px}.inv-item-level{color:#fff;text-shadow:0 0 2px #000;z-index:3;font-size:10px;font-weight:700;position:absolute;top:2px;left:4px}.inv-item-lock{z-index:3;background:#00000080;border-radius:50%;padding:2px;position:absolute;top:2px;right:4px}.inv-item-name{text-align:center;color:#eee;white-space:nowrap;text-overflow:ellipsis;z-index:3;background:#000000b3;padding:2px 0;font-size:8px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.inv-equip-card .inv-item-stars{bottom:14px}.inv-item-equipped-badge{color:#fff;z-index:3;background:#a020f0;border:1px solid #ffffff4d;border-radius:4px;padding:1px 4px;font-family:Cinzel,serif;font-size:8px;font-weight:700;position:absolute;top:2px;right:4px;box-shadow:0 0 5px #a020f0cc}.inv-item-qty-badge{color:#fff;z-index:3;background:#000000b3;border:1px solid #fff3;border-radius:4px;padding:1px 4px;font-family:Cinzel,serif;font-size:8px;font-weight:700;position:absolute;top:2px;right:4px}.inv-item-card.rarity-common{border-color:#888}.inv-item-card.rarity-uncommon{border-color:#2ecc71}.inv-item-card.rarity-rare{border-color:#4169e1}.inv-item-card.rarity-epic{border-color:#a020f0}.inv-item-card.rarity-legendary{border-color:#ff4500}.inv-item-card.rarity-mythic{border-color:#d4af37}.inv-item-card.rarity-mystic{border-color:#fff;box-shadow:0 0 12px #fffc,inset 0 0 5px #ffffff4d}.hs-overlay{z-index:1000;background:#111;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.hs-modal{background:linear-gradient(#87ceeb 0%,#f4e8c1 30%,#5d4a36 60%,#1a0f0a 100%);flex-direction:column;width:100%;max-width:480px;display:flex;position:relative;overflow:hidden}.hs-modal.bg-greek{background:url(/images/bgs/bg_greek.png) 50%/cover no-repeat}.hs-modal.bg-norse{background:url(/images/bgs/bg_norse.png) 50%/cover no-repeat}.hs-modal.bg-egyptian{background:url(/images/bgs/bg_egyptian.png) 50%/cover no-repeat}.hs-topbar{z-index:10;background:linear-gradient(#000000b3 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1rem;display:flex}.hs-back-btn{color:#fff;cursor:pointer;background:#5d0000;border:2px solid #a67c00;border-radius:50%;width:40px;height:40px;font-size:1.2rem;font-weight:700;box-shadow:0 2px 5px #00000080}.hs-header-center{flex-direction:column;align-items:center;display:flex}.hs-badges{gap:.5rem;margin-bottom:.2rem;display:flex}.elem-badge,.class-badge{color:#fff;background:#111;border:2px solid #00e5ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex;box-shadow:0 0 10px #00e5ff80}.hs-name{color:#fff;text-shadow:2px 2px 4px #000,-1px -1px 2px #000;margin:0;font-family:Arial,sans-serif;font-size:1.5rem}.hs-stars{color:#a020f0;text-shadow:0 0 5px #fff;font-size:1.2rem}.hs-scene{flex:1;justify-content:space-between;align-items:center;margin-top:2rem;padding:0 1rem;display:flex;position:relative}.hs-equip-col{z-index:10;flex-direction:column;gap:1.5rem;display:flex}.equip-slot{background:#1a0f0a;border:2px solid #a67c00;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 0 15px #000c,0 5px 10px #00000080}.equip-placeholder{color:#555;text-align:center;font-size:.8rem}.equip-slot.locked{background:#111;border-color:#333}.hs-avatar-container{pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.hs-large-avatar{z-index:5;width:280px;height:280px;transform:translateY(-20px)}.hero-animated{transform-origin:bottom;object-fit:contain;max-width:140%;max-height:110%;animation:4s ease-in-out infinite breathing}@keyframes breathing{0%{transform:translateY(-20px)scale(1)}50%{transform:translateY(-30px)scale(1.02)}to{transform:translateY(-20px)scale(1)}}.pedestal{z-index:1;width:250px;height:80px;position:absolute;bottom:10px}.pedestal-top{background:#a67c00;border-radius:50%;width:100%;height:50%;position:absolute;top:0;box-shadow:inset 0 0 20px #fceea7}.pedestal-base{background:#5d4a36;border-radius:50%;width:100%;height:50%;position:absolute;bottom:0;box-shadow:0 10px 20px #000c}.hs-power-section{z-index:10;justify-content:center;align-items:center;gap:1rem;margin-top:-20px;display:flex}.power-ribbon{background:#111;border:3px solid #ffb703;border-radius:20px;align-items:center;gap:.5rem;padding:.3rem 2rem;display:flex;box-shadow:0 5px 15px #000c}.power-number{color:#ffb703;text-shadow:1px 1px 2px #000;font-family:Arial,sans-serif;font-size:1.8rem;font-weight:900}.fist-icon{color:#ffb703;font-size:1.5rem}.hs-info-btn{color:#fff;cursor:pointer;background:#08c;border:2px solid #00e5ff;border-radius:50%;width:35px;height:35px;font-size:1.2rem;font-weight:700}.hs-quick-stats{color:#fff;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a080fd9;border:1px solid #a020f066;border-radius:10px;justify-content:space-around;gap:1rem;margin:1rem 1.5rem;padding:.8rem 1rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0009,inset 0 0 10px #a020f033}.q-stat{color:#eee;text-shadow:0 2px 4px #000c;align-items:center;gap:.4rem;font-size:1.05rem;display:flex}.q-stat svg{filter:drop-shadow(0 2px 4px #00000080)}.lv-icon{color:#fff;background:linear-gradient(135deg,#a020f0 0%,#8a2be2 100%);border:1px solid #fff3;border-radius:4px;padding:.2rem .4rem;font-size:.75rem;font-weight:900;box-shadow:0 2px 5px #8a2be280}.hs-upgrade-area{z-index:10;background:#00000080;flex-direction:column;gap:.8rem;padding:1rem;display:flex}.upgrade-costs{justify-content:center;gap:2rem;font-size:.9rem;font-weight:700;display:flex}.cost-item{color:#fff}.hs-top-right-badges{z-index:50;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.hs-badge-icon{background:#0a0a0ad9;border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;box-shadow:0 0 10px #000c}.hs-badge-icon.faction-greek{color:#ffb703;border-color:#ffb703}.hs-badge-icon.faction-norse{color:#8ecae6;border-color:#8ecae6}.hs-badge-icon.faction-egyptian{color:#fb8500;border-color:#fb8500}.hs-badge-icon.role-warrior{color:#e63946}.hs-badge-icon.role-mage{color:#a020f0}.hs-badge-icon.role-assassin{color:#f77f00}.hs-badge-icon.role-tank{color:#d4af37}.hs-badge-icon.role-support{color:#2a9d8f}.hs-action-buttons{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hs-side-btn{color:#fff;cursor:pointer;background:#2b1b11;border:2px solid #ffb703;border-radius:20px;padding:.5rem 1rem;font-weight:700}.hs-main-upgrade-btn{color:#fff;cursor:pointer;text-shadow:1px 1px 2px #000;background:linear-gradient(#7cb518 0%,#4a7c10 100%);border:3px solid #ffb703;border-radius:30px;flex:1;padding:.8rem;font-size:1.3rem;font-weight:700;box-shadow:0 5px 15px #000c}.hs-main-upgrade-btn.disabled{color:#888;cursor:not-allowed;background:#555;border-color:#444}.hs-bottom-tabs{z-index:10;background:#111c;border-top:2px solid #a67c00;display:flex}.hs-tab{color:#888;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.5rem;display:flex}.hs-tab.active{color:#00e5ff}.hs-evolve-area{flex-direction:column;align-items:center;gap:1rem;display:flex}.evolve-slots-row{justify-content:center;gap:1.5rem;width:100%;display:flex}.evolve-slot-box{cursor:pointer;background:#111;border:2px dashed #a67c00;border-radius:8px;justify-content:center;align-items:center;width:65px;height:65px;transition:all .2s;display:flex;position:relative}.evolve-slot-box:hover{border-color:#ffb703;transform:scale(1.05)}.evolve-slot-box img{border-radius:6px;width:100%;height:100%}.add-icon{color:#555;font-size:2rem;font-weight:700}.slot-label{color:#aaa;white-space:nowrap;font-size:.7rem;position:absolute;bottom:-20px}.evolve-btn{background:linear-gradient(#a020f0 0%,#601090 100%)!important;border-color:#d4af37!important}.hs-fodder-selector{background:#000c;border-top:2px solid #a67c00;flex-direction:column;height:250px;padding:1rem;display:flex}.fodder-list{flex:1;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:1rem;display:grid;overflow-y:auto}.fodder-card{aspect-ratio:1;cursor:pointer;background:#2b1b11;border:2px solid #555;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.fodder-card:hover{border-color:#ffb703}.fodder-card img{width:40px;height:40px}.fodder-stars{color:#a020f0;margin-top:-5px;font-size:.6rem}.skill-node{cursor:pointer;z-index:10;background:#111;border:3px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;position:relative;box-shadow:0 0 15px #d4af3766}.skill-node:hover{border-color:#00e5ff;transform:scale(1.1);box-shadow:0 0 25px #00e5ffcc}.skill-node.selected{border-color:#00e5ff;box-shadow:0 0 25px #00e5ffcc}.skill-node-icon{object-fit:cover;border-radius:50%;width:80%;height:80%}.skill-level-badge{color:#d4af37;background:#111;border:2px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;bottom:-10px}.skill-tooltip{z-index:20;color:#fff;pointer-events:none;background:#0a0a0af2;border:2px solid #a67c00;border-radius:12px;width:280px;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #000000e6}.skill-tooltip-title{color:#ffb703;justify-content:space-between;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.skill-tooltip-desc{color:#e0e0e0;font-size:.85rem;line-height:1.4}.skill-tooltip-divider{color:#a67c00;align-items:center;margin:1rem 0;font-size:.8rem;font-weight:700;display:flex}.skill-tooltip-divider:before,.skill-tooltip-divider:after{content:"";border-bottom:1px solid #a67c00;flex:1;margin:0 10px}.evolve-node{cursor:pointer;z-index:10;background:#000000b3;border:2px solid #555;border-radius:12px;justify-content:center;align-items:center;width:70px;height:70px;transition:all .2s;display:flex;position:relative}.evolve-node:hover{border-color:#a020f0;transform:scale(1.05)}.evolve-node-icon{object-fit:cover;border-radius:10px;width:100%;height:100%}.evolve-node-empty{color:#555;font-size:2rem}.evolve-node-badge{color:#fff;background:#7cb518;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:1rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-8px}.evolve-node-count{color:#fff;text-shadow:0 2px 4px #000c;font-size:.9rem;font-weight:700;position:absolute;bottom:-25px}.evolve-star-banner{z-index:20;flex-direction:column;align-items:center;gap:.2rem;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.evolve-stat-tooltip{z-index:20;color:#fff;text-align:center;background:#0a0a0af2;border:2px solid #000;border-radius:12px;width:250px;padding:.8rem;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000000e6}.evolve-stat-text{margin-bottom:.5rem;font-size:.9rem;font-weight:700}.evolve-stat-hl{color:#7cb518}.evolve-max-lvl-text{color:#d4af37;font-size:.85rem}.hs-evolve-action-area{flex-direction:column;align-items:center;width:100%;display:flex}.evolve-btn-row{justify-content:space-between;gap:.5rem;width:100%;display:flex}.evolve-side-btn{color:#fff;cursor:pointer;background:#222;border:1px solid #d4af37;border-radius:20px;flex:1;padding:.5rem 1rem;font-weight:700}.evolve-main-btn{color:#d4af37;cursor:pointer;background:linear-gradient(#3b2313,#1a0f0a);border:2px solid #d4af37;border-radius:20px;flex:1.5;padding:.5rem 2rem;font-size:1.1rem;font-weight:700}.evolve-side-btn:hover,.evolve-main-btn:hover{filter:brightness(1.2)}.evolve-main-btn.disabled,.evolve-side-btn.disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.equip-detail-modal-overlay{z-index:2000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.equip-detail-modal{background:linear-gradient(135deg,#2b1f1d 0%,#150f0e 100%);border:3px solid #ffb703;border-radius:12px;flex-direction:column;align-items:center;width:280px;padding:1.5rem;display:flex;position:relative;box-shadow:0 10px 25px #000c,0 0 15px #ffb7034d}.equip-detail-modal h3{color:#fff;text-align:center;text-shadow:0 2px 4px #00000080;margin:0 0 .5rem;font-size:1.3rem}.equip-detail-rarity{text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.95rem;font-weight:700}.equip-detail-stats{box-sizing:border-box;background:#0006;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:.4rem;width:100%;margin-bottom:1.5rem;padding:.8rem 1.2rem;display:flex}.equip-detail-stats div{color:#a9e2f3;font-family:monospace;font-size:1.05rem}.equip-detail-actions{justify-content:center;gap:1rem;width:100%;display:flex}.equip-detail-actions button{color:#fff;cursor:pointer;background:#3a221d;border:2px solid #a85f54;border-radius:20px;flex:1;padding:.5rem 1rem;font-weight:700;transition:all .2s}.equip-detail-actions button:hover{background:#5d352e;transform:translateY(-2px)}.equip-detail-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:10px;right:10px}.equip-detail-close:hover{color:#fff}.equip-slot.rarity-common{background:radial-gradient(circle,#3a3a3a 0%,#151515 100%);border-color:#888;box-shadow:0 0 10px #8886}.equip-slot.rarity-uncommon{background:radial-gradient(circle,#2e6b2e 0%,#0e1f0e 100%);border-color:#3a9f3a;box-shadow:0 0 10px #3a9f3a66}.equip-slot.rarity-rare{background:radial-gradient(circle,#2b45a0 0%,#0c153a 100%);border-color:#4169e1;box-shadow:0 0 10px #4169e166}.equip-slot.rarity-epic{background:radial-gradient(circle,#6b15a0 0%,#220735 100%);border-color:#a020f0;box-shadow:0 0 10px #a020f066}.equip-slot.rarity-legendary{background:radial-gradient(circle,#a63000 0%,#380f00 100%);border-color:#ff4500;box-shadow:0 0 10px #ff450066}.heroes-page{scrollbar-width:none;height:100%;padding:0 1rem;overflow-y:auto}.heroes-page::-webkit-scrollbar{display:none}.heroes-list-container{scrollbar-width:none;flex:1;overflow-y:auto}.heroes-list-container::-webkit-scrollbar{display:none}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;padding-bottom:2rem;display:grid}.hero-inventory-card{aspect-ratio:3/4;box-sizing:border-box;background:#1a0b2d;border:3px solid #b71c1c;border-radius:6px;width:100%;transition:transform .2s;position:relative;box-shadow:0 4px 6px #00000080}.hero-inventory-card:hover{filter:brightness(1.2);transform:translateY(-5px)}.card-full-bg{object-fit:cover;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:3px;width:100%;height:100%}.badge-level{color:#fff;z-index:2;background:#111;border:2px solid #00e5ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 4px #000c}.hs-avatar-container{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hs-avatar-container img{object-fit:contain;filter:drop-shadow(0 0 20px #000c);width:90%;height:90%;-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 95%);mask-image:radial-gradient(circle,#000 60%,#0000 95%)}.badge-rarity-diamond{z-index:2;border:2px solid #fff;width:16px;height:16px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 2px 4px #000c}.rarity-bg-common{background:#888}.rarity-bg-uncommon{background:#2a9d8f}.rarity-bg-rare{background:#0077b6}.rarity-bg-epic{background:#a020f0}.rarity-bg-legendary{background:#ffb703}.rarity-bg-mystic{background:#fff}.badge-faction{z-index:2;background:#111;border:2px solid #ffb703;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #000c}.badge-chain{z-index:2;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.6rem;display:flex;position:absolute;bottom:15px;left:4px}.badge-class{z-index:2;background:#111;border:1px solid #ffb703;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex;position:absolute;bottom:15px;right:4px;box-shadow:0 2px 4px #000c}.badge-stars{z-index:2;text-shadow:1px 1px 2px #000;justify-content:center;gap:2px;width:100%;display:flex;position:absolute;bottom:-6px;left:0}.badge-stars .star{color:#ffb703;font-size:.8rem}.rarity-frame-common{background:#2a2a2a;border-color:#888}.rarity-frame-uncommon{background:#143632;border-color:#2a9d8f}.rarity-frame-rare{background:#002238;border-color:#0077b6}.rarity-frame-epic{background:#380a56;border-color:#a020f0}.rarity-frame-legendary{background:#332400;border-color:#ffb703;box-shadow:0 0 10px #ffb703cc}.rarity-frame-mystic{background:#111;border-color:#fff;box-shadow:0 0 15px #ffffffe6,inset 0 0 10px #ffffff4d}.summon-result .modal-content{border:1px solid var(--gold-dark);background:radial-gradient(circle,#1f1a24 0%,#0a0a0c 100%);width:400px;max-width:90vw;box-shadow:0 0 30px #ffb70333}.modal-overlay.summon-result{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#000000f2;width:100%;height:100%;transition:background-color .3s;position:absolute;top:0;left:0}.modal-overlay.summon-result.flash-legendary{animation:.8s ease-out legendaryFlash}@keyframes legendaryFlash{0%{background-color:#ffd700cc}50%{background-color:#ffb70366}to{background-color:#000000f2}}.summon-cards-grid{grid-template-columns:repeat(5,1fr);gap:1.5rem;max-width:90vw;padding:1rem;display:grid}.summon-card{background:#111;border:2px solid #0000;border-radius:8px;flex-direction:column;align-items:center;height:160px;padding:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards cardDrop;display:flex;position:relative}.summon-grid-fullart{object-fit:cover;filter:drop-shadow(0 4px 6px #000c);border-radius:6px;width:100%;height:100%}.summon-card-name{text-align:center;text-shadow:0 1px 3px #000c;width:120%;font-size:.7rem;font-weight:700;position:absolute;bottom:-20px}@keyframes popIn{to{opacity:1;transform:scale(1)}}.rarity-legendary{background:linear-gradient(135deg,#422d05 0%,#111 100%);box-shadow:0 0 15px #ffb703}.rarity-mystic{background:linear-gradient(135deg,#222 0%,#111 100%);box-shadow:0 0 25px #fff;border:2px solid #fff!important}.rarity-epic{box-shadow:0 0 10px #9d4edd}.legendary-spotlight{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2000;cursor:pointer;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.spotlight-content{text-align:center;animation:.6s cubic-bezier(.175,.885,.32,1.275) popInSpotlight}@keyframes popInSpotlight{0%{opacity:0;transform:scale(.5)translateY(100px)}60%{transform:scale(1.1)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.altar-view{color:#fff;flex-direction:column;display:flex;position:relative}.altar-bg{z-index:0;background:radial-gradient(circle,#2b0b13 0%,#0a0a0c 100%);position:absolute;inset:0}.altar-header,.altar-content{z-index:1;position:relative}.altar-header{border-bottom:2px solid #e63946;justify-content:space-between;align-items:center;padding:1rem;display:flex}.btn-vip-settings{color:#000;cursor:pointer;background:linear-gradient(90deg,#ffb703 0%,#fb8500 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;display:flex;box-shadow:0 0 10px #ffb70380}.altar-content{flex:1;gap:1rem;padding:1rem;display:flex;overflow:hidden}.altar-grid{border-radius:10px;flex-wrap:wrap;flex:2;align-content:flex-start;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.altar-hero-card{cursor:pointer;background:#00000080;border:1px solid #444;border-radius:8px;width:60px;height:60px;transition:all .2s;position:relative;overflow:hidden}.altar-hero-card.disabled{opacity:.3;pointer-events:none}.altar-hero-card img{object-fit:contain;width:100%;height:100%}.altar-hero-level{text-align:center;background:#000c;font-size:.6rem;position:absolute;bottom:0;left:0;right:0}.altar-hero-card.selected{border-color:#e63946;transform:scale(.95);box-shadow:0 0 10px #e6394680}.burn-mark{text-shadow:0 0 10px #000;z-index:2;font-size:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.altar-summary{border-radius:10px;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.altar-summary h3{color:#e63946;margin:0}.rewards-preview{background:#00000080;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;font-size:1.2rem;font-weight:700;display:flex}.btn-burn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:8px;margin-top:auto;padding:1rem;font-size:1.2rem;font-weight:700}.btn-burn:disabled{color:#888;cursor:not-allowed;background:#555}.modal-overlay{z-index:10;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{border-radius:15px;flex-direction:column;gap:1rem;width:90%;max-width:400px;padding:1.5rem;display:flex}.toggle-row{cursor:pointer;background:#0006;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem;display:flex}.toggle-row.main-toggle{border:1px solid var(--gold-main);font-weight:700}.toggle-row input[type=checkbox]{accent-color:#ffb703;width:20px;height:20px}.rarities-selection{border-left:2px solid #444;flex-direction:column;gap:.5rem;padding-left:1rem;display:flex}.btn-close-modal{color:#fff;cursor:pointer;background:#444;border:none;border-radius:8px;margin-top:1rem;padding:.8rem}.rarity-border-common{border:1px solid #888!important}.rarity-border-uncommon{box-shadow:0 0 5px #2a9d8f33;border:1px solid #2a9d8f!important}.rarity-border-rare{box-shadow:0 0 8px #0077b64d;border:1px solid #0077b6!important}.rarity-border-epic{box-shadow:0 0 10px #9d4edd66;border:2px solid #9d4edd!important}.rarity-border-legendary{background:linear-gradient(#ffb7031a 0%,#000c 100%);box-shadow:0 0 15px #ffb70380;border:2px solid #ffb703!important}.rarity-border-mystic{background:linear-gradient(#ffffff26 0%,#000000d9 100%);box-shadow:0 0 18px #ffffffb3;border:2.5px solid #fff!important}.profile-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profile-modal{border:2px solid var(--gold-main);color:#fff;background:#1f1f23;border-radius:16px;flex-direction:column;gap:1.5rem;width:100%;max-width:450px;padding:1.5rem;display:flex;box-shadow:0 0 30px #000c,0 0 10px #ffb70333}.profile-header{align-items:center;gap:1.5rem;display:flex}.avatar-selection-view{background:#0006;border-radius:8px;min-height:200px;padding:1rem}.avatars-grid{scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:1rem;max-height:250px;display:grid;overflow-y:auto}.avatars-grid::-webkit-scrollbar{display:none}.unlocked-avatar{aspect-ratio:1;cursor:pointer;background:#2b1b11;border:2px solid #555;border-radius:8px;width:100%;transition:all .2s}.unlocked-avatar.rarity-common{background:#2a2a2a;border-color:#888}.unlocked-avatar.rarity-uncommon{background:#143632;border-color:#2a9d8f}.unlocked-avatar.rarity-rare{background:#002238;border-color:#0077b6}.unlocked-avatar.rarity-epic{background:#380a56;border-color:#a020f0}.unlocked-avatar.rarity-legendary{background:#4a1317;border-color:#e63946;box-shadow:0 0 10px #e639464d}.unlocked-avatar:hover{transform:scale(1.05)}.unlocked-avatar.selected{border-color:#00e5ff;box-shadow:0 0 10px #00e5ffcc,0 0 20px #00e5ff66}.avatar-section{flex-direction:column;align-items:center;gap:.5rem;display:flex}.profile-avatar{border:2px solid var(--gold-main);background:#111;border-radius:50%;width:80px;height:80px;box-shadow:0 0 10px #ffb70366}.btn-gold-outline{border:2px solid var(--gold-main);color:var(--gold-light);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .8rem;font-size:.8rem;font-weight:700;transition:all .2s}.btn-gold-outline:hover{background:#ffb7031a;transform:scale(1.05)}.info-section{flex-direction:column;flex:1;gap:.3rem;display:flex}.name-row{align-items:center;gap:1rem;display:flex}.player-name{font-size:1.5rem;font-family:var(--font-mythic);margin:0}.name-input{border:1px solid var(--gold-main);color:#fff;font-size:1.2rem;font-family:var(--font-mythic);background:#111;border-radius:4px;width:150px;padding:.4rem}.player-id{color:#aaa;margin:0;font-size:.9rem}.settings-section{background:#2a2a2e;border-radius:12px;flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative}.section-title{color:#ffd166;text-shadow:0 0 5px #ffd16680;background:#1f1f23;padding:0 .8rem;font-size:.9rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.settings-row{justify-content:space-between;align-items:center;display:flex}.setting-label{color:#ffd166;width:60px;font-weight:700}.radio-group{flex:1;justify-content:flex-end;gap:2rem;display:flex}.radio-group.lang-group,.radio-group.graphics-group{justify-content:center;margin-top:.5rem}.custom-radio{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-weight:700;display:flex;position:relative}.custom-radio input{opacity:0;cursor:pointer;position:absolute}.radio-mark{background:#111;border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.custom-radio:hover .radio-mark{border-color:#888}.custom-radio input:checked~.radio-mark{background:#111;border-color:#7cb518}.custom-radio input:checked~.radio-mark:after{content:"✔";color:#7cb518;text-shadow:0 0 5px #7cb51880;font-size:1.2rem;font-weight:700}.modal-actions{flex-direction:column;gap:.8rem;margin-top:.5rem;display:flex}.btn-action-gold{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%);color:#000;cursor:pointer;border:2px solid #ffb703;border-radius:20px;padding:.8rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #00000080}.btn-action-gold:active{transform:scale(.98)}.btn-action-gold.danger{color:#fff;background:linear-gradient(#e63946 0%,#a0212e 100%);border-color:#ff4d4d}.forge-mobile-container{color:#fff;background:radial-gradient(circle,#2e241f 0%,#15110f 100%);flex-direction:column;font-family:Outfit,sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.lava-glow-left{z-index:1;background:linear-gradient(90deg,#e63946cc,#e6394600);width:15px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 20px #e6394699}.lava-glow-right{z-index:1;background:linear-gradient(270deg,#e63946cc,#e6394600);width:15px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 20px #e6394699}.forge-mobile-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0009;border-bottom:2px solid #b8860b;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.forge-back-btn{color:#ffca28;cursor:pointer;background:0 0;border:none;padding:5px}.forge-header-title{letter-spacing:2px;color:#ffca28;text-shadow:0 0 8px #ffca2866;font-size:1.25rem;font-weight:900}.forge-gold-balance{background:#00000080;border:1px solid #b8860b;border-radius:12px;align-items:center;gap:5px;padding:4px 10px;font-size:.9rem;font-weight:700;display:flex}.forge-preview-section{background-image:radial-gradient(circle,#0006 0%,#000c 100%);border-bottom:1px solid #222;flex:1.1;justify-content:center;align-items:center;padding:15px;display:flex;position:relative}.forge-preview-box{flex-direction:column;align-items:center;width:100%;max-width:320px;display:flex}.forge-target-display-card{background:linear-gradient(135deg,#2b2b2b 0%,#111 100%);border:3px solid #ffca28;border-radius:12px;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative;box-shadow:0 0 25px #ffca284d}.target-equip-img{object-fit:contain;width:70px;height:70px}.target-stars,.req-stars{gap:1px;display:flex;position:absolute;bottom:4px;left:4px}.target-star,.req-star,.star{color:#ffca28;text-shadow:0 0 3px #000;font-size:.7rem}.forge-quantity-controls{align-items:center;gap:15px;margin-top:15px;display:flex}.qty-btn{color:#fff;cursor:pointer;background:#000;border:2px solid #b8860b;border-radius:15px;padding:4px 15px;font-size:.8rem;font-weight:900;box-shadow:0 2px 4px #0006}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-value-box{background:#0d0d0d;border:1px solid #444;border-radius:6px;justify-content:center;align-items:center;width:70px;height:32px;font-size:1.1rem;font-weight:700;display:flex}.forge-slider{accent-color:#ffca28;width:100%;max-width:220px;margin-top:10px}.forge-requirements-row{justify-content:space-around;align-items:center;width:100%;margin-top:15px;display:flex}.req-card-container{flex-direction:column;align-items:center;display:flex}.req-item-card{background:#1a1a1a;border:2px solid #555;border-radius:8px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.req-item-card img{object-fit:contain;width:45px;height:45px}.req-qty-label{background:#0009;border-radius:10px;margin-top:5px;padding:2px 8px;font-size:.8rem;font-weight:700}.req-gold-container{align-items:center;display:flex}.req-gold-box{background:#0009;border:1px solid #b8860b;border-radius:10px;align-items:center;gap:8px;padding:6px 15px;font-size:.95rem;font-weight:700;display:flex}.forge-action-btn{color:#ffca28;cursor:pointer;text-transform:uppercase;background:linear-gradient(#3a2e26,#1f1814);border:3px solid #b8860b;border-radius:20px;width:100%;max-width:200px;margin-top:20px;padding:8px 0;font-size:1.15rem;font-weight:900;box-shadow:0 4px 10px #0009,inset 0 0 10px #ffca281a}.forge-action-btn:active{transform:scale(.97)}.forge-action-btn.disabled{opacity:.5;cursor:not-allowed;transform:none}.forge-preview-placeholder{color:#777;text-align:center;flex-direction:column;align-items:center;font-size:.9rem;display:flex}.placeholder-hammer{color:#444;margin-bottom:10px;animation:2s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.forge-filters-row{background:#0006;border-bottom:1px solid #222;justify-content:center;gap:10px;padding:10px 0;display:flex}.filter-circle-btn{color:#00b4d8;cursor:pointer;background:#000;border:2px solid #b8860b;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;display:flex}.filter-circle-btn.active{color:#fff;border-color:#00b4d8;box-shadow:0 0 10px #00b4d866}.forge-bag-section{background:#00000080;flex:1;padding:15px;overflow-y:auto}.forge-bag-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.empty-bag-text{text-align:center;color:#666;grid-column:1/-1;margin-top:20px;font-size:.9rem}.bag-item-card{aspect-ratio:1;cursor:pointer;background:linear-gradient(135deg,#1f1f1f 0%,#0d0d0d 100%);border:2px solid #333;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.bag-item-card.selected{border-color:#ffca28;box-shadow:0 0 10px #ffca284d}.bag-item-img{object-fit:contain;width:80%;height:80%}.bag-item-stars{display:flex;position:absolute;bottom:2px;left:2px}.bag-item-level{color:#aaa;font-size:.65rem;font-weight:700;position:absolute;top:2px;left:4px}.bag-item-qty{color:#00b4d8;background:#000000b3;border-radius:4px;padding:1px 4px;font-size:.7rem;font-weight:700;position:absolute;top:2px;right:4px}.rarity-common{border-color:#555!important}.rarity-uncommon{border-color:#4caf50!important}.rarity-rare{border-color:#0077b6!important}.rarity-epic{border-color:#7209b7!important}.rarity-legendary{border-color:#fca311!important}.forge-bottom-tabs{background:#0a0a0a;border-top:2px solid #b8860b;justify-content:space-around;align-items:center;height:60px;display:flex}.bottom-tab-btn{cursor:pointer;color:#777;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;font-size:.8rem;font-weight:700;transition:color .2s;display:flex}.bottom-tab-btn.active{color:#ffca28;background:#b8860b26}.bottom-tab-btn:not(.active):hover{color:#ccc}.forge-mobile-msg{text-align:center;border-radius:6px;margin:5px 15px;padding:8px 15px;font-size:.85rem;font-weight:700}.forge-mobile-msg.success{color:#4caf50;background:#4caf5033;border:1px solid #4caf50}.forge-mobile-msg.error{color:#f44336;background:#f4433633;border:1px solid #f44336}.text-ok{color:#4caf50}.text-fail{color:#f44336}.city-hub-page,.summon-view{color:#fff;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.city-hub-bg,.summon-bg{z-index:0;opacity:.9;background-position:50%;background-size:cover;position:absolute;inset:0}.city-header,.townhall-header,.banners-container{z-index:1;position:relative}.city-header{justify-content:flex-end;padding:1rem;display:flex}.glass-panel{-webkit-backdrop-filter:blur(8px);color:#fff;background:#0f0f1499;border:1px solid #ffffff1a;box-shadow:0 4px 30px #00000080}.currency-bar.glass-panel{border-radius:20px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.cheat-btn{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.city-buildings{z-index:1;pointer-events:none;position:absolute;inset:0}.building-icon{pointer-events:auto;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;transition:transform .2s;animation:4s ease-in-out infinite float;display:flex;position:absolute;transform:scale(1)}.building-icon:hover{transform:scale(1.1)}.building-icon-bg{border:2px solid var(--gold-main);width:60px;height:60px;color:var(--gold-light);background:radial-gradient(circle,#ffb7034d 0%,#000c 100%);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex;box-shadow:0 0 15px #ffb7034d}.building-label{white-space:nowrap;color:#fff;background:#000000b3;border:1px solid #444;border-radius:10px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.user-profile{animation-delay:0s;top:45%;left:calc(50% - 30px)}.summon-circle{animation-delay:.5s;top:15%;left:calc(50% - 30px)}.season-pass{animation-delay:-.5s;top:25%;right:25%}.ranking{animation-delay:-1.5s;top:25%;left:25%}.altar{top:50%;right:10%}.forge{animation-delay:-3s;top:50%;left:10%}.bind-center{animation-delay:-2.5s;top:70%;left:25%}.market{animation-delay:-3.5s;top:70%;right:25%}.mail{animation-delay:3s;top:75%;left:20%}.exchange{animation-delay:3.5s;top:75%;right:20%}.game-pool{animation-delay:4s;top:85%;left:calc(50% - 30px)}.profile-pic{background:#00000080;padding:0;overflow:hidden}.profile-pic img{object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.btn-back-city{border:1px solid var(--gold-main);color:var(--gold-light);cursor:pointer;background:#0009;border-radius:10px;align-items:center;padding:.5rem 1rem;font-weight:700;display:flex}.townhall-page{background:linear-gradient(#1f1a24 0%,#0a0a0c 100%);flex-direction:column;height:100%;display:flex}.townhall-header{border-bottom:2px solid var(--gold-dark);background:#0009;justify-content:space-between;align-items:center;padding:1rem;display:flex}.currency-bar{background:#00000080;border:1px solid #444;border-radius:10px;gap:1rem;padding:.3rem .6rem;font-size:.9rem;font-weight:700;display:flex}.banners-container{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:1.5rem;padding:1rem 1rem 6rem;display:flex;overflow-y:auto}.banners-container::-webkit-scrollbar{display:none}.banner-card{border-radius:var(--radius-md);background:#111;border:1px solid #333;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden;box-shadow:0 4px 15px #00000080}.banner-info{padding:1rem}.banner-info h3{color:var(--gold-main);font-family:var(--font-mythic);margin:0 0 .5rem}.banner-info p{color:#aaa;margin:0 0 1rem;font-size:.8rem}.pull-buttons{gap:.5rem;display:flex}.pull-buttons button{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-dark) 100%);border-radius:var(--radius-sm);color:#000;cursor:pointer;border:none;flex:1;padding:.8rem;font-weight:700}.pull-buttons button:active{transform:scale(.95)}.seasonal-banner{border:2px solid #e63946;box-shadow:0 0 20px #e6394666}.banner-art{background:radial-gradient(circle,#5c161d 0%,#111 100%);flex-shrink:0;justify-content:center;align-items:center;height:220px;min-height:220px;display:flex;position:relative}.featured-name{font-family:var(--font-mythic);color:#fff;text-shadow:0 4px 10px #000,0 0 10px #e63946;z-index:2;font-size:2.5rem;font-weight:700;position:absolute;top:auto;bottom:10px;left:15px}.featured-img{object-fit:contain;z-index:1;height:90%}.pity-bar-bg{background:#222;border:1px solid #555;border-radius:10px;width:100%;height:20px;margin-bottom:1rem;position:relative;overflow:hidden}.pity-bar-fill{background:linear-gradient(90deg,#e63946 0%,#ffb703 100%);height:100%;transition:width .3s}.pity-text{text-shadow:0 0 2px #000;font-size:.7rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-banner{border:1px solid var(--gold-main)}.stake-page-container{scrollbar-width:none;background:url(/images/bgs/bg_city_egyptian.png) 50%/cover;flex-direction:column;gap:.5rem;height:100%;padding:10px 0 0;display:flex;position:relative;overflow-y:auto}.stake-page-container::-webkit-scrollbar{display:none}.stake-page-container:before{content:"";z-index:0;background:#0009;position:absolute;inset:0}.stake-header{z-index:1;text-align:center;color:#fff;text-shadow:2px 2px #000,0 4px 10px #000c;justify-content:center;align-items:center;margin-top:5px;font-family:Cinzel,serif;font-size:1.8rem;display:flex;position:relative}.stake-back-btn{color:#fff;cursor:pointer;background:#00000080;border:2px solid #00b4d8;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;left:10px;box-shadow:0 2px 5px #00000080}.stake-help-btn{color:#ffca28;cursor:pointer;background:#00000080;border:2px solid #ffca28;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;right:10px;box-shadow:0 2px 5px #00000080}.island-list{z-index:1;flex-direction:column;gap:8px;padding:0 10px 20px;display:flex;position:relative}.island-card{background:linear-gradient(90deg,#000c,#0006);border:2px solid #00b4d8;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000080}.island-icon{background:radial-gradient(circle,#555,#111);border:3px solid #b8860b;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex;box-shadow:0 0 10px #ffd70080}.island-info{flex-direction:column;flex:1;display:flex}.island-name{color:#fff;text-shadow:1px 1px #000;font-size:1.1rem;font-weight:700}.island-status{color:#00b4d8;font-size:.9rem;font-weight:700}.island-status.active{color:#4caf50}.island-btn{color:#fff;cursor:pointer;background:linear-gradient(#004e92,#000428);border:2px solid #00b4d8;border-radius:20px;padding:8px 25px;font-weight:700;box-shadow:0 4px 6px #00000080}.stake-modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stake-modal{background:#1a1a1a;border:3px solid #b8860b;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:400px;padding:20px;display:flex;position:relative;box-shadow:0 10px 30px #000c}.stake-modal-title{color:#fff;background:#111;border:2px solid #00b4d8;padding:5px 30px;font-size:1.2rem;font-weight:700;position:absolute;top:-15px}.stake-modal-close{color:#fff;cursor:pointer;background:#b71c1c;border:2px solid #ffca28;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;position:absolute;bottom:-40px;box-shadow:0 4px 10px #000c}.upgrade-preview{align-items:center;gap:20px;margin-top:30px;margin-bottom:20px;display:flex}.preview-circle{color:#fff;flex-direction:column;align-items:center;gap:5px;font-weight:700;display:flex}.preview-circle-icon{background:radial-gradient(circle,#555,#111);border:3px solid #b8860b;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.preview-arrow{color:#ffca28;font-size:2rem;font-weight:700}.stats-comparison{background:#000;border-radius:8px;flex-direction:column;gap:15px;width:100%;margin-top:10px;padding:15px;display:flex}.stat-row{color:#fff;justify-content:space-between;align-items:center;font-weight:700;display:flex}.stat-row-arrow{color:#ffca28}.cost-section{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.cost-amount{color:#fff;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.big-stake-btn{color:#000;text-transform:uppercase;cursor:pointer;background:linear-gradient(#fbc02d,#f57f17);border:3px solid #fff59d;border-radius:25px;margin-top:10px;padding:12px 50px;font-size:1.2rem;font-weight:900;box-shadow:0 5px 15px #00000080}.big-stake-btn:disabled{color:#888;cursor:not-allowed;background:#555;border-color:#333}.level-bar{gap:2px;width:100%;margin-top:10px;display:flex}.level-box{background:#333;border:1px solid #111;flex:1;height:10px}.level-box.filled{background:#00b4d8;box-shadow:0 0 5px #00b4d8}.guild-page-container{background-color:#1a1a24;flex-direction:column;gap:1rem;height:100%;padding:.5rem;display:flex;overflow-y:auto}.feature-card{background-position:50%;background-size:cover;border:4px solid #b8860b;border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;min-height:250px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000080,inset 0 0 50px #00000080}.feature-card:before,.feature-card:after{content:"";z-index:10;background-color:#00b4d8;border:2px solid #b8860b;width:16px;height:16px;position:absolute;transform:rotate(45deg)}.feature-card:before{top:-10px;left:-10px}.feature-card:after{bottom:-10px;right:-10px}.countdown-bar{color:#ffca28;text-align:center;z-index:2;background:#000000b3;border-bottom:2px solid #b8860b;width:100%;padding:4px 0;font-size:.9rem;font-weight:700}.card-title-container{text-align:center;z-index:2;justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.card-title-text{color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:3px 3px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,0 5px 10px #000c;font-family:Cinzel,serif;font-size:2.5rem;font-weight:900}.info-btn{color:#fff;cursor:pointer;background:radial-gradient(circle,#00b4d8,#0077b6);border:2px solid #b8860b;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex;box-shadow:0 2px 5px #00000080}.data-row{z-index:2;justify-content:space-evenly;align-items:flex-end;width:100%;padding-bottom:1rem;display:flex}.data-column{flex-direction:column;align-items:center;gap:4px;display:flex}.data-label{color:#fff;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;font-size:1.1rem;font-weight:700}.data-box{background:#111;border:3px solid #ffca28;border-radius:20px;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:5px 15px;display:flex;box-shadow:0 4px 6px #000c}.data-value{color:#fff;font-size:1.1rem;font-weight:700}.data-icon{width:20px;height:20px}.rules-overlay-backdrop{z-index:999;background-color:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.rules-modal-box{background-color:#151515;border:3px solid #ffca28;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:450px;padding:1.5rem;display:flex;box-shadow:0 0 25px #ffca284d,inset 0 0 15px #000c}.rules-modal-title{color:#ffca28;text-align:center;text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Cinzel,serif;font-size:1.6rem;font-weight:700}.rules-modal-divider{background:linear-gradient(90deg,#0000,#555,#0000);width:80%;height:2px;margin:1rem 0}.rules-modal-list{color:#ddd;margin:0 0 1.5rem;padding:0 1rem;font-size:1.1rem;line-height:1.6;list-style-type:none}.rules-modal-list li{margin-bottom:1.2rem;padding-left:1.2rem;position:relative}.rules-modal-list li:before{content:"•";color:#ffca28;font-size:1.5rem;position:absolute;top:-2px;left:0}.rules-modal-btn{color:#000;cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffb703,#fb8500);border:2px solid #fff;border-radius:25px;padding:10px 40px;font-size:1.2rem;font-weight:900;transition:transform .1s;box-shadow:0 4px 10px #00000080,0 0 8px #fff6}.rules-modal-btn:active{transform:scale(.95)}.guild-page-container.not-in-guild{grid-template-columns:1fr;gap:1.5rem;max-width:900px;margin:0 auto;padding:1.5rem;display:grid}@media (width>=768px){.guild-page-container.not-in-guild{grid-template-columns:1fr 1.2fr}}.guild-creation-card,.guilds-list-card{background:#161621d9;border:2px solid #b8860b;border-radius:12px;flex-direction:column;gap:1.2rem;padding:1.5rem;display:flex;position:relative;box-shadow:0 10px 25px #00000080,inset 0 0 20px #0009}.guild-creation-card:before,.guilds-list-card:before{content:"";background-color:#00b4d8;border:1px solid #b8860b;width:10px;height:10px;position:absolute;top:-6px;left:-6px;transform:rotate(45deg)}.creation-header,.list-header{border-bottom:2px solid #b8860b4d;align-items:center;gap:.8rem;padding-bottom:.8rem;display:flex}.creation-header h3,.list-header h3{color:#ffca28;text-shadow:0 2px 4px #000c;letter-spacing:1px;margin:0;font-family:Cinzel,serif;font-size:1.4rem}.creation-form input:focus{box-shadow:0 0 8px #ffca2880}.price-tag-row{background:#0006;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.price-tag-row span{color:#aaa;font-size:.9rem}.price-tag{color:#00b4d8;align-items:center;gap:.4rem;display:flex}.create-guild-submit-btn{color:#000;cursor:pointer;background:linear-gradient(#ffb703,#fb8500);border:1px solid #fff;border-radius:6px;padding:.8rem;font-size:1.1rem;font-weight:700;transition:transform .1s,filter .2s;box-shadow:0 4px 10px #0006}.create-guild-submit-btn:hover:not(:disabled){filter:brightness(1.1)}.create-guild-submit-btn:disabled{color:#666;cursor:not-allowed;box-shadow:none;background:#333;border-color:#444}.empty-guilds-msg{color:#888;text-align:center;padding:2rem 0;font-style:italic}.guilds-grid{flex-direction:column;gap:.8rem;max-height:350px;padding-right:4px;display:flex;overflow-y:auto}.guild-list-row{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem;transition:background .2s;display:flex}.guild-list-row:hover{background:#ffffff08}.guild-row-info h4{color:#fff;margin:0 0 .2rem;font-size:1rem}.join-guild-btn{color:#fff;cursor:pointer;background:linear-gradient(#00b4d8,#0077b6);border:none;border-radius:4px;padding:.5rem 1rem;font-weight:700;transition:filter .2s}.join-guild-btn:hover{filter:brightness(1.15)}.guild-loading-container{color:#a78bfa;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.guild-page-container{color:#f1f5f9;flex-direction:column;gap:20px;height:100%;padding:24px;font-family:Outfit,sans-serif;display:flex;overflow-y:auto}.guild-page-container.not-in-guild{grid-template-columns:1fr 1.3fr;align-items:start;gap:24px;display:grid}.guild-creation-card,.guilds-list-card{background:radial-gradient(circle at top,#1e1b4b 0%,#0f0a1c 80%,#07030f 100%);border:1px solid #8b5cf640;border-radius:16px;padding:24px;box-shadow:0 10px 30px #0009}.creation-header,.list-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.creation-header h3,.list-header h3{letter-spacing:.03em;font-size:1.15rem;font-weight:800}.creation-form{flex-direction:column;gap:16px;display:flex}.creation-form input{color:#fff;background:#0006;border:1px solid #8b5cf633;border-radius:8px;outline:none;padding:12px;font-size:.9rem;transition:border-color .2s}.creation-form input:focus{border-color:#8b5cf6}.price-tag-row{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.price-tag{align-items:center;gap:4px;display:flex}.price-tag strong{color:#f1f5f9;font-size:1.15rem;font-weight:800}.create-guild-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);border:none;border-radius:8px;padding:12px;font-weight:800;transition:transform .2s}.create-guild-submit-btn:disabled{color:#64748b;cursor:not-allowed;background:#ffffff0d}.guilds-grid{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.guild-list-row{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.guild-row-left{align-items:center;gap:12px;display:flex}.guild-row-info h4{font-size:.95rem;font-weight:700}.guild-row-info span{color:#94a3b8;font-size:.75rem}.join-guild-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:700}.guild-dashboard-header{background:radial-gradient(circle at 0,#1e1b4b 0%,#0f0a1c 100%);border:1px solid #8b5cf633;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gd-header-left{align-items:center;gap:16px;display:flex}.gd-header-left h2{font-size:1.35rem;font-weight:900}.guild-stake-totals{color:#94a3b8;font-size:.8rem}.gd-header-right{align-items:center;gap:12px;display:flex}.stake-nav-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700}.leave-guild-btn{cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.guild-dashboard-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.guild-boss-section,.guild-rewards-section,.guild-members-section{flex-direction:column;gap:12px;display:flex}.guild-members-section{grid-column:span 2}.section-title{align-items:center;gap:8px;display:flex}.section-title h3{letter-spacing:.02em;font-size:1.05rem;font-weight:800}.guild-boss-fight-card{background:radial-gradient(circle at top,#3b0712 0%,#0f0206 100%);border:1px solid #ef444433;border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;padding:20px;display:flex;box-shadow:0 10px 30px #000000b3}.boss-fight-arena{cursor:crosshair;background:linear-gradient(#180509 0%,#000 100%);border:1px solid #ffffff08;border-radius:12px;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.boss-monster-container{flex-direction:column;align-items:center;display:flex}.boss-monster-art{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 20px #ef444466);font-size:6rem;transition:transform .1s}.boss-monster-art.shake-art{animation:.15s hitShake}.boss-monster-art.locked-art{filter:grayscale()opacity(.2)}.locked-cover{color:#ef4444;background:#0009;flex-direction:column;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex;position:absolute;inset:0}.boss-slash-effect{opacity:0;pointer-events:none;z-index:5;background:linear-gradient(45deg,#0000 45%,#fff 50%,#0000 55%);width:100%;height:100%;position:absolute;top:0;left:0}.boss-slash-effect.active{animation:.2s ease-out slashEffect}.floating-damage-number{color:#ef4444;text-shadow:0 4px 10px #000000e6,0 0 10px #ef444499;z-index:6;pointer-events:none;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:950;position:absolute}.animate-float-damage{animation:.8s cubic-bezier(.18,.89,.32,1.28) forwards floatDamage}.boss-hp-bar-panel{flex-direction:column;gap:4px;display:flex}.boss-hp-labels{color:#94a3b8;justify-content:space-between;font-size:.75rem;display:flex}.boss-hp-bar-outer{background:#00000080;border:1px solid #ffffff0d;border-radius:6px;height:12px;overflow:hidden}.boss-hp-bar-inner{background:linear-gradient(90deg,#ef4444 0%,#b91c1c 100%);border-radius:6px;height:100%;transition:width .2s;position:relative}.boss-hp-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s linear infinite bossShine;position:absolute;inset:0}.attack-boss-trigger-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#991b1b 100%);border:none;border-radius:8px;padding:10px;font-weight:800;transition:transform .1s;box-shadow:0 4px 15px #ef44444d}.attack-boss-trigger-btn:hover:not(:disabled){transform:translateY(-1px)}.attack-boss-trigger-btn:disabled{box-shadow:none;color:#475569;cursor:not-allowed;background:#ffffff0d}.boss-locked-disclaimer{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;align-items:center;padding:8px 12px;font-size:.75rem;line-height:1.4;display:flex}.guild-chests-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;display:grid}.guild-chest-card{text-align:center;background:radial-gradient(circle at top,#1e1b4b 0%,#0c0817 100%);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.guild-chest-card.claimed{opacity:.45}.guild-chest-card.locked{opacity:.35}.guild-chest-card .chest-badge{color:#94a3b8;background:#ffffff0a;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:800}.chest-artwork{filter:drop-shadow(0 4px 10px #00000080);font-size:2.5rem}.chest-rewards-preview{color:#94a3b8;flex-direction:column;gap:2px;font-size:.7rem;display:flex}.claim-chest-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border:none;border-radius:4px;padding:4px 12px;font-size:.75rem;font-weight:800}.claimed-text{color:#22c55e;font-size:.7rem;font-weight:800}.locked-text{color:#64748b;font-size:.7rem;font-weight:800}.guild-members-table{background:#0003;border:1px solid #ffffff08;border-radius:12px;overflow:hidden}.table-header-row{color:#64748b;letter-spacing:.05em;text-transform:uppercase;background:#ffffff05;grid-template-columns:1.5fr 1fr 1fr;padding:12px 16px;font-size:.75rem;font-weight:800;display:grid}.member-table-row{border-bottom:1px solid #ffffff05;grid-template-columns:1.5fr 1fr 1fr;align-items:center;padding:12px 16px;font-size:.85rem;display:grid}.member-name-col{align-items:center;font-weight:700;display:flex}.role-tag{border-radius:4px;width:fit-content;padding:2px 8px;font-size:.65rem;font-weight:800}.role-tag.leader{color:#facc15;background:#eab3081a}.role-tag.member{color:#94a3b8;background:#ffffff0d}@keyframes hitShake{0%{transform:translate(0)scale(1)}20%{transform:translate(-8px,-5px)scale(.95)}40%{transform:translate(6px,8px)scale(1.02)}60%{transform:translate(-5px,2px)scale(.98)}80%{transform:translate(3px,-2px)scale(1.01)}to{transform:translate(0)scale(1)}}@keyframes slashEffect{0%{opacity:0;transform:translate(-100%)scaleY(.1)}30%{opacity:.9}to{opacity:0;transform:translate(100%)scaleY(.4)}}@keyframes floatDamage{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1;transform:translateY(-40px)scale(1.2)}50%{opacity:1;transform:translateY(-70px)scale(1)}to{opacity:0;transform:translateY(-110px)scale(.9)}}@keyframes bossShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root{--bg-primary:#0a0a0c;--bg-secondary:#16161a;--bg-panel:#1a1a1ed9;--text-primary:#f8f8f2;--text-secondary:#a0a0b0;--gold-light:gold;--gold-main:#d4af37;--gold-dark:#996515;--accent-red:#e63946;--accent-green:#2a9d8f;--accent-blue:#457b9d;--accent-purple:#9d4edd;--element-fire:#ff4d4d;--element-water:#4da6ff;--element-wind:#4dff88;--element-light:#ffff80;--element-dark:purple;--font-myth:"Cinzel", serif;--font-ui:"Inter", sans-serif;--border-gold:2px solid var(--gold-main);--shadow-gold:0 0 10px #d4af3780;--shadow-panel:0 4px 6px #0000004d;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text-primary);background-color:#1a1a24;background-image:radial-gradient(circle,#2a1b3d 0%,#0a0a0c 100%);justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}.app-main-container::-webkit-scrollbar{display:none}#root{background-color:var(--bg-primary);border-left:2px solid var(--gold-dark);border-right:2px solid var(--gold-dark);flex-direction:column;width:100%;max-width:480px;height:100%;max-height:900px;display:flex;position:relative;box-shadow:0 0 50px #000000e6}@media (height<=900px){#root{max-height:100vh}}@media (width<=480px){#root{border-left:none;border-right:none}}.mythic-text{font-family:var(--font-myth);color:var(--gold-main);text-shadow:0 0 5px #d4af374d}.mythic-title{font-family:var(--font-myth);text-align:center;color:var(--gold-light);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.panel{background:var(--bg-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;padding:1rem}.btn-primary{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-main) 100%);color:#000;font-family:var(--font-myth);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 0 var(--gold-dark);text-transform:uppercase;letter-spacing:1px;border:none;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:900;transition:all .1s}.btn-primary:active{box-shadow:0 0 0 var(--gold-dark);transform:translateY(4px)}.btn-primary:disabled{color:#999;cursor:not-allowed;background:#555;box-shadow:0 4px #333}.text-fire{color:var(--element-fire)}.text-water{color:var(--element-water)}.text-wind{color:var(--element-wind)}.text-light{color:var(--element-light)}.text-dark{color:var(--element-dark)}