@font-face{font-family:ComicNeue;src:url(./ComicNeue-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ComicNeue;src:url(./ComicNeue-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#111;font-family:ComicNeue,Comic Sans MS,cursive}#app{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;position:relative}.login-screen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;align-items:center;border-radius:25px;overflow:hidden}.login-screen.hidden{display:none}.login-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.login-jenny-container{position:absolute;bottom:0;right:0;width:260px;height:400px;display:flex;justify-content:center;align-items:flex-end;pointer-events:none;z-index:1;animation:jennySlideIn .8s ease-out}.login-jenny{width:100%;height:auto;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 0 30px rgba(0,200,255,.5));animation:jennyFloat 4s ease-in-out infinite}.login-box{position:relative;background-color:#222222f2;border:3px solid #c00;border-radius:20px;padding:25px 20px;text-align:center;box-shadow:0 10px 40px #0009,0 0 60px #cc00004d;max-width:280px;width:90%;z-index:2;animation:loginBoxSlideIn .8s ease-out;transform:translateY(-50px);max-height:90%;overflow-y:auto}.login-title{color:#fbbc05;font-size:1.7rem;margin:0 0 8px;text-shadow:2px 2px 0 #c00;letter-spacing:2px}.login-subtitle{color:#aaa;font-size:.8rem;margin:0 0 18px}.login-input{width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;background-color:#111;color:#fff;border:2px solid #444;border-radius:8px;box-sizing:border-box;margin-bottom:10px;transition:border-color .2s}.login-input:focus{outline:none;border-color:#fbbc05}.login-button{width:100%;padding:10px;font-family:inherit;font-size:.9rem;font-weight:700;background-color:#c00;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;letter-spacing:1px;margin-bottom:8px}.login-button:hover{background-color:#e00}.login-button:active{transform:scale(.97)}.login-button-secondary{background-color:#333;font-size:.8rem;padding:8px}.login-button-secondary:hover{background-color:#444}.login-error{color:#ff6b6b;font-size:.7rem;margin:8px 0 0;min-height:1em}.avatar-label{color:#aaa;font-size:.75rem;margin:8px 0 6px;text-align:left}.avatar-picker{display:flex;align-items:center;gap:8px;margin-bottom:12px;background-color:#111;border:2px solid #444;border-radius:10px;padding:6px}.avatar-preview{width:40px;height:40px;border-radius:6px;background-color:#222;border:2px solid #fbbc05;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.avatar-select{flex:1;background-color:#111;color:#fff;border:none;padding:8px;font-family:inherit;font-size:.85rem;cursor:pointer;outline:none;border-radius:6px}.avatar-select option{background-color:#222;color:#fff}@keyframes jennySlideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes loginBoxSlideIn{0%{opacity:0;transform:translateY(-50px) translate(-40px)}to{opacity:1;transform:translateY(-50px) translate(0)}}@keyframes jennyFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.trainer-panel{position:absolute;top:130px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:8px;background-color:#0000008c;border:2px solid rgba(255,255,255,.3);border-radius:20px;padding:3px 6px 3px 4px;z-index:60;min-width:270px;max-width:380px;box-shadow:0 2px 8px #0006}.trainer-avatar{width:50px;height:50px;border-radius:50%;background-color:#222;border:2px solid #fbbc05;object-fit:cover;image-rendering:pixelated;flex-shrink:0}.trainer-avatar-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.trainer-avatar-clickable:hover{transform:scale(1.08);box-shadow:0 0 12px #fbbc05cc}.trainer-avatar-clickable:active{transform:scale(.95)}.trainer-name{color:#fff;font-size:1rem;font-weight:700;text-shadow:2px 2px 0 #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;text-align:left}.trainer-name strong{color:#fbbc05}.trainer-coins{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 8px;background-color:#0006;border:1px solid rgba(251,188,5,.5);border-radius:12px;margin-right:4px}.trainer-coins-icon{width:14px;height:14px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0}.trainer-coins-value{color:#fbbc05;font-size:.75rem;font-weight:700;text-shadow:1px 1px 0 #000}.trainer-logout-btn{background-color:#c00;color:#fff;border:none;border-radius:15px;padding:4px 10px;font-family:inherit;font-size:.65rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.trainer-logout-btn:hover{background-color:#e00}.trainer-logout-btn:active{transform:scale(.95)}.game-container{background-image:url(../img/Fondos/Fondo.png);background-size:100% 100%;background-repeat:no-repeat;width:380px;height:700px;padding:0;box-sizing:border-box;position:relative;box-shadow:0 0 30px #000c;border-radius:25px;overflow:hidden}.game-title{display:none}.help-button{position:absolute;top:11px;left:31px;width:70px;height:82px;background-color:#0006;border:0px solid #fff;border-radius:50%;cursor:pointer;z-index:55;display:flex;justify-content:center;align-items:center;transition:all .2s ease;padding:0;box-shadow:0 0 10px #00c8ff80}.help-button:hover{background-color:#00c8ff99;transform:scale(1.1);box-shadow:0 0 15px #00c8ffe6}.help-button:active{transform:scale(.95)}.help-icon{color:#fff;font-size:1.8rem;font-weight:700;text-shadow:2px 2px 0 #000;line-height:1}.pokeball-button{position:absolute;top:47px;right:30px;width:50px;height:50px;background:transparent;border:none;cursor:pointer;z-index:50;border-radius:50%;transition:all .2s ease;padding:0}.pokeball-button:hover{background-color:#fff3;transform:scale(1.05)}.pokeball-button:active{transform:scale(.95)}.pokeball-button img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.screen{border:none;border-radius:0;position:absolute;top:123px;left:35px;width:310px;height:371px;overflow:hidden}.screen-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px;box-sizing:border-box;background-image:url(../img/Fondos/Campo_1.png);background-repeat:repeat-x;background-position:0 bottom;background-size:639.67px 100%;animation:scrollBackground 15s linear infinite;transition:filter .4s ease}.screen-content.sleeping{filter:brightness(.4);animation-play-state:paused}.screen-content.eating{animation-play-state:paused}#pikachu-container{position:relative;width:100%;height:120px;margin-top:230px;display:flex;justify-content:center;align-items:flex-end}.sprite-scaler{position:relative;width:150px;height:120px;display:flex;justify-content:center;align-items:flex-end;z-index:2;transform:scale(var(--sprite-scale, 1));transform-origin:center bottom}.pixelated-pikachu{width:150px;height:120px;background-size:contain;background-repeat:no-repeat;background-position:center bottom;image-rendering:pixelated;image-rendering:crisp-edges;animation:walkCycle .7s steps(4) infinite,moveSide 6s ease-in-out infinite}.shadow-scaler{position:absolute;bottom:0;left:50%;transform:translate(-50%) scale(var(--sprite-scale, 1));transform-origin:center bottom;z-index:1;pointer-events:none;width:0;height:0}.shadow{position:absolute;bottom:0;left:0;width:60px;height:12px;background-color:#00000059;border-radius:50%;transform:translate(-50%);animation:moveShadow 6s ease-in-out infinite;pointer-events:none}.pixelated-pikachu.low-hp{filter:sepia(60%) saturate(70%)!important;animation-duration:1.2s,8s}.pixelated-pikachu.critical-hp{filter:sepia(90%) saturate(50%) brightness(.85)!important;animation-duration:1.5s,8s}.stats{position:absolute;top:233px;left:45px;display:flex;flex-direction:column;gap:2px;z-index:20}.stat-bar{display:flex;align-items:center;font-size:.6rem;color:#111;font-weight:700;justify-content:space-between}.bar-bg{width:110px;height:5px;background-color:#000;border:1px solid #444;margin-left:5px}.bar-fill{height:100%;background-color:#fbbc05;width:50%}.xp-fill{background-color:#4caf50}.level-hp-info{position:absolute;top:285px;left:45px;display:flex;gap:10px;z-index:20;font-size:.7rem;color:#111;font-weight:700}.level-badge{background-color:#fbbc05;padding:2px 8px;border-radius:4px;color:#111;border:1px solid #444}.hp-info{background-color:#222;color:#fff;padding:2px 8px;border-radius:4px;border:1px solid #444}#status-text{position:absolute;top:530px;left:65px;width:250px;font-size:.7rem;color:#c00;font-weight:700;text-align:center;margin:0;z-index:30}.controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(5,40px);grid-template-rows:repeat(2,40px);justify-content:center;align-content:center;gap:6px;z-index:40;width:auto}.icon-btn{background-color:#222;border:2px solid #444;border-radius:12px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 6px #00000080;transition:all .15s ease;padding:0}.icon-btn img{width:35px;height:35px;object-fit:contain;image-rendering:auto}.icon-btn:hover{background-color:#333;border-color:#c00;transform:translateY(-2px)}.icon-btn:active{transform:scale(.92)}@keyframes walkCycle{0%{background-image:var(--sprite-0);transform:translateY(0) scaleX(1)}33%{background-image:var(--sprite-1);transform:translateY(-1px) scaleX(1)}66%{background-image:var(--sprite-2);transform:translateY(0) scaleX(1)}to{background-image:var(--sprite-3);transform:translateY(0) scaleX(1)}}@keyframes moveSide{0%{transform:translate(-70px) scaleX(1)}49%{transform:translate(70px) scaleX(1)}50%{transform:translate(70px) scaleX(-1)}99%{transform:translate(-70px) scaleX(-1)}to{transform:translate(-70px) scaleX(1)}}@keyframes scrollBackground{0%{background-position:0px bottom}to{background-position:-639.67px bottom}}@keyframes moveShadow{0%{transform:translate(-50%) translate(-70px)}50%{transform:translate(-50%) translate(70px)}to{transform:translate(-50%) translate(-70px)}}.pixelated-pikachu.eating{animation:none!important;transform:translate(-20px) scaleX(1)!important;background-image:var(--sprite-0)!important;background-position:center bottom!important}#pikachu-container:has(.pixelated-pikachu.eating) .shadow{animation:none!important;transform:translate(-50%) translate(-20px)!important}.pixelated-pikachu.sleeping{animation:sleepCycle 1.2s step-end infinite!important;transform:translate(0) scaleX(1)!important}@keyframes sleepCycle{0%,49.9%{background-image:var(--sprite-d1)}50%,to{background-image:var(--sprite-d2)}}#pikachu-container:has(.pixelated-pikachu.sleeping) .shadow{animation:none!important;transform:translate(-50%)!important}#sleep-z{position:absolute;top:160px;right:80px;width:60px;height:80px;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s ease}.screen-content.sleeping #sleep-z{opacity:1}#sleep-z .z{position:absolute;bottom:0;left:0;width:30px;height:30px;image-rendering:pixelated;image-rendering:crisp-edges;opacity:0}@keyframes floatUp{0%{opacity:0;transform:translate(0) scale(.6)}20%{opacity:1;transform:translateY(-10px) scale(.8)}60%{opacity:1;transform:translate(10px,-35px) scale(1)}to{opacity:0;transform:translate(20px,-60px) scale(1.2)}}.screen-content.sleeping .z-1{animation:floatUp 2.4s ease-out infinite;animation-delay:0s}.screen-content.sleeping .z-2{animation:floatUp 2.4s ease-out infinite;animation-delay:.8s}.screen-content.sleeping .z-3{animation:floatUp 2.4s ease-out infinite;animation-delay:1.6s}#sleep-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:0;transition:opacity .5s ease;overflow:hidden}.screen.sleeping #sleep-particles{opacity:1}.sleep-particle{position:absolute;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.8),0 0 12px rgba(150,200,255,.5);opacity:0;-webkit-user-select:none;user-select:none}.sleep-cloud{font-size:1.4rem;color:#cfe8ff;text-shadow:0 0 8px rgba(150,200,255,.7)}.sleep-star{font-size:1rem;color:#fff8c0;text-shadow:0 0 8px rgba(255,240,150,.9)}.sleep-particle:nth-child(1){top:40%;left:15%;animation:sleepFloatCloud 5s ease-in-out infinite;animation-delay:0s}.sleep-particle:nth-child(2){top:30%;left:70%;animation:sleepFloatCloud 6s ease-in-out infinite;animation-delay:1.5s}.sleep-particle:nth-child(3){top:55%;left:80%;animation:sleepFloatCloud 5.5s ease-in-out infinite;animation-delay:3s}.sleep-particle:nth-child(4){top:60%;left:25%;animation:sleepTwinkle 3s ease-in-out infinite;animation-delay:0s}.sleep-particle:nth-child(5){top:25%;left:40%;animation:sleepTwinkle 3.5s ease-in-out infinite;animation-delay:.8s}.sleep-particle:nth-child(6){top:45%;left:60%;animation:sleepTwinkle 2.8s ease-in-out infinite;animation-delay:1.6s}.sleep-particle:nth-child(7){top:70%;left:50%;animation:sleepTwinkle 3.2s ease-in-out infinite;animation-delay:2.2s}.sleep-particle:nth-child(8){top:35%;left:10%;animation:sleepTwinkle 3.6s ease-in-out infinite;animation-delay:1.2s}@keyframes sleepFloatCloud{0%{opacity:0;transform:translateY(0) translate(0) scale(.8)}20%{opacity:.7}50%{opacity:.9;transform:translateY(-20px) translate(10px) scale(1)}80%{opacity:.5}to{opacity:0;transform:translateY(-45px) translate(20px) scale(1.1)}}@keyframes sleepTwinkle{0%{opacity:0;transform:scale(.5) rotate(0)}30%{opacity:1;transform:scale(1.2) rotate(20deg)}60%{opacity:.6;transform:scale(.9) rotate(-10deg)}to{opacity:0;transform:scale(.5) rotate(0)}}#berry{position:absolute;bottom:45px;right:120px;width:35px;height:35px;z-index:15;transition:opacity .4s ease,transform .4s ease}#berry img{width:100%;height:100%;image-rendering:pixelated}.berry-hidden{opacity:0;transform:scale(0);pointer-events:none}@keyframes eatBerry{0%{transform:scale(1);opacity:1}50%{transform:scale(.6) translateY(-5px);opacity:.7}to{transform:scale(.1);opacity:0}}.berry-eating{animation:eatBerry 1s ease forwards}.levelup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;transition:opacity .5s ease;pointer-events:none;overflow:hidden;border-radius:25px}.levelup-overlay.hidden{display:none}.levelup-overlay.show{opacity:1;pointer-events:auto}#levelup-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.levelup-confetti-img{position:absolute;object-fit:contain;image-rendering:pixelated;opacity:0;transform:rotate(var(--rotation, 0deg)) scale(.5);animation-name:confettiPop;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-iteration-count:1}@keyframes confettiPop{0%{opacity:0;transform:rotate(var(--rotation, 0deg)) scale(.3)}15%{opacity:var(--base-opacity, .8);transform:rotate(var(--rotation, 0deg)) scale(1.1)}30%{opacity:var(--base-opacity, .8);transform:rotate(var(--rotation, 0deg)) scale(1)}80%{opacity:var(--base-opacity, .8);transform:rotate(calc(var(--rotation, 0deg) + 20deg)) scale(1)}to{opacity:0;transform:rotate(calc(var(--rotation, 0deg) + 40deg)) scale(.8)}}.levelup-content{position:relative;text-align:center;animation:levelupPulse .8s ease-out;z-index:1}.levelup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,#fbbc0599,#fbbc0500 70%);border-radius:50%;animation:levelupGlow 1.5s ease-in-out infinite;z-index:-1}@keyframes levelupPulse{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes levelupGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.levelup-title{color:#fbbc05;font-size:1.8rem;margin:0 0 10px;text-shadow:2px 2px 0 #c00,-2px -2px 0 #c00,2px -2px 0 #c00,-2px 2px 0 #c00,0 0 20px rgba(251,188,5,.8);letter-spacing:3px;animation:levelupText .6s ease-out}@keyframes levelupText{0%{transform:translateY(-30px) scale(.5);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.levelup-level{color:#fff;font-size:1.4rem;margin:0;text-shadow:2px 2px 0 #000;letter-spacing:2px}.levelup-level strong{color:#fbbc05;font-size:2rem;text-shadow:2px 2px 0 #c00}.levelup-pokemon{color:#aaa;font-size:.9rem;margin:15px 0 0;text-transform:uppercase;letter-spacing:2px}.evolution-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:2500;opacity:0;transition:opacity .5s ease;pointer-events:none;overflow:hidden;border-radius:25px}.evolution-overlay.hidden{display:none}.evolution-overlay.show{opacity:1;pointer-events:auto}.evolution-sprite{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center center;image-rendering:pixelated;image-rendering:crisp-edges;z-index:2;filter:none;transition:filter .3s ease}.evolution-sprite.whitening{animation:evolveWhite .6s ease-in forwards}.evolution-sprite.flashing{animation:evolveFlash 1.8s steps(1) infinite}.evolution-sprite.final-white{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(100,200,255,1))}.evolution-sprite.colorizing{animation:evolveColor .8s ease-out forwards}@keyframes evolveWhite{0%{filter:brightness(1) invert(0) drop-shadow(0 0 0 rgba(100,200,255,0))}50%{filter:brightness(2) invert(.5) drop-shadow(0 0 15px rgba(100,200,255,.8))}to{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(100,200,255,1))}}@keyframes evolveFlash{0%,49.9%{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(100,200,255,1))}50%,to{filter:brightness(0) invert(1) drop-shadow(0 0 30px rgba(255,255,255,1))}}@keyframes evolveColor{0%{filter:brightness(0) invert(1) drop-shadow(0 0 20px rgba(100,200,255,1))}50%{filter:brightness(2) invert(.5) drop-shadow(0 0 15px rgba(100,200,255,.8))}to{filter:brightness(1) invert(0) drop-shadow(0 0 0 rgba(100,200,255,0))}}.evolution-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,#64c8ffb3,#64c8ff00 70%);border-radius:50%;animation:evolutionGlow 1.5s ease-in-out infinite;z-index:1;opacity:0;transition:opacity .5s ease}.evolution-overlay.show .evolution-glow{opacity:1}@keyframes evolutionGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.4);opacity:1}}.evolution-text{position:absolute;bottom:80px;left:50%;transform:translate(-50%);text-align:center;z-index:3;opacity:0;transition:opacity .5s ease}.evolution-overlay.show .evolution-text{opacity:1}.evolution-title{color:#4dc3ff;font-size:1.8rem;margin:0 0 10px;text-shadow:2px 2px 0 #004a80,-2px -2px 0 #004a80,2px -2px 0 #004a80,-2px 2px 0 #004a80,0 0 30px rgba(100,200,255,1);letter-spacing:4px;animation:evolutionTitleIn .8s ease-out}@keyframes evolutionTitleIn{0%{transform:translateY(-40px) scale(.4);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.evolution-subtitle{color:#fff;font-size:.9rem;margin:0;text-shadow:2px 2px 0 #000;letter-spacing:1px}.evolution-name{color:#fbbc05;font-size:1.5rem;font-weight:700;margin:10px 0 0;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 0 #c00,-2px -2px 0 #c00,2px -2px 0 #c00,-2px 2px 0 #c00,0 0 25px rgba(251,188,5,.9);animation:evolutionNameIn .8s ease-out 2s backwards}@keyframes evolutionNameIn{0%{transform:scale(.3) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.battle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1500;display:flex;justify-content:center;align-items:center;border-radius:25px;overflow:hidden}.battle-overlay.hidden{display:none}.battle-scene{position:relative;width:100%;max-width:480px;height:100%;max-height:700px;display:flex;flex-direction:column;overflow:hidden}.battle-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;z-index:1}.battle-pokemon{position:absolute;z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px}.player-pokemon{bottom:170px;left:30px;align-items:flex-start}.enemy-pokemon{top:40px;right:30px;align-items:flex-end}.battle-info{background-color:#000000bf;padding:6px 10px;border-radius:8px;border:2px solid #444;color:#fff;font-size:.7rem;display:flex;flex-direction:column;gap:3px;min-width:140px}.battle-name{font-weight:700;color:#fbbc05;text-transform:uppercase;letter-spacing:1px}.enemy-caught-indicator{width:16px;height:16px;object-fit:contain;image-rendering:pixelated;margin-left:6px;filter:drop-shadow(0 0 2px rgba(0,0,0,.8));animation:popIn .3s ease-out forwards}@keyframes popIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.battle-level{color:#fff}.battle-level strong{color:#fbbc05}.hp-bar-container{display:flex;align-items:center;gap:5px}.hp-bar-bg{flex:1;height:8px;background-color:#333;border:1px solid #000;border-radius:4px;overflow:hidden}.hp-bar-fill{height:100%;background-color:#4caf50;width:100%;transition:width .4s ease,background-color .4s ease}.hp-text{font-size:.65rem;color:#fff;min-width:45px;text-align:right}.player-pokemon .battle-sprite-container{width:180px;height:180px;display:flex;justify-content:center;align-items:flex-end;transform-origin:center bottom;transition:transform .1s ease-out}.enemy-pokemon .battle-sprite-container{width:120px;height:120px;display:flex;justify-content:center;align-items:flex-end;transform-origin:center bottom;transition:transform .1s ease-out}.battle-sprite{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center bottom;image-rendering:pixelated;image-rendering:crisp-edges}.battle-sprite-player{background-image:var(--sprite-a1)}.battle-sprite-enemy{background-image:var(--sprite-a3);transform:scaleX(-1)}.battle-log{position:absolute;bottom:90px;left:10px;right:10px;height:80px;background-color:#000000d9;border:2px solid #444;border-radius:8px;padding:8px 12px;color:#fff;font-size:.75rem;overflow-y:auto;z-index:10;display:flex;flex-direction:column;gap:2px}.log-line{margin:0;line-height:1.3}.battle-controls{position:absolute;bottom:10px;left:10px;right:10px;display:flex;gap:10px;z-index:10;align-items:stretch}.battle-btn{flex:1;padding:12px;font-family:inherit;font-size:.85rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:1px}.battle-btn:hover{transform:translateY(-2px)}.battle-btn:active{transform:scale(.97)}.battle-btn-primary{background-color:#4caf50;color:#fff}.battle-btn-primary:hover{background-color:#5bc060}.battle-btn-secondary{background-color:#444;color:#fff}.battle-btn-secondary:hover{background-color:#555}.battle-btn-flee{flex:0 0 auto;width:70px;padding:6px 4px;font-family:inherit;font-size:.7rem;font-weight:700;background-color:#c00;color:#fff;border:2px solid #fbbc05;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center}.battle-btn-flee:hover{background-color:#e00;transform:translateY(-2px)}.battle-btn-flee:active{transform:scale(.97)}.battle-flee-icon{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.battle-flee-label{pointer-events:none;line-height:1}.battle-result{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:20}.battle-result.hidden{display:none}.battle-result-content{text-align:center;padding:30px;animation:battleResultIn .5s ease-out}@keyframes battleResultIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.battle-result-title{color:#4caf50;font-size:2rem;margin:0 0 15px;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 20px rgba(76,175,80,.8);letter-spacing:3px}.battle-result-title.lose{color:#c00;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 20px rgba(204,0,0,.8)}.battle-result-xp{color:#fbbc05;font-size:1.4rem;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 0 #000}.battle-result-message{color:#fff;font-size:.85rem;margin:0 0 10px;text-shadow:1px 1px 0 #000}.battle-result-heal{color:#4caf50;font-size:.85rem;font-weight:700;margin:0 0 20px;text-shadow:1px 1px 0 #000}.battle-result-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.battle-result-buttons .battle-btn{flex:0 1 auto;min-width:140px;padding:12px 20px}.stats-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1800;opacity:1;transition:opacity .3s ease;border-radius:25px;overflow:hidden}.stats-overlay.hidden{display:none}.stats-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:20px 25px;max-width:340px;width:90%;max-height:90%;overflow-y:auto;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .3s ease-out}@keyframes statsModalIn{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.stats-modal-title{color:#fbbc05;font-size:1.3rem;text-align:center;margin:0 0 15px;text-shadow:2px 2px 0 #c00;letter-spacing:2px}.stats-pokemon-header{text-align:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #333}.stats-pokemon-name{color:#fff;font-size:1.2rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.stats-pokemon-level{color:#aaa;font-size:.85rem;margin:5px 0 0}.stats-pokemon-level strong{color:#fbbc05;font-size:1rem}.stats-hp-section,.stats-xp-section{margin-bottom:12px}.stats-hp-row,.stats-xp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.8rem;font-weight:700}.stats-hp-label{color:#ff6b6b}.stats-hp-value{color:#fff}.stats-xp-label{color:#4caf50}.stats-xp-value{color:#fff}.stats-hp-bar-bg,.stats-xp-bar-bg{width:100%;height:10px;background-color:#000;border:1px solid #444;border-radius:5px;overflow:hidden}.stats-hp-bar-fill{height:100%;background-color:#4caf50;width:100%;transition:width .3s ease,background-color .3s ease}.stats-xp-bar-fill{height:100%;background-color:#4caf50;width:0%;transition:width .3s ease}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.stats-grid-item{background-color:#222;border:1px solid #444;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.stats-icon{font-size:1.2rem;line-height:1}.stats-label{color:#aaa;font-size:.65rem;text-transform:uppercase;letter-spacing:1px}.stats-value{color:#fbbc05;font-size:1rem;font-weight:700}.stats-battles-row{display:flex;justify-content:center;align-items:center;gap:8px;margin:10px 0 15px;font-size:.8rem}.stats-battles-label{color:#aaa}.stats-battles-value{color:#ff6b6b;font-weight:700}.stats-close-button{width:100%;padding:10px;font-family:inherit;font-size:.9rem;font-weight:700;background-color:#c00;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:1px}.stats-close-button:hover{background-color:#e00}.stats-close-button:active{transform:scale(.97)}.battle-btn-history{background-color:#4a4a8a;color:#fff}.battle-btn-history:hover{background-color:#5a5a9a}.help-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2200;border-radius:25px;overflow:hidden;animation:helpFadeIn .3s ease-out;padding:15px;box-sizing:border-box}.help-overlay.hidden{display:none}@keyframes helpFadeIn{0%{opacity:0}to{opacity:1}}.help-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:15px 18px;width:100%;height:100%;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.help-modal-title{color:#fbbc05;font-size:1.4rem;text-align:center;margin:0 0 10px;text-shadow:2px 2px 0 #c00;letter-spacing:2px;flex-shrink:0}.help-image-container{width:100%;display:flex;justify-content:center;margin-bottom:10px;flex-shrink:0}.help-image{width:100%;max-width:220px;height:auto;border-radius:10px;border:2px solid #444;box-shadow:0 4px 12px #00000080}.help-description{text-align:left;margin-bottom:10px;overflow-y:auto;flex-grow:1;padding-right:8px;min-height:0}.help-description p{color:#fff;font-size:.8rem;line-height:1.45;margin:0 0 6px;padding-bottom:6px;border-bottom:1px dashed #333;display:flex;align-items:center;gap:8px}.help-description p:last-child{border-bottom:none}.help-description strong{color:#fbbc05}.help-icon-img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;background-color:#222;border:2px solid #444;border-radius:6px;padding:2px}.help-icon-logout{display:flex;justify-content:center;align-items:center;font-size:1rem;background-color:#222;border:2px solid #444;border-radius:6px;color:#fff}.help-description::-webkit-scrollbar{width:5px}.help-description::-webkit-scrollbar-track{background:#111;border-radius:5px}.help-description::-webkit-scrollbar-thumb{background:#fbbc05;border-radius:5px}.help-modal .stats-close-button{flex-shrink:0;margin-top:8px;padding:12px;font-size:1rem}.confirm-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2300;border-radius:25px;overflow:hidden;animation:helpFadeIn .25s ease-out;padding:20px;box-sizing:border-box}.confirm-overlay.hidden{display:none}.confirm-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:20px 22px;width:100%;max-width:300px;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .25s ease-out;display:flex;flex-direction:column;box-sizing:border-box;text-align:center}.confirm-title{color:#fbbc05;font-size:1.1rem;margin:0 0 10px;text-shadow:2px 2px 0 #c00;letter-spacing:1px}.confirm-message{color:#fff;font-size:.8rem;line-height:1.4;margin:0 0 18px}.confirm-buttons{display:flex;gap:10px;justify-content:center}.confirm-btn{flex:1;padding:10px 12px;font-family:inherit;font-size:.85rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:1px}.confirm-btn:hover{transform:translateY(-2px)}.confirm-btn:active{transform:scale(.97)}.confirm-btn-cancel{background-color:#444;color:#fff}.confirm-btn-cancel:hover{background-color:#555}.confirm-btn-accept{background-color:#c00;color:#fff}.confirm-btn-accept:hover{background-color:#e00}.battle-log-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2100;opacity:1;transition:opacity .3s ease;border-radius:25px;overflow:hidden}.battle-log-overlay.hidden{display:none}.battle-log-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:20px 25px;max-width:380px;width:90%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .3s ease-out}.battle-log-modal-title{color:#fbbc05;font-size:1.2rem;text-align:center;margin:0 0 10px;text-shadow:2px 2px 0 #c00;letter-spacing:2px}.battle-log-modal-subtitle{color:#aaa;font-size:.8rem;text-align:center;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #333;text-transform:uppercase;letter-spacing:1px}.battle-log-modal-content{flex:1;overflow-y:auto;max-height:50vh;padding:10px 5px;background-color:#111;border:1px solid #333;border-radius:8px;margin-bottom:15px}.battle-log-modal-line{color:#fff;font-size:.75rem;margin:0 0 6px;line-height:1.4;padding-bottom:4px;border-bottom:1px dashed #222}.battle-log-modal-line:last-child{border-bottom:none}.bag-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2200;border-radius:25px;overflow:hidden;animation:helpFadeIn .3s ease-out;padding:15px;box-sizing:border-box}.bag-overlay.hidden{display:none}.bag-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:15px 18px;width:100%;height:100%;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.bag-modal-title{color:#fbbc05;font-size:1.4rem;text-align:center;margin:0 0 10px;text-shadow:2px 2px 0 #c00;letter-spacing:2px;flex-shrink:0}.bag-categories{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;flex-shrink:0;justify-content:center}.bag-category-btn{background-color:#222;color:#aaa;border:2px solid #444;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease}.bag-category-btn:hover{background-color:#333;color:#fff;border-color:#fbbc05}.bag-category-btn.active{background-color:#fbbc05;color:#111;border-color:#fbbc05}.bag-items{flex-grow:1;overflow-y:auto;padding-right:5px;display:flex;flex-direction:column;gap:8px;min-height:0}.bag-item{display:flex;align-items:center;gap:10px;background-color:#222;border:2px solid #444;border-radius:10px;padding:8px 10px;transition:all .15s ease}.bag-item:hover{border-color:#fbbc05;background-color:#2a2a3e}.bag-item-icon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;background-color:#111;border:2px solid #444;border-radius:6px;padding:2px}.bag-item-info{flex-grow:1;display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.bag-item-name{color:#fbbc05;font-size:.8rem;font-weight:700}.bag-item-description{color:#aaa;font-size:.65rem;line-height:1.3}.bag-item-quantity{color:#fff;font-size:.9rem;font-weight:700;flex-shrink:0;min-width:40px;text-align:right}.bag-item-quantity:before{content:"x";color:#fbbc05;margin-right:2px}.bag-empty{color:#aaa;font-size:.85rem;text-align:center;padding:30px 20px;font-style:italic}.bag-items::-webkit-scrollbar{width:5px}.bag-items::-webkit-scrollbar-track{background:#111;border-radius:5px}.bag-items::-webkit-scrollbar-thumb{background:#fbbc05;border-radius:5px}.bag-item-right{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.bag-item-use-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:.5px}.bag-item-use-btn:hover{background-color:#5bc060;transform:translateY(-1px)}.bag-item-use-btn:active{transform:scale(.95)}.toast{position:absolute;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background-color:#1a1a2ef2;border:2px solid #fbbc05;border-radius:12px;padding:10px 18px;color:#fff;font-family:ComicNeue,Comic Sans MS,cursive;font-size:.85rem;font-weight:700;text-align:center;box-shadow:0 4px 16px #0009;z-index:99999;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;max-width:300px;box-sizing:border-box}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.team-menu{position:absolute;bottom:213px;right:37px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:60}.team-slots{display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;align-items:center}.team-menu.open .team-slots{opacity:1;transform:translateY(0);pointer-events:auto}.team-slot{width:40px;height:40px;background-color:#1a1a2ee6;border:2px solid #444;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .15s ease;position:relative;box-shadow:0 4px 8px #000}.team-slot:hover{border-color:#fbbc05;transform:scale(1.05);box-shadow:0 0 12px #fbbc0599}.team-slot:active{transform:scale(.95)}.team-slot.empty{border-style:dashed;border-color:#555;color:#555;font-size:1.5rem;cursor:default}.team-slot.empty:hover{transform:none;border-color:#555;box-shadow:0 4px 8px #00000080}.team-slot-sprite{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;image-rendering:pixelated;image-rendering:crisp-edges;transform:scaleX(-1);transform-origin:center center;padding:2px;box-sizing:border-box;overflow:hidden;border-radius:50%}.team-slot-level{position:absolute;bottom:0;right:10%;background-color:#000000d9;color:#fbbc05;font-size:.5rem;font-weight:700;padding:1px 3px;border-radius:6px;border:1px solid #fbbc05;font-family:ComicNeue,Comic Sans MS,cursive;line-height:1;z-index:2}.team-slot-tooltip{position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%) translate(5px);background-color:#1a1a2ef2;border:2px solid #fbbc05;border-radius:8px;padding:4px 10px;color:#fff;font-family:ComicNeue,Comic Sans MS,cursive;font-size:.7rem;font-weight:700;white-space:nowrap;letter-spacing:.5px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100;box-shadow:0 4px 12px #0009}.team-slot-tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #fbbc05}.team-slot:hover .team-slot-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.team-slot-plus{font-size:1.8rem;color:#555;font-weight:700;line-height:1}.team-toggle-btn img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.team-toggle-btn{width:32px;height:32px;background-color:#1a1a2ef2;border:3px solid #fbbc05;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0;transition:all .2s ease;box-shadow:0 4px 12px #0009}.team-toggle-btn.has-pokemon{animation:pokeballPulse 2s ease-in-out infinite}@keyframes pokeballPulse{0%,to{box-shadow:0 4px 12px #0009,0 0 #fbbc05b3}50%{box-shadow:0 4px 12px #0009,0 0 0 8px #fbbc0500}}.team-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 16px #fbbc35cc}.team-toggle-btn:active{transform:scale(.95)}.capture-button-wrapper{position:relative;flex:1;display:flex}.capture-ball-hover-zone{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;z-index:5;pointer-events:auto}.capture-ball-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.battle-btn-capture{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#e63946;color:#fff;border:2px solid #fbbc05;padding:12px;font-family:inherit;font-size:.85rem;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:1px}.battle-btn-capture:hover:not(:disabled){background-color:#ff4d5a;transform:translateY(-2px)}.battle-btn-capture:active:not(:disabled){transform:scale(.97)}.battle-btn-capture:disabled{background-color:#555;border-color:#444;cursor:not-allowed;opacity:.6}.capture-btn-label{pointer-events:none}.capture-btn-ball-icon{width:22px;height:22px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;flex-shrink:0;pointer-events:none;transition:transform .2s ease}.capture-btn-ball-icon.empty{background-image:url(../img/Fondos/Pokeball.png);opacity:.4;filter:grayscale(1)}.capture-btn-ball-icon.selected{filter:drop-shadow(0 0 4px rgba(251,188,5,.9))}.capture-ball-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background-color:#1a1a2e;border:2px solid #fbbc05;border-radius:10px;padding:6px;box-shadow:0 4px 16px #000000b3;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:100;max-height:220px;overflow-y:auto}.capture-btn-ball-icon:hover+.capture-ball-dropdown,.capture-ball-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.capture-ball-dropdown-list{display:flex;flex-direction:column;gap:4px}.capture-ball-option{display:flex;align-items:center;gap:8px;background-color:#222;border:2px solid #444;border-radius:8px;padding:6px 8px;cursor:pointer;transition:all .15s ease}.capture-ball-option:hover{border-color:#fbbc05;background-color:#2a2a3e}.capture-ball-option.selected{border-color:#fbbc05;background-color:#3a3a4e;box-shadow:0 0 8px #fbbc0566}.capture-ball-option.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.capture-ball-option-icon{width:24px;height:24px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.capture-ball-option-name{color:#fbbc05;font-size:.75rem;font-weight:700;flex-grow:1;text-align:left;white-space:nowrap}.capture-ball-option-qty{color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0}.capture-ball-option-qty:before{content:"x";color:#fbbc05;margin-right:2px}.capture-ball-dropdown::-webkit-scrollbar{width:4px}.capture-ball-dropdown::-webkit-scrollbar-track{background:#111;border-radius:4px}.capture-ball-dropdown::-webkit-scrollbar-thumb{background:#fbbc05;border-radius:4px}.capture-animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15;display:flex;justify-content:center;align-items:center}.capture-animation.hidden{display:none}.capture-ball-sprite{position:absolute;width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;z-index:2}.capture-ball-sprite.shake{animation:ballShake .6s ease-in-out}@keyframes ballShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-8px) rotate(-15deg)}75%{transform:translate(8px) rotate(15deg)}}.capture-ball-sprite.captured{animation:ballCaptured .5s ease-out forwards}@keyframes ballCaptured{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:1;filter:brightness(2)}to{transform:scale(1.5);opacity:0}}.capture-ball-sprite.escaped{animation:ballEscaped .5s ease-out forwards}@keyframes ballEscaped{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:1}to{transform:scale(.5);opacity:0}}.capture-result-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;font-weight:700;text-shadow:2px 2px 0 #000;z-index:3;opacity:0;pointer-events:none}.capture-result-text.show{animation:resultTextIn 1s ease-out forwards}@keyframes resultTextIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.pc-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2200;border-radius:25px;overflow:hidden;animation:helpFadeIn .3s ease-out;padding:15px;box-sizing:border-box}.pc-overlay.hidden{display:none}.pc-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:15px 18px;width:100%;height:100%;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.pc-modal-title{color:#fbbc05;font-size:1.4rem;text-align:center;margin:0 0 5px;text-shadow:2px 2px 0 #c00;letter-spacing:2px;flex-shrink:0}.pc-modal-subtitle{color:#aaa;font-size:.75rem;text-align:center;margin:0 0 12px;flex-shrink:0}.pc-grid{flex-grow:1;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;gap:6px;overflow-y:auto;padding:5px;background-color:#111;border:2px solid #333;border-radius:10px;min-height:0}.pc-slot{aspect-ratio:1 / 1;background-color:#222;border:2px solid #444;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;padding:4px;box-sizing:border-box}.pc-slot:hover{border-color:#fbbc05;background-color:#2a2a3e;transform:scale(1.05);z-index:10;box-shadow:0 0 12px #fbbc0599}.pc-slot:active{transform:scale(.95)}.pc-slot-sprite{width:100%;height:70%;background-size:contain;background-repeat:no-repeat;background-position:center center;image-rendering:pixelated;image-rendering:crisp-edges;transform:scaleX(-1)}.pc-slot-level{font-size:.55rem;color:#fbbc05;font-weight:700;text-shadow:1px 1px 0 #000;margin-top:2px;background-color:#0009;padding:1px 4px;border-radius:4px;line-height:1}.pc-empty{color:#666;font-size:.85rem;text-align:center;padding:30px 20px;font-style:italic;grid-column:1 / -1}.pc-hint{color:#888;font-size:.7rem;text-align:center;margin:8px 0;flex-shrink:0;font-style:italic}.pc-filters{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;flex-shrink:0}.pc-search-wrapper{position:relative;display:flex;align-items:center}.pc-search-icon{position:absolute;left:10px;font-size:.8rem;pointer-events:none;opacity:.6}.pc-search-input{width:100%;padding:7px 10px 7px 32px;background-color:#222;color:#fff;border:2px solid #444;border-radius:8px;font-family:inherit;font-size:.8rem;box-sizing:border-box;transition:border-color .2s}.pc-search-input:focus{outline:none;border-color:#fbbc05}.pc-search-input::placeholder{color:#666}.pc-gen-filters{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.pc-gen-btn{padding:4px 8px;background-color:#222;color:#aaa;border:2px solid #444;border-radius:8px;font-family:inherit;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .15s ease}.pc-gen-btn:hover{background-color:#333;color:#fff;border-color:#fbbc05}.pc-gen-btn.active{background-color:#fbbc05;color:#111;border-color:#fbbc05}.pc-filter-row{display:flex;gap:6px}.pc-select{flex:1;padding:6px 8px;background-color:#222;color:#fff;border:2px solid #444;border-radius:8px;font-family:inherit;font-size:.7rem;cursor:pointer;transition:border-color .15s ease}.pc-select:focus{outline:none;border-color:#fbbc05}.pc-select option{background-color:#222;color:#fff}.pc-results-count{color:#fbbc05;font-size:.65rem;text-align:center;margin:0;font-weight:700;letter-spacing:.5px}.pc-results-count:empty{display:none}.pc-no-results{color:#888;font-size:.85rem;text-align:center;padding:30px 20px;font-style:italic;grid-column:1 / -1}.pc-footer{display:flex;flex-direction:column;gap:6px;margin-top:8px;flex-shrink:0}.pc-footer.hidden{display:none}.pc-footer-btn{flex:1;padding:9px 12px;font-family:inherit;font-size:.75rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;letter-spacing:.5px;text-align:center}.pc-footer-btn:hover:not(:disabled){transform:translateY(-1px)}.pc-footer-btn:active:not(:disabled){transform:scale(.97)}.pc-footer-btn:disabled{opacity:.5;cursor:not-allowed}.pc-footer-btn-release{background-color:#c00;color:#fff}.pc-footer-btn-release:hover:not(:disabled){background-color:#e00}.pc-footer-btn-close{background-color:#444;color:#fff}.pc-footer-btn-close:hover{background-color:#555}.pc-footer-btn-select{background-color:#4caf50;color:#fff}.pc-footer-btn-select:hover{background-color:#5bc060}.pc-footer-btn-deselect{background-color:#666;color:#fff}.pc-footer-btn-deselect:hover{background-color:#777}#pc-footer-normal{flex-direction:row}.pc-selection-info{text-align:center;color:#fbbc05;font-size:.75rem;font-weight:700;margin-bottom:2px}.pc-selection-actions{display:flex;gap:6px}.pc-slot-selection-mode{cursor:pointer}.pc-slot-selection-mode .pc-slot-sprite{opacity:.85}.pc-slot-checkbox{position:absolute;top:3px;right:3px;width:18px;height:18px;background-color:#000000b3;border:2px solid #888;border-radius:5px;display:flex;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;color:transparent;transition:all .15s ease;z-index:2;pointer-events:none}.pc-slot.selected .pc-slot-checkbox{background-color:#fbbc05;border-color:#fbbc05;color:#111}.pc-slot.selected .pc-slot-checkbox:after{content:"✓"}.pc-slot.selected{border-color:#fbbc05;background-color:#3a3a4e;box-shadow:0 0 12px #fbbc05b3;transform:scale(1.03)}.pc-slot-selection-mode:hover{transform:scale(1.02)}.pc-slot-selection-mode.selected:hover{transform:scale(1.04)}.release-list{max-height:150px;overflow-y:auto;background-color:#111;border:1px solid #333;border-radius:6px;padding:8px;margin:10px 0;text-align:left}.release-list-item{color:#fff;font-size:.75rem;padding:2px 0;border-bottom:1px dashed #222}.release-list-item:last-child{border-bottom:none}.release-list-more{color:#888;font-size:.7rem;font-style:italic;padding-top:4px}.pc-grid::-webkit-scrollbar{width:5px}.pc-grid::-webkit-scrollbar-track{background:#111;border-radius:5px}.pc-grid::-webkit-scrollbar-thumb{background:#fbbc05;border-radius:5px}.pc-tooltip{position:absolute;background-color:#1a1a2e;border:2px solid #fbbc05;border-radius:12px;padding:10px 12px;box-shadow:0 6px 24px #000c;z-index:99999;pointer-events:none;opacity:0;transition:opacity .15s ease,left .1s ease,top .1s ease;width:200px;max-width:90%}.pc-tooltip:not(.hidden){opacity:1}.pc-tooltip.hidden{display:none}.pc-tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;border-bottom:1px solid #333;padding-bottom:5px}.pc-tooltip-name{color:#fbbc05;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pc-tooltip-level{color:#fff;font-size:.7rem;background-color:#c00;padding:1px 6px;border-radius:6px;font-weight:700}.pc-tooltip-sprite-container{width:100%;height:70px;display:flex;justify-content:center;align-items:center;margin-bottom:6px}.pc-tooltip-sprite{width:64px;height:64px;background-size:contain;background-repeat:no-repeat;background-position:center center;image-rendering:pixelated;image-rendering:crisp-edges;transform:scaleX(-1)}.sprite-3d-rotate{animation:spriteRotate3D 1s steps(1) infinite!important}@keyframes spriteRotate3D{0%{background-image:var(--pc-sprite-0);transform:scaleX(-1)}12.5%{background-image:var(--pc-sprite-1);transform:scaleX(-1)}25%{background-image:var(--pc-sprite-2);transform:scaleX(-1)}37.5%{background-image:var(--pc-sprite-3);transform:scaleX(-1)}50%{background-image:var(--pc-sprite-4);transform:scaleX(-1)}62.5%{background-image:var(--pc-sprite-3);transform:scaleX(1)}75%{background-image:var(--pc-sprite-2);transform:scaleX(1)}87.5%,to{background-image:var(--pc-sprite-1);transform:scaleX(1)}}.pc-tooltip-types,.pokemon-data-types,.stats-pokemon-types{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin:6px 0 8px;min-height:0}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 4px;border-radius:12px;background-color:#00000080;border:1px solid rgba(255,255,255,.3);font-size:.65rem;font-weight:700;color:#fff;text-shadow:1px 1px 0 #000;transition:transform .15s ease}.type-badge:hover{transform:translateY(-1px)}.type-badge-icon{width:16px;height:16px;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0}.type-badge-name{line-height:1;white-space:nowrap}.type-badge.type-normal{background-color:#a8a77ab3}.type-badge.type-fire{background-color:#ee8130b3}.type-badge.type-water{background-color:#6390f0b3}.type-badge.type-electric{background-color:#f7d02cb3;color:#111;text-shadow:none}.type-badge.type-grass{background-color:#7ac74cb3}.type-badge.type-ice{background-color:#96d9d6b3;color:#111;text-shadow:none}.type-badge.type-fighting{background-color:#c22e28b3}.type-badge.type-poison{background-color:#a33ea1b3}.type-badge.type-ground{background-color:#e2bf65b3;color:#111;text-shadow:none}.type-badge.type-flying{background-color:#a98ff3b3}.type-badge.type-psychic{background-color:#f95587b3}.type-badge.type-bug{background-color:#a6b91ab3}.type-badge.type-rock{background-color:#b6a136b3}.type-badge.type-ghost{background-color:#735797b3}.type-badge.type-dragon{background-color:#6f35fcb3}.type-badge.type-dark{background-color:#705746b3}.type-badge.type-steel{background-color:#b7b7ceb3;color:#111;text-shadow:none}.type-badge.type-fairy{background-color:#d685adb3}.pc-tooltip-stats{display:flex;flex-direction:column;gap:3px}.pc-tooltip-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;padding:1px 0}.pc-tooltip-stat-label{color:#aaa}.pc-tooltip-stat-value{color:#fff;font-weight:700}.pc-tooltip-stat-battles{border-top:1px solid #333;padding-top:3px;margin-top:2px}.pc-tooltip-stat-date{border-top:1px solid #333;padding-top:3px;margin-top:2px;font-size:.6rem}.pc-tooltip-stat-date .pc-tooltip-stat-value{color:#fbbc05;font-weight:700}.pokemon-data-row-date{border-top:1px solid #444;padding-top:5px;margin-top:3px}.pokemon-data-row-date .pokemon-data-value{color:#fbbc05;font-weight:700;font-size:.7rem}.pokemon-action-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2400;border-radius:25px;overflow:hidden;animation:helpFadeIn .2s ease-out;padding:20px;box-sizing:border-box}.pokemon-action-overlay.hidden{display:none}.pokemon-action-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:20px 22px;width:100%;max-width:300px;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .25s ease-out;display:flex;flex-direction:column;box-sizing:border-box;text-align:center}.pokemon-action-title{color:#fbbc05;font-size:1.1rem;margin:0 0 5px;text-shadow:2px 2px 0 #c00;letter-spacing:1px}.pokemon-action-name{color:#fff;font-size:1rem;font-weight:700;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px}.pokemon-action-buttons{display:flex;flex-direction:column;gap:8px}.pokemon-action-btn{font-family:inherit;font-size:.85rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:.5px;text-align:left;padding:10px 12px 10px 15px}.pokemon-action-btn:hover{transform:translateY(-2px)}.pokemon-action-btn:active{transform:scale(.97)}.pokemon-action-bank{background-color:#4caf50;color:#fff}.pokemon-action-bank:hover{background-color:#5bc060}.pokemon-action-pc{background-color:#4a4a8a;color:#fff}.pokemon-action-pc:hover{background-color:#5a5a9a}.pokemon-action-release{background-color:#c00;color:#fff}.pokemon-action-release:hover{background-color:#e00}.pokemon-action-cancel{background-color:#444;color:#fff}.pokemon-action-cancel:hover{background-color:#555}.pokemon-action-view{background-color:#fbbc05;color:#111}.pokemon-action-view:hover{background-color:#fc3}.pokemon-action-replace{background-color:#ff8c00;color:#fff}.pokemon-action-replace:hover{background-color:#ffa333}.pokemon-action-btn.hidden{display:none!important}.pokemon-data-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2600;border-radius:25px;overflow:hidden;animation:helpFadeIn .25s ease-out;padding:20px;box-sizing:border-box}.pokemon-data-overlay.hidden{display:none}.pokemon-data-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:18px 22px;width:100%;max-width:300px;max-height:90%;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .25s ease-out;display:flex;flex-direction:column;box-sizing:border-box;text-align:center}.pokemon-data-modal::-webkit-scrollbar{width:5px}.pokemon-data-modal::-webkit-scrollbar-track{background:#111;border-radius:5px}.pokemon-data-modal::-webkit-scrollbar-thumb{background:#fbbc05;border-radius:5px}.pokemon-data-title{color:#fbbc05;font-size:1.1rem;margin:0 0 8px;text-shadow:2px 2px 0 #c00;letter-spacing:1px}.pokemon-data-name{color:#fff;font-size:1.2rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.pokemon-data-level{color:#aaa;font-size:.8rem;margin:3px 0 10px}.pokemon-data-sprite-container{width:100%;height:100px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;background-color:#111;border:2px solid #333;border-radius:10px;box-sizing:border-box}.pokemon-data-sprite{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center center;image-rendering:pixelated;image-rendering:crisp-edges;transform:scaleX(-1)}.pokemon-data-stats{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;text-align:left;width:100%;box-sizing:border-box}.pokemon-data-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:3px 0;border-bottom:1px dashed #333;width:100%;box-sizing:border-box}.pokemon-data-row:last-child{border-bottom:none}.pokemon-data-row-battles{border-top:1px solid #444;padding-top:5px;margin-top:3px}.pokemon-data-label{color:#aaa}.pokemon-data-value{color:#fff;font-weight:700}.trainer-menu-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2800;border-radius:25px;overflow:hidden;animation:helpFadeIn .25s ease-out;padding:20px;box-sizing:border-box}.trainer-menu-overlay.hidden{display:none}.trainer-menu-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:24px 22px;width:100%;max-width:280px;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .25s ease-out;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;text-align:center}.trainer-menu-title{color:#fbbc05;font-size:1.1rem;margin:0 0 12px;text-shadow:2px 2px 0 #c00;letter-spacing:1px}.trainer-menu-avatar-container{width:100px;height:100px;display:flex;justify-content:center;align-items:center;background-color:#111;border:3px solid #fbbc05;border-radius:50%;margin-bottom:10px;box-shadow:0 0 15px #fbbc0566;overflow:hidden}.trainer-menu-avatar{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.trainer-menu-name{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 8px;letter-spacing:1px;text-shadow:1px 1px 0 #000}.trainer-menu-coins{display:flex;align-items:center;gap:6px;background-color:#fbbc0526;border:2px solid #fbbc05;border-radius:12px;padding:6px 14px;margin-bottom:18px}.trainer-menu-coins-icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated}.trainer-menu-coins-value{color:#fbbc05;font-size:1rem;font-weight:700;text-shadow:1px 1px 0 #000}.trainer-menu-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.trainer-menu-btn{width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:.5px}.trainer-menu-btn:hover{transform:translateY(-2px)}.trainer-menu-btn:active{transform:scale(.97)}.trainer-menu-btn-logout{background-color:#c00;color:#fff}.trainer-menu-btn-logout:hover{background-color:#e00}.trainer-menu-btn-cancel{background-color:#444;color:#fff}.trainer-menu-btn-cancel:hover{background-color:#555}.bank-slot-selector{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2500;border-radius:25px;overflow:hidden;animation:helpFadeIn .2s ease-out;padding:20px;box-sizing:border-box}.bank-slot-selector.hidden{display:none}.bank-slot-selector-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:20px 22px;width:100%;max-width:300px;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .25s ease-out;display:flex;flex-direction:column;box-sizing:border-box;text-align:center}.bank-slot-selector-title{color:#fbbc05;font-size:1.1rem;margin:0 0 5px;text-shadow:2px 2px 0 #c00;letter-spacing:1px}.bank-slot-selector-subtitle{color:#aaa;font-size:.75rem;margin:0 0 15px}.bank-slot-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.bank-slot-btn{background-color:#222;border:2px solid #444;border-radius:10px;padding:8px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}.bank-slot-btn:hover{border-color:#fbbc05;background-color:#2a2a3e;transform:translateY(-2px)}.bank-slot-btn:active{transform:scale(.97)}.bank-slot-btn.empty{opacity:.4;cursor:not-allowed;pointer-events:none}.bank-slot-btn-sprite{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center center;image-rendering:pixelated;transform:scaleX(-1)}.bank-slot-btn-name{color:#fbbc05;font-size:.65rem;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bank-slot-btn-level{color:#fff;font-size:.6rem}html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0;background-color:#111;font-family:ComicNeue,Comic Sans MS,cursive}body{display:flex;justify-content:center;align-items:center;position:relative}#app{transform-origin:top center;will-change:transform}.pokedex-overlay{position:absolute;top:0;left:0;width:100%;height:100%;animation:fadeInOverlay .4s ease-out forwards;display:flex;justify-content:center;align-items:center;z-index:2200;border-radius:25px;overflow:hidden;padding:10px;box-sizing:border-box}.pokedex-overlay.hidden{display:none}.pokedex-modal{background-image:linear-gradient(#000000bf,#0000 18%,#0000 82%,#000000bf),url(../img/Fondos/Pokedex.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;border:3px solid #fbbc05;border-radius:20px;width:100%;height:100%;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;display:flex;flex-direction:column;overflow:visible;box-sizing:border-box;padding:10px 12px;animation:crtTurnOn .4s ease-out forwards;transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;transform:translateZ(0)}.pokedex-title{color:#fbbc05;font-size:1.2rem;text-align:center;margin:0 0 5px;text-shadow:2px 2px 0 #c00;letter-spacing:2px;flex-shrink:0}.pokedex-progress{margin-bottom:8px;flex-shrink:0;text-align:center}.pokedex-count{color:#fff;font-size:.7rem;margin:0 0 4px;font-weight:700;text-shadow:1px 1px 0 #000}.pokedex-progress-bar-bg{width:100%;height:6px;background-color:#000;border:1px solid #444;border-radius:4px;overflow:hidden}.pokedex-progress-bar-fill{height:100%;background-color:#4caf50;width:0%;transition:width .4s ease}.pokedex-filters{display:flex;flex-direction:column;gap:4px;margin-bottom:17px;flex-shrink:0}.pokedex-search-wrapper{position:relative;display:flex;align-items:center}.pokedex-search-icon{position:absolute;left:10px;font-size:.8rem;opacity:.6}.pokedex-search-input{width:100%;padding:5px 10px 5px 30px;background-color:#222222d9;color:#fff;border:2px solid #444;border-radius:8px;font-family:inherit;font-size:.75rem;box-sizing:border-box;transition:border-color .2s}.pokedex-search-input:focus{outline:none;border-color:#fbbc05}.pokedex-filter-row{display:flex;gap:4px}.pokedex-select{flex:1;padding:4px;background-color:#222222d9;color:#fff;border:2px solid #444;border-radius:8px;font-family:inherit;font-size:.65rem;cursor:pointer}.pokedex-select:focus{outline:none;border-color:#fbbc05}.pokedex-results-count{color:#fbbc05;font-size:.65rem;text-align:center;margin:0;font-weight:700;text-shadow:1px 1px 0 #000}.pokedex-results-count:empty{display:none}.pokedex-scroll-container{flex-grow:0;flex-shrink:1;height:58%;max-height:58%;width:100%;position:relative;background-color:transparent}.pokedex-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:min-content;gap:5px;overflow-y:auto;padding:4px;background-color:#ffffff1a;border:0px solid rgba(251,188,5,.3);border-radius:10px;box-sizing:border-box;-webkit-mask-image:none;mask-image:none}.pokedex-grid::-webkit-scrollbar{width:5px}.pokedex-grid::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.pokedex-grid::-webkit-scrollbar-thumb{background:#fbbc05;border-radius:5px}.pokedex-footer{flex-shrink:0;margin-top:auto;padding-top:10px;padding-bottom:15px;display:flex;justify-content:center}.pokedex-footer .stats-close-button{margin:0;width:80%;padding:8px;font-size:.85rem}.pokedex-slot{aspect-ratio:1 / 1;background-color:#0006;border:2px solid rgba(255,255,255,.2);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;padding:4px;box-sizing:border-box}.pokedex-slot:hover{border-color:#fbbc05;background-color:#0009;transform:scale(1.05);z-index:50;box-shadow:0 0 12px #fbbc0599}.pokedex-slot:hover:after{opacity:1}.pokedex-slot:hover:after,.pokedex-slot:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.pokedex-slot:active{transform:scale(.95)}.pokedex-slot.slot-caught{border-color:#4caf50}.pokedex-slot.slot-seen{border-color:#666;opacity:.8}.pokedex-slot.slot-missing{background-color:#0003;border-style:dashed}.pokedex-slot-sprite{width:100%;height:70%;background-size:contain;background-repeat:no-repeat;background-position:center center;image-rendering:pixelated;transform:scaleX(-1)}.pokedex-slot.slot-seen .pokedex-slot-sprite{filter:brightness(0) opacity(.6)}.pokedex-slot.slot-missing .pokedex-slot-sprite{background-image:none!important}.pokedex-slot-missing-icon{width:70%;height:70%;background-image:url(../img/Fondos/Pkdx.gif);background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:pixelated;opacity:.7}.pokedex-slot-number{font-size:.5rem;color:#fff;font-weight:700;text-shadow:1px 1px 0 #000;margin-top:2px;background-color:#0009;padding:1px 4px;border-radius:4px;line-height:1}.pokedex-slot.slot-missing .pokedex-slot-number{color:#666}.pokedex-detail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2500;border-radius:25px;overflow:hidden;animation:helpFadeIn .25s ease-out;padding:20px;box-sizing:border-box}.pokedex-detail-overlay.hidden{display:none}.pokedex-detail-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:18px 22px;width:100%;max-width:300px;max-height:90%;overflow-y:auto;overflow-x:hidden;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .25s ease-out;display:flex;flex-direction:column;box-sizing:border-box;text-align:center}.pokedex-detail-title{color:#fbbc05;font-size:1.1rem;margin:0 0 8px;text-shadow:2px 2px 0 #c00}.pokedex-detail-name{color:#fff;font-size:1.2rem;font-weight:700;margin:0;text-transform:uppercase}.pokedex-detail-number{color:#aaa;font-size:.8rem;margin:3px 0 10px}.pokedex-detail-types{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin-bottom:10px}@keyframes fadeInOverlay{0%{background-color:#0000}to{background-color:#000000d9}}@keyframes crtTurnOn{0%{transform:scaleY(.005);opacity:0}30%{transform:scaleY(.005);opacity:1}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes crtTurnOff{0%{transform:scale(1);opacity:1}40%{transform:scaleY(.005);opacity:1}to{transform:scale(0,.005);opacity:0}}@keyframes fadeOutOverlay{0%{background-color:#000000d9}to{background-color:#0000}}.pokedex-tooltip{position:absolute;background-color:#1a1a2ef2;border:2px solid #fbbc05;border-radius:8px;padding:6px 12px;color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-100%) translateY(-10px);transition:opacity .15s ease;z-index:99999;box-shadow:0 4px 12px #000c}.pokedex-tooltip.hidden{display:none}.pokedex-tooltip:not(.hidden){opacity:1}.pokedex-title,.pokedex-progress,.pokedex-filters,.pokedex-scroll-container,.pokedex-footer{opacity:0;transition:opacity .3s ease}.pokedex-modal.loaded .pokedex-title,.pokedex-modal.loaded .pokedex-progress,.pokedex-modal.loaded .pokedex-filters,.pokedex-modal.loaded .pokedex-scroll-container,.pokedex-modal.loaded .pokedex-footer{opacity:1}.secret-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:3000;border-radius:25px;overflow:hidden;animation:helpFadeIn .25s ease-out;padding:20px;box-sizing:border-box}.secret-overlay.hidden{display:none}.secret-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:20px 22px;width:100%;max-width:300px;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .25s ease-out;display:flex;flex-direction:column;box-sizing:border-box;text-align:center}.secret-title{color:#fbbc05;font-size:1.2rem;margin:0 0 5px;text-shadow:2px 2px 0 #c00;letter-spacing:1px}.secret-subtitle{color:#aaa;font-size:.75rem;margin:0 0 15px}.secret-input{width:100%;padding:10px;background-color:#111;color:#fff;border:2px solid #444;border-radius:8px;font-family:inherit;font-size:.9rem;box-sizing:border-box;text-align:center;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;transition:border-color .2s}.secret-input:focus{outline:none;border-color:#fbbc05}.secret-message{color:#ff6b6b;font-size:.8rem;font-weight:700;min-height:20px;margin-bottom:10px}.secret-message.success{color:#4caf50}.secret-buttons{display:flex;gap:10px}.secret-btn{flex:1;padding:10px;font-family:inherit;font-size:.85rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.secret-btn:hover{transform:translateY(-2px)}.secret-btn:active{transform:scale(.97)}.secret-btn-cancel{background-color:#444;color:#fff}.secret-btn-cancel:hover{background-color:#555}.secret-btn-accept{background-color:#fbbc05;color:#111}.secret-btn-accept:hover{background-color:#fc3}.shop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2200;border-radius:25px;overflow:hidden;padding:15px;box-sizing:border-box;animation:helpFadeIn .3s ease-out forwards}.shop-overlay.closing{animation:shopFadeOut .3s ease-in forwards}@keyframes shopFadeOut{0%{opacity:1}to{opacity:0}}.shop-overlay.hidden{display:none}.shop-modal{background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;padding:15px 18px;width:100%;height:100%;box-shadow:0 0 20px #fbbc054d,0 8px 20px #00000080;animation:statsModalIn .3s ease-out;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.shop-modal-title{color:#fbbc05;font-size:1.4rem;margin:0;text-shadow:2px 2px 0 #c00;letter-spacing:2px}.shop-coins-display{display:flex;align-items:center;gap:4px;background-color:#00000080;padding:4px 10px;border-radius:12px;border:1px solid #fbbc05}.shop-coins-icon{width:16px;height:16px;image-rendering:pixelated}.shop-categories{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;flex-shrink:0;justify-content:center}.shop-category-btn{background-color:#222;color:#aaa;border:2px solid #444;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease}.shop-category-btn:hover{background-color:#333;color:#fff;border-color:#fbbc05}.shop-category-btn.active{background-color:#fbbc05;color:#111;border-color:#fbbc05}.shop-items{flex-grow:1;overflow-y:auto;padding-right:5px;display:flex;flex-direction:column;gap:8px;min-height:0}.shop-item{display:flex;align-items:center;gap:10px;background-color:#222;border:2px solid #444;border-radius:10px;padding:8px 10px;transition:all .15s ease;background-color:#2226!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.shop-item-quantity-container{display:flex;align-items:center;gap:5px;background-color:#0009;border-radius:6px;padding:2px 4px;margin-bottom:4px}.shop-qty-btn{background:none;border:none;color:#fbbc05;font-size:1rem;font-weight:700;cursor:pointer;padding:0 4px;-webkit-user-select:none;user-select:none}.shop-qty-btn:disabled{color:#555;cursor:not-allowed}.shop-qty-value{color:#fff;font-size:.8rem;font-weight:700;min-width:15px;text-align:center}.shop-item:hover{border-color:#fbbc05;background-color:#2a2a3e}.shop-item-icon{width:36px;height:36px;object-fit:contain;image-rendering:pixelated;flex-shrink:0;background-color:#111;border:2px solid #444;border-radius:6px;padding:2px}.shop-item-info{flex-grow:1;display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0}.shop-item-name{color:#fbbc05;font-size:.8rem;font-weight:700}.shop-item-description{color:#fff;font-size:.75rem;line-height:1.3;text-shadow:1px 2px 0 #000}.shop-item-right{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.shop-item-price{color:#fbbc05;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:2px}.shop-item-price img{width:12px;height:12px;image-rendering:pixelated}.shop-item-buy-btn{background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s ease;width:100%;text-align:center;white-space:nowrap}.shop-item-buy-btn:hover:not(:disabled){background-color:#5bc060;transform:translateY(-1px)}.shop-item-buy-btn:active:not(:disabled){transform:scale(.95)}.shop-item-buy-btn:disabled{background-color:#555;cursor:not-allowed;opacity:.5}.shop-items::-webkit-scrollbar{width:5px}.shop-items::-webkit-scrollbar-track{background:#111;border-radius:5px}.shop-items::-webkit-scrollbar-thumb{background:#fbbc05;border-radius:5px}.shop-modal{position:relative}.shop-vendor-img{position:absolute;bottom:10px;right:-70px;width:440px;height:auto;z-index:1;pointer-events:none;image-rendering:pixelated;opacity:1}.shop-items,.shop-footer,.stats-close-button{position:relative;z-index:2}.update-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;border-radius:25px;overflow:hidden;padding:20px;box-sizing:border-box;opacity:0;transition:opacity .3s ease;pointer-events:none}.update-overlay.hidden{display:none}.update-overlay.show{opacity:1;pointer-events:auto}.update-modal{position:relative;background-color:#1a1a2e;border:3px solid #fbbc05;border-radius:20px;width:100%;max-width:320px;box-shadow:0 0 25px #fbbc0566,0 8px 25px #0009;overflow:hidden;transform:scale(.85);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.update-overlay.show .update-modal{transform:scale(1)}.update-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/Fondos/Rotomdex.png);background-size:cover;background-position:center;background-repeat:no-repeat;transform:scaleX(-1);z-index:0;filter:brightness(.4) contrast(1.2)}.update-content{position:relative;z-index:1;padding:22px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.update-icon{font-size:2.5rem;line-height:1;margin-bottom:8px;animation:updateIconBounce 1.2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}@keyframes updateIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.update-title{color:#fbbc05;font-size:1.3rem;margin:0 0 10px;text-shadow:2px 2px 0 #c00,0 0 10px rgba(0,0,0,.8);letter-spacing:1px}.update-message{color:#fff;font-size:.85rem;line-height:1.4;margin:0 0 10px;text-shadow:1px 1px 2px #000}.update-warning{color:#ffcc80;font-size:.75rem;line-height:1.35;margin:0 0 18px;padding:8px 10px;background-color:#0009;border-left:3px solid #fbbc05;border-radius:6px;text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-buttons{display:flex;width:100%}.update-btn{flex:1;padding:11px 12px;font-family:inherit;font-size:.9rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease,transform .1s ease;letter-spacing:.5px}.update-btn:hover{transform:translateY(-2px)}.update-btn:active{transform:scale(.97)}.update-btn:disabled{opacity:.7;cursor:wait;transform:none}.update-btn-reload{background-color:#4caf50;color:#fff;box-shadow:0 4px 10px #4caf5066}.update-btn-reload:hover:not(:disabled){background-color:#5bc060}