.inventory-container{width:100vw;height:100dvh;font-family:system-ui,-apple-system,sans-serif;position:relative;overflow:visible}.inventory-bg{z-index:1;background:radial-gradient(80% 60%,#288cdc85 0%,#0000 70%),radial-gradient(50% 80% at 20% 80%,#1450c84d 0%,#0000 60%),radial-gradient(50% 80% at 85% 20%,#32b4ff61 0%,#0000 60%),linear-gradient(#1c2535 0%,#223240 50%,#1a2530 100%);position:absolute;inset:0;overflow:hidden;width:calc(100vw / var(--game-scale,1))!important;height:calc(100vh / var(--game-scale,1))!important;background-size:cover!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.inventory-bg:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#3cb4ff12 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#3cb4ff12 2px 4px);position:absolute;inset:0}.inventory-bg:after{content:"";pointer-events:none;background:radial-gradient(#3cb4ff4d 0%,#0000 60%);height:80%;animation:5s ease-in-out infinite alternate invPulse;position:absolute;top:10%;left:20%;right:20%}@keyframes invPulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.inv-bg-dust{z-index:2;pointer-events:none;background-image:radial-gradient(circle,#82dcffcc 1.2px,#0000 1.5px),radial-gradient(circle,#50b4ff80 1px,#0000 1.3px),radial-gradient(circle,#288cff85 .8px,#0000 1px);background-size:160px 200px,120px 150px,75px 95px;animation:35s linear infinite reverse dustFloat;position:absolute;inset:0}.inv-bg-vignette{z-index:3;pointer-events:none;background:radial-gradient(80% 70%,#0000 50%,#0000008c 100%);position:absolute;inset:0}.inventory-gui-layer{z-index:5;box-sizing:border-box;flex-direction:column;width:125vw;height:125dvh;padding:10px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.inventory-header-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.inventory-header-left{align-items:center;gap:15px;display:flex}.inventory-back-btn{cursor:pointer;background-color:#d81010;border:3px solid #7f2d2d;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .1s;display:flex;box-shadow:0 4px 6px #00000080}.inventory-back-btn:active{transform:scale(.95)}.inventory-back-icon{border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:15px solid #fff;width:0;height:0;margin-right:4px}.inventory-title{color:#fff;text-shadow:0 2px 4px #000;margin:0;font-family:HeyComic,system-ui,sans-serif;font-size:1.8rem;font-weight:700}.inventory-header-right{gap:10px;display:flex}.inventory-currency-box{background:#1f273a;border:2px solid #2e3a8a;border-radius:4px;align-items:center;min-width:90px;height:30px;padding:2px;display:flex;box-shadow:0 2px 4px #00000080}.inventory-currency-icon{background:#2e393b;border-radius:4px;margin-right:8px;padding:2px 4px;font-size:1rem}.inventory-currency-amount{color:#fff;text-align:right;flex:1;margin-right:10px;font-size:.9rem;font-weight:700}.inventory-currency-add{color:#fff;cursor:pointer;background:#3b82f6;border:1px solid #60a5fa;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:1rem;font-weight:700;line-height:1;display:flex}.inventory-main-panel{background:#000000b3;border:2px solid #fbbf34;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 20px #000c}.inv-page-tabs{flex-shrink:0;justify-content:flex-start;gap:10px;margin-bottom:5px;padding-left:5px;display:flex}.inv-page-tab{color:#94a3b8;cursor:pointer;background:0 0;border:4px solid #b45319;border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;justify-content:flex-start;align-items:center;gap:10px;padding:8px 20px;font-size:1.5rem;font-weight:700;display:flex;position:relative;box-shadow:inset 0 -15px 30px #00000073}.inv-page-tab.active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;box-shadow:none;background:#0009;border-color:#fbbf34}.inv-tab-icon{filter:grayscale()opacity(.6)drop-shadow(0 3px 6px #000);font-size:2rem;transition:filter .2s}.inv-page-tab.active .inv-tab-icon{filter:drop-shadow(0 3px 6px #000)}.inv-tab-count{font-size:1.5rem;font-weight:700}.tab-alert{color:#000;background:#fbbf34;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:-10px;right:5px;box-shadow:0 4px 8px #00000080}.inventory-grid-wrapper{flex:1;padding:15px;overflow-y:auto}.inventory-grid-wrapper::-webkit-scrollbar{width:8px}.inventory-grid-wrapper::-webkit-scrollbar-track{background:#1f273a}.inventory-grid-wrapper::-webkit-scrollbar-thumb{background:#fbbf34;border-radius:4px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;display:grid}.inventory-card{aspect-ratio:3/4;cursor:pointer;background:#19191b;border:1px solid #37373a;border-radius:8px;flex-direction:column;min-height:150px;transition:transform .1s,border-color .2s;display:flex;position:relative;box-shadow:inset 0 0 20px #ffffff1f}.inventory-card.bg-S{background:radial-gradient(circle at 50% 30%,#b92c2c 0%,#451a1a 100%)}.inventory-card.bg-A{background:radial-gradient(circle at 50% 30%,#b45319 0%,#452a13 100%)}.inventory-card.bg-B{background:radial-gradient(circle at 50% 30%,#64748b 0%,#2e393b 100%)}.inventory-card.bg-C{background:radial-gradient(circle at 50% 30%,#9a3422 0%,#432417 100%)}.inventory-card:hover{border-color:#52525b;transform:scale(1.02)}.inventory-card.selected{border:3px solid #fde047;box-shadow:0 0 15px #fde04773}.inventory-card.trading-card{border:1px solid #3f3f46;border-radius:12px}.card-class-frame{z-index:1;pointer-events:none;border-radius:6px;position:absolute;inset:0}.trading-card .card-class-frame:after{content:"";pointer-events:none;z-index:10;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 20%,#ffffff40 25%,#ffffff73 35%,#0000 40%);border-radius:4px;position:absolute;inset:0}.card-class-frame.frame-S{border:4px solid #ef4444;box-shadow:inset 0 0 25px #ef4444b3}.card-class-frame.frame-A{border:4px solid #fbbf34;box-shadow:inset 0 0 25px #fbbf24b3}.card-class-frame.frame-B{border:4px solid #cbd5e1;box-shadow:inset 0 0 25px #cbd5e1b3}.card-class-frame.frame-C{border:4px solid #b45319;box-shadow:inset 0 0 25px #b45309b3}.card-class-frame.frame-champion{border:4px solid #71717a;box-shadow:inset 0 0 20px #00000080}.card-bg-wrapper{z-index:0;border-radius:8px;position:absolute;inset:0;overflow:hidden}.trading-card-bg{object-fit:cover;object-position:center 20%;opacity:.95;width:100%;height:100%;transition:transform .2s ease-out}.inventory-card.trading-card:hover .trading-card-bg{transform:scale(1.1)}.trading-card .card-top-info,.trading-card .card-name-info,.trading-card .card-bottom-info,.trading-card .card-slots{z-index:2;text-shadow:0 1px 3px #000,0 2px 5px #000c;position:relative}.trading-card .card-name-info{text-align:center;z-index:3;position:absolute;bottom:35px;left:0;right:0}.trading-card .card-name-info .name-primary{color:#fff;text-transform:uppercase;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;letter-spacing:1px;background:linear-gradient(#27272af2,#09090bfa);border:2px solid #52525b;border-bottom:4px solid #3f3f46;border-radius:6px;padding:4px 10px;font-family:HeyComic,sans-serif;font-size:1.3rem;display:inline-block;box-shadow:0 4px 8px #000000e6,inset 0 1px 2px #ffffff40}.trading-card .card-character-img{z-index:1}.card-selected-slot{z-index:2;background:#fef08a;border:2px solid #ca8a14;border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;flex-direction:column;align-items:center;width:25px;padding:5px 0;display:flex;position:absolute;top:20%;left:0}.card-selected-slot div{color:#a16217;font-size:.75rem;font-weight:700;line-height:1.2}.card-selected-slot div.active{color:#452a13;transform:scale(1.2)}.card-top-info{z-index:2;justify-content:flex-end;padding:5px;display:flex}.inv-badge-sprite{filter:drop-shadow(0 4px 6px #000000e6);transform-origin:top;z-index:3;background-image:url(/Game/iconos_avatar/iconos_clases.webp);background-repeat:no-repeat;background-size:420%;width:50px;height:50px;position:absolute;top:-24px;left:50%;transform:translate(-50%)scale(1.5)}.inv-badge-sprite.C{background-position:0%}.inv-badge-sprite.B{background-position:33%}.inv-badge-sprite.A{background-position:65%}.inv-badge-sprite.S{background-position:96%}.card-score{color:#fff;background:#a855f7;border-radius:4px;padding:2px 4px;font-size:.7rem;font-weight:700}.card-character-img{z-index:2;flex:1;justify-content:center;align-items:center;padding:15px 15px 55px;display:flex;position:relative}.non-card-img{object-fit:contain;filter:drop-shadow(0 4px 6px #000);width:100%;height:100%}.gem-inner-frame{background:#00000080;border:2px solid #52525b;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;padding:10px;display:flex;box-shadow:inset 0 0 10px #000c}.gem-img{object-fit:contain;width:100%;height:100%}.gem-turquoise{filter:sepia()saturate(5)hue-rotate(120deg)brightness(1.2)drop-shadow(0 0 15px #0ff)}.gem-fuchsia{filter:sepia()saturate(5)hue-rotate(240deg)brightness(1.2)drop-shadow(0 0 15px #f0f)}.gem-green{filter:sepia()saturate(5)hue-rotate(60deg)brightness(1.2)drop-shadow(0 0 15px #0f0)}.gem-yellow{filter:sepia()saturate(5)hue-rotate()brightness(1.5)drop-shadow(0 0 15px #ff0)}.gem-red{filter:sepia()saturate(5)hue-rotate(320deg)brightness(1.2)drop-shadow(0 0 15px red)}.sprite-placeholder{filter:drop-shadow(0 4px 6px #000);background:#3a86ff;border-radius:50%;width:50px;height:50px}.card-slots{justify-content:center;gap:4px;margin-bottom:5px;display:flex}.slot{background:#3f3f46;border:1px solid #71717a;border-radius:50%;width:15px;height:15px}.card-name-info{text-align:center;z-index:4;padding:0 5px;position:absolute;bottom:35px;left:0;right:0}.name-primary{color:#fff;text-transform:uppercase;text-shadow:2px 2px #000,-1px -1px #000,1px -1px #000,-1px 1px #000,0 3px 6px #000000e6;letter-spacing:.5px;font-family:HeyComic,sans-serif;font-size:1.4rem;line-height:1.1}.name-secondary{color:#cbd5e1;font-size:.65rem}.trading-card .card-bottom-info{box-sizing:border-box;background:linear-gradient(#eab318 0%,#ca8a14 20%,#854d1e 50%,#423016 80%,#713f22 100%);border-top:2px solid #fef08a;justify-content:space-between;align-items:center;width:100%;padding:6px 8px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px 4px #ffffff73,inset 0 -2px 4px #000c}.card-bottom-info{z-index:5;justify-content:space-between;align-items:center;padding:5px 8px;display:flex;position:absolute;bottom:6px;left:0;right:0}.card-element{border:1px solid #ffffff73;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.1rem;display:flex}.card-level{color:#fff;text-shadow:0 1px 2px #000;font-size:1.1rem;font-weight:700}.inventory-footer{justify-content:space-between;padding:10px 0 0;display:flex}.footer-left{flex:1;display:flex}.footer-center{flex:1;justify-content:center;gap:15px;display:flex}.footer-right{flex:1;justify-content:flex-end;gap:15px;display:flex}.footer-btn{color:#fff;cursor:pointer;border:2px solid;border-radius:4px;padding:8px 25px;font-size:.9rem;font-weight:700;transition:transform .1s;box-shadow:0 4px 6px #00000080}.footer-btn:active{transform:scale(.95)}.footer-btn.green{background:linear-gradient(#32c55e 0%,#26a34a 100%);border-color:#86efac}.footer-btn.red{background:linear-gradient(#ef4444 0%,#b92c2c 100%);border-color:#fca5a5}.footer-btn.text-only{box-shadow:none;color:#fde047;background:0 0;border:none;font-size:1rem}.footer-btn.text-only:active{transform:scale(.95)}@media (width<=900px),(height<=500px){.inventory-title{font-size:1.5rem}.inv-page-tabs{padding-bottom:2px;overflow:auto hidden}.inv-page-tabs::-webkit-scrollbar{display:none}.inv-page-tab{white-space:nowrap;padding:6px 12px;font-size:1.1rem}.inv-tab-icon{font-size:1.5rem}.inv-tab-count{font-size:1.1rem}.tab-alert{width:20px;height:20px;font-size:.9rem;top:-5px;right:2px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.inventory-card{min-height:130px}.name-primary{padding:2px 5px;font-size:.9rem}.trading-card .card-name-info{bottom:30px}.card-level{font-size:.9rem}.footer-btn{padding:8px 15px;font-size:.85rem}.inv-badge-sprite{top:-15px;transform:translate(-50%)scale(1.2)}}