@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@400;600;700&family=JetBrains+Mono:wght@700&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}.boost-shop-overlay{z-index:9999;opacity:0;pointer-events:auto;background:#000000b3;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.boost-shop-overlay.active{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.player-avatar,.avatar-image,[data-avatar]{object-fit:cover;background-color:#2d3748;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%234a5568"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:60%;border:2px solid #ffffff1a;border-radius:50%;transition:all .3s}.avatar-loading{filter:grayscale(80%);opacity:.8;position:relative;overflow:hidden}.avatar-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;animation:1.5s infinite loading;position:absolute;top:0;left:-100%}@keyframes loading{0%{left:-100%}to{left:100%}}.avatar-container{border-radius:16px;padding:20px;transition:transform .2s;display:inline-block;position:relative}.avatar-selection{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px;max-height:300px;padding:15px;display:grid;overflow-y:auto}.avatar-option{cursor:pointer;border:2px solid #0000;border-radius:50%;padding:2px;transition:all .2s}.avatar-option:hover{border-color:#3b82f6;transform:scale(1.1)}.avatar-option.selected{border-color:#fbbf24;box-shadow:0 0 10px #fbbf2480}.avatar-option img{border-radius:50%;width:100%;height:auto}*{box-sizing:border-box;margin:0;padding:0}body{color:#f8fafc;background:linear-gradient(135deg,#0f172a,#1e293b);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.screen{z-index:100;background:linear-gradient(135deg,#0f172a,#1e293b);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:none;position:fixed;top:0;left:0}.screen.active{display:flex}.elite-title{text-transform:uppercase;letter-spacing:3px;-webkit-text-fill-color:transparent;text-align:center;background:linear-gradient(135deg,#3b82f6,#00f2fe,#fbbf24);-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:900}.subtitle{color:#cbd5e1;text-align:center;max-width:400px;margin-bottom:30px;font-size:1rem;line-height:1.6}.btn-elite{color:#000;letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#3b82f6,#00f2fe);border:none;border-radius:12px;padding:16px 32px;font-size:1rem;font-weight:800;transition:all .3s;box-shadow:0 10px 30px #3b82f64d}.btn-elite:hover{color:#fff;background:#3b82f6}.btn-elite:active{transform:scale(.98)}.btn-elite:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#3b82f6;cursor:pointer;background:#3b82f633;border:2px solid #3b82f6;border-radius:8px;padding:12px 24px;font-weight:700;transition:all .3s}.btn-secondary:hover{background:#3b82f64d}.btn-secondary:active{transform:scale(.98)}.avatar-display{background:linear-gradient(135deg,#3b82f61a,#00f2fe1a);border:3px solid #3b82f64d;border-radius:20px;justify-content:center;align-items:center;width:360px;height:390px;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.avatar-display img{object-fit:cover;width:100%;height:100%}.avatar-controls{justify-content:center;gap:60px;margin-bottom:20px;display:flex}.btn-nav{color:#3b82f6;cursor:pointer;background:#3b82f633;border:2px solid #3b82f6;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;transition:all .3s;display:flex}.btn-nav:active{color:#000;background:#3b82f6;transform:scale(.95)}.input-elite{color:#f8fafc;text-align:center;background:#0f172acc;border:2px solid #3b82f64d;border-radius:12px;outline:none;width:100%;max-width:350px;margin-bottom:20px;padding:14px 20px;font-size:1rem;transition:all .3s}.input-elite:focus{border-color:#00f2fe;box-shadow:0 0 30px #00f2fe4d}.spinner{border:4px solid #3b82f64d;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}#game-container{min-height:100vh;padding:0 20px 20px;display:none}#game-container.active{padding-top:0;display:block}.nav-tabs{background:#0f172acc;border-radius:12px;gap:10px;width:auto;max-width:100%;margin-bottom:10px;padding:10px;display:inline-flex;overflow-x:auto}.nav-tab{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#47556980;border-radius:8px;padding:12px 24px;font-weight:700;transition:all .3s}.nav-tab.active{color:#000;background:linear-gradient(135deg,#3b82f6,#00f2fe)}.nav-tab:hover:not(.active){background:#3b82f64d}.nav-tab.locked{opacity:.4;cursor:not-allowed}#game-container .game-section{visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-1!important;display:none!important;position:absolute!important;top:0!important;left:-9999px!important}#game-container .game-section.active{visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:1!important;margin-top:0!important;padding-top:0!important;display:block!important;position:relative!important;top:0!important;left:0!important}#section-settings-config.active,#section-settings-account.active{margin-top:0!important;padding-top:0!important}#section-settings-config .settings-container,#section-settings-account .settings-container{margin-top:0;padding-top:0}.card{border-radius:16px;margin-bottom:20px;padding:20px;border:2none!important;box-shadow:none!important;background:0 0!important}#section-settings-config .card:first-child,#section-settings-account .card:first-child{margin-top:0!important}.card:hover{border-color:#00f2fe}.progress-bar{background:#47556980;border-radius:12px;width:100%;height:24px;position:relative;overflow:hidden}.progress-fill{color:#fff;background:linear-gradient(90deg,#ef4444,#f59e0b);justify-content:center;align-items:center;height:100%;font-size:.75rem;font-weight:700;transition:width .3s;display:flex}.progress-fill.exp{background:linear-gradient(90deg,#3b82f6,#00f2fe)}.modal{z-index:1000;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid #3b82f6;border-radius:20px;width:100%;max-width:500px;max-height:80vh;padding:30px;overflow-y:auto;box-shadow:0 20px 60px #3b82f680}#game-notifications-layer{z-index:20000;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.text-muted-game{color:#94a3b8}.rarity{text-shadow:0 1px 3px #000c;border-radius:4px;margin-bottom:5px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.achievement-badge{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;margin:5px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 5px 15px #fbbf244d}.achievement-badge:hover{transform:translateY(-3px);box-shadow:0 8px 25px #fbbf2480}.achievement-badge.locked{color:#64748b;background:#64748b4d}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}.city-map{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:20px;display:grid}.building{text-align:center;cursor:pointer;background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid #3b82f64d;border-radius:16px;padding:20px;transition:all .3s;position:relative}.building:hover{border-color:#00f2fe;transform:translateY(-5px);box-shadow:0 10px 30px #00f2fe4d}.building-icon{margin-bottom:10px;font-size:3rem}.building-level{color:#000;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.building-timer{color:#fbbf24;margin-top:8px;font-size:.75rem}.progress-map{background:#0f172acc;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex;overflow-x:auto}.progress-node{cursor:pointer;background:#47556980;border:3px solid #3b82f64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .3s;display:flex;position:relative}.progress-node.completed{background:linear-gradient(135deg,#34d399,#10b981);border-color:#34d399;box-shadow:0 0 20px #34d39980}.progress-node.current{background:linear-gradient(135deg,#3b82f6,#00f2fe);border-color:#00f2fe}.progress-node.locked{opacity:.3;cursor:not-allowed}.progress-line{background:#3b82f64d;flex:1;min-width:20px;height:3px;position:relative}.progress-line.completed{background:linear-gradient(90deg,#34d399,#10b981)}.shop-main-tabs{background:#0f172acc;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;padding:15px;display:flex}.shop-main-tab{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#3b82f633;border:2px solid #3b82f6;border-radius:8px;padding:12px 24px;font-weight:700;transition:all .3s}.shop-main-tab:hover{background:#3b82f64d;transform:translateY(-2px)}.shop-main-tab.active{color:#00f2fe;background:#3b82f680;border-color:#00f2fe;box-shadow:0 0 20px #00f2fe4d}.shop-sub-tabs{background:#1e293b99;border:2px solid #3b82f64d;border-radius:10px;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;padding:12px;display:none}.shop-sub-tabs.active{display:flex}.shop-sub-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#3b82f633;border:2px solid #3b82f6;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s}.shop-sub-tab:hover{color:#3b82f6;background:#3b82f64d}.shop-sub-tab.active{color:#00f2fe;background:#3b82f64d;border-color:#00f2fe}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;min-height:200px;display:grid}.shop-item{text-align:center;cursor:pointer;background:#0f172a99;border:2px solid #3b82f64d;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;min-height:220px;padding:15px;transition:all .3s;display:flex}.shop-item:hover{background:#0f172ae6;border-color:#00f2fe;transform:translateY(-5px);box-shadow:0 8px 25px #00f2fe4d}.shop-item.featured{background:#fbbf241a;border:3px solid #fbbf24;box-shadow:0 0 20px #fbbf2433}.shop-item.featured:hover{box-shadow:0 8px 25px #fbbf2466}.rarity{text-shadow:0 1px 3px #000c;letter-spacing:1px;border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:.65rem;font-weight:800;display:inline-block}.rarity-common{color:#fff;background:#64748b;box-shadow:0 0 10px #64748b80}.rarity-uncommon{color:#fff;background:#0ea5e9;box-shadow:0 0 10px #0ea5e980}.rarity-rare{color:#fff;background:#8b5cf6;box-shadow:0 0 10px #8b5cf680}.rarity-epic{color:#fff;background:#d946ef;box-shadow:0 0 10px #d946ef80}.rarity-legendary{color:#000;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 20px #fbbf24cc}.item-icon{filter:drop-shadow(0 2px 8px #3b82f680);margin-bottom:10px;font-size:2.8rem;transition:transform .3s}.shop-item:hover .item-icon{transform:scale(1.15)}.item-name{color:#f8fafc;justify-content:center;align-items:center;min-height:2.2em;margin-bottom:4px;font-size:.9rem;font-weight:700;line-height:1.2;display:flex}.item-stats{color:#94a3b8;min-height:1.4em;margin-bottom:8px;font-size:.7rem}.price-tag{color:#fbbf24;background:#fbbf2433;border:2px solid #fbbf24;border-radius:8px;width:100%;margin-top:auto;padding:8px 12px;font-size:.85rem;font-weight:700}.shop-item:hover .price-tag{background:#fbbf2466;box-shadow:0 0 15px #fbbf244d}.shop-empty-message{text-align:center;color:#94a3b8;grid-column:1/-1;padding:60px 20px;font-size:1rem}.marketplace-item{position:relative;overflow:visible}.shop-item-image-container{background:#0000004d;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:10px;display:flex;position:relative;overflow:hidden}.shop-item-image{object-fit:cover;border-radius:8px;width:100%;height:100%}.shop-item-emoji{justify-content:center;align-items:center;height:100%;font-size:4rem;display:flex}.shop-item-quantity{color:#000;background:#fbbf24e6;border:2px solid #fbbf24;border-radius:6px;padding:4px 8px;font-size:.85rem;font-weight:900;position:absolute;bottom:5px;right:5px}.shop-item-stats-preview{flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0;font-size:.75rem;display:flex}.shop-item-badge{color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;background:#fbbf2433;border:1px solid #fbbf24;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:900;position:absolute;top:8px;right:8px}.my-sale-item{border:2px solid #fbbf244d}.my-sale-item:hover{border-color:#fbbf24;box-shadow:0 5px 20px #fbbf244d}.shop-item-tooltip{z-index:10000;pointer-events:none;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid #fbbf2480;border-radius:12px;max-width:280px;padding:15px;animation:.2s ease-out tooltipFadeIn;position:fixed;box-shadow:0 10px 40px #000c}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{color:#f8fafc}.tooltip-parchment{background:linear-gradient(135deg,#1e293bfa,#334155fa);border:3px solid #fbbf2480;border-radius:16px;max-width:300px;padding:20px;position:relative;box-shadow:0 10px 40px #000c}.tooltip-parchment:before{content:"";z-index:-1;opacity:.5;background:linear-gradient(135deg,#fbbf244d,#fbbf241a);border-radius:16px;position:absolute;inset:-2px}.sell-section{margin-top:30px}.sell-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;display:grid}@media (max-width:768px){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.shop-main-tab{padding:10px 18px;font-size:.9rem}.shop-sub-tab{padding:8px 16px;font-size:.8rem}.item-icon{font-size:2.2rem}.item-name{font-size:.8rem}}@media (max-width:480px){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.shop-main-tab{padding:8px 14px;font-size:.8rem}.item-icon{font-size:1.8rem}.item-name{font-size:.75rem}.price-tag{padding:6px 10px;font-size:.7rem}}@media (max-width:768px){.elite-title{font-size:2rem}.avatar-display{width:250px;height:250px}.nav-tabs{gap:3px;padding:5px;overflow-x:auto}.nav-tab{flex-shrink:0;padding:10px 16px;font-size:.85rem}.card{padding:15px}}@media (max-width:480px){.elite-title{font-size:1.5rem}.subtitle{font-size:.9rem}.btn-elite{padding:12px 24px;font-size:.9rem}.avatar-display{width:200px;height:200px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#00f2fe);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00f2fe,#3b82f6)}@keyframes mapGlow{0%,to{opacity:.8}50%{opacity:1}}.map-location{cursor:pointer;z-index:10;transition:all .3s}.map-marker{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border:3px solid #00f2fe99;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 8px;font-size:2.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 0 20px #00f2fe99,inset 0 0 20px #00000080}.map-marker:before{content:"";opacity:0;background:radial-gradient(circle,#00f2fe4d,#0000 70%);border-radius:50%;transition:opacity .3s;animation:2s ease-in-out infinite markerPulse;position:absolute;inset:-5px}@keyframes markerPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.map-label{color:#00f2fe;text-align:center;text-shadow:0 0 10px #00f2fecc;white-space:nowrap;pointer-events:none;font-size:.75rem;font-weight:700}.map-location:hover .map-marker{background:linear-gradient(135deg,#fbbf2466,#f59e0b66);border-color:#fbbf24;transform:scale(1.15);box-shadow:0 0 30px #fbbf24,inset 0 0 20px #fbbf244d}.map-location:hover .map-marker:before{opacity:1}.map-location:hover .map-label{color:#fbbf24;text-shadow:0 0 15px #fbbf24}.map-location.completed .map-marker{background:linear-gradient(135deg,#34d39966,#10b98166);border-color:#34d399;box-shadow:0 0 20px #34d399cc,inset 0 0 20px #34d39933}.map-location.completed .map-label{color:#34d399}.map-location.locked .map-marker{box-shadow:none;opacity:.4;cursor:not-allowed;background:#64748b33;border-color:#64748b}.map-location.locked .map-label{color:#64748b;text-shadow:none}.map-location.current .map-marker{animation:1.5s ease-in-out infinite currentLocation}@keyframes currentLocation{0%,to{transform:scale(1);box-shadow:0 0 20px #fbbf24cc,inset 0 0 20px #fbbf2433}50%{transform:scale(1.1);box-shadow:0 0 40px #fbbf24,inset 0 0 30px #fbbf2466}}@keyframes bossGlow{0%,to{text-shadow:0 0 20px #ef4444cc;transform:scale(1)}50%{text-shadow:0 0 40px #ef4444;transform:scale(1.1)}}@keyframes battleGlow{0%,to{opacity:.6}50%{opacity:1}}.mission-node{text-align:center;cursor:pointer;background:linear-gradient(135deg,#1e14284d,#140a1e4d);border:3px solid #ef444466;border-radius:16px;width:140px;padding:20px;transition:all .4s;animation:.6s ease-out backwards nodeAppear;position:relative;box-shadow:0 5px 20px #000c,inset 0 2px 4px #ffffff0d}@keyframes nodeAppear{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.mission-icon{filter:drop-shadow(0 5px 10px #ef444480);margin-bottom:10px;font-size:3rem;transition:transform .3s}.mission-title{color:#f8fafc;margin-bottom:5px;font-size:.85rem;font-weight:700;line-height:1.2}.mission-level{color:#94a3b8;font-size:.75rem;font-weight:600}.mission-node:hover{border-color:#fbbf24;box-shadow:0 5px 30px #fbbf2499,inset 0 2px 4px #fbbf2433}.mission-node.completed{background:linear-gradient(135deg,#34d39933,#10b98133);border-color:#34d399;box-shadow:0 5px 20px #34d39980,inset 0 2px 4px #34d3991a}.mission-node.completed:hover{box-shadow:0 5px 30px #34d399b3,inset 0 2px 4px #34d39933}.mission-node.completed:after{content:"✓";color:#000;background:linear-gradient(135deg,#34d399,#10b981);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;font-weight:900;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 0 15px #34d399cc}.mission-node.current{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);border-color:#fbbf24;animation:2s ease-in-out infinite currentMission}.mission-node.current:hover{animation:2s ease-in-out infinite currentMission}@keyframes currentMission{0%,to{box-shadow:0 5px 20px #fbbf2499,inset 0 2px 4px #fbbf2433}50%{box-shadow:0 10px 40px #fbbf24,inset 0 2px 4px #fbbf2466}}.mission-node.locked{opacity:.3;cursor:not-allowed;box-shadow:none;background:#64748b1a;border-color:#64748b}.mission-node.locked:hover{background:#64748b1a;border-color:#64748b;transform:none}.mission-node.mission-boss{background:linear-gradient(135deg,#ef44444d,#dc26264d);border:4px solid #ef4444;width:200px;padding:30px;box-shadow:0 10px 50px #ef4444cc,inset 0 2px 4px #ef44444d}@keyframes bossPulse{0%,to{filter:drop-shadow(0 5px 10px #ef444480)}50%{filter:drop-shadow(0 10px 20px #ef4444)}}@media (max-width:768px){.mission-node{width:100px;padding:15px}.mission-icon{font-size:2rem}.mission-title{font-size:.7rem}.mission-boss{width:140px;padding:20px}.map-marker{width:50px;height:50px;font-size:2rem}.map-label{font-size:.65rem}}@media (max-width:480px){.map-marker{width:40px;height:40px;font-size:1.5rem}.map-label{font-size:.6rem}}.ability-card-cooldown{color:#94a3b8;font-size:.75rem}.game-section,.modal-content,.city-map-interactive,.inventory-container,.combat-arena{overscroll-behavior-y:auto;overscroll-behavior-x:none;overscroll-behavior-block:none;overscroll-behavior-inline:none;-webkit-overflow-scrolling:touch}#btn-special{color:#000;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fbbf24;font-weight:900;animation:2s ease-in-out infinite glowGold;box-shadow:0 0 20px #fbbf2499}#btn-special.cooldown-active{opacity:.5;box-shadow:none;animation:none}#combat-energy-bar{transition:width .3s}#btn-special.energy-insufficient{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);animation:none}.ability-card:hover:not(.locked){border-color:#fbbf24;transform:translateY(-3px);box-shadow:0 8px 25px #fbbf244d}.ability-card.locked{opacity:.4;cursor:not-allowed}.ability-card-icon{font-size:2.5rem}.ability-equipped-badge{color:#000;background:#34d399;border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:800}.ability-card-name{color:#f8fafc;margin-bottom:8px;font-size:1.1rem;font-weight:700}.ability-card-energy{color:#fbbf24;font-size:.75rem;font-weight:700}#btn-special{color:#000;text-shadow:0 2px 4px #0000004d;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fbbf24;padding:12px 20px;font-weight:900;animation:2s ease-in-out infinite glowGold;box-shadow:0 0 20px #fbbf2499}.abilities-selection-panel-wrapper{margin-top:20px}#abilities-selection-panel{max-height:400px;overflow-y:auto}#abilities-selection-panel::-webkit-scrollbar{width:6px}#abilities-selection-panel::-webkit-scrollbar-track{background:#0f172a80;border-radius:3px}#abilities-selection-panel::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:3px}.ability-card{cursor:pointer;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:2px solid #3b82f666;border-radius:12px;margin-bottom:12px;padding:15px;transition:all .3s;position:relative}.ability-card:hover:not(.locked){background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-color:#fbbf24;transform:translateY(-3px);box-shadow:0 8px 25px #fbbf244d}.ability-card.equipped{background:linear-gradient(135deg,#34d39933,#10b98133);border-color:#34d399;box-shadow:0 0 20px #34d39966}.ability-card.locked{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.ability-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ability-card-icon{filter:drop-shadow(0 2px 8px #fbbf2480);font-size:2.5rem}.ability-equipped-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:#34d399;border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:800;box-shadow:0 0 10px #34d39980}.ability-lock-badge{color:#f8fafc;background:#64748bcc;border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:700}.ability-card-name{color:#f8fafc;text-shadow:0 2px 4px #00000080;margin-bottom:8px;font-size:1.1rem;font-weight:700}.ability-card-description{color:#cbd5e1;margin-bottom:8px;font-size:.85rem;line-height:1.4}.ability-card-energy{color:#fbbf24;align-items:center;gap:5px;font-size:.75rem;font-weight:700;display:flex}.ability-card-energy:before{content:"⚡";font-size:1rem}#btn-special{color:#000;text-shadow:0 2px 4px #0000004d;cursor:pointer;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:3px solid #fbbf24;border-radius:12px;padding:14px 24px;font-size:1rem;font-weight:900;transition:all .3s;animation:2s ease-in-out infinite glowGold;box-shadow:0 0 20px #fbbf2499}#btn-special:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #fbbf24cc}#btn-special:active:not(:disabled){transform:translateY(-1px)}#btn-special.energy-insufficient{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);animation:none}#btn-special:disabled{opacity:.5;cursor:not-allowed}#combat-energy-bar{text-shadow:0 1px 3px #000c;transition:width .3s}@media (max-width:768px){.ability-card-icon{font-size:2rem}.ability-card-name{font-size:1rem}.ability-card-description{font-size:.8rem}#btn-special{padding:12px 20px;font-size:.9rem}}.combat-summary-content{animation:.5s ease-out summaryAppear}@keyframes summaryAppear{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.summary-section{margin-bottom:25px}.summary-title{color:#fbbf24;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:1.1rem;font-weight:700}.damage-comparison{flex-direction:column;gap:15px;display:flex}.damage-bar-container{background:#1e293b80;border:2px solid #3b82f64d;border-radius:10px;padding:12px}.damage-label{color:#cbd5e1;justify-content:space-between;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.damage-value{color:#fbbf24;font-size:1.1rem;font-weight:900}.damage-bar-track{background:#47556980;border-radius:14px;width:100%;height:28px;overflow:hidden}.damage-bar{align-items:center;height:100%;padding-left:10px;font-size:.8rem;font-weight:700;transition:width 1.5s;display:flex}.damage-bar.player{background:linear-gradient(90deg,#34d399,#10b981);justify-content:flex-start}.damage-bar.enemy{background:linear-gradient(90deg,#ef4444,#dc2626);justify-content:flex-end;padding-right:10px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-item{background:#1e293b80;border:2px solid #3b82f64d;border-radius:10px;align-items:center;gap:12px;padding:15px;transition:all .3s;display:flex}.stat-item:hover{border-color:#fbbf24;transform:translateY(-2px)}.stat-icon{filter:drop-shadow(0 2px 8px #fbbf2480);font-size:2rem}.stat-info{flex:1}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.stat-value{color:#fbbf24;text-shadow:0 2px 4px #00000080;font-size:1.5rem;font-weight:900}.summary-continue-btn{position:relative;overflow:hidden}.summary-continue-btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.summary-continue-btn:hover:before{width:300px;height:300px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.2rem}}.pvp-comparison-grid{flex-direction:column;gap:15px;display:flex}.pvp-stat-row{background:#1e293b80;border:2px solid #3b82f64d;border-radius:12px;padding:15px}.pvp-stat-label{color:#fbbf24;text-align:center;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.9rem;font-weight:700}.pvp-stat-bars{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pvp-bar-container{background:#47556980;border-radius:8px;justify-content:center;align-items:center;height:40px;display:flex;position:relative;overflow:visible}.pvp-bar{border-radius:8px;height:100%;transition:width .8s;position:absolute;top:0;left:0}.pvp-bar.player{background:linear-gradient(90deg,#34d399,#10b981)}.pvp-bar.enemy{background:linear-gradient(90deg,#ef4444,#dc2626)}.pvp-bar-value{z-index:10;color:#fff;text-shadow:0 2px 4px #000000e6,0 0 10px #00000080;pointer-events:none;font-size:1rem;font-weight:900;position:relative}@media (max-width:768px){.pvp-stat-bars{grid-template-columns:1fr}}.achievement-tooltip{z-index:10001;pointer-events:none;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:3px solid #3b82f699;border-radius:12px;max-width:300px;padding:0;animation:.2s ease-out tooltipAppear;display:none;position:fixed;box-shadow:0 10px 40px #000000e6}.achievement-tooltip-header{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:15px;display:flex}.achievement-tooltip-header.unlocked{background:linear-gradient(135deg,#34d3994d,#10b9814d)}.achievement-tooltip-header.locked{background:linear-gradient(135deg,#64748b4d,#4755694d)}.achievement-tooltip-icon{filter:drop-shadow(0 2px 8px #fbbf2480);font-size:2rem}.achievement-tooltip-name{color:#f8fafc;font-size:1rem;font-weight:700}.achievement-tooltip-body{padding:15px}.achievement-tooltip-description{color:#cbd5e1;margin-bottom:12px;font-size:.85rem;line-height:1.6}.achievement-tooltip-status{text-align:center;text-transform:uppercase;letter-spacing:1px;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:700}.achievement-tooltip-status.unlocked{color:#34d399;background:#34d39933;border:2px solid #34d39966}.achievement-tooltip-status.locked{color:#94a3b8;background:#64748b33;border:2px solid #64748b66}.achievement-badge{cursor:pointer;transition:all .3s}.achievement-badge:hover{transform:translateY(-3px)scale(1.05)}.minigame-crop{-webkit-user-select:none;user-select:none}.mining-block.mined{pointer-events:none;opacity:.6}body.no-animations *{transition:none!important;animation:none!important}#audio-control{z-index:9999;gap:10px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;bottom:20px;right:20px}#section-settings-config,#section-settings-account{margin:0!important;padding:0 20px!important}#section-settings-config .card:first-child,#section-settings-account .card:first-child,#section-settings-config .settings-section:first-child,#section-settings-account .settings-section:first-child{margin-top:0!important}.modal:not(.active){opacity:0!important;pointer-events:none!important;display:none!important}.modal{transition:opacity .3s ease-out}.modal.active{opacity:1!important;display:flex!important}.modal.active .modal-content{z-index:1001;pointer-events:all;position:relative}.modal:empty,.modal:not(:has(.modal-content)){display:none!important}#modal-combat{background:#000000f2!important}.rarity-legendary{color:#fbbf24!important;background:linear-gradient(135deg,#fbbf2433,#f59e0b33)!important;border:2px solid #fbbf2499!important;box-shadow:0 0 10px #fbbf244d!important}.game-background{z-index:-10;filter:brightness(.7)contrast(1.1);background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;transition:opacity .5s;position:fixed;top:0;left:0}.background-overlay{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particles-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{pointer-events:none;border-radius:50%;position:absolute}.particle-fireflies{animation:8s cubic-bezier(.45,.05,.55,.95) infinite firefly-float,3s ease-in-out infinite firefly-glow}@keyframes firefly-float{0%{transform:translate(0)scale(1)}15%{transform:translate(25px,-30px)scale(1.1)}30%{transform:translate(-20px,-50px)scale(.9)}45%{transform:translate(30px,-35px)scale(1.05)}60%{transform:translate(-15px,-60px)scale(.95)}75%{transform:translate(20px,-45px)scale(1)}90%{transform:translate(-10px,-25px)scale(1.08)}to{transform:translate(0)scale(1)}}@keyframes firefly-glow{0%,to{opacity:.4;filter:blur()brightness()}25%{opacity:.9;filter:blur(1px)brightness(1.3)}50%{opacity:1;filter:blur(1.5px)brightness(1.5)}75%{opacity:.7;filter:blur(.5px)brightness(1.2)}}.particle-sparkles{animation:2s ease-in-out infinite sparkle-pulse}@keyframes sparkle-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes sparkle-appear{0%,to{opacity:0;transform:scale(0)rotate(0)}10%{opacity:.3;transform:scale(.5)rotate(90deg)}25%{opacity:1;transform:scale(1.3)rotate(180deg)}50%{opacity:.8;transform:scale(1)rotate(270deg)}75%{opacity:.5;transform:scale(.7)rotate(360deg)}90%{opacity:.2;transform:scale(.3)rotate(450deg)}}@keyframes sparkle-drift{0%,to{transform:translate(0)}50%{transform:translate(15px)}}.particle-neon{animation:5s cubic-bezier(.25,.46,.45,.94) infinite neon-horizontal,2s ease-in-out infinite neon-pulse}@keyframes neon-horizontal{0%{opacity:0;transform:translate(-100vw)translateY(0)}10%{opacity:.8}50%{opacity:1;transform:translate(50vw)translateY(-20px)}90%{opacity:.8}to{opacity:0;transform:translate(150vw)translateY(10px)}}@keyframes neon-pulse{0%,to{filter:blur()brightness(1.2);box-shadow:0 0 8px}50%{filter:blur(2px)brightness(1.8);box-shadow:0 0 20px}}.particle-snow{animation:12s linear infinite snow-fall,6s ease-in-out infinite snow-sway}@keyframes snow-fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}5%{opacity:1}95%{opacity:.9}to{opacity:0;transform:translateY(110vh)rotate(360deg)}}@keyframes snow-sway{0%,to{transform:translate(0)}25%{transform:translate(30px)}50%{transform:translate(-10px)}75%{transform:translate(25px)}}@media (max-width:768px){.particle-fireflies{animation-duration:10s,4s!important}.particle-neon{animation-duration:7s,3s!important}.particle-snow{animation-duration:15s,8s!important}.particle-sparkles{animation-duration:3s!important}}@media (prefers-reduced-motion:reduce){.particle{animation-duration:20s!important}}.section-title{color:#3b82f6!important;text-shadow:none!important;margin-bottom:15px!important;font-size:1.2rem!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes swing{0%,to{transform:rotate(0);transform-origin:top center}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes wobble{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-25px) rotate(-5deg)}30%{transform:translate(20px) rotate(3deg)}45%{transform:translate(-15px) rotate(-3deg)}60%{transform:translate(10px) rotate(2deg)}75%{transform:translate(-5px) rotate(-1deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3b82f680}50%{box-shadow:0 0 40px #3b82f6cc}}@keyframes glowGold{0%,to{box-shadow:0 0 20px #fbbf2499}50%{box-shadow:0 0 40px #fbbf24}}@keyframes glowRed{0%,to{box-shadow:0 0 20px #ef444499}50%{box-shadow:0 0 40px #ef4444}}@keyframes glowGreen{0%,to{box-shadow:0 0 20px #34d39999}50%{box-shadow:0 0 40px #34d399}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes chestOpen{0%{transform:scale(1) rotateY(0)}50%{transform:scale(1.2) rotateY(180deg)}to{transform:scale(1) rotateY(360deg)}}@keyframes coinFlip{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}@keyframes levelUpBurst{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes equipGlow{0%{box-shadow:0 0 10px #fbbf244d}50%{box-shadow:0 0 30px #fbbf24cc}to{box-shadow:0 0 10px #fbbf244d}}@keyframes rarityShine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideText{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes successPing{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes loadingDots{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.slide-in-up{animation:slideInUp .5s ease-out}.zoom-in{animation:zoomIn .3s ease-out}.bounce{animation:bounce 2s ease-in-out infinite}.shake{animation:shake .5s}.wiggle{animation:wiggle .5s ease-in-out}.swing{animation:swing 1s ease-in-out}.pulse{animation:pulse 2s ease-in-out infinite}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.spin{animation:spin 1s linear infinite}.glow{animation:glow 2s ease-in-out infinite}.glow-gold{animation:glowGold 2s ease-in-out infinite}.glow-red{animation:glowRed 2s ease-in-out infinite}.glow-green{animation:glowGreen 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.anim-slow{animation-duration:3s}.anim-fast{animation-duration:.5s}.anim-very-fast{animation-duration:.3s}.anim-infinite{animation-iteration-count:infinite}.pause-on-hover:hover{animation-play-state:paused}.transition-all{transition:all .3s ease}.transition-fast{transition:all .15s ease}.transition-slow{transition:all .5s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px #3b82f680}.hover-rotate:hover{transform:rotate(5deg)}.loading-spinner{animation:spin 1s linear infinite}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}.loading-dots:after{content:"";animation:loadingDots 1.5s infinite}@keyframes parallaxSlow{to{transform:translateY(50px)}}@keyframes parallaxFast{to{transform:translateY(100px)}}.parallax-slow{animation:parallaxSlow 20s ease-in-out infinite alternate}.parallax-fast{animation:parallaxFast 10s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-animated{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes neonFlicker{0%,to{text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 20px #00f2fe,0 0 40px #00f2fe}50%{text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 10px #00f2fe,0 0 20px #00f2fe}}.neon-text{animation:neonFlicker 2s ease-in-out infinite}@keyframes explode{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(2);opacity:0}}.explode-effect{animation:explode .6s ease-out forwards}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@media (max-width: 768px){.bounce{animation:bounce 2s ease-in-out infinite;transform:translateY(-10px)}.shake{animation:shake .3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}}@media (max-width: 480px){.glow,.glow-gold,.glow-red,.glow-green{animation-duration:3s}.pulse{animation-duration:2.5s}.float{animation-duration:4s}}@keyframes equippedGlow{0%,to{box-shadow:0 0 20px #fbbf2499,inset 0 2px 4px #fbbf244d}50%{box-shadow:0 0 30px #fbbf24cc,inset 0 2px 4px #fbbf2480}}@keyframes slotValid{0%,to{transform:scale(1);box-shadow:0 0 20px #34d399cc}50%{transform:scale(1.05);box-shadow:0 0 30px #34d399}}@keyframes tooltipAppear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes itemPickup{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-20px) scale(1.2);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}@keyframes rarityShimmer{0%{background-position:-200% center}to{background-position:200% center}}.confetti{position:fixed;width:10px;height:10px;background:#fbbf24;animation:confetti 4s linear forwards;pointer-events:none;z-index:10001}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.tooltip-enter{animation:tooltipAppear .2s ease-out}.item-pickup{animation:itemPickup .6s ease-out}.rarity-legendary{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);background-size:200% 100%;animation:rarityShimmer 2s linear infinite}#enemy-sprite.has-guardians{position:relative}#enemy-sprite.has-guardians:before,#enemy-sprite.has-guardians:after{content:"";position:absolute;width:60%;height:60%;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7;filter:drop-shadow(0 0 10px rgba(59,130,246,.8));animation:guardianFloat 3s ease-in-out infinite;pointer-events:none}#enemy-sprite.has-guardians:before{left:-80%;top:10%;background-image:url(images/sprites/effects/guardian_left.png);animation-delay:0s}#enemy-sprite.has-guardians:after{right:-80%;top:10%;background-image:url(images/sprites/effects/guardian_right.png);animation-delay:1.5s}@keyframes guardianFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}}#combat-log p.phase{background:linear-gradient(135deg,#fbbf2433,#8b5cf633);border-left:4px solid #fbbf24;padding:12px;margin:8px 0;border-radius:8px;font-weight:700;color:#fbbf24;font-size:1.1rem;text-shadow:0 0 10px rgba(251,191,36,.5);animation:phaseDialoguePulse 2s ease-in-out infinite}#combat-log p.hero{background:#3b82f626;border-left:4px solid #3b82f6;padding:10px;margin:6px 0;border-radius:6px;color:#93c5fd;font-style:italic}#combat-log p.revelation{background:linear-gradient(135deg,#8b5cf64d,#ec48994d);border:2px solid #8b5cf6;padding:15px;margin:10px 0;border-radius:10px;font-weight:700;color:#c4b5fd;font-size:1.2rem;text-align:center;text-shadow:0 0 15px rgba(139,92,246,.8);animation:revelationGlow 3s ease-in-out infinite}@keyframes furyPulse{0%,to{box-shadow:0 0 10px #ef4444cc}50%{box-shadow:0 0 20px #ef4444}}@keyframes phaseDialoguePulse{0%,to{box-shadow:0 0 10px #fbbf244d}50%{box-shadow:0 0 25px #fbbf2499}}@keyframes revelationGlow{0%,to{box-shadow:0 0 20px #8b5cf680;transform:scale(1)}50%{box-shadow:0 0 40px #8b5cf6cc;transform:scale(1.02)}}.hp-bar-container[data-shield=true]{position:relative;overflow:visible!important}.hp-bar-container[data-shield=true]:after{content:"🛡️";position:absolute;right:-30px;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:shieldPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(59,130,246,.8))}@keyframes shieldPulse{0%,to{transform:translateY(-50%) scale(1);opacity:.8}50%{transform:translateY(-50%) scale(1.2);opacity:1}}@keyframes phaseTransitionFlash{0%{opacity:0;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(1.5)}}.phase-indicator{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#fbbf24e6,#ef4444e6);border:3px solid #fbbf24;border-radius:15px;padding:10px 20px;font-weight:900;font-size:1.5rem;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8);box-shadow:0 10px 30px #fbbf2480;animation:phaseIndicatorPulse 2s ease-in-out infinite;z-index:100}@keyframes phaseIndicatorPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #fbbf2480}50%{transform:scale(1.05);box-shadow:0 15px 40px #fbbf24cc}}@keyframes phaseChange{0%{transform:translate(-50%) scale(1);opacity:1}25%{transform:translate(-50%) scale(1.3);opacity:.8}50%{transform:translate(-50%) scale(1.1);opacity:1}75%{transform:translate(-50%) scale(1.2);opacity:.9}to{transform:translate(-50%) scale(1);opacity:1}}#enemy-sprite.pure-form{animation:pureFormAura 2s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(251,191,36,1)) drop-shadow(0 0 60px rgba(239,68,68,.8))}@keyframes pureFormAura{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(251,191,36,1)) drop-shadow(0 0 60px rgba(239,68,68,.8)) hue-rotate(0deg)}50%{transform:scale(1.02);filter:drop-shadow(0 0 50px rgba(251,191,36,1)) drop-shadow(0 0 80px rgba(239,68,68,1)) hue-rotate(20deg)}}@keyframes crystalStormParticles{0%{opacity:0;transform:translateY(-100px) translate(0) rotate(0)}50%{opacity:1}to{opacity:0;transform:translateY(100px) translate(50px) rotate(360deg)}}#enemy-sprite.has-guardians:before{background-image:none;content:"👥";font-size:3rem;display:flex;align-items:center;justify-content:center;color:#3b82f6e6}#enemy-sprite.has-guardians:after{background-image:none;content:"👥";font-size:3rem;display:flex;align-items:center;justify-content:center;color:#3b82f6e6}:root{--color-player: #3b82f6;--color-enemy: #ef4444;--color-gold: #fbbf24;--color-heal: #34d399;--color-stun: #8b5cf6;--color-miss: #94a3b8;--color-bg-dark: rgba(15, 23, 42, .9);--color-bg-mid: rgba(30, 41, 59, .9);--font-combat: "Orbitron", "Rajdhani", sans-serif}.combat-arena{position:relative;min-height:400px;background:linear-gradient(135deg,#0f172ae6,#1e293be6);border-radius:20px;padding:30px;box-shadow:0 0 30px #ef44444d,inset 0 0 50px #00000080;display:flex;justify-content:space-around;align-items:center;gap:20px}.combat-arena:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(239,68,68,.1) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(251,191,36,.1) 0%,transparent 50%);pointer-events:none;border-radius:20px}.combat-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;flex:1;align-items:center;align-content:center;margin-bottom:0;width:100%}.combat-image-wrapper{display:flex;align-items:center;justify-content:center;width:100%}#player-sprite-container,#enemy-sprite-container{display:flex;align-items:flex-end;justify-content:center;overflow:visible;position:relative}#player-sprite-container canvas{transform-origin:center bottom;animation:spriteIdle 2s ease-in-out infinite;display:block}#player-sprite-container img{transform-origin:center bottom;animation:spriteIdle 2s ease-in-out infinite;display:block}#enemy-sprite-container img{transform-origin:center bottom;display:block}.combat-names-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:10px;padding:0 20px;width:100%}.combatant-name{font-family:var(--font-combat);font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;text-align:center;text-shadow:0 0 20px currentColor,0 2px 4px rgba(0,0,0,.8);padding:0;background:none;border:none;display:flex;align-items:center;justify-content:center}.combatant-name.player{color:var(--color-player)}.combatant-name.enemy{color:var(--color-enemy)}.combatant{text-align:center;padding:20px;border-radius:16px;background:#1e293b80;border:2px solid rgba(59,130,246,.3);transition:all .3s ease}.combatant:hover{border-color:#3b82f699;box-shadow:0 5px 20px #3b82f64d}.combatant-sprite,.combat-sprite,#player-sprite,#enemy-sprite{font-size:5rem;margin:0 auto 15px;display:block!important;transition:transform .3s ease;filter:drop-shadow(0 5px 15px rgba(59,130,246,.5));object-fit:contain!important;image-rendering:auto;background:transparent!important}#player-sprite-canvas{display:block!important;filter:drop-shadow(0 5px 15px rgba(59,130,246,.5));image-rendering:auto;background:transparent!important}.combatant-sprite{animation:spriteIdle 2s ease-in-out infinite}.combatant-sprite.attacking,.attacking{animation:attackAnimation .5s ease-out}.dodge{animation:dodge .5s ease-out}.pulse{animation:readyPulse .5s ease-in-out}.combat-hp-bar{width:100%;height:28px;background:#47556980;border-radius:14px;overflow:visible;position:relative;border:2px solid rgba(239,68,68,.3)}.combat-hp-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .5s ease;border-radius:12px;position:relative}.combat-hp-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626);animation:hpPulse 1s ease-in-out infinite}.combat-hp-bar:after{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:10}.combat-arena-top.world-pixelaria .combat-hp-bar:before,.combat-arena-top.world-xenos .combat-hp-bar:before,.combat-arena-top.world-zaltron .combat-hp-bar:before,.combat-arena-top.world-malkar .combat-hp-bar:before,.combat-arena-top.world-pvp .combat-hp-bar:before{content:"";position:absolute;inset:-15px;background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:5}.combat-arena-top.world-pixelaria .combat-hp-bar:before{background-image:url(/assets/b-pixelaria-BehbOdIj.png)}.combat-arena-top.world-xenos .combat-hp-bar:before{background-image:url(/assets/b-xenos-BS7oYSaQ.png)}.combat-arena-top.world-zaltron .combat-hp-bar:before{background-image:url(/assets/b-zaltron-BWG4xXJ4.png)}.combat-arena-top.world-malkar .combat-hp-bar:before{background-image:url(/assets/b-malkar-BVUaNljA.png)}.combat-arena-top.world-pvp.league-esencia .combat-hp-bar:before{background-image:url(/assets/b-pvp-esencia-DuoOAugG.png)}.combat-arena-top.world-pvp.league-ascendido .combat-hp-bar:before{background-image:url(/assets/b-pvp-ascendido-W0A0x1lp.png)}.combat-arena-top.world-pvp .combat-hp-bar{height:30px!important;max-width:280px!important}.combat-arena-top.world-pvp .combat-hp-bar:before{inset:-65px!important}.combat-arena-top.world-pvp .combat-hp-bar:after{font-size:.9rem!important}#fury-bar-container{position:absolute;bottom:calc(50% + 60px);left:50%;transform:translate(-50%);width:90%;max-width:180px;z-index:15;pointer-events:none}@media (min-width: 768px){#fury-bar-container{bottom:calc(50% + 83px)!important}}@media (min-width: 1024px){#fury-bar-container{bottom:calc(50% + 83px)!important}}.fury-bar-mini{width:100%;height:12px;background:#47556999;border-radius:6px;overflow:visible;position:relative;border:1px solid rgba(239,68,68,.5)}.fury-bar-mini:before{content:"";position:absolute;inset:-10px;background-image:url(/assets/b-furia-BJSGP3bh.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:5}.fury-bar-fill-mini{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);transition:width .3s ease;border-radius:5px;position:relative;box-shadow:0 0 8px #ef444499}.fury-bar-fill-mini.fury-full{animation:furyPulse 1s ease-in-out infinite;box-shadow:0 0 15px #ef4444}.fury-bar-mini:after{content:attr(data-text);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.6rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none;z-index:10}.combat-log{background:#0f172acc;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:15px;max-height:200px;overflow-y:auto;font-size:.85rem;line-height:1.6;font-family:Courier New,monospace}.combat-log p{margin-bottom:8px;padding:5px 10px;border-radius:6px;background:#1e293b80;border-left:3px solid transparent;animation:logEntry .3s ease-out}.combat-log .damage{color:#ef4444;font-weight:700;border-left-color:#ef4444;background:#ef44441a}.combat-log .heal{color:var(--color-heal);font-weight:700;border-left-color:var(--color-heal);background:#34d3991a}.combat-log .system{color:var(--color-gold);font-weight:700;border-left-color:var(--color-gold);background:#fbbf241a}.combat-log .normal{color:#cbd5e1}.combat-round-counter{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:2px solid var(--color-gold);border-radius:12px;font-size:1.5rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 0 20px #fbbf244d}.combat-status{display:inline-block;padding:5px 12px;border-radius:8px;font-size:.75rem;font-weight:700;margin:5px;animation:statusPulse 2s ease-in-out infinite}.combat-status.critical{background:#ef444433;border:2px solid #ef4444;color:#ef4444}.combat-status.defending{background:#3b82f633;border:2px solid #3b82f6;color:#3b82f6}.combat-status.stunned{background:#fbbf2433;border:2px solid var(--color-gold);color:var(--color-gold)}.damage-number{position:fixed;font-size:2rem;font-weight:900;pointer-events:none;animation:damageFloat 1s ease-out forwards;z-index:10001;text-shadow:0 2px 4px rgba(0,0,0,1),0 0 10px currentColor;transform:translate(-50%,-50%)}.damage-number.normal{color:#ef4444;font-size:1.8rem}.damage-number.critical{font-size:3rem;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,1),0 0 20px var(--color-gold),0 0 40px var(--color-gold);animation:criticalFloat 1s ease-out forwards}.damage-number.heal{color:var(--color-heal);font-size:1.8rem;text-shadow:0 2px 4px rgba(0,0,0,1),0 0 10px var(--color-heal)}.damage-number.miss{color:var(--color-miss);font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,1);font-style:italic}.damage-float{position:fixed;font-size:2.5rem;font-weight:900;pointer-events:none;z-index:10000;text-shadow:0 0 10px rgba(0,0,0,.8);opacity:0;transform:translateY(0)}.damage-float.animate{animation:floatUp 1s ease-out forwards}.damage-float.normal{color:#fff}.damage-float.critical{color:var(--color-gold);font-size:3.5rem;text-shadow:0 0 20px rgba(251,191,36,.8)}.damage-float.miss{color:var(--color-miss);font-size:2rem}.hit-effect{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.8) 0%,transparent 70%);pointer-events:none;animation:hitExpand .5s ease-out forwards;z-index:1000}.combat-action-btn{position:relative;overflow:hidden}.combat-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .3s,height .3s}.combat-action-btn:active:before{width:300px;height:300px}.cooldown-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:var(--color-gold);border-radius:inherit;pointer-events:none}.cooldown-active{position:relative;overflow:hidden;cursor:not-allowed!important;opacity:.7!important}.cooldown-active:before{content:"";position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#3b82f666,#00f2fe66);animation:cooldownProgress 1s linear}.combat-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:30px}.combat-vs{display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-gold);text-shadow:0 0 20px rgba(251,191,36,.8)}.combat-result{text-align:center;padding:40px;animation:resultAppear .5s ease-out}.combat-result-icon{font-size:6rem;margin-bottom:20px;animation:resultBounce 1s ease-in-out infinite}.combat-result-title{font-size:2.5rem;font-weight:900;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.combat-result-title.victory{color:var(--color-heal);text-shadow:0 0 20px rgba(52,211,153,.8)}.combat-result-title.defeat{color:var(--color-enemy);text-shadow:0 0 20px rgba(239,68,68,.8)}.combat-rewards{background:#1e293b80;padding:20px;border-radius:12px;margin:20px 0}.combat-rewards h3{color:var(--color-gold);margin-bottom:15px;font-size:1.2rem;text-align:center}.combat-reward-item{display:flex;justify-content:space-between;padding:10px;background:#0f172a80;border-radius:8px;margin-bottom:8px;border-left:3px solid transparent;transition:all .3s ease}.combat-reward-item:hover{background:#0f172acc;transform:translate(5px)}.combat-reward-item.gold{border-left-color:var(--color-gold)}.combat-reward-item.exp{border-left-color:var(--color-player)}.combat-reward-item.item{border-left-color:#8b5cf6}.crit-container{display:flex;align-items:center;gap:10px;animation:critPulse .3s ease-in-out}.crit-icon{font-size:3rem;animation:rotate360 .5s ease-in-out}.crit-value{font-size:4rem;color:var(--color-gold);text-shadow:0 0 30px rgba(251,191,36,1)}.double-badge{background:linear-gradient(135deg,#ef4444,var(--color-gold));padding:5px 12px;border-radius:20px;font-size:1.2rem;font-weight:900;animation:bounce .5s ease-in-out infinite}.impact-particle{position:fixed;width:8px;height:8px;border-radius:50%;pointer-events:none;z-index:9999;animation:particleExplode .6s ease-out forwards}.crit-flash{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 70%);pointer-events:none;z-index:9998;animation:flashFade .3s ease-out}.star-crown-cartoon{filter:drop-shadow(0 0 15px rgba(251,191,36,.9))}.combo-counter{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:10001;animation:comboAppear .5s ease-out,comboFade 1.5s .5s ease-out forwards}.combo-hits{font-size:5rem;font-weight:900;color:var(--color-gold);text-shadow:0 0 30px rgba(251,191,36,1);line-height:1}.combo-label{font-size:2rem;color:#fff;margin-top:10px}.combat-name-dynamic{font-size:1rem}@supports (font-size: clamp(.7rem,2vw,1rem)){.combat-name-dynamic{font-size:clamp(.7rem,2vw,1rem)}}.btn-stun{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:3px solid #8b5cf6!important;color:#fff!important;font-weight:900!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.btn-stun.stun-ready{animation:stunButtonReady 1.5s ease-in-out infinite;box-shadow:0 0 30px #8b5cf6}.btn-stun.stun-disabled{opacity:.5;background:linear-gradient(135deg,#8b5cf64d,#7c3aed4d)!important;box-shadow:none;animation:none;cursor:not-allowed}#stun-charge-bar.stun-full{animation:stunPulse 1s ease-in-out infinite;box-shadow:0 0 20px #fbbf24cc,0 0 20px #fbbf24cc,inset 0 0 20px #fbbf2480}.stunned{animation:dizzy .15s infinite alternate;filter:grayscale(40%) brightness(.85) hue-rotate(45deg);position:relative}.stunned:after{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,rgba(0,242,254,.3) 0%,transparent 70%);border-radius:50%;animation:stunGlow .5s ease-in-out infinite;pointer-events:none}.combat-arena-top{background:linear-gradient(135deg,#0f172af2,#1e293bf2);padding:20px 50px 25px;flex:1.5;min-height:50vh;max-height:50vh;border-bottom:4px solid rgba(251,191,36,.5);box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;overflow:hidden;position:relative}.combat-arena-top.world-pixelaria,.combat-arena-top.world-xenos,.combat-arena-top.world-zaltron,.combat-arena-top.world-malkar,.combat-arena-top.world-pvp{background-size:100% 100%;background-position:center;background-repeat:no-repeat}.combat-arena-top.world-pixelaria{background-image:url(/assets/pantalla-pixelaria-B-6G0-fr.png)}.combat-arena-top.world-xenos{background-image:url(/assets/pantalla-xenos-DSqsmYsk.png)}.combat-arena-top.world-zaltron{background-image:url(/assets/pantalla-zaltron-CN3g2sMR.png)}.combat-arena-top.world-malkar{background-image:url(/assets/pantalla-malkar-AFHjE_Vp.png)}.combat-arena-top.world-pvp.league-esencia{background-image:url(/assets/pantalla-esencia1-OjpJdTMe.png)}.combat-arena-top.world-pvp.league-ascendido{background-image:url(/assets/pantalla-ascendido-BuMxDsSb.png)}.combat-arena-top:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.combat-arena-top>div{position:relative;z-index:1}.combat-arena-bottom{background:#000;padding:15px 50px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1;min-height:35vh;max-height:35vh;flex-shrink:0;overflow:visible;position:relative;box-shadow:0 -4px 20px #00000080}.combat-arena-bottom:before{content:"";position:absolute;inset:0;background:#000000a6;pointer-events:none;z-index:0}.combat-arena-bottom.world-pixelaria,.combat-arena-bottom.world-xenos,.combat-arena-bottom.world-zaltron,.combat-arena-bottom.world-malkar,.combat-arena-bottom.world-pvp{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.combat-arena-bottom.world-pixelaria{background-image:url(/assets/m-pixelaria-BXCyuMsO.png)}.combat-arena-bottom.world-xenos{background-image:url(/assets/m-xenos-BhM7yR8y.png)}.combat-arena-bottom.world-zaltron{background-image:url(/assets/m-zaltron-Dftf6gA2.png)}.combat-arena-bottom.world-malkar{background-image:url(/assets/m-malkar-A4D6Dm5c.png)}.combat-arena-bottom.world-pvp.league-esencia{background-image:url(/assets/m-pvp-esencia-DDhXK_b5.png)}.combat-arena-bottom.world-pvp.league-ascendido{background-image:url(/assets/m-pvp-ascendido-dd1sZUGO.png)}.cards-container{display:flex;justify-content:center;align-items:flex-end;gap:60px;min-height:80px;position:relative;z-index:1;-webkit-tap-highlight-color:transparent}.cards-container>*{position:relative;will-change:transform;transition:none!important}.cards-container>*:before{content:""!important;position:absolute!important;inset:-5px!important;background-image:url(/assets/m-cartas-C5QxGX9v.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;pointer-events:none!important;z-index:10!important;transform:scale(1.15)!important;opacity:1!important;transition:none!important;animation:none!important;will-change:auto!important}.cards-container>:nth-child(2){margin-top:-20px}.cards-container>:nth-child(1),.cards-container>:nth-child(3){margin-top:15px}.cards-container .card-level,.cards-container .spell-level{display:none!important}.spell-btn{width:70px!important;height:70px!important;border-radius:50%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;position:relative!important;border:3px solid!important;background:linear-gradient(145deg,#1a1a2e,#16213e)!important;transition:none!important;transform:none!important;overflow:hidden!important;-webkit-tap-highlight-color:transparent!important;outline:none!important;user-select:none!important;-webkit-user-select:none!important;touch-action:manipulation!important;-webkit-appearance:none!important}.spell-btn.used{opacity:0!important;cursor:not-allowed!important;filter:grayscale(.8)!important}.spell-btn.used:before{opacity:0!important;filter:none!important}.spell-btn .spell-emoji{font-size:2.5rem!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));position:relative!important;z-index:2!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;transition:none!important}.cards-container>:nth-child(1):hover,.cards-container>:nth-child(1):active,.cards-container>:nth-child(1):focus-within,.cards-container>:nth-child(2):hover,.cards-container>:nth-child(2):active,.cards-container>:nth-child(2):focus-within,.cards-container>:nth-child(3):hover,.cards-container>:nth-child(3):active,.cards-container>:nth-child(3):focus-within{transform:none!important;transition:none!important}.cards-container>:nth-child(2):active{margin-top:-20px!important}.cards-container>:nth-child(1):active,.cards-container>:nth-child(3):active{margin-top:15px!important}.cards-container .spell-btn:hover,.cards-container .spell-btn:active,.cards-container .spell-btn:focus,.cards-container .spell-btn:focus-visible,.cards-container .spell-btn.filled:hover,.cards-container .spell-btn.filled:active,.cards-container .spell-btn.empty:hover,.cards-container .spell-btn.empty:active{transform:none!important;transition:none!important;outline:none!important}.btn-attack-main:hover,.btn-attack-main:active,.btn-attack-main:focus,.btn-attack-main:focus-visible,.btn-stun:hover,.btn-stun:active,.btn-stun:focus,.btn-special:hover,.btn-special:active,.btn-special:focus,#btn-attack:hover,#btn-attack:active,#btn-attack:focus{transform:none!important;transition:none!important;outline:none!important}.btn-attack-main,.btn-stun,.btn-special,#btn-attack{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none}.spell-btn.rarity-common{border-color:#94a3b8!important;box-shadow:0 0 15px #94a3b899!important}.spell-btn.rarity-rare{border-color:#22c55e!important;box-shadow:0 0 15px #22c55ecc!important}.spell-btn.rarity-epic{border-color:#3b82f6!important;box-shadow:0 0 15px #3b82f6cc!important}.spell-btn.rarity-legendary{border-color:#f59e0b!important;box-shadow:0 0 20px #f59e0be6!important}.spell-btn.rarity-mythic{border-color:#ef4444!important;box-shadow:0 0 25px #ef4444!important}.spell-btn.rarity-unique{border-color:gold!important;box-shadow:0 0 30px gold!important}.combat-buttons-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;width:100%;max-width:900px;position:relative;z-index:1}.combat-button-wrapper{display:flex;flex-direction:column;align-items:center}.button-counter,.attack-label{display:none}.btn-attack-main{width:140px!important;height:140px!important;border-radius:50%!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:none!important;animation:none!important;position:relative!important;overflow:visible!important;transform:none!important}.btn-attack-main *,.btn-attack-main:before,.btn-attack-main:after{transition:none!important;animation:none!important;transform:none!important}.btn-attack-main:before,.btn-attack-main.cooldown-active:before,.btn-attack-main:disabled:before{content:""!important;position:absolute!important;inset:-10px!important;width:calc(100% + 20px)!important;height:calc(100% + 20px)!important;background-image:url(/assets/m-atacar-BJnvBp59.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;pointer-events:none!important;z-index:10!important;transform:scale(1.2)!important;will-change:auto!important;transition:none!important;animation:none!important}.btn-attack-main.cooldown-active,.btn-attack-main:disabled{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;transform:none!important}.btn-attack-main:disabled{cursor:not-allowed!important}.attack-icon{font-size:3rem!important;position:relative!important;z-index:2!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.btn-stun,.btn-special{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:none!important;position:relative!important;overflow:hidden!important;border:none!important}.btn-stun{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important}.btn-special{background:linear-gradient(135deg,var(--color-gold),#f59e0b)!important}.btn-stun:before{content:""!important;position:absolute!important;inset:-8px!important;background-image:url(/assets/m-stun-DdzGT3T7.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;pointer-events:none!important;z-index:10!important;transform:scale(1.2)!important;opacity:1!important;transition:none!important;animation:none!important}.btn-special:before{content:""!important;position:absolute!important;inset:-8px!important;background-image:url(/assets/m-habilidad-DkhyCuUR.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;pointer-events:none!important;z-index:10!important;transform:scale(1.2)!important;opacity:1!important;transition:none!important;animation:none!important}.btn-stun:disabled:before,.btn-special:disabled:before,.btn-stun.stun-disabled:before,.btn-special.energy-insufficient:before{opacity:1!important;filter:none!important}.btn-stun .button-icon,.btn-stun .button-label,.btn-special .button-label{display:none!important}.btn-special .button-icon{font-size:2.5rem!important;position:relative!important;z-index:2!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important}.button-progress-bar{position:absolute;inset:8px;border-radius:50%;background:#0009;overflow:hidden;border:2px solid rgba(255,255,255,.2);z-index:1}.button-progress-fill{position:absolute;bottom:0;left:0;right:0;height:0%;background:linear-gradient(180deg,var(--color-gold),#f59e0b);transition:height .3s ease;box-shadow:0 0 15px #fbbf24cc}#stun-charge-bar.stun-full,#combat-energy-bar.energy-full{height:100%!important}@keyframes damageFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,calc(-50% - 30px)) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% - 60px)) scale(.8)}}@keyframes criticalFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(.5) rotate(-10deg)}50%{opacity:1;transform:translate(-50%,calc(-50% - 40px)) scale(1.2) rotate(5deg)}to{opacity:0;transform:translate(-50%,calc(-50% - 80px)) scale(.8) rotate(10deg)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-80px) scale(.8)}}@keyframes hitExpand{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(3)}}@keyframes hpPulse{0%,to{box-shadow:0 0 10px #ef444480}50%{box-shadow:0 0 20px #ef4444}}@keyframes spriteIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes attackShake{0%,to{transform:translate(0)}25%{transform:translate(-10px) scale(1.1)}75%{transform:translate(10px) scale(1.1)}}@keyframes attackAnimation{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-15px) scale(1.1)}50%{transform:translate(15px) scale(1.15)}75%{transform:translate(-5px) scale(1.05)}}@keyframes dodge{0%,to{transform:translate(0) scale(1);opacity:1}25%{transform:translate(-20px) scale(.9);opacity:.5}75%{transform:translate(20px) scale(.9);opacity:.5}}@keyframes logEntry{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes resultAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes resultBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes readyPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #3b82f699}50%{transform:scale(1.05);box-shadow:0 0 40px #3b82f6}}@keyframes cooldownProgress{0%{width:100%}to{width:0%}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleExplode{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-5px,2px)}20%{transform:translate(5px,-2px)}30%{transform:translate(-5px,-2px)}40%{transform:translate(5px,2px)}50%{transform:translate(-5px,2px)}60%{transform:translate(5px,-2px)}70%{transform:translate(-5px,-2px)}80%{transform:translate(5px,2px)}90%{transform:translate(-5px,2px)}}@keyframes comboAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes comboFade{to{opacity:0;transform:translate(-50%,-60%) scale(.8)}}@keyframes countdownPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes countdownExplode{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(2);opacity:0}}@keyframes stunButtonReady{0%,to{transform:scale(1);box-shadow:0 0 30px #8b5cf6cc}50%{transform:scale(1.05);box-shadow:0 0 40px #8b5cf6}}@keyframes stunPulse{0%,to{filter:brightness(1);box-shadow:0 0 20px #fbbf24cc,0 0 20px #fbbf24cc,inset 0 0 20px #fbbf2480}50%{filter:brightness(1.5);box-shadow:0 0 30px #fbbf24,0 0 30px #fbbf24,inset 0 0 30px #fbbf24b3}}@keyframes stunShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes stunGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes rotateStar{0%{transform:rotate(0) translate(75px)}to{transform:rotate(360deg) translate(75px)}}@keyframes dizzy{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}@media (min-width: 1025px){.combat-arena-bottom{padding:15px 50px 25px;min-height:32vh}.combat-buttons-grid{max-width:600px;gap:40px}#player-sprite-container{height:200px!important;width:200px!important;max-width:200px!important;flex-shrink:0;transform:scale(1.1)!important;transform-origin:center bottom!important}#player-sprite-container canvas{transform-origin:center bottom!important;animation:spriteIdle 2s ease-in-out infinite!important}#player-sprite-container img{transform-origin:center bottom!important;animation:spriteIdle 2s ease-in-out infinite!important}#enemy-sprite-container{height:250px!important;width:250px!important;max-width:250px!important;flex-shrink:0}#enemy-sprite-container img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:scale(1.1)!important;transform-origin:center bottom!important}}@media (max-width: 1024px){.combat-arena-top{padding:20px 30px 25px;min-height:50vh;max-height:50vh}.combat-arena-bottom{padding:15px 30px 20px;min-height:35vh;max-height:35vh}.btn-attack-main{width:140px!important;height:140px!important;min-width:140px!important;min-height:140px!important;border-radius:50%!important}.attack-icon{font-size:3.5rem}.btn-stun,.btn-special{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;border-radius:50%!important}.button-icon{font-size:3rem}}@media (max-width: 768px){.combat-arena{padding:30px;min-height:350px;flex-direction:column;gap:15px}.combat-arena-top{padding:18px 15px 22px;min-height:50vh;max-height:50vh;border-bottom:3px solid rgba(251,191,36,.5)}.combat-arena-bottom{padding:12px 15px 18px;max-height:35vh;min-height:35vh}.combat-names-container{gap:20px;margin-bottom:20px;padding:0 10px}.combatant-name{font-size:1.1rem;letter-spacing:2px}.combatant{padding:10px;max-width:200px}.combatant-sprite{font-size:3.5rem}.combat-grid{grid-template-columns:1fr;gap:15px}.combat-vs{order:2;margin:10px 0}.combat-result-icon{font-size:4rem}.combat-result-title{font-size:1.8rem}.combat-hp-bar{height:24px}.combat-hp-bar:after{font-size:.75rem}.fury-bar-mini{height:10px}.fury-bar-mini:after{font-size:.55rem}.combat-buttons-grid{gap:20px}.btn-attack-main{width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;border-radius:50%!important}.attack-icon{font-size:3rem}.btn-stun,.btn-special{width:85px!important;height:85px!important;min-width:85px!important;min-height:85px!important;border-radius:50%!important}.btn-special .button-icon{font-size:2.2rem!important}.damage-number{font-size:1.5rem}.damage-number.critical{font-size:2.2rem}.cards-container{min-height:55px;gap:35px}.cards-container>:nth-child(2){margin-top:-20px}.cards-container>:nth-child(1),.cards-container>:nth-child(3){margin-top:15px}.cooldown-active:before{height:4px;bottom:0;top:auto}#player-sprite-container{height:160px!important;width:160px!important;max-width:160px!important;flex-shrink:0;transform:scale(1.2)!important;transform-origin:center bottom!important}#player-sprite-container canvas{transform-origin:center bottom!important;animation:spriteIdle 2s ease-in-out infinite!important}#player-sprite-container img{transform-origin:center bottom!important;animation:spriteIdle 2s ease-in-out infinite!important}#enemy-sprite-container{height:160px!important;width:160px!important;max-width:160px!important;flex-shrink:0;transform:scale(1.2)!important;transform-origin:center bottom!important}#enemy-sprite-container img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform-origin:center bottom!important}}@media (max-width: 480px){.combat-arena{padding:15px;min-height:320px;flex-direction:column;gap:10px}.combat-arena-top{padding:15px 12px 20px;min-height:50vh;max-height:50vh;border-bottom:2px solid rgba(251,191,36,.5)}.combat-arena-bottom{padding:10px 12px 15px;max-height:35vh;min-height:35vh}.combat-names-container{gap:15px;margin-bottom:15px;padding:0 5px}.combatant-name{font-size:.9rem;letter-spacing:1px}.combatant{padding:8px;max-width:160px}.combatant-sprite{font-size:2.5rem}.combat-log{font-size:.75rem;max-height:150px}.combat-round-counter{font-size:1.2rem;padding:8px 16px}.combat-hp-bar{height:20px}.combat-hp-bar:after{font-size:.7rem}.fury-bar-mini{height:9px}.fury-bar-mini:after{font-size:.5rem}.combat-buttons-grid{gap:12px}.btn-attack-main{width:90px!important;height:90px!important;min-width:90px!important;min-height:90px!important;border-radius:50%!important}.attack-icon{font-size:2.5rem}.btn-stun,.btn-special{width:65px!important;height:65px!important;min-width:65px!important;min-height:65px!important;border-radius:50%!important}.btn-special .button-icon{font-size:1.8rem!important}.damage-number{font-size:1.2rem}.damage-number.critical{font-size:1.8rem}.cards-container{min-height:50px;gap:30px}.cards-container>:nth-child(2){margin-top:-20px}.cards-container>:nth-child(1),.cards-container>:nth-child(3){margin-top:15px}#player-sprite-container{height:120px!important;width:120px!important;max-width:120px!important;flex-shrink:0;transform:scale(.9)!important;transform-origin:center bottom!important}#player-sprite-container canvas{transform-origin:center bottom!important;animation:spriteIdle 2s ease-in-out infinite!important}#player-sprite-container img{transform-origin:center bottom!important;animation:spriteIdle 2s ease-in-out infinite!important}#enemy-sprite-container{height:120px!important;width:120px!important;max-width:120px!important;flex-shrink:0;transform:scale(1.4)!important;transform-origin:center bottom!important}#enemy-sprite-container img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform-origin:center bottom!important}}.elite-badge{display:inline-block;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;padding:2px 8px;border-radius:4px;font-size:.7em;font-weight:900;margin-right:8px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 0 10px #fbbf2499,0 0 20px #fbbf2466;animation:elitePulse 2s ease-in-out infinite}.elite-enemy-name{color:#fbbf24!important;text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.6),0 2px 4px rgba(0,0,0,.8)!important;animation:eliteGlow 2s ease-in-out infinite}.elite-enemy{position:relative;filter:drop-shadow(0 0 20px rgba(251,191,36,.8)) drop-shadow(0 0 40px rgba(251,191,36,.6)) brightness(1.2);animation:eliteFloat 3s ease-in-out infinite}.elite-enemy:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(251,191,36,.3) 0%,rgba(251,191,36,.1) 50%,transparent 70%);border-radius:50%;animation:eliteAura 2s ease-in-out infinite;pointer-events:none;z-index:-1}.elite-enemy:after{content:"✨";position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:2em;animation:eliteSparkle 3s ease-in-out infinite;pointer-events:none}@keyframes elitePulse{0%,to{box-shadow:0 0 10px #fbbf2499,0 0 20px #fbbf2466}50%{box-shadow:0 0 20px #fbbf24cc,0 0 40px #fbbf2499}}@keyframes eliteGlow{0%,to{text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.6),0 2px 4px rgba(0,0,0,.8)}50%{text-shadow:0 0 20px rgba(251,191,36,1),0 0 40px rgba(251,191,36,.8),0 2px 4px rgba(0,0,0,.8)}}@keyframes eliteFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes eliteAura{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes eliteSparkle{0%,to{opacity:.4;transform:translate(-50%) translateY(0) rotate(0)}50%{opacity:1;transform:translate(-50%) translateY(-5px) rotate(180deg)}}#three-combat-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999;opacity:0;transition:opacity .3s ease}#three-combat-canvas.active{opacity:1}#character-3d-viewer{width:100%;height:400px;position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#7c3aed);box-shadow:0 10px 40px #7c3aed99;cursor:grab}#character-3d-viewer:active{cursor:grabbing}#character-3d-viewer canvas{display:block;width:100%;height:100%}.three-loading-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;z-index:1000}.three-loading-spinner{width:50px;height:50px;border:4px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.cinematic-overlay{position:fixed;inset:0;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.cinematic-overlay.active{opacity:1}.cinematic-video{max-width:100%;max-height:100%;object-fit:contain}.cinematic-skip-btn{position:absolute;bottom:30px;right:30px;padding:12px 24px;background:#3b82f6e6;color:#fff;border:2px solid #3b82f6;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.cinematic-skip-btn:hover{background:#3b82f6;transform:translateY(-2px);box-shadow:0 5px 20px #3b82f680}.particle-burst{position:fixed;pointer-events:none;z-index:1000}@media (max-width: 768px){#character-3d-viewer{height:300px}.cinematic-skip-btn{bottom:20px;right:20px;padding:10px 20px;font-size:.9rem}}.combat-sprite.player-sprite{animation:playerIdle 2s ease-in-out infinite}#player-sprite-canvas{width:220px!important;height:220px!important;max-width:220px!important;max-height:220px!important;image-rendering:auto;display:block;margin:0 auto;object-fit:contain}.combat-sprite.enemy-sprite{animation:enemyIdle 2.5s ease-in-out infinite}.combat-sprite.attack{animation:spriteAttack .6s ease-out}.combat-sprite.hit{animation:spriteHit .4s ease-out}.combat-sprite.critical{animation:spriteCritical .8s ease-out}.combat-sprite.dodge{animation:spriteDodge .6s ease-out}.combat-sprite.victory{animation:spriteVictory 1.5s ease-out}.combat-sprite.death{animation:spriteDeath 2s ease-out forwards}@keyframes playerIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}@keyframes enemyIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.005)}}@keyframes spriteAttack{0%{transform:scale(1) translate(0)}30%{transform:scale(1.05) translate(-15px)}60%{transform:scale(1.08) translate(30px)}to{transform:scale(1) translate(0)}}@keyframes spriteHit{0%,to{transform:translate(0);filter:brightness(1)}20%,60%{transform:translate(-10px);filter:brightness(1.8) hue-rotate(15deg)}40%,80%{transform:translate(10px);filter:brightness(.6) hue-rotate(-15deg)}}@keyframes spriteCritical{0%{transform:scale(1)}20%{transform:scale(1.15) translateY(-30px)}40%{transform:scale(1.2) rotate(-10deg) translateY(-20px)}60%{transform:scale(1.25) rotate(10deg) translateY(-40px)}to{transform:scale(1) rotate(0) translateY(0)}}@keyframes spriteDodge{0%{transform:translate(0) scale(1);opacity:1}30%{transform:translate(-40px) scale(.9);opacity:.5}70%{transform:translate(40px) scale(.9);opacity:.5}to{transform:translate(0) scale(1);opacity:1}}@keyframes spriteVictory{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.1) translateY(-30px) rotate(-10deg)}40%{transform:scale(1.08) translateY(-20px) rotate(10deg)}60%{transform:scale(1.12) translateY(-40px) rotate(-5deg)}80%{transform:scale(1.05) translateY(-10px) rotate(5deg)}to{transform:scale(1.15) translateY(-20px) rotate(0)}}@keyframes spriteDeath{0%{transform:scale(1) translateY(0) rotate(0);opacity:1}30%{transform:scale(1.1) translateY(-20px) rotate(-15deg);opacity:.9}60%{transform:scale(.95) translateY(10px) rotate(-30deg);opacity:.7}to{transform:scale(.6) translateY(50px) rotate(-90deg);opacity:0}}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}20%{transform:translateY(-30px) scale(1.2);opacity:1}to{transform:translateY(-100px) scale(.8);opacity:0}}@keyframes critPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes flashFade{0%{opacity:1}to{opacity:0}}@keyframes comboAppear{0%{transform:translate(-50%,-50%) scale(0) rotate(-45deg);opacity:0}40%{transform:translate(-50%,-50%) scale(1.3) rotate(10deg);opacity:1}70%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(.5) rotate(0);opacity:0}}@keyframes comboPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes particleExplode{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}@media (max-width: 768px){.combatant-name{font-size:.85rem!important}.combat-hp-bar{max-width:160px!important;height:24px!important}.combat-hp-bar:after{font-size:.7rem!important}.damage-float.normal{font-size:1.5rem}.damage-float.critical{font-size:2.5rem}.combo-hits{font-size:3.5rem}}.combat-sprite{max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}#player-sprite-container,#enemy-sprite-container{overflow:visible;display:flex;align-items:flex-end;justify-content:center}#player-sprite-container.dodge,#enemy-sprite-container.dodge{animation:spriteDodge .6s ease-out!important}#player-sprite-container.attacking,#enemy-sprite-container.attacking{animation:spriteAttack .6s ease-out!important}#player-sprite,#enemy-sprite{max-width:100%;max-height:100%;width:auto;height:auto}.draggable-item{touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.relic-chest .inventory-cell{border:2px solid rgba(139,92,246,.6);border-radius:8px;background:linear-gradient(135deg,#0f172ae6,#1e293bcc,#334155b3);backdrop-filter:blur(8px);transition:all .3s ease;cursor:pointer}.relic-chest .inventory-cell:hover{border-color:#8b5cf6cc;background:#8b5cf61a;box-shadow:0 0 15px #8b5cf64d;transform:scale(1.02)}.relic-chest .inventory-cell.slot-valid{border-color:#34d399!important;background:#34d39933!important}.relic-chest .inventory-cell.slot-invalid{border-color:#ef4444!important;background:#ef444433!important}.character-main-container{display:grid;grid-template-columns:250px 1fr 280px;gap:20px;margin-bottom:20px;min-height:600px;overflow-anchor:none}.avatar-column{margin-bottom:40px}.stats-panel{margin-top:40px}.stats-panel h3{color:#3b82f6;font-size:1.2rem;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:1px}.progress-bar{width:100%;height:24px;background:#0f172acc;border-radius:12px;overflow:hidden;border:2px solid rgba(59,130,246,.3);margin-bottom:15px}.progress-fill.hp{background:linear-gradient(90deg,#ef4444,#dc2626)}.avatar-panel{position:relative;background:linear-gradient(135deg,#141e32f2,#0a0f1ef2);border:3px solid #3b82f6;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow-anchor:none;box-shadow:0 0 40px #3b82f666,inset 0 0 60px #0009}.avatar-panel:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,rgba(139,92,246,.2) 30%,transparent 70%);border-radius:50%;animation:avatarGlow 4s ease-in-out infinite}@keyframes avatarGlow{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.9}}.general-profile-container{display:flex;align-items:flex-start;gap:20px;padding:20px;background-color:#0003;border-radius:15px;margin-bottom:10px}.avatar-frame-small.glow-blue{width:120px;height:120px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2;border-radius:20px;padding:8px;box-sizing:border-box;background:linear-gradient(135deg,#3b82f64d,#00f2fe4d);border:3px solid rgba(0,242,254,.6);box-shadow:0 0 20px #00f2fe99,inset 0 0 20px #00f2fe33;animation:avatarFrameGlowSmall 3s ease-in-out infinite;overflow:hidden}.avatar-image-small{width:100%;height:100%;object-fit:cover;border-radius:15px;display:block}@keyframes avatarFrameGlowSmall{0%,to{border-color:#00f2fe99;box-shadow:0 0 20px #00f2fe80,inset 0 0 15px #00f2fe33}50%{border-color:#3b82f6cc;box-shadow:0 0 35px #3b82f6b3,inset 0 0 25px #3b82f64d}}.equipment-panel{position:relative;background:linear-gradient(135deg,#1e1432f2,#0f172ae6);border:2px solid #8b5cf6;border-radius:16px;padding:20px;box-shadow:0 10px 30px #000c;overflow-anchor:none}.equipment-panel h3{color:#8b5cf6;font-size:1.2rem;font-weight:700;margin-bottom:20px;text-align:center;text-transform:uppercase;letter-spacing:1px}.avatar-silhouette-bg{position:absolute;width:100%;height:100%;transform:translate(-10%,-40%);inset:15%;background-image:var(--avatar-url);background-size:contain;background-position:center;background-repeat:no-repeat;opacity:.08;filter:blur(2px);pointer-events:none}.equipment-grid{position:relative;width:100%;height:500px}.equipment-slot{position:absolute;width:65px;height:65px;border:2px solid rgba(139,92,246,.6);border-radius:12px;background:linear-gradient(135deg,#0f172ae6,#1e293bcc,#334155b3);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0009,0 4px 15px #0006,0 0 20px #8b5cf633;position:relative;overflow:hidden;font-family:Georgia,Times New Roman,serif;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.equipment-slot:not(.equipped):after{content:attr(data-slot-name);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:400;font-style:italic;color:#ffffffb3;text-transform:capitalize;letter-spacing:1.2px;pointer-events:none;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.9),0 0 8px rgba(139,92,246,.3);font-family:Georgia,Times New Roman,serif}.equipment-slot.slot-helmet:not(.equipped):after{content:"Helmet"}.equipment-slot.slot-amulet:not(.equipped):after{content:"Amulet"}.equipment-slot.slot-weapon:not(.equipped):after{content:"Weapon"}.equipment-slot.slot-shield:not(.equipped):after{content:"Shield"}.equipment-slot.slot-armor:not(.equipped):after{content:"Armor"}.equipment-slot.slot-belt:not(.equipped):after{content:"Belt"}.equipment-slot.slot-gloves:not(.equipped):after{content:"Gloves"}.equipment-slot.slot-boots:not(.equipped):after{content:"Boots"}.equipment-slot.slot-ring1:not(.equipped):after{content:"Ring I"}.equipment-slot.slot-ring2:not(.equipped):after{content:"Ring II"}.equipment-slot.slot-talisman:not(.equipped):after{content:"Talisman"}.equipment-slot:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(139,92,246,.3),transparent);border-radius:12px;opacity:0}.equipment-slot.equipped{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);box-shadow:0 0 8px #fbbf244d;cursor:grab}.equipment-slot.equipped:active{cursor:grabbing}.equipment-slot.slot-valid{border-color:#34d399!important;background:#34d39933!important}.equipment-slot.slot-invalid{border-color:#ef4444!important;background:#ef444433!important}.equipped-item-image{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(139,92,246,.6))}.guardian-wardrobe{margin-top:0;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:3px solid rgba(59,130,246,.4);border-radius:16px;padding:0 25px 25px;box-shadow:0 10px 30px #000c;position:relative;width:370px;box-sizing:border-box;overflow:visible}.guardian-wardrobe:after{content:"";position:absolute;top:-120px;left:-55px;width:480px;height:790px;background-image:url(/assets/m-stats2-CKjqHkCQ.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0;transition:background-image .3s ease}@media (hover: hover) and (pointer: fine){.guardian-wardrobe:hover:after{background-image:url(/assets/m-stats22-DAuAuDry.png);top:-110px;left:-55px}}.guardian-wardrobe.active:after{background-image:url(/assets/m-stats22-DAuAuDry.png);top:-90px!important;left:118px;width:500px;height:800px}.guardian-wardrobe h3{color:#fbbf24;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 15px rgba(251,191,36,.6);position:relative;z-index:2}#inventory-grid,#guardian-wardrobe-grid,#guardian-premium-grid{display:grid;width:100%;gap:8px;padding:12px;background:#0f172ae6;border-radius:12px;box-sizing:border-box;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(60px,80px));justify-content:center;align-content:start;max-width:100%;position:relative;z-index:2}#inventory-grid{border:2px solid rgba(59,130,246,.3);grid-template-columns:repeat(auto-fit,minmax(120px,140px))}#guardian-wardrobe-grid{border:2px solid rgba(59,130,246,.3);width:fit-content;margin:0 auto}#guardian-premium-grid{border:2px solid rgba(251,191,36,.3)}.inventory-cell{width:100%;aspect-ratio:1 / 1;background:#1e293b99;border:2px solid rgba(59,130,246,.2);border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.inventory-cell>*{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%}.inventory-cell img{max-width:100%;max-height:100%;object-fit:contain}.inventory-cell.cell-valid{border-color:#34d399!important;background:transparent!important;box-shadow:0 0 20px #34d3994d!important;animation:universalPulse .5s ease-in-out infinite}.inventory-cell.cell-invalid,.inventory-cell.invalid-drop{border-color:#ef4444!important;background:#ef444433!important}.inventory-cell.valid-drop{border-color:#34d399!important;background:transparent!important;box-shadow:0 0 20px #34d3994d!important;animation:universalPulse .5s ease-in-out infinite}@keyframes universalPulse{0%,to{box-shadow:0 0 20px #34d399cc}50%{box-shadow:0 0 30px #34d399}}.long-press-active{animation:longPressAnimation 1s ease-in-out;border:3px solid #fbbf24!important;box-shadow:0 0 20px #fbbf24cc!important;background:linear-gradient(135deg,#fbbf244d,#f59e0b33)!important;z-index:100}@keyframes longPressAnimation{0%{transform:scale(1);box-shadow:0 0 10px #fbbf2466}50%{transform:scale(1.08);box-shadow:0 0 30px #fbbf24}to{transform:scale(1.15);box-shadow:0 0 40px #fbbf24}}.long-press-success{animation:longPressSuccess .3s ease-out;border:3px solid #34d399!important;background:linear-gradient(135deg,#34d39966,#10b9814d)!important}@keyframes longPressSuccess{0%{transform:scale(1.15);box-shadow:0 0 40px #34d399}50%{transform:scale(1.2);box-shadow:0 0 50px #34d399}to{transform:scale(1);box-shadow:0 0 20px #34d39999}}.inventory-item-simple{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px;background:linear-gradient(135deg,#3b82f633,#00f2fe1a);border:2px solid rgba(59,130,246,.4);position:relative}.inventory-item-simple:hover{border-color:#00f2fecc;box-shadow:0 4px 15px #3b82f680;z-index:10}.item-image{max-width:90%;max-height:90%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 2px 6px rgba(59,130,246,.6))}.inventory-item-simple .item-emoji{font-size:2rem}.on-sale-badge{position:absolute;top:2px;right:2px;background:#fbbf24;color:#000;font-size:.6rem;font-weight:900;padding:2px 4px;border-radius:4px;box-shadow:0 2px 6px #00000080;z-index:5}.inventory-item-simple[data-rarity=common]{border-color:#94a3b899}.inventory-item-simple[data-rarity=uncommon]{border-color:#22d3ee99;box-shadow:0 0 15px #22d3ee4d}.inventory-item-simple[data-rarity=rare]{border-color:#8b5cf699;box-shadow:0 0 15px #8b5cf666}.inventory-item-simple[data-rarity=epic]{border-color:#a855f799;box-shadow:0 0 20px #a855f780}.inventory-item-simple[data-rarity=legendary]{border-color:#fbbf24cc;box-shadow:0 0 25px #fbbf2499;animation:legendaryGlow 2s ease-in-out infinite}@keyframes legendaryGlow{0%,to{box-shadow:0 0 25px #fbbf2499}50%{box-shadow:0 0 35px #fbbf24e6}}.item-quantity{position:absolute;bottom:2px;right:2px;background:#fbbf24e6;color:#1e293b;font-size:.7rem;font-weight:700;padding:2px 4px;border-radius:4px;min-width:18px;text-align:center;box-shadow:0 2px 4px #0000004d}.inventory-item-tetris{position:absolute;top:0;left:0;background:linear-gradient(135deg,#3b82f64d,#00f2fe33);border:2px solid rgba(59,130,246,.6);border-radius:8px;transition:all .3s ease;box-shadow:0 4px 15px #0006;z-index:10;display:flex;align-items:center;justify-content:center;overflow:hidden}.inventory-item-tetris:hover{border-color:#00f2fee6;box-shadow:0 6px 20px #3b82f699;z-index:20}.inventory-item-tetris .item-image{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(59,130,246,.8))}.inventory-item-tetris[data-rarity=common]{border-color:#94a3b899}.inventory-item-tetris[data-rarity=uncommon]{border-color:#22d3ee99;box-shadow:0 0 15px #22d3ee4d}.inventory-item-tetris[data-rarity=rare]{border-color:#8b5cf699;box-shadow:0 0 15px #8b5cf666}.inventory-item-tetris[data-rarity=epic]{border-color:#a855f799;box-shadow:0 0 20px #a855f780}.inventory-item-tetris[data-rarity=legendary]{border-color:#fbbf24cc;box-shadow:0 0 25px #fbbf2499;animation:legendaryGlow 2s ease-in-out infinite}.item-tooltip{position:fixed;display:none;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid rgba(59,130,246,.6);border-radius:12px;padding:15px;max-width:300px;z-index:10000;pointer-events:none;box-shadow:0 10px 40px #000000e6;animation:tooltipAppear .2s ease-out}@keyframes tooltipAppear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-header{font-weight:700;font-size:1rem;margin-bottom:10px;padding:8px;border-radius:6px;text-align:center}.tooltip-body{font-size:.9rem;line-height:1.6}.premium-wardrobe-container{display:flex;justify-content:center;margin-top:5px;padding:10px;background:none;border-radius:12px;border:none}.btn-unlock-premium{position:absolute;bottom:5px;right:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#000;padding:10px 20px;border-radius:10px;font-weight:900;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #fbbf2466;animation:glowGold 2s ease-in-out infinite;touch-action:manipulation;-webkit-tap-highlight-color:rgba(251,191,36,.5);user-select:none;-webkit-user-select:none;min-height:44px;min-width:44px}.btn-unlock-premium:active{transform:scale(.95);box-shadow:0 3px 15px #fbbf2499}.btn-wardrobe-switch.tab-switch-active{box-shadow:0 0 10px #fbbf244d;transition:all .3s ease}.btn-wardrobe-switch.tab-switch-hover{background:#fbbf2480!important;box-shadow:0 0 30px #fbbf24e6!important;animation:tabPulse .5s ease-in-out infinite}@keyframes tabPulse{0%,to{box-shadow:0 0 30px #fbbf24e6}50%{box-shadow:0 0 40px #fbbf24}}.tab-switch-progress{position:absolute;bottom:0;left:0;height:4px;width:0%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;box-shadow:0 0 10px #fbbf24cc;transition:width .5s linear;z-index:10}.btn-wardrobe-switch.tab-switched{animation:tabSwitched .3s ease-out}@keyframes tabSwitched{0%{transform:scale(1)}50%{transform:scale(1.15);background:#fbbf24cc;box-shadow:0 0 50px #fbbf24}to{transform:scale(1)}}.inventory-item-simple.dragging{opacity:1!important;box-shadow:0 0 20px #fbbf24cc!important;z-index:10000!important;transition:none!important}#touch-drag-clone{position:fixed;z-index:10000;pointer-events:none;opacity:.9;transition:none;background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#touch-drag-clone img{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.valid-drop-target{background:transparent!important;border:2px solid #22c55e!important;box-shadow:0 0 15px #22c55e4d!important;animation:universalPulse 1s ease-in-out infinite}.long-press-success{animation:longPressPulse .3s ease-out}@keyframes longPressPulse{0%{transform:scale(1);box-shadow:0 0 #fbbf2400}50%{transform:scale(1.1);box-shadow:0 0 20px #fbbf24cc}to{transform:scale(1);box-shadow:0 0 #fbbf2400}}.inventory-item-simple[style*="opacity: 0.3"]{filter:grayscale(.5)}@media (min-width: 1401px){#inventory-grid,#guardian-wardrobe-grid,#guardian-premium-grid{grid-template-columns:repeat(auto-fit,minmax(60px,80px));gap:10px;padding:15px}}@media (min-width: 769px) and (max-width: 1024px){.character-main-container{display:flex;flex-direction:column;gap:200px!important}.stats-panel:after{top:-135px!important;left:-330px!important;width:1250px!important;height:1010px!important}.abilities-panel:after{top:-74px!important;left:-260px!important;width:1090px!important;height:620px!important}.avatar-container:after{top:-110px!important;left:-30px!important;width:calc(100% + 60px)!important;height:calc(100% + 165px)!important}.guardian-wardrobe:after{width:480px!important;height:780px!important;left:-55px!important;top:-110px!important}.avatar-container.active:after{width:calc(100% + 60px)!important;height:calc(100% + 185px)!important;top:-110px!important;left:-25px!important}.guardian-wardrobe.active:after{width:480px!important;height:780px!important;left:-55px!important;top:-110px!important}}@media (min-width: 768px) and (max-width: 1200px){.character-main-container{grid-template-columns:1fr;gap:25px}}.stats-panel,.equipment-panel{width:100%;max-width:100%}.inventory-cell.cell-valid,.inventory-cell.valid-drop{box-shadow:0 0 15px #34d39980!important}.equipment-slot.slot-valid{box-shadow:0 0 15px #34d39999!important}@media (max-width: 767px){.character-main-container{grid-template-columns:1fr;gap:10px}.stats-panel,.equipment-panel{width:100%;max-width:100%;padding:15px}.equipment-grid{height:400px}.equipment-slot{width:50px;height:50px}.slot-armor{width:60px;height:60px}#inventory-grid,#guardian-wardrobe-grid,#guardian-premium-grid{grid-template-columns:repeat(auto-fit,minmax(58px,75px));gap:6px;padding:10px}#inventory-grid{grid-template-columns:repeat(auto-fit,minmax(100px,120px))}.guardian-wardrobe,.card{max-width:100%;overflow-x:hidden;padding:15px 10px}.character-layout{flex-direction:column;gap:20px}.btn-wardrobe-switch{padding:6px 12px;font-size:.75rem}button,.btn-elite,.btn-secondary{min-height:48px;padding:12px 20px;font-size:1rem}.tab-switch-progress{height:5px}.btn-wardrobe-switch.tab-switch-hover{background:#fbbf2480!important;box-shadow:0 0 30px #fbbf24e6!important;animation:tabPulse .5s ease-in-out infinite}html,body{overflow-x:hidden;width:100%;position:relative}body{overflow-x:hidden}.character-main-container,.inventory-container,.guardian-wardrobe,.card{overflow-x:hidden;width:100%;max-width:100%}.equipment-panel{padding:10px}.equipment-grid{height:auto;min-height:300px;padding:10px 0}.inventory-item-simple .item-image,.inventory-item-simple .item-emoji{max-width:80%;max-height:80%;object-fit:contain}.inventory-cell.cell-valid,.inventory-cell.valid-drop{box-shadow:0 0 12px #34d39980!important}.equipment-slot.slot-valid{box-shadow:0 0 12px #34d39999!important}.equipment-slot.slot-invalid{box-shadow:0 0 10px #ef444480!important}}@media (max-width: 480px){.equipment-slot{width:45px;height:45px}.slot-armor{width:55px;height:55px}#inventory-grid,#guardian-wardrobe-grid,#guardian-premium-grid{grid-template-columns:repeat(auto-fit,minmax(52px,65px));gap:5px;padding:8px}#inventory-grid{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(9,1fr)!important;gap:3px!important;padding:4px!important}#inventory-grid .inventory-slot{min-height:130px;width:100%}.guardian-wardrobe{max-width:99%;padding:8px 5px}.btn-wardrobe-switch{padding:5px 10px;font-size:.7rem}}@media (max-width: 360px){#inventory-grid,#guardian-wardrobe-grid,#guardian-premium-grid{grid-template-columns:repeat(auto-fit,minmax(48px,60px));gap:3px;padding:6px}#inventory-grid{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:repeat(9,1fr)!important;gap:2px!important;padding:3px!important}#inventory-grid .inventory-slot{min-height:120px;width:100%}.guardian-wardrobe{max-width:99%;padding:6px 4px}.guardian-wardrobe{max-width:100%;padding:0}}.btn-unlock-premium{position:absolute;bottom:10px;right:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;color:#000;padding:10px 20px;border-radius:10px;font-weight:900;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px #fbbf2466;animation:glowGold 2s ease-in-out infinite}.btn-unlock-premium:hover{box-shadow:0 8px 30px #fbbf2499}@keyframes glowGold{0%,to{box-shadow:0 5px 20px #fbbf2466}50%{box-shadow:0 8px 30px #fbbf24cc}}.btn-wardrobe-tab{background:#1e293b4d;border:2px solid rgba(100,116,139,.3);color:#94a3b880;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-height:48px;opacity:.4;touch-action:manipulation;-webkit-tap-highlight-color:rgba(251,191,36,.3);user-select:none;-webkit-user-select:none}.btn-wardrobe-tab:hover{opacity:.6}.btn-wardrobe-tab:active{transform:scale(.95);opacity:.8}.btn-wardrobe-tab.active{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);border:3px solid #fbbf24;color:#fbbf24;box-shadow:0 0 25px #fbbf2466,inset 0 0 15px #fbbf241a;opacity:1;text-shadow:0 0 10px rgba(251,191,36,.5)}.btn-wardrobe-tab.drag-over{background:#fbbf244d!important;border-color:#fbbf24!important;box-shadow:0 0 30px #fbbf24cc!important;transform:scale(1.05);opacity:1!important;animation:tabPulse .5s ease-in-out infinite}@keyframes tabPulse{0%,to{box-shadow:0 0 20px #fbbf2499}50%{box-shadow:0 0 35px #fbbf24}}.btn-wardrobe-switch{background:#fbbf2433;border:2px solid #fbbf24;color:#fbbf24;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:.85rem;position:relative}.btn-wardrobe-switch:hover{background:#fbbf244d;box-shadow:0 5px 15px #fbbf2466}.btn-wardrobe-switch.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;border-color:#f59e0b;box-shadow:0 0 20px #fbbf2499}.inventory-container{display:grid;grid-template-columns:350px 1fr;gap:20px;max-width:1400px;margin:20px auto;padding:20px}.equipment-panel{grid-column:1;position:sticky;top:20px}.inventory-panel{grid-column:2;background:linear-gradient(135deg,#0f172af2,#1e293be6);border:2px solid rgba(51,65,85,.5);border-radius:16px;padding:25px;min-height:600px;box-shadow:0 10px 30px #00000080}@media (max-width: 768px){.inventory-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.equipment-panel{grid-column:1;grid-row:1;position:static}.inventory-panel{grid-column:1;grid-row:2}}.character-main-container{display:grid;grid-template-columns:280px 1fr 300px;gap:20px;margin-bottom:0;align-items:start}.stats-panel{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:2px solid rgba(59,130,246,.4);border-radius:16px;padding:20px;box-shadow:0 10px 30px #000c;max-height:100%;height:fit-content;min-height:400px;overflow-y:auto;overflow-anchor:none;position:relative;overflow:visible}.stats-panel:after{content:"";position:absolute;top:-135px;left:-135px;width:550px;height:1000px;background-image:url(/assets/m-columna1-B_YlsvOw.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:10}.stat-row{display:flex;justify-content:space-between;padding:10px;margin-bottom:8px;background:#1e293b80;border-radius:8px;border-left:3px solid rgba(59,130,246,.5);transition:all .3s ease}.stat-row:hover{background:#1e293bcc}.stat-label{color:#cbd5e1;font-size:.9rem;font-weight:600}.stat-value{color:#3b82f6;font-weight:700;font-size:1rem}.progress-bar{width:100%;height:24px;background:#0f172acc;border-radius:12px;overflow:hidden;border:2px solid rgba(59,130,246,.3)}.progress-fill{height:100%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;transition:width .5s ease;text-shadow:0 1px 3px rgba(0,0,0,.8)}.progress-fill.exp{background:linear-gradient(90deg,#3b82f6,#2563eb)}.avatar-column{display:flex;flex-direction:column;align-items:center;gap:0;max-width:100%;margin-top:35px}.avatar-container{position:relative;max-width:600px;width:100%;margin:0 auto;overflow:visible;display:flex;justify-content:center;align-items:center;padding:5px 0}.avatar-container:after{content:"";position:absolute;top:-100px;left:-25px;width:calc(100% + 50px);height:calc(100% + 155px);background-image:url(/assets/m-stats1-D65kuM3v.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:9;transition:background-image .9s ease}@media (hover: hover) and (pointer: fine){.avatar-container:hover:after{background-image:url(/assets/m-stats11-CmuuyBg9.png);width:calc(100% + 50px);height:calc(100% + 175px);top:-100px;left:-20px}}.avatar-container.active:after{background-image:url(/assets/m-stats11-CmuuyBg9.png);width:calc(100% + 50px);height:calc(100% + 175px);top:-100px;left:-20px}.guardian-wardrobe.active:after{background-image:url(/assets/m-stats22-DAuAuDry.png)}#player-canvas{aspect-ratio:4 / 5;display:block;border:3px solid rgba(59,130,246,.5);border-radius:16px;background:linear-gradient(135deg,#0f172ae6,#1e293be6);box-shadow:0 10px 30px #000c,inset 0 2px 4px #ffffff0d;position:relative;z-index:2}#player-canvas:hover{border:3px solid rgba(59,130,246,.5);box-shadow:0 10px 30px #000c,inset 0 2px 4px #ffffff0d;transform:none;cursor:default}.avatar-image-main{display:none;max-width:100%;height:auto;border-radius:16px}.equipment-slot{position:absolute;width:65px;height:65px;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid rgba(139,92,246,.6);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #000c,inset 0 2px 4px #ffffff1a;z-index:10;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media (hover: none) and (pointer: coarse){.equipment-panel .slot,.guardian-wardrobe .slot,.relic-chest .inventory-cell,.guardian-grid .inventory-cell{animation:none!important;transform:none!important;transition:none!important;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation;outline:none;position:relative;top:0!important;bottom:0!important}.equipment-panel .slot:active,.guardian-wardrobe .slot:active,.relic-chest .inventory-cell:active,.guardian-grid .inventory-cell:active{transform:none!important}}.slot-helmet{top:2%;left:2%}.slot-shield{top:16%;left:2%}.slot-armor{top:30%;left:2%}.slot-ring2{top:70%;left:2%}.slot-boots{top:85%;left:2%}.slot-amulet{top:2%;right:2%}.slot-weapon{top:16%;right:2%}.slot-belt{top:30%;right:2%}.slot-gloves{top:56%;right:2%}.slot-ring1{top:70%;right:2%}.slot-talisman{top:85%;right:2%}.guardian-wardrobe>h3{display:none!important}#guardian-wardrobe-grid{padding:5px}.btn-wardrobe-tab{background:#0f172acc;border:2px solid rgba(100,116,139,.4);color:#94a3b8;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-wardrobe-tab:hover{border-color:#64748b;box-shadow:0 0 15px #64748b4d}.btn-wardrobe-tab.active{background:linear-gradient(135deg,#64748b33,#47556933);border-color:#64748b;box-shadow:0 0 20px #64748b66;color:#f1f5f9}.abilities-panel{background:linear-gradient(135deg,#0f172af2,#1e293be6);border:2px solid rgba(59,130,246,.4);border-radius:16px;padding:20px;box-shadow:0 10px 30px #000c;max-height:600px;overflow-y:auto;position:relative;overflow:visible}.abilities-panel:after{content:"";position:absolute;top:-75px;left:-110px;width:515px;height:640px;background-image:url(/assets/m-columna2-DuJ4SdmI.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:10}.abilities-panel h3{color:#fbbf24!important;font-size:1rem!important;margin-bottom:15px}#abilities-selection-panel{display:grid;gap:12px}.ability-card{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease}.ability-card:hover{border-color:#fbbf24;box-shadow:0 0 15px #fbbf2466;transform:translateY(-2px)}.ability-card.equipped{border-color:#fbbf24;background:linear-gradient(135deg,#fbbf2426,#f59e0b26);box-shadow:0 0 20px #fbbf2480}@media (max-width: 1024px){.character-main-container{grid-template-columns:1fr;gap:20px}.stats-panel,.abilities-panel{max-width:600px;max-height:none;margin:0 auto;width:100%}.avatar-column{order:1}.stats-panel{order:2}.abilities-panel{order:3}}@media (max-width: 768px){.character-main-container{display:flex;flex-direction:column;gap:150px;overflow:visible}.avatar-column{order:1}.stats-panel{order:2}.abilities-panel{order:3}.avatar-container{max-width:380px}#player-canvas{width:520px}.equipment-slot{width:55px;height:55px}.guardian-wardrobe{max-width:380px;margin:-5px auto 0;overflow:visible}.guardian-wardrobe:after{width:50px!important;height:100px!important;left:-25px!important;top:-120px!important}.avatar-container.active:after{left:-23px!important}.stats-panel:after{top:-120px!important;left:-155px!important;width:625px!important;height:920px!important}.abilities-panel:after{top:-80px!important;left:-130px!important;width:570px!important;height:645px!important}.inventory-item-simple:hover{background:transparent!important;border-color:#00f2fecc;box-shadow:0 4px 15px #3b82f680;z-index:10}}@media (max-width: 480px){.avatar-container{max-width:350px}#player-canvas{width:320px}.equipment-slot{width:50px;height:50px}.guardian-wardrobe{max-width:350px;margin:-5px auto 0;overflow:visible}.guardian-wardrobe:after{width:465px!important;height:790px!important;left:-75px!important;top:-110px!important}}#section-character>.card{background:transparent!important;border:none!important;box-shadow:none!important}#section-character h2{color:#94a3b8!important;text-shadow:none!important}.avatar-with-equipment,.equipment-left,.equipment-right,.avatar-center{display:none!important}#player-canvas{width:400px;max-width:100%;height:500px;border:3px solid rgba(59,130,246,.5);border-radius:16px;background:linear-gradient(135deg,#141e32f2,#0a0f1ef2);box-shadow:0 10px 30px #000c;transition:all .3s ease;cursor:pointer;display:block;margin:0}.avatar-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#0f172a80;border-radius:16px;border:2px solid rgba(59,130,246,.3)}.avatar-image-main{display:none;width:100%;max-width:300px;height:auto;border-radius:16px}.canvas-fallback #player-canvas{display:none}.canvas-fallback .avatar-image-main{display:block}@media (max-width: 768px){#player-canvas{width:350px;max-width:100%;height:437px}}@media (max-width: 480px){#player-canvas{width:300px;max-width:100%;height:375px}}.item-socket-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:3px;z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease}.inventory-item-simple:hover .item-socket-container,.equipped-item-image:hover+.item-socket-container,#slot-helmet:hover .item-socket-container,#slot-armor:hover .item-socket-container,#slot-weapon:hover .item-socket-container,#slot-shield:hover .item-socket-container{opacity:1}.inventory-item-simple.show-socket .item-socket-container,.equipment-slot.show-socket .item-socket-container{opacity:1}.item-socket{width:20px;height:20px;position:relative;display:flex;align-items:center;justify-content:center}.item-socket-empty{width:100%;height:100%;object-fit:contain;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.item-socket-rune{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(251,191,36,.8));animation:runeGlow 2s ease-in-out infinite}@keyframes runeGlow{0%,to{filter:drop-shadow(0 2px 4px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 2px 6px rgba(251,191,36,1))}}.item-socket-rune[data-rarity=rare]{filter:drop-shadow(0 2px 4px rgba(59,130,246,.8));animation:runeGlowRare 2s ease-in-out infinite}.item-socket-rune[data-rarity=epic]{filter:drop-shadow(0 2px 4px rgba(139,92,246,.8));animation:runeGlowEpic 2s ease-in-out infinite}.item-socket-rune[data-rarity=legendary]{filter:drop-shadow(0 2px 4px rgba(251,191,36,.8));animation:runeGlowLegendary 2s ease-in-out infinite}@keyframes runeGlowRare{0%,to{filter:drop-shadow(0 2px 4px rgba(59,130,246,.6))}50%{filter:drop-shadow(0 2px 6px rgba(59,130,246,1))}}@keyframes runeGlowEpic{0%,to{filter:drop-shadow(0 2px 4px rgba(139,92,246,.6))}50%{filter:drop-shadow(0 2px 6px rgba(139,92,246,1))}}@keyframes runeGlowLegendary{0%,to{filter:drop-shadow(0 2px 4px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 2px 6px rgba(251,191,36,1))}}.preview-with-socket{position:relative;display:inline-block}.preview-socket-indicator{position:absolute;bottom:-5px;right:-5px;width:24px;height:24px;background:#fbbf24e6;border:2px solid #fbbf24;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#000;box-shadow:0 2px 6px #fbbf2480}.item-has-socket{border-color:#fbbf2466!important}.item-has-socket:hover{border-color:#fbbf24!important;box-shadow:0 0 15px #fbbf2480}.socket-info{margin-top:8px;padding:8px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px}.socket-info-header{font-weight:700;color:#fbbf24;margin-bottom:6px;font-size:.85rem}.socket-info-rune{display:flex;align-items:center;gap:8px;margin-top:4px;padding:4px;background:#8b5cf633;border-radius:4px}.socket-info-rune-icon{font-size:1.2rem}.socket-info-rune-details{flex:1}.socket-info-rune-name{font-weight:600;color:#c4b5fd;font-size:.8rem}.socket-info-rune-effect{font-size:.75rem;color:#cbd5e1;margin-top:2px}.socket-info-empty{color:#94a3b8;font-style:italic;font-size:.75rem}.rune-stat-boost{color:#34d399;font-weight:700}.rune-stat-boost:before{content:"+"}@keyframes engarzarPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.engarzar-animation{animation:engarzarPulse .5s ease-in-out 3}@media (max-width: 768px){.item-socket{width:16px;height:16px}.item-socket-container{gap:2px}.preview-socket-indicator{width:20px;height:20px;font-size:12px}}@media (max-width: 480px){.item-socket{width:14px;height:14px}.item-socket-container{gap:1px}.preview-socket-indicator{width:18px;height:18px;font-size:11px}}.city-section-wrapper{width:100%;max-width:1400px;margin:0 auto}.city-banner{width:100%;height:auto;position:relative;border-radius:20px;overflow:hidden;margin-bottom:25px;box-shadow:0 10px 40px #0009;border:3px solid rgba(59,130,246,.5);display:none}.city-banner img{width:100%;height:auto;display:block;object-fit:cover}.city-banner-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(15,23,42,.95),transparent);padding:30px 20px 20px}.city-banner-title{font-size:2.5rem;font-weight:900;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8);text-align:center;margin-bottom:10px;letter-spacing:2px;text-transform:uppercase}.city-banner-subtitle{font-size:1rem;color:#cbd5e1;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.city-progress-panel{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:25px;margin-bottom:25px;box-shadow:0 10px 30px #00000080}.city-progress-title{font-size:1.3rem;font-weight:700;color:#34d399;margin-bottom:20px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.city-progress-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.city-stat-box{text-align:center;background:#0f172a99;padding:15px;border-radius:12px;border:2px solid rgba(59,130,246,.2);transition:all .3s ease}.city-stat-box:hover{border-color:#00f2fe;box-shadow:0 5px 20px #00f2fe4d;transform:translateY(-3px)}.city-stat-label{font-size:.8rem;color:#94a3b8;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.city-stat-value{font-size:1.8rem;font-weight:700;color:#3b82f6}.city-stat-value.gold{color:#fbbf24}.city-stat-value.green{color:#34d399}.buildings-grid-container{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:25px;box-shadow:0 10px 30px #00000080}.buildings-grid-title{font-size:1.4rem;font-weight:700;color:#3b82f6;margin-bottom:20px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.buildings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.building-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.building-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#00f2fe);opacity:0;transition:opacity .3s ease}.building-card:hover{transform:translateY(-5px);border-color:#00f2fe;box-shadow:0 10px 30px #00f2fe66}.building-card:hover:before{opacity:1}.building-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.7)}.building-card.locked:hover{transform:none;border-color:#3b82f64d;box-shadow:none}.building-card.ready{border-color:#34d399;animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 20px #34d39966}50%{box-shadow:0 0 30px #34d399cc}}.building-card-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.building-card-icon{font-size:3rem;filter:drop-shadow(0 5px 10px rgba(59,130,246,.5));transition:transform .3s ease}.building-card:hover .building-card-icon{transform:scale(1.1) rotate(5deg)}.building-card-info{flex:1}.building-card-name{font-size:1.1rem;font-weight:700;color:#f8fafc;margin-bottom:5px}.building-card-level{font-size:.85rem;color:#94a3b8;display:flex;align-items:center;gap:5px}.building-level-badge{background:linear-gradient(135deg,#3b82f6,#00f2fe);color:#000;padding:2px 8px;border-radius:6px;font-weight:700;font-size:.75rem}.building-card-production{background:#0f172a99;padding:12px;border-radius:8px;margin-bottom:12px;border:1px solid rgba(59,130,246,.2)}.building-production-label{font-size:.75rem;color:#94a3b8;margin-bottom:5px;text-transform:uppercase}.building-production-value{font-size:1rem;font-weight:700;color:#fbbf24;display:flex;align-items:center;gap:8px}.building-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.building-timer{font-size:.85rem;color:#cbd5e1;display:flex;align-items:center;gap:5px}.building-timer.ready{color:#34d399;font-weight:700;animation:timerBlink 1s ease-in-out infinite}@keyframes timerBlink{0%,to{opacity:1}50%{opacity:.5}}.building-action-btn{background:linear-gradient(135deg,#3b82f6,#00f2fe);border:none;padding:8px 16px;border-radius:8px;color:#000;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:5px}.building-action-btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #3b82f680}.building-action-btn:active{transform:scale(.98)}.building-action-btn.collect{background:linear-gradient(135deg,#34d399,#10b981)}.building-action-btn:disabled{opacity:.5;cursor:not-allowed}.building-status-badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.building-status-badge.locked{background:#64748bcc;color:#fff}.building-status-badge.ready{background:linear-gradient(135deg,#34d399,#10b981);color:#000;animation:badgePulse 1.5s ease-in-out infinite}.building-status-badge.upgrading{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.city-banner-title{font-size:1.8rem}.city-banner-subtitle{font-size:.85rem}.buildings-grid,.city-progress-stats{grid-template-columns:1fr}.building-card-header{flex-direction:column;text-align:center}.building-card-info{text-align:center}.building-card-footer{flex-direction:column}.building-action-btn{width:100%;justify-content:center}}@media (max-width: 480px){.city-banner-title{font-size:1.5rem}.city-stat-value{font-size:1.4rem}.building-card-icon{font-size:2.5rem}.building-card-name{font-size:1rem}}@keyframes castleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 0 40px rgba(251,191,36,1))}}.building-card.castle .building-card-icon{animation:castleGlow 3s ease-in-out infinite}.city-map-interactive{position:relative;width:100%;border-radius:20px;overflow:hidden;margin-bottom:25px;box-shadow:0 10px 40px #0009;border:3px solid rgba(59,130,246,.5);background:#000}.city-background-image{width:100%;height:auto;display:block;object-fit:cover}.city-svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.building-polygon{pointer-events:all;cursor:pointer;fill:#3b82f60d;stroke:#3b82f666;stroke-width:2;transition:all .3s ease}.building-polygon:hover{fill:#3b82f640;stroke:#00f2fe;stroke-width:3;filter:drop-shadow(0 0 20px rgba(0,242,254,.8))}.building-polygon.locked{fill:#64748b0d;stroke:#64748b4d;cursor:not-allowed;filter:grayscale(.8) brightness(.6)}.building-polygon.locked:hover{fill:#64748b1a;stroke:#64748b66;stroke-width:2;filter:grayscale(.8) brightness(.6)}.building-polygon.ready{fill:#34d39926;stroke:#34d399;stroke-width:3;animation:readyPulseSVG 2s ease-in-out infinite}@keyframes readyPulseSVG{0%,to{filter:drop-shadow(0 0 15px rgba(52,211,153,.6));stroke-width:3}50%{filter:drop-shadow(0 0 30px rgba(52,211,153,1));stroke-width:4}}.building-polygon.upgrading{fill:#8b5cf626;stroke:#8b5cf6;stroke-width:3;animation:upgradingPulse 1.5s ease-in-out infinite}@keyframes upgradingPulse{0%,to{filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}50%{filter:drop-shadow(0 0 20px rgba(139,92,246,.9))}}.building-label{pointer-events:none;font-size:32px;fill:#f8fafc;text-shadow:0 2px 10px rgba(0,0,0,.9);text-anchor:middle;dominant-baseline:middle;opacity:0;transition:opacity .3s ease;filter:drop-shadow(0 0 10px rgba(59,130,246,.8))}.building-polygon:hover+.building-label{opacity:1}.building-polygon.ready+.building-label{opacity:.8;animation:labelBounce 1s ease-in-out infinite}@keyframes labelBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.building-polygon[data-building=castle]{stroke:#fbbf24;stroke-width:3}.building-polygon[data-building=castle]:hover{stroke:#fbbf24;filter:drop-shadow(0 0 30px rgba(251,191,36,1))}.building-polygon[data-building=castle]:not(.locked){animation:castleGlowSVG 3s ease-in-out infinite}@keyframes castleGlowSVG{0%,to{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 0 40px rgba(251,191,36,1))}}.building-tooltip{position:absolute;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid rgba(59,130,246,.5);border-radius:12px;padding:15px;pointer-events:none;z-index:1000;box-shadow:0 10px 30px #000c;min-width:200px;max-width:300px;opacity:0;transform:translateY(10px);transition:all .3s ease}.building-tooltip.active{opacity:1;transform:translateY(0)}.building-tooltip-title{font-size:1.1rem;font-weight:700;color:#3b82f6;margin-bottom:8px}.building-tooltip-level{font-size:.85rem;color:#94a3b8;margin-bottom:10px}.building-tooltip-status{font-size:.9rem;font-weight:700;padding:5px 10px;border-radius:6px;display:inline-block;margin-bottom:8px}.building-tooltip-status.ready{background:linear-gradient(135deg,#34d399,#10b981);color:#000}.building-tooltip-status.locked{background:#64748b80;color:#cbd5e1}.building-tooltip-status.upgrading{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.building-tooltip-description{font-size:.85rem;color:#cbd5e1;line-height:1.4}.building-click-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#3b82f6e6;color:#fff;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:700;pointer-events:none;opacity:0;animation:clickHint 3s ease-in-out infinite;z-index:10}@keyframes clickHint{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 1200px){.building-label{font-size:28px}}@media (max-width: 768px){.building-label{font-size:24px}.building-polygon{stroke-width:1.5}.building-polygon:hover,.building-polygon.ready{stroke-width:2}.city-map-interactive{border-radius:12px;border-width:2px}.building-tooltip{min-width:150px;max-width:200px;padding:12px}.building-tooltip-title{font-size:.95rem}.building-tooltip-level,.building-tooltip-description{font-size:.75rem}}@media (max-width: 480px){.building-label{font-size:20px}.building-polygon{stroke-width:1}.building-polygon:hover,.building-polygon.ready{stroke-width:1.5}.city-map-interactive{border-radius:8px}.building-tooltip{min-width:120px;max-width:180px;padding:10px;font-size:.8rem}}.building-polygon.ready:before{content:"";position:absolute;inset:0;border-radius:inherit;animation:ripple 2s ease-out infinite}@keyframes ripple{0%{box-shadow:0 0 #34d399b3}to{box-shadow:0 0 0 20px #34d39900}}@keyframes unlockPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.building-polygon.just-unlocked{animation:unlockPop .6s ease-out}.building-polygon.new-building{stroke:#fbbf24;stroke-width:4;animation:newBuildingGlow 2s ease-in-out 3}@keyframes newBuildingGlow{0%,to{filter:drop-shadow(0 0 15px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 0 35px rgba(251,191,36,1))}}.building-node{cursor:pointer;pointer-events:all;transition:all .3s ease}.building-hover-area{fill:transparent;stroke:none;cursor:pointer}.building-circle{opacity:0;fill:#3b82f60d;stroke:none;transition:all .3s ease}.building-node:hover .building-circle{opacity:.3;fill:#3b82f633}.building-node:not(.locked) .building-circle{opacity:0}.building-node:not(.locked):hover .building-circle{opacity:.3;fill:#3b82f633}.building-node.ready .building-circle{opacity:.6;fill:#34d3994d;stroke:#34d399;stroke-width:3;filter:drop-shadow(0 0 20px rgba(52,211,153,.8));animation:readyGlow 2s ease-in-out infinite}@keyframes readyGlow{0%,to{filter:drop-shadow(0 0 20px rgba(52,211,153,.8));stroke-width:3}50%{filter:drop-shadow(0 0 40px rgba(52,211,153,1));stroke-width:4}}.building-node.ready:hover .building-circle{opacity:.8;fill:#34d39966;filter:drop-shadow(0 0 50px rgba(52,211,153,1))}.building-node.ready .building-circle{fill:#34d39933;stroke:#34d399;stroke-width:3;animation:buildingReadyPulse 2s ease-in-out infinite}@keyframes buildingReadyPulse{0%,to{opacity:.5;filter:drop-shadow(0 0 15px rgba(52,211,153,.6))}50%{opacity:.7;filter:drop-shadow(0 0 30px rgba(52,211,153,1))}}.building-node.upgrading .building-circle{opacity:.4;fill:#8b5cf633;stroke:#8b5cf6;stroke-width:3;animation:buildingUpgradingPulse 1.5s ease-in-out infinite}@keyframes buildingUpgradingPulse{0%,to{filter:drop-shadow(0 0 10px rgba(139,92,246,.5))}50%{filter:drop-shadow(0 0 20px rgba(139,92,246,.9))}}.building-node.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.building-node.locked .building-circle{opacity:.2;fill:#64748b26;stroke:#64748b66;stroke-width:2}.building-node.locked:hover .building-circle{opacity:.2}.building-icon{pointer-events:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.9));transform:none!important;transition:none!important;animation:none!important}.building-node.ready .building-icon{filter:drop-shadow(0 5px 15px rgba(52,211,153,.8))}.building-node.upgrading .building-icon{filter:drop-shadow(0 5px 15px rgba(139,92,246,.8))}.building-label-name{pointer-events:none;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.9);opacity:0;transition:opacity .3s ease}.building-node:hover .building-label-name{opacity:1}.building-tooltip{position:fixed;display:none;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid rgba(59,130,246,.5);border-radius:12px;padding:15px;min-width:220px;max-width:320px;z-index:10000;box-shadow:0 10px 40px #000000e6;pointer-events:none;animation:tooltipAppear .2s ease-out}.building-node[data-building=castle]:not(.locked) .building-circle{stroke:#fbbf24;stroke-width:4;animation:castleGlowCircle 3s ease-in-out infinite}@keyframes castleGlowCircle{0%,to{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 0 40px rgba(251,191,36,1))}}@media (max-width: 768px){.building-icon{font-size:28px}.building-label-name{font-size:12px}.building-tooltip{min-width:180px;max-width:250px;padding:12px}}@media (max-width: 480px){.building-icon{font-size:24px}.building-label-name{font-size:10px}.building-tooltip{min-width:150px;max-width:200px;padding:10px}}.missions-banner{background:linear-gradient(135deg,#1e3a8a,#7c3aed);border-radius:20px;padding:30px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 10px 40px #7c3aed66}.missions-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.missions-banner-content{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.missions-banner-icon{font-size:4rem;animation:bounce 2s ease-in-out infinite}.missions-banner-title{font-size:2rem;font-weight:900;color:#f8fafc;letter-spacing:2px;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:0}.missions-banner-subtitle{color:#cbd5e1;font-size:1rem;margin:5px 0 0}.story-progress-card{background:linear-gradient(135deg,#0f172ae6,#1e293be6);border:2px solid rgba(59,130,246,.3);border-radius:20px;padding:25px;margin-bottom:20px}.story-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.story-progress-title{font-size:1.5rem;font-weight:700;color:#3b82f6;display:flex;align-items:center;gap:10px}.story-progress-stats{display:flex;gap:20px;flex-wrap:wrap}.story-stat{text-align:center}.story-stat-value{font-size:1.5rem;font-weight:900;color:#00f2fe;display:block}.story-stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:1px}.story-progress-bar-container{margin-top:15px}.story-progress-bar-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#94a3b8}.story-progress-bar{height:20px;background:#1e293bcc;border-radius:10px;overflow:hidden;position:relative;border:2px solid rgba(59,130,246,.3)}.story-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#7c3aed);border-radius:8px;transition:width .5s ease;position:relative;display:flex;align-items:center;justify-content:center;font-weight:700;color:#f8fafc;font-size:.85rem}.story-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.missions-list{display:flex;flex-direction:column;gap:20px}.mission-card{background:linear-gradient(135deg,#0f172ae6,#1e293be6);border:2px solid rgba(59,130,246,.3);border-radius:20px;padding:25px;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer}.mission-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #3b82f64d;border-color:#3b82f6}.mission-card.completed{border-color:#22c55e80;opacity:.7}.mission-card.completed:after{content:"✓";position:absolute;top:20px;right:20px;font-size:3rem;color:#22c55e;opacity:.3}.mission-card.locked{border-color:#64748b4d;opacity:.6;cursor:not-allowed}.mission-card.locked:hover{transform:none;box-shadow:none}.mission-card.available{border-color:#fbbf2480;box-shadow:0 0 30px #fbbf2433}.mission-card.available:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent);pointer-events:none}.mission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:15px}.mission-info{flex:1}.mission-number{display:inline-block;background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#f8fafc;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.mission-title{font-size:1.3rem;font-weight:700;color:#f8fafc;margin-bottom:8px;display:flex;align-items:center;gap:10px}.mission-enemy-icon{font-size:1.8rem}.mission-enemy-name{color:#ef4444;font-size:1.1rem}.mission-description{color:#94a3b8;line-height:1.6;margin-bottom:15px}.mission-level-badge{display:inline-flex;align-items:center;gap:5px;background:#3b82f633;padding:8px 15px;border-radius:10px;font-size:.9rem;color:#3b82f6;font-weight:700;border:2px solid rgba(59,130,246,.3)}.mission-rewards{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:15px;margin-bottom:15px}.mission-rewards-title{font-size:.9rem;font-weight:700;color:#fbbf24;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:8px}.mission-rewards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.mission-reward-item{background:#0f172a99;border-radius:10px;padding:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(251,191,36,.2)}.mission-reward-item:hover{background:#0f172ae6;transform:scale(1.05);border-color:#fbbf2480}.mission-reward-icon{font-size:1.5rem;margin-bottom:5px;display:block}.mission-reward-text{font-size:.85rem;color:#cbd5e1;font-weight:600}.mission-footer{display:flex;gap:10px;flex-wrap:wrap}.mission-action-btn{flex:1;min-width:140px;padding:15px 25px;border-radius:12px;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.mission-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#f8fafc;box-shadow:0 5px 20px #3b82f666}.mission-action-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #3b82f699}.mission-action-btn.secondary{background:#1e293bcc;border:2px solid rgba(59,130,246,.3);color:#cbd5e1}.mission-action-btn.secondary:hover:not(:disabled){background:#3b82f633;border-color:#3b82f6}.mission-action-btn.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#f8fafc;cursor:default}.mission-action-btn.locked{background:#64748b4d;border:2px solid rgba(100,116,139,.3);color:#64748b;cursor:not-allowed}.mission-action-btn:disabled{opacity:.6;cursor:not-allowed}.mission-status-badge{position:absolute;top:20px;right:20px;padding:8px 16px;border-radius:10px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 5px 15px #0000004d;z-index:10}.mission-status-badge.completed{background:linear-gradient(135deg,#22c55e,#16a34a);color:#f8fafc}.mission-status-badge.locked{background:#64748b80;color:#cbd5e1}.mission-status-badge.available{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#0f172a;animation:pulse 2s ease-in-out infinite}.no-missions-message{text-align:center;padding:60px 20px;color:#94a3b8}.no-missions-icon{font-size:5rem;margin-bottom:20px;opacity:.5}.no-missions-text{font-size:1.2rem;margin-bottom:10px}.no-missions-subtext{font-size:.9rem;color:#64748b}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #fbbf244d}50%{box-shadow:0 0 40px #fbbf2499}}@media (max-width: 768px){.missions-banner{padding:20px}.missions-banner-title{font-size:1.5rem}.missions-banner-icon{font-size:3rem}.story-progress-header{flex-direction:column;align-items:flex-start}.mission-header{flex-direction:column}.mission-status-badge{position:static;display:inline-block;margin-bottom:10px}.mission-action-btn{min-width:100%}.mission-rewards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.mission-title{font-size:1.1rem}.mission-enemy-icon{font-size:1.5rem}.story-progress-stats{width:100%;justify-content:space-around}}.abilities-row{display:flex;gap:10px;margin-top:15px}.ability-btn{flex:1;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:2px solid rgba(139,92,246,.5);border-radius:12px;padding:15px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ability-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #8b5cf666}.ability-btn.on-cooldown{opacity:.5;cursor:not-allowed}.ability-btn.locked{background:#1e293b80;border-color:#64748b80;opacity:.6}.ability-icon{font-size:2rem;margin-bottom:5px}.ability-name{font-size:.85rem}.ability-cd{position:absolute;top:5px;right:5px;background:#ef4444e6;padding:2px 8px;border-radius:12px;font-size:.75rem}.ability-lock{position:absolute;bottom:5px;right:5px;font-size:.7rem;color:#64748b}#section-settings-config,#section-settings-account{padding-top:0!important;margin-top:-10px}.settings-container{display:grid;gap:20px;padding-top:0;margin-top:0}.settings-container{display:grid;gap:20px;padding:0;margin:0}.settings-container>.settings-section:first-child,.settings-container>.card:first-child{margin-top:0!important}.settings-section{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:25px;transition:all .3s ease}.settings-section:hover{border-color:#00f2fe;box-shadow:0 0 30px #00f2fe33}.settings-section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(59,130,246,.3)}.settings-section-icon{font-size:2rem;filter:drop-shadow(0 2px 8px rgba(59,130,246,.5))}.settings-section-title{font-size:1.3rem;font-weight:700;color:#3b82f6;text-transform:uppercase;letter-spacing:1px}.settings-control{margin-bottom:20px}.settings-control:last-child{margin-bottom:0}.settings-control-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#cbd5e1;font-weight:600;font-size:.95rem}.settings-control-value{color:#fbbf24;font-weight:700;font-size:1.1rem;min-width:50px;text-align:right}.settings-slider{width:100%;height:8px;border-radius:4px;background:#47556980;outline:none;-webkit-appearance:none;appearance:none;position:relative}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#00f2fe);cursor:pointer;box-shadow:0 0 10px #3b82f680;transition:all .3s ease;margin-top:-6px}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #3b82f6cc}.settings-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#00f2fe);cursor:pointer;border:none;box-shadow:0 0 10px #3b82f680;transition:all .3s ease;margin-top:0}.settings-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 20px #3b82f6cc}.settings-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#3b82f6 0%,#3b82f6 var(--value),rgba(71,85,105,.5) var(--value),rgba(71,85,105,.5) 100%);height:8px;border-radius:4px}.settings-toggle{display:flex;align-items:center;gap:15px;margin-bottom:15px}.toggle-switch{position:relative;display:inline-block;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#47556980;border:2px solid rgba(100,116,139,.5);transition:.4s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#64748b;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#34d399,#10b981);border-color:#34d399}input:checked+.toggle-slider:before{transform:translate(28px);background:#fff}.toggle-label{color:#cbd5e1;font-weight:600;font-size:.95rem;flex:1}.toggle-status{font-weight:700;font-size:.85rem;min-width:40px}.toggle-status.active{color:#34d399}.toggle-status.inactive{color:#64748b}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.language-option{background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.language-option:hover{border-color:#00f2fe;transform:translateY(-3px);box-shadow:0 8px 25px #00f2fe4d}.language-option.active{border-color:#34d399;background:#34d39933;box-shadow:0 0 20px #34d39966}.language-flag{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(59,130,246,.5))}.language-name{font-weight:700;color:#f8fafc;font-size:.9rem}.language-option.active .language-name{color:#34d399}.theme-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-option{background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.theme-option:hover{border-color:#00f2fe;transform:translateY(-3px)}.theme-option.active{border-color:#fbbf24;background:#fbbf2433;box-shadow:0 0 20px #fbbf2466}.theme-icon{font-size:3rem;margin-bottom:10px;filter:drop-shadow(0 2px 8px rgba(59,130,246,.5))}.theme-name{font-weight:700;color:#f8fafc;font-size:1rem}.quality-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quality-option{background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:10px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .3s ease;font-weight:700;color:#cbd5e1;font-size:.9rem}.quality-option:hover{border-color:#00f2fe;transform:translateY(-2px)}.quality-option.active{border-color:#fbbf24;background:#fbbf2433;color:#fbbf24;box-shadow:0 0 15px #fbbf2466}.account-info{background:#0f172acc;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;margin-bottom:20px}.account-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(59,130,246,.2)}.account-info-row:last-child{border-bottom:none}.account-info-label{color:#94a3b8;font-size:.9rem;display:flex;align-items:center;gap:8px}.account-info-value{color:#f8fafc;font-weight:700;font-size:.95rem}.account-info-value.linked{color:#34d399}.account-info-value.not-linked{color:#64748b}.settings-actions{display:grid;gap:12px;margin-top:20px}.settings-btn{background:#3b82f633;border:2px solid #3b82f6;color:#3b82f6;padding:14px 20px;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.settings-btn:hover{background:#3b82f64d;transform:translateY(-2px);box-shadow:0 5px 15px #3b82f64d}.settings-btn:active{transform:scale(.98)}.settings-btn.primary{background:linear-gradient(135deg,#3b82f6,#00f2fe);border-color:#00f2fe;color:#000;font-weight:900}.settings-btn.primary:hover{box-shadow:0 8px 25px #00f2fe66}.settings-btn.success{border-color:#34d399;color:#34d399}.settings-btn.success:hover{background:#34d39933}.settings-btn.danger{border-color:#ef4444;color:#ef4444}.settings-btn.danger:hover{background:#ef444433;box-shadow:0 5px 15px #ef44444d}.danger-zone{background:#ef44441a;border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:20px;margin-top:30px}.danger-zone-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid rgba(239,68,68,.3)}.danger-zone-title{font-size:1.1rem;font-weight:700;color:#ef4444;text-transform:uppercase}.danger-zone-warning{color:#fca5a5;font-size:.85rem;line-height:1.5;margin-bottom:15px}.last-saved{display:flex;align-items:center;justify-content:space-between;background:#0f172a99;padding:12px 16px;border-radius:8px;margin-bottom:15px;border:2px solid rgba(34,211,238,.3)}.last-saved-label{color:#94a3b8;font-size:.85rem}.last-saved-time{color:#22d3ee;font-weight:700;font-size:.9rem}@media (max-width: 768px){.settings-section{padding:20px}.settings-section-title{font-size:1.1rem}.language-grid{grid-template-columns:repeat(2,1fr)}.theme-selector,.quality-selector{grid-template-columns:1fr}}@media (max-width: 480px){.settings-section-icon{font-size:1.5rem}.settings-control-label,.toggle-label{font-size:.85rem}.settings-btn{padding:12px 16px;font-size:.85rem}}#section-settings-config,#section-settings-account{padding-top:0!important}#section-settings-config .settings-container,#section-settings-account .settings-container{padding-top:0!important;margin-top:0!important}#section-settings-config .settings-section:first-child,#section-settings-account .settings-section:first-child,#section-settings-config .card:first-child,#section-settings-account .card:first-child{margin-top:0!important;padding-top:20px}.universe-container{position:relative;width:100%;max-width:1200px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #000c;border:3px solid rgba(59,130,246,.5)}.universe-background{width:100%;height:auto;display:block}.universe-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.world-node{cursor:pointer;pointer-events:all;transition:all .3s ease}.world-circle{opacity:0;fill:#ffffff0d;stroke:none;transition:opacity .3s ease}.world-node:hover .world-circle{opacity:.3;fill:#ffffff26}.world-node.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.world-node.locked:hover .world-circle{opacity:0}@keyframes worldPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes worldGlow{0%,to{filter:drop-shadow(0 5px 15px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 10px 30px rgba(251,191,36,1))}}.world-tooltip{position:fixed;display:none;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid rgba(59,130,246,.5);border-radius:12px;padding:15px;min-width:200px;max-width:300px;z-index:10000;box-shadow:0 10px 40px #000000e6;pointer-events:none;animation:tooltipAppear .2s ease-out}@keyframes tooltipAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.world-transition-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;animation:worldTransitionFade 2s ease-in-out forwards}@keyframes worldTransitionFade{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.world-transition-content{text-align:center}.world-transition-portal{width:200px;height:200px;margin:0 auto 30px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#00f2fe,#8b5cf6);animation:portalSpin 2s linear infinite,portalPulse 1s ease-in-out infinite;box-shadow:0 0 60px #3b82f6cc}@keyframes portalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portalPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.world-transition-text{font-size:1.5rem;font-weight:700;color:#00f2fe;text-transform:uppercase;letter-spacing:3px;animation:textGlow 1s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 20px rgba(0,242,254,.8)}50%{text-shadow:0 0 40px rgba(0,242,254,1)}}.chronicles-section{max-width:1400px;margin:0 auto}.chronicles-banner{background:linear-gradient(135deg,#1e3a8a,#7c3aed);border-radius:20px;padding:40px;margin-bottom:25px;text-align:center;box-shadow:0 10px 40px #7c3aed66;position:relative;overflow:hidden}.chronicles-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.chronicles-banner-icon{font-size:5rem;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}.chronicles-banner-title{font-size:2.5rem;font-weight:900;color:#f8fafc;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.chronicles-banner-subtitle{color:#cbd5e1;font-size:1.1rem}.chronicles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px}.chronicles-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(59,130,246,.3);border-radius:16px;padding:25px;transition:all .3s ease}.chronicles-card:hover{transform:translateY(-5px);border-color:#00f2fe;box-shadow:0 15px 40px #00f2fe4d}.chronicles-card-title{font-size:1.3rem;font-weight:700;color:#3b82f6;margin-bottom:20px;display:flex;align-items:center;gap:10px}.chronicles-stat-row{display:flex;justify-content:space-between;padding:12px;background:#0f172a99;border-radius:8px;margin-bottom:10px;transition:all .3s ease}.chronicles-stat-row:hover{background:#3b82f633}.chronicles-stat-label{color:#94a3b8;font-size:.9rem}.chronicles-stat-value{font-weight:700;color:#fbbf24;font-size:1.1rem}.world-progress-item{background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;margin-bottom:15px;transition:all .3s ease}.world-progress-item:hover{border-color:#00f2fe;transform:translate(5px)}.world-progress-item.completed{border-color:#34d39980;background:#34d3991a}.world-progress-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.world-progress-icon{font-size:2.5rem;filter:drop-shadow(0 2px 8px rgba(251,191,36,.5))}.world-progress-name{font-size:1.2rem;font-weight:700;color:#f8fafc}.world-progress-bar-container{margin-top:10px}.world-progress-bar{width:100%;height:20px;background:#47556980;border-radius:10px;overflow:hidden;border:2px solid rgba(59,130,246,.3)}.world-progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#00f2fe);transition:width .5s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.bestiary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.bestiary-card{background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:15px;text-align:center;transition:all .3s ease;cursor:pointer}.bestiary-card:hover{border-color:#34d399;box-shadow:0 0 20px #34d39999}.bestiary-icon{font-size:3rem;margin-bottom:10px;filter:drop-shadow(0 2px 8px rgba(239,68,68,.5))}.bestiary-name{font-size:.9rem;font-weight:700;color:#f8fafc;margin-bottom:5px}.bestiary-level{font-size:.75rem;color:#94a3b8}.lore-section{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(59,130,246,.3);border-radius:20px;padding:30px;margin-bottom:25px}.lore-world-selector{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap;justify-content:center}.lore-world-btn{padding:12px 24px;border-radius:8px;background:#3b82f633;border:2px solid rgba(59,130,246,.3);color:#94a3b8;font-weight:700;cursor:pointer;transition:all .3s ease}.lore-world-btn:hover{background:#3b82f64d;border-color:#3b82f6}.lore-world-btn.active{background:#3b82f680;border-color:#00f2fe;color:#00f2fe}.lore-content{color:#cbd5e1;line-height:1.8;font-size:1rem}.lore-paragraph{margin-bottom:20px;text-align:justify}.lore-title{font-size:1.5rem;font-weight:700;color:#fbbf24;margin-bottom:15px;text-align:center}@media (max-width: 768px){.chronicles-banner{padding:25px}.chronicles-banner-icon{font-size:3rem}.chronicles-banner-title{font-size:1.8rem}.chronicles-grid{grid-template-columns:1fr}.bestiary-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.universe-container{border-radius:12px}}@media (max-width: 480px){.chronicles-banner-title{font-size:1.5rem}.world-progress-icon{font-size:2rem}.world-progress-name{font-size:1rem}}.world-map-wrapper{width:100%;max-width:1400px;margin:0 auto}.world-map-banner{background:linear-gradient(135deg,#1e3a8a,#7c3aed);border-radius:20px;padding:30px;margin-bottom:25px;text-align:center;box-shadow:0 10px 40px #7c3aed66;position:relative;overflow:hidden}.world-map-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.world-map-banner-content{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;z-index:1}.world-map-banner-icon{font-size:5rem;animation:bounce 2s ease-in-out infinite}.world-map-banner-title{font-size:2.5rem;font-weight:900;color:#f8fafc;letter-spacing:3px;text-transform:uppercase;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.world-map-banner-subtitle{color:#cbd5e1;font-size:1.1rem}.world-map-interactive{position:relative;width:100%;border-radius:20px;overflow:hidden;margin-bottom:25px;box-shadow:0 10px 40px #0009;border:3px solid rgba(59,130,246,.5);background:#000}.world-background-image{width:100%;height:auto;display:block;object-fit:cover}.world-svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mission-node{pointer-events:all;cursor:pointer;transition:all .3s ease}.mission-node-circle{transition:all .3s ease;filter:drop-shadow(0 5px 15px rgba(0,0,0,.5))}.mission-node:hover .mission-node-circle{filter:drop-shadow(0 5px 15px rgba(59,130,246,.6))}.mission-node.completed .mission-node-circle{fill:#34d3994d;stroke:#34d399;stroke-width:4}.mission-node.completed:hover .mission-node-circle{filter:drop-shadow(0 5px 20px rgba(52,211,153,.8))}.mission-node.available .mission-node-circle{fill:#fbbf244d;stroke:#fbbf24;stroke-width:4;animation:availablePulse 1.5s ease-in-out infinite}.mission-node.available:hover .mission-node-circle{animation:availablePulse 1.5s ease-in-out infinite}.mission-node.locked .mission-node-circle{fill:#64748b33;stroke:#64748b;stroke-width:3;opacity:.5;cursor:not-allowed;filter:grayscale(.8)}.mission-node.locked:hover .mission-node-circle{transform:none}.mission-node.boss .mission-node-circle{stroke-width:5;filter:drop-shadow(0 0 30px rgba(239,68,68,.8))}.mission-node.boss.available .mission-node-circle{animation:bossPulse 1s ease-in-out infinite}@keyframes completedPulse{0%,to{opacity:1}50%{opacity:.7}}.mission-pulse-circle{pointer-events:none;animation:missionPulse 2s ease-in-out infinite}.mission-glow-circle{pointer-events:none;filter:drop-shadow(0 0 20px rgba(34,211,153,.8))}.mission-defeated-mark{pointer-events:none;filter:drop-shadow(0 0 15px rgba(251,191,36,1))}.mission-node-icon.locked-boss{pointer-events:none}@keyframes missionPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes availablePulse{0%,to{filter:drop-shadow(0 5px 15px rgba(251,191,36,.6))}50%{filter:drop-shadow(0 10px 30px rgba(251,191,36,1))}}@keyframes bossPulse{0%,to{filter:drop-shadow(0 0 30px rgba(239,68,68,.8))}50%{filter:drop-shadow(0 0 50px rgba(239,68,68,1))}}.mission-node-icon{font-size:32px;text-anchor:middle;dominant-baseline:central;pointer-events:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.9))}.mission-node-label{font-size:14px;font-weight:700;fill:#f8fafc;text-anchor:middle;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.9)}.mission-path{stroke:#3b82f64d;stroke-width:3;fill:none;stroke-dasharray:10 5;animation:pathFlow 2s linear infinite}.mission-path.completed{stroke:#34d39980;stroke-width:4}@keyframes pathFlow{to{stroke-dashoffset:-15}}@media (max-width: 768px){.world-map-banner-title{font-size:1.8rem}.world-map-banner-icon{font-size:3rem}.mission-node-icon{font-size:24px}.mission-node-label{font-size:12px}.world-map-interactive{border-radius:12px;border-width:2px}}@media (max-width: 480px){.world-map-banner{padding:20px}.world-map-banner-title{font-size:1.5rem}.world-map-banner-content{flex-direction:column;gap:15px}.mission-node-icon{font-size:20px}.mission-node-label{font-size:10px}}:root{--arcane-primary: #a78bfa;--arcane-primary-dark: #7c3aed;--arcane-secondary: #60a5fa;--arcane-accent: #c084fc;--arcane-dark: #0f0a1f;--arcane-dark-secondary: #1e1534;--arcane-gold: #fbbf24;--arcane-gold-light: #fcd34d;--arcane-danger: #f87171;--arcane-success: #34d399;--glow-primary: 0 0 30px rgba(167, 139, 250, .6);--glow-gold: 0 0 20px rgba(251, 191, 36, .5);--shadow-deep: 0 20px 60px rgba(0, 0, 0, .5);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4)}@keyframes nexusFadeIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes floatingGlow{0%,to{box-shadow:var(--glow-primary),var(--shadow-deep)}50%{box-shadow:0 0 50px #a78bfae6,var(--shadow-deep)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 10px currentColor)}50%{filter:drop-shadow(0 0 25px currentColor)}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.arcane-nexus-modal *{animation-delay:0s!important;animation-duration:5s!important;animation-iteration-count:1!important}.arcane-nexus-modal .nexus-container{animation:floatingGlow 5s ease-in-out 1;animation-play-state:running}.arcane-nexus-modal .nexus-title h2{animation:shimmer 5s linear 1}.arcane-nexus-modal .card-icon,.arcane-nexus-modal .status-icon{animation:pulseGlow 5s ease-in-out 1}.arcane-nexus-modal{animation:nexusFadeIn .5s cubic-bezier(.4,0,.2,1)}.arcane-nexus-modal .nexus-container:before{animation:particleRotate 5s linear 1}.arcane-nexus-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#7c3aed26,#000000f2 70%);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);display:flex;justify-content:center;align-items:center;z-index:9999;animation:nexusFadeIn .5s cubic-bezier(.4,0,.2,1);padding:20px}.nexus-container{background:linear-gradient(145deg,var(--arcane-dark) 0%,var(--arcane-dark-secondary) 50%,var(--arcane-dark) 100%);border:3px solid transparent;background-image:linear-gradient(var(--arcane-dark),var(--arcane-dark-secondary)),linear-gradient(135deg,var(--arcane-primary),var(--arcane-secondary),var(--arcane-gold));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:var(--glow-primary),var(--shadow-deep),inset 0 0 60px #0009;border-radius:24px;width:95%;max-width:1400px;height:90vh;max-height:900px;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:floatingGlow 3s ease-in-out 1}.nexus-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(167,139,250,.1) 0%,transparent 50%);animation:particleRotate 3s linear 1;pointer-events:none;z-index:0}@keyframes particleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nexus-header{padding:30px 40px;background:linear-gradient(180deg,#0009,#0000004d);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--arcane-primary),var(--arcane-gold),var(--arcane-primary),transparent) 1;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1)}.nexus-title h2{margin:0;font-size:2.8rem;font-weight:900;color:transparent;background:linear-gradient(135deg,var(--arcane-primary) 0%,var(--arcane-accent) 30%,var(--arcane-gold) 60%,var(--arcane-primary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(167,139,250,.8);animation:shimmer 3s linear infinite;position:relative}.nexus-title h2:after{content:"✦";position:absolute;left:-40px;top:50%;transform:translateY(-50%);color:var(--arcane-gold);font-size:1.5rem;animation:pulseGlow 2s ease-in-out infinite}.nexus-title h2:before{content:"✦";position:absolute;right:-40px;top:50%;transform:translateY(-50%);color:var(--arcane-gold);font-size:1.5rem;animation:pulseGlow 2s ease-in-out infinite 1s}.nexus-resources{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#000000b3,#1e1534e6);padding:15px 30px;border-radius:60px;border:2px solid var(--arcane-primary);box-shadow:0 4px 20px #a78bfa4d,inset 0 2px 10px #ffffff1a;position:relative;overflow:hidden}.nexus-resources:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s linear infinite}.resource-icon{font-size:2rem;animation:pulseGlow 2s ease-in-out infinite}.resource-count{font-size:1.8rem;font-weight:900;color:var(--arcane-gold);text-shadow:0 0 15px rgba(251,191,36,.8);letter-spacing:1px}.resource-name{color:#e2e8f0;font-size:.95rem;text-transform:uppercase;letter-spacing:2px;font-weight:600}.nexus-close-btn{background:linear-gradient(135deg,#f8717133,#ef44444d);border:2px solid rgba(248,113,113,.5);color:#fca5a5;font-size:2rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.nexus-close-btn:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(248,113,113,.3),transparent);transform:scale(0);transition:transform .3s}.nexus-close-btn:hover:before{transform:scale(1.5)}.nexus-close-btn:hover{color:#fff;border-color:var(--arcane-danger);background:linear-gradient(135deg,#f8717166,#ef444480);transform:scale(1.1) rotate(90deg);box-shadow:0 0 20px #f8717199}.nexus-grid{flex:1;padding:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.nexus-grid::-webkit-scrollbar{width:12px}.nexus-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.nexus-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--arcane-primary),var(--arcane-accent));border-radius:10px;border:2px solid rgba(0,0,0,.3)}.nexus-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--arcane-accent),var(--arcane-gold))}.dungeon-card{background:linear-gradient(145deg,#1e1534cc,#0f0a1ff2);border-radius:20px;border:2px solid rgba(167,139,250,.3);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;animation:cardAppear .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;box-shadow:var(--shadow-card)}.dungeon-card:nth-child(1){animation-delay:.1s}.dungeon-card:nth-child(2){animation-delay:.2s}.dungeon-card:nth-child(3){animation-delay:.3s}.dungeon-card:nth-child(4){animation-delay:.4s}.dungeon-card:nth-child(5){animation-delay:.5s}.dungeon-card:nth-child(6){animation-delay:.6s}.dungeon-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--arcane-primary),var(--arcane-secondary),var(--arcane-gold));border-radius:20px;opacity:0;transition:opacity .4s;z-index:-1}.dungeon-card:hover:not(.locked):not(.cooldown){transform:translateY(-10px) scale(1.03);box-shadow:0 20px 60px #a78bfa66,0 0 40px #fbbf2433,inset 0 0 30px #a78bfa1a;border-color:var(--arcane-gold)}.dungeon-card:hover:not(.locked):not(.cooldown):before{opacity:.3}.dungeon-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(167,139,250,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.dungeon-card:hover:not(.locked):not(.cooldown):after{opacity:1}.card-header{padding:30px 20px;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 100%);position:relative}.card-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--arcane-primary),transparent)}.card-icon{font-size:5rem;filter:drop-shadow(0 0 15px currentColor);background-size:contain;background-repeat:no-repeat;background-position:center;width:100px;height:100px;margin:0 auto 15px;transition:all .3s;animation:pulseGlow 3s ease-in-out infinite}.dungeon-card:hover:not(.locked):not(.cooldown) .card-icon{transform:scale(1.1) translateY(-5px);filter:drop-shadow(0 0 25px currentColor)}.card-icon.boss-king-bugardo{background-image:url(/images/sprites/enemies/arcanos/pixelaria-rey_bugardo.png)}.card-icon.enemy-necrotik-corrupt{background-image:url(/images/sprites/enemies/arcanos/pixelaria-necrotico_corrupto.png)}.card-icon.enemy-necrotic-guardian{background-image:url(/images/sprites/enemies/arcanos/pixelaria-guardian_necrotico.png)}.card-icon.boss-alpha-x{background-image:url(/images/sprites/enemies/arcanos/xenos-rey_alpha.png)}.card-icon.enemy-drone-cyber{background-image:url(/images/sprites/enemies/arcanos/xenos-rey_alpha.png)}.card-icon.enemy-galactic-sentinel{background-image:url(/images/sprites/enemies/arcanos/xenos-rey_alpha.png)}.card-icon.boss-chaos-warden{background-image:url(/images/sprites/enemies/arcanos/zaltron-vigilante_caos.png)}.card-icon.enemy-void-priest{background-image:url(/images/sprites/enemies/arcanos/zaltron-vigilante_caos.png)}.card-icon.enemy-abyssal-horror{background-image:url(/images/sprites/enemies/arcanos/zaltron-vigilante_caos.png)}.card-icon.boss-supreme-commander{background-image:url(/images/sprites/enemies/arcanos/malkar-comandante_supremo.png)}.card-icon.enemy-alien-warrior{background-image:url(/images/sprites/enemies/arcanos/malkar-comandante_supremo.png)}.card-icon.enemy-galactic-sentinel{background-image:url(/images/sprites/enemies/arcanos/malkar-comandante_supremo.png)}.card-name{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.card-req{font-size:.95rem;color:#94a3b8;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px}.card-req:before{content:"⚡";color:var(--arcane-gold)}.card-rewards{padding:20px;background:linear-gradient(180deg,#0000004d,#0003);border-top:1px solid rgba(167,139,250,.2);border-bottom:1px solid rgba(167,139,250,.2);position:relative}.card-rewards:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(167,139,250,.05),transparent);pointer-events:none}.rewards-title{font-size:.85rem;color:#cbd5e1;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;text-align:center;font-weight:700}.rewards-icons{display:flex;justify-content:center;gap:20px;position:relative}.reward-preview{position:relative;font-size:2rem;cursor:help;transition:all .3s cubic-bezier(.4,0,.2,1);padding:10px;border-radius:12px;background:#0000004d}.reward-preview:hover{transform:scale(1.3) translateY(-5px);background:#a78bfa33}.reward-preview:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%) translateY(10px);background:linear-gradient(135deg,#0f0a1ffa,#1e1534fa);color:#fff;padding:8px 16px;border-radius:8px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--arcane-primary);box-shadow:0 4px 20px #00000080;z-index:100}.reward-preview:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.reward-preview:before{content:"";position:absolute;bottom:110%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--arcane-primary);opacity:0;transition:opacity .3s}.reward-preview:hover:before{opacity:1}.card-action{padding:20px;margin-top:auto}.btn-arcane{width:100%;padding:16px;border:none;border-radius:12px;font-size:1.2rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--arcane-primary) 0%,var(--arcane-accent) 50%,var(--arcane-secondary) 100%);background-size:200% 100%;color:#fff;box-shadow:0 6px 20px #a78bfa80,inset 0 2px 4px #fff3;position:relative;overflow:hidden}.btn-arcane:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .7s cubic-bezier(.4,0,.2,1)}.btn-arcane:hover:before{left:100%}.btn-arcane:hover{background-position:100% 0;box-shadow:0 10px 30px #a78bfacc,0 0 40px #fbbf244d,inset 0 2px 4px #ffffff4d;transform:translateY(-2px)}.btn-arcane:active{transform:translateY(0);box-shadow:0 4px 15px #a78bfa99,inset 0 2px 4px #0003}.dungeon-card.locked{filter:grayscale(.9) brightness(.7);opacity:.8;pointer-events:none}.dungeon-card.locked .card-icon{color:#4b5563;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.dungeon-card.locked:before{opacity:0!important}.btn-arcane:disabled{background:linear-gradient(135deg,#1f2937,#111827);color:#6b7280;cursor:not-allowed;box-shadow:none;opacity:.6}.btn-arcane:disabled:before{display:none}.overlay-status{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:10;backdrop-filter:blur(8px);border-radius:20px}.status-icon{font-size:5rem;margin-bottom:20px;animation:pulseGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor)}.status-text{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;color:transparent}.status-subtext{font-size:1rem;color:#94a3b8;margin-top:8px;text-align:center;padding:0 20px}.boss-intro-content .boss-image{font-size:18rem;animation:bossAppear 1.2s cubic-bezier(.4,0,.2,1),bossPulse 3s ease-in-out infinite 1.2s;filter:drop-shadow(0 0 60px rgba(239,68,68,1));background-size:contain;background-repeat:no-repeat;background-position:center;width:250px;height:250px;margin:0 auto 40px}.boss-intro-content .boss-image.king-bugardo{background-image:url(/assets/pixelaria-rey_bugardo-DoNHvfSV.png)}.boss-intro-content .boss-image.alpha-x{background-image:url(/assets/xenos-rey_alpha-ByxAAUi_.png)}.boss-intro-content .boss-image.chaos-warden{background-image:url(/public/images/sprites/enemies/arcanos/zaltron-vigilante_caos.png)}.boss-intro-content .boss-image.supreme-commander{background-image:url(/assets/malkar-comandante_supremo-UF5fxlJh.png)}@keyframes bossAppear{0%{opacity:0;transform:scale(.3) rotate(-10deg);filter:blur(10px) drop-shadow(0 0 0 transparent)}50%{opacity:.5;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0) drop-shadow(0 0 60px rgba(239,68,68,1))}}@keyframes bossPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 60px rgba(239,68,68,1))}50%{transform:scale(1.08);filter:drop-shadow(0 0 80px rgba(239,68,68,1)) brightness(1.2)}}@media (max-width: 1200px){.nexus-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;padding:30px}.nexus-title h2{font-size:2.2rem}}@media (max-width: 768px){.nexus-container{width:100%;height:100vh;border-radius:0}.nexus-header{padding:20px;flex-direction:column;gap:15px}.nexus-title h2{font-size:1.8rem}.nexus-title h2:before,.nexus-title h2:after{display:none}.nexus-grid{grid-template-columns:1fr;padding:20px;gap:20px}.resource-count{font-size:1.4rem}.card-icon{width:80px;height:80px}}@media (max-width: 480px){.nexus-title h2{font-size:1.5rem;letter-spacing:2px}.btn-arcane{font-size:1rem;padding:12px}.card-name{font-size:1.2rem}.rewards-icons{gap:15px}.reward-preview{font-size:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dungeon-card.legendary:after{content:"✦";position:absolute;top:10px;right:10px;font-size:2rem;color:var(--arcane-gold);animation:pulseGlow 2s ease-in-out infinite;text-shadow:0 0 20px var(--arcane-gold)}.dungeon-card.epic:after{content:"◆";position:absolute;top:10px;right:10px;font-size:1.8rem;color:var(--arcane-accent);animation:pulseGlow 2s ease-in-out infinite}.overlay-status.cooldown{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f0a1fe6,#1e1534e6);border:2px solid var(--arcane-primary);border-radius:20px;padding:40px 20px;box-shadow:0 0 30px #a78bfa66,inset 0 0 20px #0009;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.overlay-status.cooldown .status-icon{font-size:6rem;margin-bottom:25px;color:var(--arcane-gold);animation:pulseGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 30px var(--arcane-gold))}.overlay-status.cooldown .status-text{font-size:2rem;font-weight:900;text-transform:uppercase;letter-spacing:4px;margin-bottom:15px;background:linear-gradient(135deg,var(--arcane-primary),var(--arcane-gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.overlay-status.cooldown .status-subtext{font-size:1.3rem;color:#e2e8f0;font-weight:600;letter-spacing:2px;text-align:center}.crafting-banner{position:relative;background:linear-gradient(135deg,#1e293b,#0f172a);border:3px solid rgba(251,191,36,.5);border-radius:16px;padding:25px;margin-bottom:20px;overflow:hidden;box-shadow:0 10px 40px #fbbf244d}.crafting-banner-fire{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(251,191,36,.2) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(239,68,68,.2) 0%,transparent 50%);animation:fireGlow 3s ease-in-out infinite;pointer-events:none}@keyframes fireGlow{0%,to{opacity:.5}50%{opacity:1}}.crafting-banner-content{position:relative;z-index:1;display:flex;align-items:center;gap:15px}.crafting-banner-icon{font-size:3.5rem;filter:drop-shadow(0 0 20px rgba(251,191,36,.8));animation:forgeFlame 2s ease-in-out infinite}@keyframes forgeFlame{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.crafting-banner-title{font-size:1.8rem;font-weight:900;color:#fbbf24;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 20px rgba(251,191,36,.8);margin:0}.crafting-banner-subtitle{font-size:1rem;color:#cbd5e1;margin:5px 0 0}.crafting-main-nav{display:flex;gap:8px;margin-bottom:15px;padding:12px;background:#0f172acc;border-radius:12px;border:2px solid rgba(59,130,246,.3);overflow-x:auto;scrollbar-width:thin}.crafting-main-nav::-webkit-scrollbar{height:6px}.crafting-main-nav::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.crafting-nav-btn{padding:12px 20px;border-radius:10px;background:#1e293b80;border:2px solid rgba(148,163,184,.2);color:#cbd5e1;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.crafting-nav-btn:hover{background:#3b82f633;border-color:#3b82f6;transform:translateY(-2px)}.crafting-nav-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 0 20px #3b82f680}.crafting-sub-nav{display:flex;gap:8px;margin-bottom:15px;padding:10px;background:#1e293b80;border-radius:10px;border:2px solid rgba(148,163,184,.2);overflow-x:auto}.crafting-sub-nav::-webkit-scrollbar{height:5px}.crafting-sub-nav::-webkit-scrollbar-thumb{background:#fbbf2480;border-radius:3px}.crafting-sub-btn{padding:10px 16px;border-radius:8px;background:#0f172a80;border:2px solid rgba(148,163,184,.2);color:#cbd5e1;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.crafting-sub-btn:hover{background:#fbbf2433;border-color:#fbbf24;transform:translateY(-2px)}.crafting-sub-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fbbf24;color:#000;box-shadow:0 0 15px #fbbf2480}.crafting-content-wrapper{min-height:400px}.crafting-section{background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px}.crafting-section-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(59,130,246,.3)}.crafting-section-header h2{font-size:1.5rem;font-weight:700;color:#fbbf24;margin:0 0 10px}.crafting-section-header p{color:#cbd5e1;line-height:1.5;margin:0;font-size:.95rem}.crafting-cost{margin-top:12px;padding:10px 15px;background:#1e293b80;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.cost-value{font-weight:700;font-size:1rem}.cost-value.affordable{color:#34d399}.cost-value.expensive{color:#ef4444}.crafting-current-stock{margin-top:10px;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#cbd5e1;font-size:.9rem}.crafting-current-stock strong{color:#fbbf24}.crafting-recipe{margin-top:10px;padding:8px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:6px;color:#c4b5fd;font-size:.85rem;display:flex;flex-direction:column;gap:5px}.crafting-workspace-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.crafting-column{background:#1e293b80;border:2px solid rgba(148,163,184,.2);border-radius:10px;padding:15px}.crafting-column h3{color:#cbd5e1;margin:0 0 12px;font-size:.95rem;font-weight:700}.crafting-items-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:280px;overflow-y:auto;padding:5px}.crafting-items-grid-compact::-webkit-scrollbar{width:6px}.crafting-items-grid-compact::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.crafting-item{background:#0f172acc;border:2px solid rgba(148,163,184,.2);border-radius:10px;padding:10px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}.crafting-item:hover{transform:translateY(-3px);border-color:#3b82f6;box-shadow:0 8px 20px #3b82f64d}.crafting-item.selected{border-color:#34d399;background:#34d39933;box-shadow:0 0 20px #34d39980}.item-selected-badge{position:absolute;top:5px;right:5px;background:#34d399;color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem;box-shadow:0 2px 8px #34d39999;z-index:10}.item-value{font-size:.75rem;color:#fbbf24;font-weight:700;margin-top:5px}.crafting-item[data-rarity=rare]{border-color:#3b82f666}.crafting-item[data-rarity=epic]{border-color:#8b5cf666}.crafting-item[data-rarity=legendary]{border-color:#fbbf2466;animation:glow-legendary 2s ease-in-out infinite}@keyframes glow-legendary{0%,to{box-shadow:0 0 15px #fbbf244d}50%{box-shadow:0 0 25px #fbbf2499}}.crafting-item img{width:50px;height:50px;object-fit:contain;border-radius:6px}.item-emoji{font-size:2.5rem}.item-emoji img,.codice-rune-icon img,.fusion-type-icon img{width:50px;height:50px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.codice-rune-icon img{width:60px;height:60px}.fusion-type-icon img{width:40px;height:40px}.item-name{font-size:.75rem;font-weight:700;color:#f8fafc;line-height:1.2;word-break:break-word}.item-rarity,.item-info{font-size:.7rem;color:#94a3b8;font-weight:600}.crafting-preview-compact{min-height:250px;display:flex;align-items:center;justify-content:center;padding:15px}.preview-empty{text-align:center;color:#64748b}.preview-icon{font-size:3rem;margin-bottom:10px}.preview-filled{text-align:center;width:100%}.preview-filled img{width:80px;height:80px;object-fit:contain;border-radius:10px;margin-bottom:10px}.preview-emoji{font-size:4rem;margin-bottom:10px}.preview-name{font-size:1.1rem;font-weight:700;color:#f8fafc;margin-bottom:10px}.preview-effect{color:#cbd5e1;font-size:.85rem;line-height:1.4}.preview-combo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.preview-img-small{width:50px;height:50px;border-radius:8px}.preview-emoji-small{font-size:2rem}.preview-plus{font-size:1.5rem;color:#fbbf24;font-weight:900}.preview-runes-list{background:#0f172a80;padding:10px;border-radius:8px;margin:10px 0}.rune-to-remove{padding:6px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fecaca;font-size:.85rem;margin-bottom:5px}.btn-crafting-action{width:100%;padding:16px;font-size:1.1rem;font-weight:700;border-radius:12px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f666}.btn-crafting-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.btn-crafting-action:disabled{opacity:.5;cursor:not-allowed}.fusion-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-top:15px}.fusion-type-card{background:#1e293b80;border:2px solid rgba(148,163,184,.2);border-radius:12px;padding:15px;transition:all .3s ease}.fusion-type-card.can-fuse{border-color:#34d399;box-shadow:0 0 20px #34d3994d}.fusion-type-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.fusion-type-icon{font-size:2.5rem}.fusion-type-name{font-weight:700;font-size:1rem;color:#f8fafc}.fusion-type-count{font-size:.75rem;color:#94a3b8}.fusion-recipe{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);padding:10px;border-radius:8px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#fbbf24}.btn-fusion{padding:6px 12px;border-radius:6px;border:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:700;font-size:.75rem;cursor:pointer;transition:all .3s ease}.btn-fusion:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2480}.fusion-locked{text-align:center;color:#64748b;font-style:italic;padding:15px;font-size:.85rem}.crafting-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:20px}.artifact-requirement{padding:10px 15px;border-radius:8px;border:2px solid;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;transition:all .3s ease}.artifact-requirement.complete{background:#34d3991a;border-color:#10b981}.artifact-requirement.incomplete{background:#94a3b81a;border-color:#94a3b84d}.artifact-name{color:#cbd5e1}.artifact-count{font-weight:700;font-size:.9rem}.artifact-requirement.complete .artifact-count{color:#10b981}.artifact-requirement.incomplete .artifact-count{color:#94a3b8}.crafting-conversion{display:flex;align-items:center;justify-content:center;gap:20px;padding:30px;margin:20px 0;background:#1e293b80;border-radius:12px}.conversion-input,.conversion-output{display:flex;flex-direction:column;align-items:center;gap:10px}.conversion-icon{font-size:3rem}.conversion-amount{font-weight:700;color:#fbbf24;font-size:1.1rem}.conversion-arrow{font-size:2rem;color:#3b82f6}.altar-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:20px 0}.altar-option{background:#1e293b80;border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.altar-option:hover{transform:translateY(-5px);box-shadow:0 10px 30px #fbbf2466}.altar-icon{font-size:3rem;margin-bottom:12px}.altar-name{font-size:1.1rem;font-weight:700;color:#fbbf24;margin-bottom:8px}.altar-cost{color:#cbd5e1;margin-bottom:10px;font-weight:600}.altar-chance{color:#94a3b8;font-size:.8rem;line-height:1.5;margin-bottom:15px}.btn-altar{padding:10px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;width:100%;position:relative;z-index:10}.btn-altar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.btn-altar:disabled{opacity:.5;cursor:not-allowed}.codice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.codice-rune-card{background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:15px;text-align:center;transition:all .3s ease}.codice-rune-card.locked{opacity:.4;filter:grayscale(1)}.codice-rune-card[data-rarity=legendary]:not(.locked){border-color:#fbbf24;animation:glow-legendary 2s ease-in-out infinite}.codice-rune-icon{font-size:2.5rem;margin-bottom:10px;display:flex;justify-content:center;align-items:center}.codice-rune-icon img{display:block;margin:0 auto}.codice-rune-tier{font-size:.7rem;color:#8b5cf6;font-weight:700;margin-bottom:8px}.codice-rune-name{font-weight:700;font-size:.9rem;color:#f8fafc;margin-bottom:8px}.codice-rune-fused{background:#fbbf2433;padding:4px 8px;border-radius:4px;font-size:.7rem;color:#fbbf24;margin-bottom:8px}.codice-rune-effect{font-size:.75rem;color:#cbd5e1;line-height:1.3}.codice-locked-text{color:#64748b;font-style:italic;font-size:.75rem;margin-top:8px}.crafting-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px;color:#64748b;text-align:center;font-size:.9rem}.crafting-empty div:first-child{font-size:3rem;opacity:.5}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.crafting-banner-title{font-size:1.3rem}.crafting-banner-icon{font-size:2.5rem}.crafting-workspace-compact{grid-template-columns:1fr}.crafting-items-grid-compact{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));max-height:200px}.crafting-nav-btn,.crafting-sub-btn{padding:10px 14px;font-size:.8rem}.fusion-types-grid,.altar-options,.crafting-recipe-grid{grid-template-columns:1fr}}.pets-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);border-radius:16px;border:2px solid rgba(139,92,246,.3)}.pets-header-title{font-size:2rem;font-weight:700;color:#8b5cf6;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px}.pets-header-subtitle{font-size:1rem;color:#cbd5e1;line-height:1.6}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:15px}.pet-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:2px solid rgba(71,85,105,.5);border-radius:16px;padding:15px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.pet-card:hover{transform:translateY(-5px);border-color:#3b82f6;box-shadow:0 10px 30px #3b82f666}.pet-card.unlocked{border-color:#22c55e80}.pet-card.unlocked:hover{border-color:#22c55e;box-shadow:0 10px 30px #22c55e66}.pet-card.equipped{border:3px solid #fbbf24;box-shadow:0 0 30px #fbbf2480}.pet-card.equipped:before{content:"👁️ EQUIPADA";position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;padding:4px 10px;border-radius:6px;font-size:.65rem;font-weight:900;letter-spacing:.5px;z-index:10}.pet-card.locked{opacity:.6;cursor:not-allowed}.pet-card.locked:hover{transform:none;border-color:#47556980;box-shadow:none}.pet-image-container{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;position:relative;background:#0000004d;border-radius:12px;overflow:hidden}.pet-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.pet-card:hover .pet-image{transform:scale(1.05)}.pet-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;font-size:3rem;z-index:5}.pet-name{font-size:1rem;font-weight:700;color:#f8fafc;text-align:center;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.pet-bonus{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:10px;margin-bottom:12px}.pet-bonus-text{font-size:.85rem;color:#3b82f6;font-weight:600;text-align:center}.pet-price{background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}.pet-price-amount{font-size:1rem;font-weight:700;color:#8b5cf6}.pet-btn{width:100%;padding:10px;border:none;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.pet-btn-buy{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#000}.pet-btn-buy:hover{transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf666}.pet-btn-equip{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#000}.pet-btn-equip:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.pet-btn-equipped{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;cursor:default}.pet-btn:disabled{opacity:.5;cursor:not-allowed}.pet-equipped-display{display:flex;align-items:center;gap:20px;padding:20px;background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:12px}.pet-equipped-avatar{position:relative;flex-shrink:0}.pet-equipped-avatar img{width:80px;height:80px;border-radius:12px;border:2px solid #3b82f6;object-fit:contain}.pet-equipped-info{flex:1}.pet-equipped-name{font-size:1.2rem;font-weight:700;color:#f8fafc;margin-bottom:8px}.pet-equipped-bonus{font-size:.9rem;color:#3b82f6;font-weight:600}.pet-no-equipped{text-align:center;padding:30px;color:#94a3b8;font-style:italic}.pets-total-bonus{display:grid;gap:10px}.bonus-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#1e293b80;border-radius:8px;border:1px solid rgba(139,92,246,.3)}.bonus-label{font-size:.9rem;color:#cbd5e1;font-weight:600}.bonus-value{font-size:1.1rem;font-weight:700;color:#8b5cf6}.bonus-empty{text-align:center;padding:20px;color:#94a3b8;font-style:italic}.stat-card{border-radius:12px;padding:15px;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.stat-icon{font-size:2rem;margin-bottom:8px}.stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.stat-value{font-size:1.5rem;font-weight:700}.nav-subtabs{display:flex;gap:8px;overflow-x:auto;padding:8px 10px;background:#1e293b99;border-radius:10px;margin-bottom:15px}.nav-subtabs .nav-tab{padding:10px 20px;font-size:.9rem}@media (max-width: 768px){.pets-header-title{font-size:1.5rem}.pets-header-subtitle{font-size:.9rem}.pets-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pet-card{padding:12px}.pet-image-container{height:100px}.pet-name{font-size:.9rem}.pet-equipped-display{flex-direction:column;text-align:center}.stat-card{padding:12px}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.2rem}}@media (max-width: 480px){.pets-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.pet-image-container{height:80px}.nav-subtabs{padding:6px 8px}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideInDown{0%{transform:translate(-50%,-100px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}.tutorial-feature-card{background:#1e293bcc;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:25px;text-align:center;transition:all .3s ease}.tutorial-feature-card:hover{transform:translateY(-5px);border-color:#3b82f6;box-shadow:0 10px 30px #3b82f64d}.tutorial-feature-icon{font-size:3rem;margin-bottom:15px}.tutorial-feature-card h3{color:#fbbf24;font-size:1.2rem;margin-bottom:10px;font-weight:700}.tutorial-feature-card p{color:#94a3b8;font-size:.9rem;line-height:1.5}.tutorial-highlight{position:fixed;border:3px solid #fbbf24;border-radius:12px;box-shadow:0 0 30px #fbbf24cc,inset 0 0 20px #fbbf244d;pointer-events:none;z-index:10001;animation:pulse 2s infinite}.tutorial-message{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1e293b,#0f172a);border:2px solid #fbbf24;border-radius:16px;padding:25px;max-width:500px;z-index:10002;box-shadow:0 20px 60px #00000080;animation:slideInUp .5s ease}.reward-item{background:#3b82f633;border:2px solid #3b82f6;border-radius:8px;padding:10px 20px;color:#3b82f6;font-weight:700;font-size:1.1rem}@media (max-width: 768px){.tutorial-features-grid{grid-template-columns:1fr}.tutorial-message{max-width:90%;padding:20px}}#cinematic-black-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:100000;opacity:1;transition:opacity .8s ease;pointer-events:auto;display:none}#three-combat-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100001;pointer-events:none;opacity:0;transition:opacity .5s ease}#three-combat-canvas.active{opacity:1;pointer-events:auto}#cinematic-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100002;background:transparent;opacity:0;transition:opacity .8s ease;overflow:hidden;pointer-events:none}#cinematic-container.fade-in{opacity:1}#cinematic-container.fade-out{opacity:0}#cinematic-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;text-align:center;color:#fff;font-family:Orbitron,sans-serif;z-index:100003;text-shadow:0 0 10px rgba(139,92,246,.8),0 0 20px rgba(139,92,246,.6),0 0 30px rgba(139,92,246,.4);pointer-events:none;padding:0 20px;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto}.cinematic-epic-title{font-size:clamp(1.3rem,4vw,3.5rem);font-weight:900;letter-spacing:clamp(.02em,.5vw,.1em);text-transform:uppercase;background:linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 2s infinite;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.cinematic-subtitle{font-size:clamp(.9rem,2.5vw,1.8rem);font-weight:600;color:#e0e0e0;line-height:1.4;max-width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}.cinematic-call-to-action{font-size:clamp(1.1rem,3.5vw,2.5rem);font-weight:800;color:#00f2fe;text-transform:uppercase;letter-spacing:clamp(.03em,1vw,.15em);line-height:1.3;max-width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{text-shadow:0 0 10px rgba(251,191,36,.8),0 0 20px rgba(251,191,36,.6),0 0 30px rgba(251,191,36,.4)}50%{text-shadow:0 0 20px rgba(251,191,36,1),0 0 40px rgba(251,191,36,.8),0 0 60px rgba(251,191,36,.6)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shatter{0%{opacity:0;transform:scale(1.5) rotate(10deg);filter:blur(10px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes neonFlicker{0%,to{text-shadow:0 0 5px #00f2fe,0 0 10px #00f2fe,0 0 20px #00f2fe}50%{text-shadow:0 0 2px #00f2fe,0 0 5px #00f2fe}}@keyframes freeze{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(180deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.anim-fadeIn{animation:fadeIn 1s ease-out forwards}.anim-slideUp{animation:slideUp 1s ease-out forwards}.anim-glow{animation:glow 2s ease-in-out infinite}.anim-pulse{animation:pulse 1.5s ease-in-out infinite}.anim-shimmer{animation:shimmer 3s ease-in-out infinite}.anim-shatter{animation:shatter 1.5s cubic-bezier(.68,-.55,.265,1.55) forwards}.anim-typewriter{overflow:hidden;white-space:nowrap;animation:typewriter 3s steps(40) forwards}.anim-neonFlicker{animation:neonFlicker 1.5s ease-in-out infinite}.anim-freeze{animation:freeze 2s linear forwards}.anim-bounce{animation:bounce 1s ease-in-out infinite}#cinematic-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:100003;opacity:0;transform:translate(-50%) translateY(20px);transition:all .5s ease;pointer-events:auto}#cinematic-skip-btn{background:#8b5cf6e6;border:2px solid rgba(251,191,36,.8);color:#fff;padding:12px 30px;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf666,inset 0 0 10px #fbbf2433}#cinematic-skip-btn:hover{background:#fbbf24e6;border-color:#8b5cf6cc;transform:scale(1.05);box-shadow:0 6px 20px #fbbf2499,inset 0 0 15px #8b5cf64d}#cinematic-skip-btn span:first-child{font-size:1.5rem}.cinematic-progress{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#ffffff1a;z-index:100003}.cinematic-progress-bar{height:100%;background:linear-gradient(90deg,#8b5cf6,#00f2fe,#fbbf24);transition:width .1s linear;box-shadow:0 0 10px #8b5cf6cc}.confetti-particle{position:fixed;width:10px;height:10px;background:#fbbf24;z-index:100003;pointer-events:none;animation:confettiFall 3s linear forwards}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 768px){.cinematic-epic-title{font-size:clamp(1.1rem,3.5vw,1.6rem);line-height:1.2;padding:0 12px;letter-spacing:.02em}.cinematic-subtitle{font-size:clamp(.85rem,2.2vw,1rem);line-height:1.4;padding:0 12px}.cinematic-call-to-action{font-size:clamp(.95rem,2.8vw,1.3rem);line-height:1.3;padding:0 12px;letter-spacing:.03em}#cinematic-text{width:96%;padding:0 10px;top:50%}#cinematic-skip-btn{padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.cinematic-epic-title{font-size:clamp(1.1rem,4vw,1.4rem);line-height:1.3;letter-spacing:.01em;padding:0 10px;max-width:95vw;word-break:break-word}.cinematic-subtitle{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.4;padding:0 10px;max-width:95vw;word-break:break-word}.cinematic-call-to-action{font-size:clamp(1rem,3vw,1.2rem);line-height:1.3;letter-spacing:.02em;padding:0 10px;max-width:95vw;word-break:break-word}#cinematic-text{width:95%;padding:0 8px;max-width:95vw;top:50%;transform:translate(-50%,-50%)}#cinematic-skip-btn{padding:8px 16px;font-size:.8rem;gap:6px}#cinematic-skip-btn span:first-child{font-size:1.2rem}#cinematic-controls{bottom:20px}}@media (max-width: 360px){.cinematic-epic-title{font-size:.9rem;letter-spacing:.01em;line-height:1.1}.cinematic-subtitle{font-size:.7rem;line-height:1.2}.cinematic-call-to-action{font-size:.8rem;line-height:1.1}#cinematic-text{padding:0 4px}}.touch-active{transform:scale(.95);transition:transform .1s ease;filter:brightness(1.2)}.dragging-source{opacity:.3!important;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;position:relative}.dragging-source:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(59,130,246,.3),transparent);pointer-events:none;animation:pulse-drag 1s infinite}@keyframes pulse-drag{0%,to{opacity:.3}50%{opacity:.6}}.drag-ghost{pointer-events:none;z-index:10000;filter:drop-shadow(0 10px 30px rgba(0,0,0,.8));animation:ghost-float 2s ease-in-out infinite;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}@keyframes ghost-float{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-5px)}}.drag-ghost-content{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:3px solid rgba(59,130,246,.8);border-radius:16px;padding:15px;min-width:120px;box-shadow:0 0 40px #3b82f699,0 10px 50px #000000e6,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.drag-ghost-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drag-ghost-content img{width:80px;height:80px;object-fit:contain;border-radius:12px;margin:0 auto 10px;display:block;border:2px solid rgba(59,130,246,.5);background:#0f172acc}.drag-ghost-emoji{font-size:4rem;text-align:center;margin-bottom:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.8));animation:bounce-emoji .6s ease-in-out infinite}@keyframes bounce-emoji{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.drag-ghost-name{text-align:center;color:#00f2fe;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,242,254,.8)}.drop-zone-valid{background:#22c55e33!important;border:3px solid #22c55e!important;box-shadow:0 0 30px #22c55e99,inset 0 0 20px #22c55e4d!important;animation:valid-glow 1s ease-in-out infinite;transform:scale(1.05)}@keyframes valid-glow{0%,to{box-shadow:0 0 20px #22c55e66,inset 0 0 15px #22c55e33}50%{box-shadow:0 0 40px #22c55ecc,inset 0 0 25px #22c55e66}}.drop-zone-invalid{background:#ef444433!important;border:3px solid #ef4444!important;box-shadow:0 0 30px #ef444499,inset 0 0 20px #ef44444d!important}.tab-hover-active{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d)!important;border-color:#3b82f6!important;box-shadow:0 0 30px #3b82f6cc,inset 0 0 20px #3b82f64d!important;transform:scale(1.05);position:relative}.tab-hover-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#0f172acc;border-radius:0 0 8px 8px;overflow:hidden}.tab-hover-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#3b82f6,#00f2fe);transition:width .5s linear;box-shadow:0 0 10px #3b82f6cc;position:relative}.tab-hover-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progress-shimmer 1s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:9999;animation:overlay-fade-in .2s ease;display:flex;align-items:center;justify-content:center}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.marketplace-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;animation:modal-slide-up .3s cubic-bezier(.34,1.56,.64,1);max-width:90vw;max-height:90vh;overflow-y:auto}@keyframes modal-slide-up{0%{opacity:0;transform:translate(-50%,-40%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.marketplace-modal-content{background:linear-gradient(135deg,#0f172afa,#1e293bfa);border:2px solid rgba(59,130,246,.5);border-radius:24px;padding:30px;box-shadow:0 20px 60px #000000e6,0 0 100px #3b82f64d;position:relative;min-width:300px}.modal-close{position:absolute;top:20px;right:20px;background:#ef444433;border:2px solid #ef4444;color:#ef4444;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 0 20px #ef4444cc}.marketplace-modal-header{text-align:center;padding-bottom:20px;border-bottom:2px solid rgba(59,130,246,.3);margin-bottom:20px}.marketplace-item-icon{width:120px;height:120px;margin:0 auto 20px;border:4px solid;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#0f172acc;box-shadow:0 10px 30px #000c,inset 0 0 20px #3b82f633;position:relative;overflow:hidden}.marketplace-item-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:icon-shine 3s infinite}@keyframes icon-shine{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}.marketplace-item-icon img{width:90%;height:90%;object-fit:contain;z-index:1;position:relative}.item-emoji-large{font-size:5rem;z-index:1;position:relative;filter:drop-shadow(0 5px 15px rgba(0,0,0,.8))}.marketplace-modal-header h2{font-size:1.8rem;font-weight:900;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 10px currentColor}.item-rarity-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:700;color:#fff;letter-spacing:1px;box-shadow:0 4px 15px #00000080}.marketplace-modal-body{padding:0}.marketplace-description{text-align:center;color:#cbd5e1;font-size:1.1rem;margin-bottom:25px;line-height:1.6}.marketplace-info-box{background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;margin-bottom:25px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(59,130,246,.2)}.info-row:last-child{border-bottom:none}.info-label{color:#94a3b8;font-size:.95rem;font-weight:600}.info-value{color:#3b82f6;font-size:1rem;font-weight:700}.marketplace-price-section{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px solid rgba(251,191,36,.3);border-radius:12px;padding:20px;margin-bottom:25px}.marketplace-price-section label{display:block;color:#fbbf24;font-weight:700;font-size:1.1rem;margin-bottom:12px;text-align:center}.marketplace-price-input{width:100%;padding:15px;background:#0f172acc;border:2px solid rgba(251,191,36,.5);border-radius:12px;color:#fbbf24;font-size:1.5rem;font-weight:700;text-align:center;outline:none;transition:all .3s ease}.marketplace-price-input:focus{border-color:#fbbf24}.marketplace-price-input::placeholder{color:#fbbf2466}.marketplace-price-hint{text-align:center;color:#94a3b8;font-size:.85rem;margin-top:10px;font-style:italic}.marketplace-modal-footer{display:flex;gap:15px;padding-top:20px}.marketplace-modal-footer button{flex:1;padding:15px;font-size:1.1rem;font-weight:700;border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.marketplace-modal-footer .btn-secondary{background:#ef444433;border:2px solid #ef4444;color:#ef4444}.marketplace-modal-footer .btn-secondary:hover{background:#ef4444;color:#fff}.marketplace-modal-footer .btn-elite{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:2px solid #00f2fe;color:#fff;box-shadow:0 0 20px #3b82f680}.marketplace-modal-footer .btn-elite:hover{background:#ef4444;color:#fff}.item-tooltip-premium,.item-tooltip{position:fixed;pointer-events:auto;z-index:10001;max-width:min(500px,90vw);animation:tooltipEnter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes tooltipEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.tooltip-glow-bg{position:absolute;inset:-10px;border-radius:24px;opacity:.5;filter:blur(30px);animation:pulse 2s ease-in-out infinite;pointer-events:none}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.6}}.tooltip-card{position:relative;background:linear-gradient(135deg,#0f172afa,#1e293bfa);border-radius:20px;border:3px solid;overflow:hidden;backdrop-filter:blur(20px)}.tooltip-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer-slide 3s infinite;pointer-events:none}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tooltip-header-premium{padding:24px;border-bottom:2px solid;position:relative}.tooltip-icon-container{width:110px;height:110px;margin:0 auto 20px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tooltip-icon-shine{position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:icon-shine-anim 3s infinite}@keyframes icon-shine-anim{0%{transform:translate(-100%,-100%)}to{transform:translate(100%,100%)}}.tooltip-emoji-large{font-size:4.5rem;position:relative;z-index:2;filter:drop-shadow(0 5px 15px rgba(0,0,0,.8))}.tooltip-img-large{width:90%;height:90%;object-fit:contain;position:relative;z-index:2;border-radius:12px}.tooltip-icon-rotate{position:absolute;inset:0;opacity:.4;animation:rotate-glow 4s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tooltip-name-premium{font-size:1.75rem;font-weight:900;text-align:center;margin:0 0 16px;text-transform:uppercase;letter-spacing:2px;line-height:1.2}.tooltip-meta-info{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.meta-badge{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.5px}.rarity-badge{border:1px solid}.type-badge,.slot-badge,.tier-badge{background:#47556980;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.tooltip-content-premium{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.tooltip-description-premium{background:#1e293b80;border-left:4px solid;border-radius:10px;padding:14px 16px}.tooltip-description-premium p{margin:0;color:#cbd5e1;font-size:.95rem;line-height:1.6;font-style:italic}.tooltip-section{background:#1e293b80;border:2px solid rgba(59,130,246,.2);border-radius:14px;padding:16px}.section-title-premium{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800;color:#e2e8f0;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}.section-icon{font-size:1.2rem}.stats-grid-premium{display:flex;flex-direction:column;gap:2px}.stat-row-premium{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:6px;border-radius:6px;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.02)}.stat-row-premium:last-child{border-bottom:none}.stat-row-premium:hover{background:#3b82f614}.stat-icon-premium{font-size:1.2rem;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.stat-name-premium{font-size:.85rem;font-weight:600;color:#cbd5e1}.stat-values{display:flex;align-items:center;gap:6px}.stat-value-premium{font-size:1rem;font-weight:800;color:#34d399;text-shadow:0 2px 8px rgba(52,211,153,.4)}.stat-diff{font-size:.85rem;font-weight:700;padding:2px 6px;border-radius:4px;min-width:40px;text-align:center}.stat-diff.positive{color:#34d399;background:#34d39926}.stat-diff.negative{color:#ef4444;background:#ef444426}.stat-row-premium.stat-improved{background:#34d3990d}.stat-row-premium.stat-worse{background:#ef44440d}.sockets-grid-premium{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.socket-slot-premium{width:90px;height:90px;border:3px solid;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transition:all .3s ease;position:relative;overflow:hidden}.socket-slot-premium.socket-filled{border-color:#fbbf24cc;background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);box-shadow:0 0 20px #fbbf244d}.socket-slot-premium.socket-filled:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(251,191,36,.3) 180deg,transparent 360deg);animation:socket-rotate 3s linear infinite}@keyframes socket-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.socket-slot-premium.socket-empty{border-color:#64748b66;background:#1e293b4d;opacity:.5}.socket-icon-premium{font-size:2.5rem;position:relative;z-index:2;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.socket-rune-name{font-size:.7rem;font-weight:700;color:#fbbf24;text-align:center;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.8)}.effects-list-premium{display:flex;flex-direction:column;gap:10px}.effect-card-premium{display:flex;align-items:flex-start;gap:14px;padding:14px;background:linear-gradient(135deg,#8b5cf614,#3b82f60d);border:1px solid rgba(139,92,246,.2);border-radius:12px;transition:all .2s ease}.effect-card-premium:hover{background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border-color:#8b5cf666;transform:translate(3px)}.effect-icon-premium{font-size:2rem;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(139,92,246,.5))}.effect-details{flex:1}.effect-name-premium{font-size:.95rem;font-weight:700;color:#a78bfa;margin-bottom:4px;text-shadow:0 2px 8px rgba(167,139,250,.3)}.effect-desc-premium{font-size:.85rem;color:#cbd5e1;line-height:1.5}.tooltip-info-badge{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.consumable-badge{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);color:#fbbf24;border:2px solid rgba(251,191,36,.3)}.level-badge{background:linear-gradient(135deg,#3b82f626,#2563eb1a);color:#3b82f6;border:2px solid rgba(59,130,246,.3)}.badge-icon{font-size:1.3rem}.badge-text{font-size:.8rem}@media (max-width: 768px){.item-tooltip-premium{max-width:95vw;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}.tooltip-header-premium{padding:20px 16px}.tooltip-icon-container{width:90px;height:90px}.tooltip-emoji-large{font-size:3.5rem}.tooltip-name-premium{font-size:1.4rem}.tooltip-content-premium{padding:16px 16px 20px}.stat-row-premium{grid-template-columns:28px 1fr auto;gap:10px;padding:8px 6px}.stat-icon-premium{font-size:1.3rem}.stat-name-premium{font-size:.85rem}.stat-value-premium{font-size:1rem}.socket-slot-premium{width:75px;height:75px}.socket-icon-premium{font-size:2rem}.effect-icon-premium{font-size:1.6rem}.drag-ghost-content{padding:12px;min-width:100px}.drag-ghost-content img{width:60px;height:60px}.drag-ghost-emoji{font-size:3rem}.marketplace-modal{max-width:95vw;max-height:95vh}.marketplace-modal-content{padding:20px;min-width:auto}.marketplace-item-icon{width:100px;height:100px}.item-emoji-large{font-size:4rem}.marketplace-modal-header h2{font-size:1.4rem}.marketplace-modal-footer{flex-direction:column;gap:10px}.marketplace-modal-footer button{width:100%}}@media (max-width: 480px){.tooltip-name-premium{font-size:1.2rem}.sockets-grid-premium{gap:8px}.socket-slot-premium{width:65px;height:65px}}@media (prefers-reduced-motion: reduce){.item-tooltip-premium,.drag-ghost,.touch-active,.tab-hover-active,.marketplace-modal,*{animation:none!important;transition:none!important}}.item-tooltip-premium,.tooltip-glow-bg,.tooltip-shimmer,.drag-ghost{will-change:transform,opacity}.inventory-cell,.equipment-slot{cursor:pointer}.inventory-cell:active,.equipment-slot:active{cursor:grabbing}.inventory-cell:hover{transform:translateY(-2px);transition:all .2s ease}.long-press-active{animation:long-press-pulse 1s ease-in-out}@keyframes long-press-pulse{0%,to{transform:scale(1);box-shadow:0 0 #fbbf24b3}50%{transform:scale(.98);box-shadow:0 0 0 10px #fbbf2400}}.long-press-success{animation:long-press-complete .3s ease}@keyframes long-press-complete{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 20px #22c55ecc}to{transform:scale(1)}}.item-tooltip-premium::-webkit-scrollbar,.item-tooltip::-webkit-scrollbar,.marketplace-modal::-webkit-scrollbar{width:8px}.item-tooltip-premium::-webkit-scrollbar-track,.item-tooltip::-webkit-scrollbar-track,.marketplace-modal::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}.item-tooltip-premium::-webkit-scrollbar-thumb,.item-tooltip::-webkit-scrollbar-thumb,.marketplace-modal::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.item-tooltip-premium::-webkit-scrollbar-thumb:hover,.item-tooltip::-webkit-scrollbar-thumb:hover,.marketplace-modal::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}:root{--font-title: "Cinzel", serif;--font-body: "Inter", sans-serif;--font-stats: "JetBrains Mono", monospace;--card-bg: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);--card-border: #2a2a3e;--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--shadow-card: 0 8px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--shadow-text: 2px 2px 6px rgba(0, 0, 0, .9), 0 0 10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px currentColor, 0 0 40px currentColor;--card-padding: 20px;--card-gap: 12px;--border-radius: 12px}.pardo-card{position:relative;width:280px;min-height:420px;background:var(--card-bg);border:3px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--shadow-card);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;font-family:var(--font-body)}.pardo-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 48px #000c,0 4px 12px #0009}.card-glow{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;pointer-events:none;background:radial-gradient(ellipse at center,currentColor 0%,transparent 70%);z-index:1}.card-header{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;padding:12px var(--card-padding);padding-bottom:8px}.rarity-badge{font-family:var(--font-title);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;padding:6px 20px;border-radius:20px;background:currentColor;color:#000;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff4d;text-shadow:none;position:relative}.rarity-badge:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);border-radius:20px;opacity:0;transition:opacity .3s}.pardo-card:hover .rarity-badge:before{opacity:1;animation:shine 1.5s infinite}@keyframes shine{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.card-art{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;padding:30px var(--card-padding);min-height:180px;background:radial-gradient(ellipse at center,rgba(255,255,255,.05) 0%,transparent 70%)}.card-emoji{font-size:5rem;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.8)) drop-shadow(0 0 30px currentColor);transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pardo-card:hover .card-emoji{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 12px 24px rgba(0,0,0,.9)) drop-shadow(0 0 50px currentColor)}.card-body{position:relative;z-index:2;padding:0 var(--card-padding);flex-grow:1;display:flex;flex-direction:column;gap:var(--card-gap)}.card-name{font-family:var(--font-title);font-size:1.25rem;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;text-align:center;color:var(--text-primary);text-shadow:var(--shadow-text);line-height:1.3;margin:0;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.1)}.card-description{font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.5;text-align:center;color:var(--text-secondary);margin:0;padding:8px 0;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.card-footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px var(--card-padding);padding-top:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.level-badge{font-family:var(--font-stats);font-size:.7rem;font-weight:700;padding:4px 10px;background:#00000080;border:2px solid rgba(255,255,255,.3);border-radius:6px;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 2px 8px #0006;letter-spacing:.5px;white-space:nowrap}.card-theme{font-family:var(--font-body);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#0009;border:2px solid currentColor;border-radius:6px;color:var(--text-primary);text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:0 2px 8px #0006;white-space:nowrap}.card-theme-emoji{font-size:.9rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.rarity-common{border-color:#9ca3af}.rarity-common .rarity-badge{background:#9ca3af}.rarity-common .card-glow{color:#9ca3af}.rarity-rare{border-color:#3b82f6}.rarity-rare .rarity-badge{background:#3b82f6}.rarity-rare .card-glow{color:#3b82f6}.rarity-epic{border-color:#a855f7}.rarity-epic .rarity-badge{background:#a855f7}.rarity-epic .card-glow{color:#a855f7}.rarity-legendary{border-color:#f59e0b}.pardo-card.rarity-legendary{background:var(--card-bg)!important}.rarity-legendary .rarity-badge{background:#f59e0b}.rarity-legendary .card-glow{color:#f59e0b}.rarity-mythic{border-color:#ef4444;animation:mythic-pulse 2s infinite}.rarity-mythic .rarity-badge{background:linear-gradient(135deg,#ef4444,#dc2626);animation:mythic-glow 2s infinite}.rarity-mythic .card-glow{color:#ef4444}@keyframes mythic-pulse{0%,to{box-shadow:0 8px 32px #0009,0 0 40px #ef444466}50%{box-shadow:0 8px 32px #0009,0 0 60px #ef4444cc}}@keyframes mythic-glow{0%,to{box-shadow:0 0 20px #ef444499}50%{box-shadow:0 0 40px #ef4444}}.rarity-unique{border-color:#fbbf24;animation:unique-pulse 3s infinite;position:relative}.rarity-unique:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#fbbf24,#f59e0b,#fbbf24,#f59e0b);background-size:300% 300%;border-radius:var(--border-radius);z-index:0;animation:unique-border 3s linear infinite}.rarity-unique .rarity-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);animation:unique-shine 2s infinite}.rarity-unique .card-glow{color:#fbbf24}@keyframes unique-pulse{0%,to{box-shadow:0 8px 32px #0009,0 0 60px #fbbf2499}50%{box-shadow:0 8px 32px #0009,0 0 80px #fbbf24}}@keyframes unique-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes unique-shine{0%,to{box-shadow:0 0 30px #fbbf24cc,inset 0 1px #ffffff80}50%{box-shadow:0 0 50px #fbbf24,inset 0 1px #fffc}}.theme-fire .card-theme{color:#ff4500;border-color:#ff4500;background:#ff450033;box-shadow:0 2px 8px #ff450066}.theme-ice .card-theme{color:#00bfff;border-color:#00bfff;background:#00bfff33;box-shadow:0 2px 8px #00bfff66}.theme-thunder .card-theme{color:gold;border-color:gold;background:#ffd70033;box-shadow:0 2px 8px #ffd70066}.theme-dark .card-theme{color:#8b00ff;border-color:#8b00ff;background:#8b00ff33;box-shadow:0 2px 8px #8b00ff66}.theme-holy .card-theme{color:#fff;border-color:gold;background:#fff3;box-shadow:0 2px 8px #ffd70080}.theme-chaos .card-theme{color:#ff1493;border-color:#ff1493;background:#ff149333;box-shadow:0 2px 8px #ff149366}#card-quick-hud{display:flex!important;gap:12px;justify-content:center;align-items:center;padding:12px;min-height:80px;background:transparent;border-radius:12px;margin-bottom:12px}.spell-btn{width:70px;height:70px;border-radius:12px;border:3px solid rgba(255,255,255,.3);background:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.spell-btn.empty{border-style:dashed;opacity:.5}.spell-btn.empty:hover{opacity:.8;transform:scale(1.05)}.spell-btn.filled{border-style:solid}.spell-btn.filled:hover{transform:translateY(-4px) scale(1.1)}.spell-btn.filled:active{transform:translateY(-2px) scale(1.05)}.slot-plus{font-size:2rem;color:#ffffff80}.spell-emoji{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.spell-level{font-family:var(--font-stats);font-size:.65rem;font-weight:700;margin-top:2px;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}.spell-btn.used{opacity:.4!important;cursor:not-allowed!important;filter:grayscale(.8)}#relicario-collection-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;padding:16px;background:#0000004d;border-radius:12px;min-height:400px}.collection-card-mini{width:60px;height:80px;border:2px solid;border-radius:8px;background:linear-gradient(145deg,#1a1a2e,#16213e);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;position:relative}.collection-card-mini:hover{transform:translateY(-4px) scale(1.1);z-index:10}.collection-card-mini.locked{opacity:.3;cursor:not-allowed;background:#0f0f1e}.collection-card-emoji{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.collection-card-level{font-family:var(--font-stats);font-size:.6rem;font-weight:700;margin-top:4px;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8)}#relicario-hand-slots{display:flex;gap:16px;justify-content:center;padding:20px;flex-wrap:wrap}.hand-slot{width:280px;min-height:420px;border:3px dashed rgba(255,255,255,.3);border-radius:var(--border-radius);background:#0000004d;display:flex;justify-content:center;align-items:center;position:relative;transition:all .3s}.hand-slot.empty{cursor:pointer}.hand-slot.empty:hover{border-color:#fff9;background:#ffffff0d}.hand-slot.empty span{font-size:4rem;color:#ffffff4d}.hand-slot.filled{border:none;background:transparent}.remove-hint{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#ef4444e6;color:#fff;padding:8px 16px;border-radius:8px;font-family:var(--font-body);font-size:.75rem;font-weight:600;cursor:pointer;opacity:0;transition:all .3s;white-space:nowrap}.hand-slot:hover .remove-hint{opacity:1;bottom:-35px}.remove-hint:hover{background:#dc2626}.gacha-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gacha-pack-container{display:flex;flex-direction:column;align-items:center;gap:20px}.gacha-pack{width:300px;height:400px;background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border:4px solid #fbbf24;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.gacha-pack:hover{transform:scale(1.05);box-shadow:0 0 60px #fbbf24cc}.pack-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(251,191,36,.3) 0%,transparent 70%);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.pack-icon{font-size:8rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.8));animation:float 3s ease-in-out infinite}.pack-prompt{font-family:var(--font-title);font-size:1.2rem;color:#fbbf24;text-transform:uppercase;letter-spacing:2px;margin-top:20px;text-shadow:0 2px 8px rgba(0,0,0,.8);animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.gacha-pack.exploding{animation:explode .8s forwards}@keyframes explode{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}to{transform:scale(0);opacity:0}}.gacha-result{display:flex;flex-direction:column;align-items:center;gap:20px}.gacha-result.hidden{display:none}.gacha-result.reveal{animation:revealCard .8s cubic-bezier(.34,1.56,.64,1)}@keyframes revealCard{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.gacha-collect-btn{font-family:var(--font-title);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:16px 32px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;border:none;border-radius:12px;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #fbbf2499}.gacha-collect-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px #fbbf24e6}.gacha-collect-btn:active{transform:translateY(-2px)}@media (max-width: 768px){.pardo-card{width:240px;min-height:360px}.card-emoji{font-size:4rem}.card-name{font-size:1.1rem}.card-description{font-size:.8rem}#relicario-collection-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.collection-card-mini{width:50px;height:70px}.collection-card-emoji{font-size:1.5rem}}.card-error{padding:20px;background:#ef444433;border:2px solid #ef4444;border-radius:8px;color:#fca5a5;font-family:var(--font-body);text-align:center}:root{--effect-duration: 2.5s;--effect-intensity: 1;--fire-primary: #ff4500;--fire-secondary: #ff8c00;--ice-primary: #00bfff;--ice-secondary: #87ceeb;--thunder-primary: #ffd700;--thunder-secondary: #ffff00;--dark-primary: #8b00ff;--dark-secondary: #4b0082;--holy-primary: #ffd700;--holy-secondary: #fff;--chaos-primary: #ff1493;--chaos-secondary: #ff69b4;--glow-intense: 0 0 40px currentColor, 0 0 80px currentColor, 0 0 120px currentColor;--glow-soft: 0 0 20px currentColor, 0 0 40px currentColor}.screen-effect{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;opacity:0;animation:screenFlash var(--effect-duration) cubic-bezier(.4,0,.2,1);backdrop-filter:blur(0px)}@keyframes screenFlash{0%{opacity:0;backdrop-filter:blur(0px)}10%{opacity:.8;backdrop-filter:blur(8px)}50%{opacity:.6;backdrop-filter:blur(4px)}to{opacity:0;backdrop-filter:blur(0px)}}.effect-fire{background:radial-gradient(ellipse at center,rgba(255,69,0,.4) 0%,rgba(255,140,0,.2) 30%,transparent 70%);box-shadow:inset 0 0 200px #ff450080}.effect-fire:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,69,0,.8) 0%,transparent 50%),radial-gradient(circle,rgba(255,140,0,.6) 0%,transparent 50%);background-size:50% 50%;animation:fireRotate 4s linear infinite;opacity:.6}@keyframes fireRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.effect-ice{background:radial-gradient(ellipse at center,rgba(0,191,255,.4) 0%,rgba(135,206,235,.2) 30%,transparent 70%);box-shadow:inset 0 0 200px #00bfff80}.effect-ice:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(135deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%),linear-gradient(315deg,rgba(255,255,255,.1) 25%,transparent 25%);background-size:100px 100px;animation:iceCrystals 3s linear infinite;opacity:.3}@keyframes iceCrystals{0%{background-position:0 0,50px 50px,50px 0,0 50px}to{background-position:0 100px,50px 150px,50px 100px,0 150px}}.effect-thunder{background:radial-gradient(ellipse at center,rgba(255,215,0,.5) 0%,rgba(255,255,0,.3) 30%,transparent 70%);box-shadow:inset 0 0 200px #ffd70099;animation:thunderPulse .2s ease-in-out 5}@keyframes thunderPulse{0%,to{opacity:0}50%{opacity:1}}.effect-dark{background:radial-gradient(ellipse at center,#8b00ff80,#4b00824d 30%,#000c 70%);box-shadow:inset 0 0 300px #8b00ffb3}.effect-dark:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:radial-gradient(circle,transparent 40%,rgba(139,0,255,.3) 41%,transparent 42%);background-size:100px 100px;transform:translate(-50%,-50%);animation:darkVortex 3s linear infinite}@keyframes darkVortex{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.5)}}.effect-holy{background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0%,rgba(255,215,0,.4) 30%,transparent 70%);box-shadow:inset 0 0 250px #fffc}.effect-holy:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,transparent 48%,rgba(255,255,255,.8) 50%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(255,255,255,.8) 50%,transparent 52%);animation:holyCross 1.5s ease-in-out infinite;opacity:.6}@keyframes holyCross{0%,to{transform:scale(.5);opacity:0}50%{transform:scale(1.5);opacity:1}}.effect-chaos{background:radial-gradient(ellipse at center,rgba(255,20,147,.6) 0%,rgba(255,105,180,.4) 30%,transparent 70%);animation:chaosGlitch .1s steps(10) infinite}@keyframes chaosGlitch{0%{filter:hue-rotate(0deg) saturate(1);transform:translate(0)}20%{filter:hue-rotate(90deg) saturate(2);transform:translate(-5px,5px)}40%{filter:hue-rotate(180deg) saturate(3);transform:translate(5px,-5px)}60%{filter:hue-rotate(270deg) saturate(2);transform:translate(-5px,-5px)}80%{filter:hue-rotate(360deg) saturate(1);transform:translate(5px,5px)}to{filter:hue-rotate(0deg) saturate(1);transform:translate(0)}}.rarity-common.screen-effect{--effect-intensity: .5}.rarity-rare.screen-effect{--effect-intensity: .7}.rarity-epic.screen-effect{--effect-intensity: .85}.rarity-legendary.screen-effect{--effect-intensity: 1}.rarity-mythic.screen-effect{--effect-intensity: 1.2;animation-duration:3s}.rarity-unique.screen-effect{--effect-intensity: 1.5;animation-duration:3.5s}.particle{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none;filter:blur(1px)}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(1);opacity:1}to{transform:translateY(-100vh) translate(var(--particle-drift, 0)) scale(0);opacity:0}}.particle-flames{background:radial-gradient(circle,#ff4500 0%,#ff8c00 50%,transparent 100%);box-shadow:0 0 10px #ff4500;--particle-drift: calc(var(--random-x, 0) * 50px)}.particle-snowflakes{background:radial-gradient(circle,#00bfff 0%,#87ceeb 50%,transparent 100%);box-shadow:0 0 10px #00bfff;width:6px;height:6px;--particle-drift: calc(var(--random-x, 0) * 100px)}.particle-lightning{background:linear-gradient(45deg,gold,#ff0);box-shadow:0 0 15px gold;width:4px;height:12px;border-radius:2px;animation:lightningBolt .3s ease-out forwards}@keyframes lightningBolt{0%,to{opacity:1;transform:translateY(0) scaleY(1)}50%{opacity:.5;transform:translateY(-50vh) scaleY(2)}}.particle-void{background:radial-gradient(circle,#8b00ff 0%,#4b0082 50%,transparent 100%);box-shadow:0 0 20px #8b00ff;width:12px;height:12px;animation:voidPulse 1.5s ease-in-out infinite}@keyframes voidPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:.3}}.particle-stars{background:radial-gradient(circle,#fff 0%,#ffd700 50%,transparent 100%);box-shadow:0 0 15px #fff;width:6px;height:6px;animation:starTwinkle 1s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}.screen-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{0%,to{transform:translate(0) rotate(0)}10%,30%,50%,70%,90%{transform:translate(0) rotate(0)}20%,40%,60%,80%{transform:translate(0) rotate(0)}}.unique-flash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:radial-gradient(ellipse at center,rgba(255,255,255,1) 0%,rgba(255,215,0,.8) 30%,transparent 70%);pointer-events:none;animation:uniqueFlash .3s ease-out}@keyframes uniqueFlash{0%{opacity:0}50%{opacity:1}to{opacity:0}}.card-activation-message{position:fixed;top:20%;left:50%;transform:translate(-50%) translateY(-50%);z-index:10001;font-family:Cinzel,serif;font-size:3rem;font-weight:900;text-transform:uppercase;letter-spacing:8px;color:#fff;text-shadow:0 0 20px currentColor,0 0 40px currentColor,0 0 60px currentColor,4px 4px 8px rgba(0,0,0,.8);pointer-events:none;animation:messageAppear 2s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}@keyframes messageAppear{0%{opacity:0;transform:translate(-50%) translateY(-100%) scale(.5)}30%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}}.card-activation-message.fade-out{animation:messageFadeOut .5s ease-out forwards}@keyframes messageFadeOut{0%{opacity:1;transform:translate(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-50%) scale(.8)}}.message-unique{color:gold;font-size:4rem;text-shadow:0 0 30px #ffd700,0 0 60px #ffd700,0 0 90px #ffd700,6px 6px 12px rgba(0,0,0,.9)}.heal-flash{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:radial-gradient(ellipse at center,rgba(0,255,127,.6) 0%,rgba(50,205,50,.4) 30%,transparent 70%);pointer-events:none;animation:healPulse .8s ease-out}@keyframes healPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.dot-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:6rem;z-index:9999;pointer-events:none;animation:dotBounce 1s ease-out;filter:drop-shadow(0 0 20px currentColor)}@keyframes dotBounce{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.dot-poison{color:#0f0;text-shadow:0 0 40px #00ff00}.dot-burn{color:#ff4500;text-shadow:0 0 40px #ff4500}.dot-bleed{color:#dc143c;text-shadow:0 0 40px #dc143c}.freeze-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:linear-gradient(135deg,rgba(0,191,255,.3) 0%,transparent 50%),linear-gradient(225deg,rgba(135,206,235,.3) 0%,transparent 50%);backdrop-filter:blur(4px);pointer-events:none;animation:freezeSpread 2s ease-out}@keyframes freezeSpread{0%{clip-path:circle(0% at 50% 50%);opacity:0}50%{clip-path:circle(70% at 50% 50%);opacity:1}to{clip-path:circle(70% at 50% 50%);opacity:1}}.freeze-overlay.fade-out{animation:freezeFadeOut .5s ease-out forwards}@keyframes freezeFadeOut{0%{opacity:1}to{opacity:0}}.silence-chains{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;z-index:9999;pointer-events:none;color:gold;text-shadow:0 0 40px #ffd700,0 0 80px #ffd700;animation:chainsAppear 4s ease-out;letter-spacing:20px}@keyframes chainsAppear{0%{opacity:0;transform:translate(-50%,-50%) rotate(-180deg) scale(0)}30%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1.2)}70%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scale(0)}}@media (max-width: 768px){.card-activation-message{font-size:2rem;letter-spacing:4px}.message-unique{font-size:2.5rem}.dot-indicator{font-size:4rem}.silence-chains{font-size:5rem;letter-spacing:10px}.particle{width:6px;height:6px}}.screen-effect,.particle,.unique-flash,.heal-flash,.freeze-overlay{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){.screen-effect,.particle,.screen-shake,.unique-flash,.card-activation-message,.heal-flash,.dot-indicator,.freeze-overlay,.silence-chains{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.debug-card-effects .screen-effect{outline:2px dashed red}body.debug-card-effects .particle{outline:1px solid yellow}.card-3d-effect-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9998;pointer-events:none}.card-3d-effect-loading:after{content:"⚡";font-size:8rem;animation:loadingPulse 1s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.combat-effects-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;transition:filter .2s ease,opacity .2s ease}.combat-effects-overlay.dodge{animation:overlayDodge .6s ease-out}@keyframes overlayDodge{0%{transform:translate(0) scale(1);opacity:1}30%{transform:translate(-40px) scale(.9);opacity:.5}70%{transform:translate(40px) scale(.9);opacity:.5}to{transform:translate(0) scale(1);opacity:1}}.combat-effects-overlay.hit{animation:overlayHit .4s ease-out}@keyframes overlayHit{0%,to{transform:translate(0);filter:brightness(1)}20%,60%{transform:translate(-10px);filter:brightness(1.8) hue-rotate(15deg)}40%,80%{transform:translate(10px);filter:brightness(.6) hue-rotate(-15deg)}}.combat-effects-overlay.critical{animation:overlayCritical .8s ease-out}@keyframes overlayCritical{0%{transform:scale(1)}20%{transform:scale(1.3) translateY(-30px)}40%{transform:scale(1.4) rotate(-10deg) translateY(-20px)}60%{transform:scale(1.5) rotate(10deg) translateY(-40px)}to{transform:scale(1) rotate(0) translateY(0)}}.combat-effects-overlay.attack{animation:overlayAttack .6s ease-out}@keyframes overlayAttack{0%{transform:scale(1) translate(0)}30%{transform:scale(1.1) translate(-15px)}60%{transform:scale(1.15) translate(30px)}to{transform:scale(1) translate(0)}}.combat-effects-overlay.victory{animation:overlayVictory 1.5s ease-out}@keyframes overlayVictory{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.2) translateY(-30px) rotate(-10deg)}40%{transform:scale(1.15) translateY(-20px) rotate(10deg)}60%{transform:scale(1.25) translateY(-40px) rotate(-5deg)}80%{transform:scale(1.1) translateY(-10px) rotate(5deg)}to{transform:scale(1.3) translateY(-20px) rotate(0)}}.combat-effects-overlay.death{animation:overlayDeath 2s ease-out forwards}@keyframes overlayDeath{0%{transform:scale(1) translateY(0) rotate(0);opacity:1}30%{transform:scale(1.1) translateY(-20px) rotate(-15deg);opacity:.9}60%{transform:scale(.95) translateY(10px) rotate(-30deg);opacity:.7}to{transform:scale(.6) translateY(50px) rotate(-90deg);opacity:0}}.combat-effects-overlay.glow-pulse{animation:glowPulse 1s ease-in-out infinite}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 10px rgba(59,130,246,.5))}50%{filter:drop-shadow(0 0 30px rgba(59,130,246,1))}}.combat-effects-overlay.shield{animation:shieldPulse 2s ease-in-out infinite;background:radial-gradient(circle,rgba(59,130,246,.3),transparent 70%)}@keyframes shieldPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}.combat-effects-overlay.burn{animation:burnEffect .5s ease-in-out infinite;filter:hue-rotate(30deg) brightness(1.3)}@keyframes burnEffect{0%,to{filter:hue-rotate(30deg) brightness(1.3)}50%{filter:hue-rotate(60deg) brightness(1.5)}}.combat-effects-overlay.freeze{animation:freezeEffect 2s ease-in-out infinite;filter:hue-rotate(200deg) brightness(1.2)}@keyframes freezeEffect{0%,to{filter:hue-rotate(200deg) brightness(1.2)}50%{filter:hue-rotate(220deg) brightness(1.4)}}.combat-effects-overlay.shock{animation:shockEffect .3s ease-in-out infinite}@keyframes shockEffect{0%,to{filter:brightness(1);transform:translate(0)}25%{filter:brightness(2);transform:translate(-2px)}75%{filter:brightness(1.5);transform:translate(2px)}}@media (max-width: 768px){@keyframes overlayDodge{0%{transform:translate(0) scale(1);opacity:1}30%{transform:translate(-20px) scale(.95);opacity:.6}70%{transform:translate(20px) scale(.95);opacity:.6}to{transform:translate(0) scale(1);opacity:1}}@keyframes overlayCritical{0%{transform:scale(1)}50%{transform:scale(1.2) translateY(-20px)}to{transform:scale(1) translateY(0)}}}.daily-quests-header{text-align:center;margin-bottom:25px}.daily-quest-card{display:flex;align-items:center;gap:15px;padding:15px;background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:12px;transition:all .3s ease}.daily-quest-card:hover{border-color:#3b82f699;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f633}.daily-quest-card.completed{border-color:#22c55e80;background:#22c55e1a}.daily-quest-card.claimed{opacity:.6;border-color:#94a3b84d}.quest-icon{font-size:2.5rem;min-width:60px;text-align:center}.quest-name{font-size:1.1rem;font-weight:700;color:#00f2fe;margin-bottom:5px}.quest-progress-bar{position:relative;height:24px;background:#0f172acc;border-radius:12px;overflow:hidden;margin-bottom:8px}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:12px;transition:width .5s ease}.quest-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.quest-rewards{font-size:.9rem;color:#fbbf24;font-weight:600}.btn-claim-quest{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-claim-quest:hover{transform:scale(1.05);box-shadow:0 4px 15px #22c55e66}.quest-claimed-badge{padding:10px 20px;background:#94a3b833;border-radius:8px;color:#94a3b8;font-weight:700}.element-indicator{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;font-size:.9rem;animation:elementPulse 2s ease-in-out infinite}@keyframes elementPulse{0%,to{opacity:1}50%{opacity:.8}}.status-effects-container{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.status-effect-badge{display:flex;align-items:center;gap:3px;padding:3px 8px;background:#00000080;border-radius:6px;font-size:.8rem;color:#fff;animation:statusBadgePulse 1.5s ease-in-out infinite}@keyframes statusBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.elemental-advantage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:900;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8);animation:advantagePopup .5s ease-out;pointer-events:none;z-index:1000}@keyframes advantagePopup{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.battle-pass-header{margin-bottom:30px}.battle-pass-rewards{display:grid;gap:15px}.battle-pass-level{display:flex;align-items:center;gap:15px;padding:15px;background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:12px;transition:all .3s ease}.battle-pass-level.unlocked{border-color:#22c55e80}.level-number{min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;font-size:1.3rem;font-weight:900;color:#fff;box-shadow:0 4px 15px #3b82f666}.level-rewards{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.reward-tier{position:relative;padding:15px;background:#0f172acc;border-radius:10px;border:2px solid rgba(148,163,184,.3)}.reward-tier.free{border-color:#94a3b880}.reward-tier.premium{border-color:#fbbf2480;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a)}.reward-tier.locked{opacity:.5}.tier-label{font-size:.75rem;font-weight:700;color:#94a3b8;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.reward-content{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.reward-icon{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;background:#3b82f61a;border-radius:8px;min-width:50px}.reward-icon .icon{font-size:1.5rem}.reward-icon .amount{font-size:.8rem;font-weight:600;color:#00f2fe}.btn-claim{width:100%;padding:8px;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn-claim:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e66}.btn-claim.premium:hover{box-shadow:0 4px 15px #fbbf2466}.claimed-badge{text-align:center;padding:8px;background:#22c55e33;border-radius:8px;color:#22c55e;font-weight:700;font-size:.9rem}.locked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;border-radius:10px;font-size:2rem}.economy-stat-card{padding:15px;background:#1e293b80;border:2px solid rgba(59,130,246,.3);border-radius:12px;text-align:center}.economy-stat-label{font-size:.9rem;color:#94a3b8;margin-bottom:8px}.economy-stat-value{font-size:1.5rem;font-weight:700;color:#00f2fe}.economy-recommendation{padding:12px;background:#8b5cf61a;border-left:4px solid #8b5cf6;border-radius:8px;color:#cbd5e1;line-height:1.6}@media (max-width: 768px){.level-rewards{grid-template-columns:1fr}.daily-quest-card{flex-direction:column;text-align:center}.quest-icon{font-size:3rem}}@keyframes questComplete{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rewardClaimed{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}.quest-complete-animation{animation:questComplete .5s ease-out}.reward-claimed-animation{animation:rewardClaimed 1s ease-out forwards}.help-main-container{display:grid;grid-template-columns:280px 1fr;gap:25px;min-height:600px}.help-sidebar{background:#1e293b99;border-radius:16px;padding:20px;border:2px solid rgba(59,130,246,.3);height:fit-content;position:sticky;top:20px}.help-sidebar-title{font-size:1.3rem;font-weight:700;color:#3b82f6;margin-bottom:20px;text-align:center;padding-bottom:15px;border-bottom:2px solid rgba(59,130,246,.3)}.help-category-btn{display:flex;align-items:center;gap:12px;padding:15px;margin-bottom:10px;background:#0f172a99;border-radius:12px;cursor:pointer;transition:all .3s ease;border-left:4px solid transparent}.help-category-btn:hover{background:#3b82f633;transform:translate(5px)}.help-category-btn.active{background:#3b82f64d;box-shadow:0 0 20px #3b82f666}.help-category-btn span:last-child{font-weight:600;color:#f8fafc}.help-content{background:#1e293b66;border-radius:16px;padding:30px;border:2px solid rgba(59,130,246,.2)}.help-section{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-title{font-size:2.5rem;font-weight:700;color:#00f2fe;margin-bottom:10px;text-shadow:0 0 20px rgba(0,242,254,.6)}.help-subtitle{font-size:1.1rem;color:#94a3b8;margin-bottom:30px}.help-card{background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:25px;margin-bottom:20px}.help-card h2{font-size:1.5rem;font-weight:700;color:#3b82f6;margin-bottom:15px}.help-card p{color:#cbd5e1;line-height:1.6;margin-bottom:15px}.help-list{list-style:none;padding-left:0}.help-list li{color:#cbd5e1;padding:10px 0 10px 30px;position:relative;line-height:1.6}.help-list li:before{content:"▸";position:absolute;left:10px;color:#3b82f6;font-weight:700}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:25px}.help-feature-card{background:linear-gradient(135deg,#3b82f61a,#00f2fe1a);border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.help-feature-card:hover{transform:translateY(-5px);border-color:#3b82f6;box-shadow:0 10px 30px #3b82f666}.help-feature-icon{font-size:3rem;margin-bottom:10px}.help-feature-card h3{font-size:1.1rem;font-weight:700;color:#f8fafc;margin-bottom:8px}.help-feature-card p{font-size:.9rem;color:#94a3b8;line-height:1.4}.help-steps{margin-top:20px}.help-step{display:flex;gap:15px;align-items:flex-start;margin-bottom:20px;padding:15px;background:#3b82f60d;border-radius:8px;border-left:4px solid #3b82f6}.step-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#00f2fe);border-radius:50%;font-weight:700;font-size:1.2rem;color:#000;flex-shrink:0}.help-step h4{font-size:1.1rem;font-weight:700;color:#f8fafc;margin-bottom:5px}.help-step p{color:#94a3b8;font-size:.95rem;margin:0}.help-accordion{margin-top:20px}.help-accordion-item{background:#0f172a99;border:2px solid rgba(59,130,246,.3);border-radius:12px;margin-bottom:15px;overflow:hidden}.help-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer;background:#3b82f61a;transition:all .3s ease}.help-accordion-header:hover{background:#3b82f633}.help-accordion-header span:first-child{font-size:1.2rem;font-weight:700;color:#f8fafc}.accordion-icon{font-size:1rem;color:#3b82f6;transition:transform .3s ease}.help-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 20px}.help-accordion-content p,.help-accordion-content ul{padding:20px 0}@media (max-width: 768px){.help-main-container{grid-template-columns:1fr}.help-sidebar{position:static}.help-grid{grid-template-columns:1fr}}.battle-pass-header{text-align:center;margin-bottom:30px}.battle-pass-rewards{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:10px}.battle-pass-level{background:#1e293b99;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;transition:all .3s ease}.battle-pass-level.unlocked{border-color:#fbbf2480;background:#fbbf240d}.battle-pass-level.locked{opacity:.5;filter:grayscale(.5)}.level-number{font-size:1.2rem;font-weight:700;color:#a78bfa;margin-bottom:15px;text-align:center}.level-rewards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reward-tier{background:#0f172acc;border-radius:10px;padding:15px;border:2px solid rgba(59,130,246,.3)}.reward-tier.premium{border-color:#fbbf2480}.reward-tier.locked{opacity:.6;position:relative}.tier-label{font-size:.9rem;font-weight:700;color:#94a3b8;margin-bottom:10px;text-align:center}.reward-tier.premium .tier-label{color:#fbbf24}.tier-rewards{color:#cbd5e1;font-size:.95rem;line-height:1.8;margin-bottom:15px;min-height:60px}.btn-claim{width:100%;padding:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-claim:hover{transform:translateY(-2px);box-shadow:0 5px 20px #3b82f666}.btn-claim.premium{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.btn-claim.premium:hover{box-shadow:0 5px 20px #fbbf2466}.claimed-badge{text-align:center;padding:10px;background:#22c55e33;border-radius:8px;color:#22c55e;font-weight:700}.locked-badge{text-align:center;padding:10px;background:#64748b33;border-radius:8px;color:#64748b;font-weight:700}.daily-quests-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid rgba(251,191,36,.3)}.daily-quests-grid{display:grid;gap:15px}.daily-quest-card{background:#1e293b99;border:2px solid rgba(59,130,246,.3);border-radius:12px;padding:20px;display:grid;grid-template-columns:60px 1fr auto;gap:15px;align-items:center;transition:all .3s ease}.daily-quest-card:hover{border-color:#fbbf2480;transform:translateY(-2px);box-shadow:0 5px 20px #fbbf2433}.daily-quest-card.completed{border-color:#22c55e80;background:#22c55e0d}.daily-quest-card.claimed{opacity:.6;filter:grayscale(.5)}.quest-icon{font-size:3rem;text-align:center}.quest-info{flex:1}.quest-name{font-size:1.1rem;font-weight:700;color:#f8fafc;margin-bottom:5px}.quest-description{font-size:.9rem;color:#94a3b8;margin-bottom:10px}.quest-progress-bar{position:relative;width:100%;height:20px;background:#0f172acc;border-radius:10px;overflow:hidden;margin-bottom:10px}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:10px;transition:width .5s ease}.quest-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.quest-rewards{font-size:.85rem;color:#fbbf24;font-weight:600}.btn-claim-quest{padding:12px 20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-claim-quest:hover{transform:translateY(-2px);box-shadow:0 5px 20px #fbbf2466}.quest-claimed-badge{padding:12px 20px;background:#22c55e33;border-radius:8px;color:#22c55e;font-weight:700;text-align:center}@media (max-width: 768px){.level-rewards{grid-template-columns:1fr}.daily-quest-card{grid-template-columns:1fr;text-align:center}.quest-icon{font-size:2.5rem}}@media (max-width: 768px){.tooltip-shimmer,.drag-ghost,.magic-delirio-ojo-flotante,.magic-delirio-ojos-aparicion,.magic-delirio-cruceta,.magic-aniquilacion-image,.magic-aniquilacion-lightray,.magic-delirio-background,.magic-delirio-overlay{will-change:auto!important}.combatant-sprite,.cards-container>*{will-change:transform}.button-loader-spinner,.spinner-dual{will-change:auto!important;animation:none!important}.heal-flash,.freeze-overlay{will-change:auto!important;opacity:.5!important}[class*=parallax],[class*=para-]{transform:none!important;will-change:auto!important}*{box-shadow:none!important;text-shadow:none!important}*{transition-duration:.1s!important}.magic-delirio-ojo-flotante,.magic-delirio-ojos-aparicion,.magic-delirio-cruceta{filter:none!important}}@media (max-width: 480px){*{animation:none!important;will-change:auto!important}.combatant-sprite{will-change:transform}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.global-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:none;align-items:center;justify-content:center}.global-loader.active{display:flex}.loader-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(4px)}.loader-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px}.loader-spinner{width:60px;height:60px;border:4px solid rgba(251,191,36,.2);border-top-color:#fbbf24;border-radius:50%;animation:spin .8s linear infinite}.loader-text{color:#f8fafc;font-size:1.1rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5)}.local-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172af2;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;border-radius:inherit}.local-loader-content{display:flex;flex-direction:column;align-items:center;gap:15px}.local-loader-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.local-loader-text{color:#cbd5e1;font-size:.9rem;font-weight:600}.progress-loader .progress-bar-container{width:200px;height:8px;background:#1e293bcc;border-radius:4px;overflow:hidden;border:1px solid rgba(59,130,246,.3)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #3b82f680}.progress-percentage{color:#3b82f6;font-size:.85rem;font-weight:700}button.loading{position:relative;pointer-events:none;opacity:.7}.button-loader-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:8px;vertical-align:middle}.skeleton{background:linear-gradient(90deg,#1e293bcc,#334155cc,#1e293bcc);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{padding:20px;margin-bottom:15px}.skeleton-image{width:100%;height:150px;background:#33415599;border-radius:8px;margin-bottom:15px}.skeleton-title{width:70%;height:20px;background:#33415599;border-radius:4px;margin-bottom:10px}.skeleton-text{width:100%;height:14px;background:#33415599;border-radius:4px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-list{display:flex;align-items:center;gap:15px;padding:15px;margin-bottom:10px}.skeleton-avatar{width:50px;height:50px;background:#33415599;border-radius:50%;flex-shrink:0}.skeleton-content{flex:1}.pulse-loader{display:flex;gap:8px;align-items:center;justify-content:center}.pulse-dot{width:12px;height:12px;background:#3b82f6;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.spinner-dual{width:50px;height:50px;position:relative}.spinner-dual:before,.spinner-dual:after{content:"";position:absolute;border-radius:50%;border:3px solid transparent}.spinner-dual:before{width:100%;height:100%;border-top-color:#3b82f6;animation:spin 1s linear infinite}.spinner-dual:after{width:70%;height:70%;top:15%;left:15%;border-top-color:#8b5cf6;animation:spin .7s linear infinite reverse}@media (max-width: 768px){.loader-spinner{width:50px;height:50px}.loader-text{font-size:1rem}.local-loader-spinner{width:35px;height:35px}.progress-bar-container{width:150px}}.section-loading{position:relative;pointer-events:none;opacity:.6}.section-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;z-index:10}.shimmer{position:relative;overflow:hidden;background:#1e293bcc}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}.loading-dots:after{content:"";animation:loading-dots 1.5s steps(4,end) infinite}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.loader-spinner,.local-loader-spinner,.button-loader-spinner,.spinner-dual{will-change:transform;transform:translateZ(0)}@media (prefers-reduced-motion: reduce){.loader-spinner,.local-loader-spinner,.button-loader-spinner,.skeleton,.pulse-dot{animation:none}.loader-spinner:after{content:"Cargando...";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:10px;color:#f8fafc}}@media (prefers-color-scheme: light){.loader-backdrop{background:#ffffffe6}.local-loader{background:#f8fafcf2}.loader-text,.local-loader-text{color:#0f172a}}*{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.modal-content,.screen,.inventory-container,.shop-grid,.missions-container,.daily-quests-container,.battle-pass-container,#crafting-content,#city-container,#relicario-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;will-change:scroll-position;transform:translateZ(0)}body,.modal,.screen{touch-action:pan-y pinch-zoom}.draggable-item,.equipment-slot,.inventory-slot,.mission-node{touch-action:none;-webkit-user-select:none;user-select:none}button,.btn-elite,.btn-secondary,.nav-tab{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,[onclick],[ontouchstart]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}input,textarea,select{font-size:16px!important;touch-action:manipulation}@media (max-width: 768px){button,.btn-elite,.btn-secondary,.nav-tab,.equipment-slot,.inventory-slot{min-width:44px;min-height:44px}.nav-tab{padding:12px 16px}.btn-elite,.btn-secondary{padding:14px 24px;font-size:1rem}}.nav-tabs,.shop-categories,.crafting-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.nav-tabs::-webkit-scrollbar,.shop-categories::-webkit-scrollbar,.crafting-tabs::-webkit-scrollbar{display:none}@media (max-width: 768px){.modal-content{max-width:95vw;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px}.modal-content{position:relative;touch-action:pan-y}}@media (max-width: 768px){.shop-grid,.inventory-grid,.pets-grid{gap:12px;padding:12px}.shop-item,.inventory-item,.pet-card{padding:12px}}@media (max-width: 768px){#btn-attack,#btn-defend,#btn-ability,#btn-stun{min-width:60px;min-height:60px;font-size:1.2rem;margin:8px}.combat-controls{gap:12px;padding:16px}}.dragging{opacity:.7;transform:scale(1.1);z-index:9999;pointer-events:none;touch-action:none}.drag-over{background:#fbbf2433;border:2px dashed #fbbf24}@media (max-width: 768px){.item-tooltip,.item-tooltip-premium{position:fixed;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:90vw;z-index:10000}}.game-ui,.combat-arena,.inventory-container,.shop-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media (max-width: 768px){.draggable-item,.modal,.tooltip{will-change:transform;transform:translateZ(0)}}@media (max-width: 768px) and (orientation: landscape){.modal-content{max-height:85vh;overflow-y:auto}.combat-arena{padding:15px}.combatant-sprite{font-size:3rem}}@media (min-width: 768px) and (max-width: 1024px){button,.btn-elite,.btn-secondary{min-width:48px;min-height:48px}.modal-content{max-width:85vw}.shop-grid,.inventory-grid{gap:16px}}body{overscroll-behavior-y:contain}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.modal-content{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}@media (max-width: 768px){.loading{pointer-events:none;opacity:.6}.loading:after{content:"";position:absolute;top:50%;left:50%;width:30px;height:30px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){button:active,.btn-elite:active,.btn-secondary:active{transform:scale(.95);transition:transform .1s}.inventory-slot:active,.equipment-slot:active{transform:scale(.98);transition:transform .1s}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){.modal-content{background:#0f172afa}}.modal,.tooltip,.draggable-item,.combatant-sprite{will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden}.shop-grid,.pets-grid{scroll-snap-type:y proximity}.shop-item,.pet-card{scroll-snap-align:start}.difficulty-container{position:relative;width:100%;height:800px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #000c}@media (min-width: 1025px){.difficulty-info-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:550px;z-index:10}.difficulty-info-panel.modo-orden{top:50%;left:50%;transform:translate(-50%,-50%)}.difficulty-info-panel.modo-caos,.difficulty-info-panel.modo-delirio{top:80%;left:50%;transform:translate(-50%,-50%)}.difficulty-info-panel.modo-aniquilacion{top:75%;left:50%;transform:translate(-50%,-50%)}}.difficulty-bg-image{position:absolute;inset:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:1}.difficulty-buttons-container{position:absolute;left:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:10}.difficulty-mode-button{width:220px;padding:25px;background:#0f172a66;backdrop-filter:blur(20px);border:3px solid rgba(255,255,255,.2);border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #0006;position:relative;text-align:center}.difficulty-mode-button.active{background:rgba(var(--mode-color-rgb),.15);border-color:var(--mode-color);box-shadow:0 0 40px var(--mode-glow),0 10px 30px #00000080}.difficulty-mode-button.locked{opacity:.6;cursor:not-allowed}.difficulty-mode-button:not(.locked):hover{transform:translate(10px) scale(1.05);box-shadow:0 0 50px var(--mode-glow),0 15px 40px #0009}.difficulty-mode-icon{font-size:2.5rem;margin-bottom:10px;filter:drop-shadow(0 0 15px var(--mode-glow))}.difficulty-mode-name{font-size:1.1rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;text-shadow:0 2px 10px rgba(0,0,0,1)}.difficulty-mode-progress{font-size:.85rem;color:#ffffffe6;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,1)}.difficulty-mode-locked{font-size:.85rem;color:#fff9;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,1)}.difficulty-mode-badge{position:absolute;top:15px;right:15px;background:var(--mode-color);color:#0f172a;padding:6px 12px;border-radius:8px;font-size:.7rem;font-weight:900;box-shadow:0 0 20px var(--mode-glow)}.difficulty-info-header{background:transparent;border:3px solid var(--mode-color);border-radius:20px;padding:30px;box-shadow:0 0 50px var(--mode-glow),0 15px 40px #0009}.difficulty-info-top{display:flex;align-items:center;gap:20px;margin-bottom:20px}.difficulty-info-icon{font-size:3.5rem;filter:drop-shadow(0 0 25px var(--mode-glow))}.difficulty-info-text{flex:1}.difficulty-info-title{font-size:2rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 40px var(--mode-glow),0 4px 15px rgba(0,0,0,1);margin-bottom:8px}.difficulty-info-description{font-size:1rem;color:#fffffff2;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,1)}.difficulty-info-badge{background:var(--mode-color);color:#0f172a;padding:10px 20px;border-radius:12px;font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 25px var(--mode-glow)}.difficulty-multipliers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.difficulty-multiplier{border:2px solid;border-radius:15px;padding:20px;text-align:center}.difficulty-multiplier-enemy{background:transparent;border-color:#ef444499}.difficulty-multiplier-reward{background:transparent;border-color:#fbbf2499}.difficulty-multiplier-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;font-weight:900;text-shadow:0 2px 6px rgba(0,0,0,1)}.difficulty-multiplier-enemy .difficulty-multiplier-label{color:#fca5a5}.difficulty-multiplier-reward .difficulty-multiplier-label{color:#fcd34d}.difficulty-multiplier-value{font-size:2rem;font-weight:900;color:#fff}.difficulty-multiplier-enemy .difficulty-multiplier-value{text-shadow:0 0 20px rgba(239,68,68,1),0 3px 8px rgba(0,0,0,1)}.difficulty-multiplier-reward .difficulty-multiplier-value{text-shadow:0 0 20px rgba(251,191,36,1),0 3px 8px rgba(0,0,0,1)}@keyframes shine{0%{transform:translate(-100%) translateY(-100%)}to{transform:translate(100%) translateY(100%)}}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.difficulty-effects-container{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.magic-papiro{transition:transform .1s ease-out,opacity .3s ease-out}.magic-runa{transition:transform .05s ease-out,opacity .2s ease-out}.magic-runas-grandes{transition:opacity .3s ease-out}.magic-runas-zona{transition:opacity .5s ease-in-out}.magic-vortice{transition:none}.magic-rayo{transition:opacity .1s ease-out}.magic-aniquilacion-image{will-change:filter,background-image}.magic-aniquilacion-lightray{will-change:opacity}.magic-delirio-background{will-change:filter}.magic-delirio-overlay{will-change:opacity}.magic-delirio-ojo-flotante{will-change:transform,filter,opacity;transition:none}.magic-delirio-ojos-aparicion{will-change:transform,opacity,filter;transition:opacity .5s ease-in-out,left .3s ease-out,top .3s ease-out}.magic-delirio-cruceta{will-change:transform,opacity,filter;transition:opacity 1s ease-in-out}@media (max-width: 1024px) and (min-width: 768px){.difficulty-container{height:700px}.difficulty-buttons-container{left:20px;gap:15px}.difficulty-mode-button{width:180px;padding:20px}.difficulty-mode-icon{font-size:2rem}.difficulty-mode-name{font-size:.95rem}.difficulty-mode-progress,.difficulty-mode-locked{font-size:.75rem}.difficulty-info-panel{position:absolute;top:170px;right:30px;max-width:550px;z-index:10}.difficulty-info-panel.modo-orden{top:170px;right:30px;left:auto;max-width:550px}.difficulty-info-panel.modo-caos{top:60%;left:65%;right:auto;transform:translate(-50%);width:450px;max-width:450px}.difficulty-info-panel.modo-delirio{top:63%;left:65%;right:auto;transform:translate(-50%);width:450px;max-width:450px}.difficulty-info-panel.modo-aniquilacion{top:60%;left:65%;right:auto;transform:translate(-50%);max-width:450px}.difficulty-info-header{padding:25px;width:100%}.difficulty-info-top{gap:15px;margin-bottom:15px;flex-wrap:nowrap;align-items:center}.difficulty-info-icon{font-size:3rem;flex-shrink:0;min-width:3rem}.difficulty-info-icon img{width:3rem!important;height:3rem!important;display:block}.difficulty-info-text{flex:1;min-width:0}.difficulty-info-title{font-size:1.5rem;letter-spacing:1.5px}.difficulty-info-description{font-size:.85rem}.difficulty-info-badge{padding:8px 16px;font-size:.7rem}.difficulty-multipliers{gap:12px}.difficulty-multiplier{padding:15px}.difficulty-multiplier-label{font-size:.7rem}.difficulty-multiplier-value{font-size:1.6rem}}@media (max-width: 767px){.difficulty-container{height:550px;border-radius:15px}.difficulty-buttons-container{inset:auto 15px 20px;transform:none;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:5px}.difficulty-mode-button{width:140px;min-width:140px;padding:15px;border-radius:15px}.difficulty-mode-icon{font-size:1.8rem;margin-bottom:8px}.difficulty-mode-name{font-size:.85rem;letter-spacing:1px}.difficulty-mode-progress,.difficulty-mode-locked{font-size:.7rem}.difficulty-mode-badge{top:10px;right:10px;padding:4px 8px;font-size:.6rem}.difficulty-info-panel{position:absolute;top:110px;left:15px;right:15px;max-width:none;z-index:10}.difficulty-info-panel.modo-orden,.difficulty-info-panel.modo-caos,.difficulty-info-panel.modo-delirio,.difficulty-info-panel.modo-aniquilacion{top:110px;left:15px;right:15px;max-width:none}.difficulty-info-header{padding:20px;border-radius:15px}.difficulty-info-top{flex-direction:column;text-align:center;gap:10px;margin-bottom:15px}.difficulty-info-icon{font-size:2.5rem}.difficulty-info-text{width:100%}.difficulty-info-title{font-size:1.3rem;letter-spacing:1.5px}.difficulty-info-description{font-size:.8rem}.difficulty-info-badge{padding:6px 14px;font-size:.65rem}.difficulty-multipliers{gap:10px}.difficulty-multiplier{padding:12px;border-radius:12px}.difficulty-multiplier-label{font-size:.65rem;margin-bottom:6px}.difficulty-multiplier-value{font-size:1.4rem}}@media (max-width: 480px){.difficulty-container{height:650px}.difficulty-mode-button{width:120px;min-width:120px;padding:12px}.difficulty-mode-icon{font-size:1.5rem}.difficulty-mode-name{font-size:.75rem}.difficulty-info-header{padding:15px}.difficulty-info-icon{font-size:2rem}.difficulty-info-title{font-size:1.1rem}.difficulty-info-description{font-size:.75rem}.difficulty-multiplier{padding:10px}.difficulty-multiplier-label{font-size:.6rem}.difficulty-multiplier-value{font-size:1.2rem}}