body{background-color:#938673;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-align:center}*{box-sizing:border-box}body{margin:0;padding:0;background:#f8f9fa;font-family:Poppins,sans-serif}.App{display:flex;flex-direction:column;align-items:center;min-height:100vh;color:#333;padding:2rem 1rem 3rem}.search-section{margin-top:2rem;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.search-section input{padding:.6rem 1rem;border-radius:8px;border:2px solid #3b4cca;outline:none;width:250px;max-width:80vw;font-size:1rem;transition:.3s}.search-section input:focus{border-color:#ffcb05;box-shadow:0 0 10px #ffcb0580;animation:glow 1.5s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #ffcb0580}50%{box-shadow:0 0 20px #ffcb05cc}}.search-section button{padding:.6rem 1.2rem;border:none;border-radius:8px;background-color:#3b4cca;color:#fff;font-weight:700;cursor:pointer;transition:.3s;font-size:1rem}.search-section button:hover:not(:disabled){background-color:#2a2a2a;animation:pulse .6s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.search-section button:disabled{background-color:#999;cursor:not-allowed;opacity:.6}.search-section a{text-decoration:none;padding:1.2rem;border:none;border-radius:8px;background-color:#000;color:#fff;font-weight:700;cursor:pointer;transition:.3s;font-size:1rem}.search-section a:hover{background-color:#2a2a2a}.App .mobile{padding:.6rem 1.2rem;border:none;border-radius:8px;background-color:#3b4cca;color:#fff;font-weight:700;cursor:pointer;transition:.3s;font-size:1rem;display:none}.App .mobile:hover:not(:disabled){background-color:#2a2a2a;animation:pulse .6s ease-in-out}.App .mobile:disabled{background-color:#999;cursor:not-allowed;opacity:.6}.App .mobile-link{padding:.6rem 1.2rem;border:none;border-radius:8px;background-color:#000;color:#fff;font-weight:700;cursor:pointer;transition:.3s;font-size:1rem;display:none}.App .mobile-link:hover{background-color:#2a2a2a}.error{color:red;margin-top:1rem;text-align:center;font-size:.95rem}.error.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.image-section{margin-top:3rem;display:flex;justify-content:center;align-items:center;border-radius:12px;padding:1.5rem;width:90%;max-width:400px;background:#fff;box-shadow:0 4px 12px #0000001a;min-height:250px}.image-section img{width:200px;height:200px;object-fit:contain;transition:transform .3s ease-in-out;animation:float 3s ease-in-out infinite}.image-section img:hover{transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.image-section.pokemon-appear img{animation:pokemonAppear .6s ease-out,float 3s ease-in-out infinite .6s}@keyframes pokemonAppear{0%{opacity:0;transform:scale(.3) rotate(-180deg)}60%{transform:scale(1.1) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pokeball-loader{width:60px;height:60px;border-radius:50%;position:relative;animation:spin 1s linear infinite;background:linear-gradient(to bottom,red 50%,#fff 50%);border:4px solid #333}.pokeball-loader:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#fff;border:4px solid #333;border-radius:50%;z-index:2}.pokeball-loader:after{content:"";position:absolute;top:50%;left:0;right:0;height:4px;background:#333;transform:translateY(-50%);z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{text-align:center;padding:10px;color:#000;border-bottom:3px solid #2a2a2a;width:100%;animation:fadeIn 1s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header h1{font-size:2rem;margin:0;letter-spacing:1px}.header p{margin-top:.5rem;font-size:1rem;opacity:.9}@media(max-width:600px){.header h1{font-size:1.6rem}.search-section input,.search-section button{width:100%;font-size:.95rem}.image-section{max-width:300px;padding:1rem}.image-section img{width:150px;height:150px}.App .mobile,.App .mobile-link{position:fixed;left:50%;transform:translate(-50%);width:90%;max-width:350px;text-align:center;z-index:1000;opacity:0;animation:slideUp .8s ease forwards;display:block}.App .mobile{bottom:75px;background-color:#3b4cca;color:#fff;font-weight:700;border:none;border-radius:10px;padding:.8rem;font-size:1rem;box-shadow:0 4px 12px #0003;animation-delay:.2s}.App .mobile:hover:not(:disabled){background-color:#2a2a2a;transform:translate(-50%) scale(1.05)}.App .mobile-link{bottom:15px;background-color:#000;color:#fff;font-weight:700;border-radius:10px;padding:.8rem;font-size:1rem;box-shadow:0 4px 12px #0003;animation-delay:.4s}.App .mobile-link:hover{background-color:#2a2a2a;transform:translate(-50%) scale(1.05)}.search-section button,.search-section a{display:none}}@keyframes slideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(min-width:601px)and (max-width:900px){.header h1{font-size:1.8rem}.search-section input{width:70%}.image-section{max-width:350px}}@media(min-width:901px){.header h1{font-size:2.5rem}.search-section input{width:300px}.image-section img{width:220px;height:220px}}