#root{max-width:1400px;margin:0 auto;padding:1rem;text-align:center}*{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;box-sizing:border-box}body{background:#121212;min-height:100vh;margin:0;padding:0;color:#fff}.pokemon-app{width:100%;min-height:100vh;padding:1rem}.logo{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.logo img{width:200px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.generation-selector{margin-bottom:2rem}.generation-selector h2{color:#fff;font-size:2rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.generation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;max-width:1200px;margin:0 auto}.generation-button{background:#1e1e1e;border:2px solid #404040;border-radius:15px;padding:1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.generation-button:hover{background:#2a2a2a;border-color:#606060;transform:translateY(-2px);box-shadow:0 8px 25px #0006}.generation-button.active{background:#333333;border-color:#4caf50;box-shadow:0 0 20px #4caf504d}.generation-info h3{color:#fff;font-size:1.2rem;margin:0 0 .5rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.generation-info p{color:#b0b0b0;margin:.25rem 0;font-size:.9rem}.generation-year{font-style:italic;color:gray}.pokemon-count{font-weight:700;color:#4caf50}.pokemon-search{margin-bottom:2rem}.search-form{display:flex;justify-content:center;align-items:center;gap:1rem;max-width:600px;margin:0 auto}.search-input-container{position:relative;flex:1;max-width:400px}.search-input{width:100%;padding:12px 40px 12px 15px;border:2px solid #404040;border-radius:25px;background:#1e1e1e;color:#fff;font-size:1rem;outline:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-input::-moz-placeholder{color:gray}.search-input::placeholder{color:gray}.search-input:focus{border-color:#4caf50;background:#2a2a2a;box-shadow:0 0 15px #4caf504d}.clear-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:gray;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.clear-button:hover{background:#404040;color:#fff}.search-button{padding:12px 24px;background:#4caf50;border:none;border-radius:25px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.search-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5066}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem}.pokemon-card{background:#1e1e1e;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #404040;transition:all .3s ease;box-shadow:0 8px 32px #0000004d;cursor:pointer}.pokemon-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000080;border-color:#606060}.card-content{padding:1rem}.pokemon-image-container{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border-radius:15px;margin-bottom:1rem;overflow:hidden}.pokemon-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:all .3s ease;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pokemon-image.loaded{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-skeleton{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.skeleton-loader{width:80px;height:80px;border:3px solid #404040;border-top:3px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pokemon-info{text-align:center}.pokemon-name{color:#fff;font-size:1.3rem;margin:0 0 .5rem;text-transform:capitalize;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.pokemon-id{color:#4caf50;font-size:1rem;margin:0 0 1rem;font-weight:700}.pokemon-types{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.type-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);border:1px solid #404040}.type-normal{background:#606060}.type-fire{background:#8B4513}.type-water{background:#4682B4}.type-electric{background:#DAA520}.type-grass{background:#4caf50}.type-ice{background:#87CEEB}.type-fighting{background:#A0522D}.type-poison{background:#9370DB}.type-ground{background:#D2B48C}.type-flying{background:#708090}.type-psychic{background:#DDA0DD}.type-bug{background:#9ACD32}.type-rock{background:#A0522D}.type-ghost{background:#483D8B}.type-dragon{background:#4169E1}.type-dark{background:#2F4F4F}.type-steel{background:#C0C0C0}.type-fairy{background:#FFB6C1}.infinite-scroll-container{width:100%}.loading-trigger{margin:2rem 0;padding:2rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner .spinner{width:40px;height:40px;border:4px solid #404040;border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:#fff;font-size:1.1rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.load-more-prompt p{color:#b0b0b0;font-style:italic}.error-message,.no-results{background:#1e1e1e;border:1px solid #404040;border-radius:15px;padding:2rem;margin:2rem auto;max-width:600px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message p,.no-results p{color:#fff;font-size:1.2rem;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media (max-width: 768px){.generation-grid{grid-template-columns:1fr}.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.search-form{flex-direction:column;gap:.5rem}.search-input-container{max-width:100%}.logo img{width:150px}.generation-selector h2{font-size:1.5rem}}@media (max-width: 480px){.pokemon-grid{grid-template-columns:1fr}.pokemon-card{margin:0 .5rem}#root{padding:.5rem}}.pokemon-detail{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}.pokemon-detail-loading,.pokemon-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.pokemon-detail-loading .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.pokemon-detail-loading .spinner{width:60px;height:60px;border:4px solid #404040;border-top:4px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite}.pokemon-detail-loading p{color:#fff;font-size:1.2rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.pokemon-detail-error h2{color:#fff;font-size:2rem;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.pokemon-detail-error p{color:#b0b0b0;font-size:1.1rem;margin-bottom:2rem}.back-button{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem}.back-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 8px 25px #4caf5066}.pokemon-detail-header{text-align:center;margin-bottom:3rem}.pokemon-detail-title{color:#fff;font-size:3rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-transform:capitalize}.pokemon-detail-content{display:flex;flex-direction:column;gap:2rem}.pokemon-detail-main{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.pokemon-image-section{text-align:center}.pokemon-detail-image{width:100%;max-width:400px;height:auto;border-radius:20px;padding:2rem;margin-bottom:1rem;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.pokemon-basic-info{background:#1e1e1e;border-radius:20px;padding:2rem;border:1px solid #404040}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{color:#b0b0b0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.info-value{color:#fff;font-size:1.2rem;font-weight:700}.pokemon-detail-section{background:#1e1e1e;border-radius:20px;padding:2rem;border:1px solid #404040}.pokemon-detail-section h2{color:#fff;font-size:1.8rem;margin:0 0 1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.8);border-bottom:2px solid #4caf50;padding-bottom:.5rem}.stats-container{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-header{display:flex;justify-content:space-between;align-items:center}.stat-name{color:#fff;font-weight:700;text-transform:capitalize}.stat-value{color:#4caf50;font-weight:700;font-size:1.1rem}.stat-bar{width:100%;height:8px;background:#404040;border-radius:4px;overflow:hidden}.stat-fill{height:100%;border-radius:4px;transition:width .3s ease}.abilities-container{display:flex;flex-wrap:wrap;gap:1rem}.ability-item{background:#2a2a2a;border:1px solid #404040;border-radius:15px;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.ability-item:hover{background:#333333;border-color:#606060}.ability-name{color:#fff;font-weight:700;text-transform:capitalize}.hidden-ability{border-color:#4caf50}.hidden-badge{background:#4caf50;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:700;text-transform:uppercase}.moves-container{display:flex;flex-wrap:wrap;gap:.5rem}.move-item{background:#2a2a2a;border:1px solid #404040;border-radius:15px;padding:.5rem 1rem;color:#fff;font-size:.9rem;transition:all .3s ease}.move-item:hover{background:#333333;border-color:#606060}.more-moves{background:#4caf50;color:#fff;border:1px solid #4caf50;border-radius:15px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.games-container{display:flex;flex-wrap:wrap;gap:.5rem}.game-item{background:#2a2a2a;border:1px solid #404040;border-radius:15px;padding:.5rem 1rem;color:#fff;font-size:.9rem;transition:all .3s ease}.game-item:hover{background:#333333;border-color:#606060}.more-games{background:#4caf50;color:#fff;border:1px solid #4caf50;border-radius:15px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.items-container{display:flex;flex-wrap:wrap;gap:1rem}.item-item{background:#2a2a2a;border:1px solid #404040;border-radius:15px;padding:.75rem 1.5rem;transition:all .3s ease}.item-item:hover{background:#333333;border-color:#606060}.item-name{color:#fff;font-weight:700;text-transform:capitalize}.sprites-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.sprite-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#2a2a2a;border:1px solid #404040;border-radius:15px;padding:1rem;transition:all .3s ease}.sprite-item:hover{background:#333333;border-color:#606060}.sprite-item img{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.sprite-item span{color:#fff;font-size:.9rem;text-align:center;text-transform:capitalize}@media (max-width: 768px){.pokemon-detail{padding:1rem}.pokemon-detail-main{grid-template-columns:1fr;gap:2rem}.info-grid{grid-template-columns:1fr}.pokemon-detail-title{font-size:2rem}.sprites-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}