.pokemon-card{background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer;position:relative;border:none;min-height:200px;display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.pokemon-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.pokemon-image-container{flex:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;min-height:150px;position:relative}.pokemon-image{max-width:100%;max-height:100%;object-fit:contain}.no-image{color:#bdc3c7;font-size:.9rem;font-style:italic}.pokemon-info{background:#f0f0f0;padding:.75rem;text-align:center;min-height:45px;display:flex;align-items:center;justify-content:center;border-radius:12px}.pokemon-name{margin:0;font-size:1rem;font-weight:500;color:#000;text-transform:capitalize;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.01em}.pokemon-types{display:none}.pokemon-id{margin:0;font-size:.9rem;color:#555;font-weight:500;position:absolute;top:.75rem;right:.75rem;background:none;padding:0;border-radius:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:.01em}.favorite-button{position:absolute;top:.75rem;left:.75rem;background:#ffffffe6;border:none;border-radius:50%;width:28px;height:28px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;touch-action:manipulation}.favorite-button:hover{background:#fff;transform:scale(1.1)}.favorite-button.favorited{background:#e700001a}@media (max-width: 360px){.pokemon-card{min-height:180px}.pokemon-image-container{min-height:130px;padding:1rem .75rem}.pokemon-image{max-width:90%;max-height:90%}.pokemon-name{font-size:.9rem}.pokemon-id{font-size:.8rem;top:.5rem;right:.5rem}.favorite-button{width:24px;height:24px;font-size:.9rem;top:.5rem;left:.5rem}}@media (min-width: 768px){.pokemon-card{min-height:220px}.pokemon-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.pokemon-image-container{min-height:170px;padding:1.75rem 1.25rem}.pokemon-image{max-width:95%;max-height:95%}.pokemon-name{font-size:1.1rem}.pokemon-id{font-size:1rem}.favorite-button{width:32px;height:32px;font-size:1.1rem}}@media (min-width: 1024px){.pokemon-card{min-height:240px}.pokemon-image-container{min-height:190px;padding:2rem 1.5rem}.pokemon-image{max-width:98%;max-height:98%}.pokemon-name{font-size:1.2rem}.pokemon-id{font-size:1rem}.favorite-button{width:35px;height:35px;font-size:1.2rem}}@media (min-width: 1440px){.pokemon-card{min-height:260px}.pokemon-image-container{min-height:210px;padding:2.25rem 1.75rem}.pokemon-image{max-width:100%;max-height:100%}.pokemon-name{font-size:1.3rem}}.pokemon-list-container{background:#fffffff2;border-radius:15px;padding:1rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:.5rem}.pokemon-list-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1;text-align:center}.pokemon-list-header h2{margin:0;color:#2c3e50;font-size:1.4rem}.pokemon-list-header p{margin:0;color:#7f8c8d;font-weight:500;font-size:.9rem}.filters-container{background:#f8f9fa;border-radius:10px;padding:1rem;margin-bottom:1.5rem;border:1px solid #e9ecef}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#2c3e50;font-size:.9rem}.type-filter{padding:.5rem;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:.9rem;color:#2c3e50;cursor:pointer}.type-filter:focus{outline:none;border-color:#e70000;box-shadow:0 0 0 2px #e700001a}.no-results{text-align:center;padding:2rem;color:#7f8c8d;font-style:italic}.pokemon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;max-height:60vh;overflow-y:auto;padding-right:.5rem}.pokemon-grid::-webkit-scrollbar{width:6px}.pokemon-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.pokemon-grid::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.pokemon-grid::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width: 360px){.pokemon-list-container{margin:.25rem;padding:.75rem}.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.pokemon-list-header h2{font-size:1.2rem}}@media (min-width: 768px){.pokemon-list-container{padding:1.5rem;margin:1rem}.pokemon-list-header{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.pokemon-list-header h2{font-size:1.6rem}.pokemon-list-header p{font-size:1rem}.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;max-height:65vh}}@media (min-width: 1024px){.pokemon-list-container{padding:2rem;margin:0}.pokemon-list-header h2{font-size:1.8rem}.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-height:70vh}.pokemon-grid::-webkit-scrollbar{width:8px}.pokemon-grid::-webkit-scrollbar-track{border-radius:4px}.pokemon-grid::-webkit-scrollbar-thumb{border-radius:4px}}@media (min-width: 1440px){.pokemon-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}.pokemon-detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pokemon-detail-modal{background:#fff;border-radius:20px;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;--pokemon-primary: #A8A878;--pokemon-secondary: #C4C4A0;--pokemon-light: #E8E8D0;--pokemon-text: #FFFFFF}.close-button{position:absolute;top:1rem;right:1rem;background:#0000001a;border:none;border-radius:50%;width:35px;height:35px;font-size:1.2rem;cursor:pointer;color:#666;transition:all .2s ease;z-index:1001;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#0003;transform:scale(1.1)}.pokemon-detail-content{padding:0}.pokemon-detail-header{background:var(--pokemon-light);color:var(--pokemon-primary);padding:1.5rem 1rem;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-between;position:relative}.back-button{background:none;border:none;color:var(--pokemon-primary);cursor:pointer;padding:.5rem;border-radius:50%;transition:background .2s ease}.back-button:hover{background:#0000001a}.pokemon-detail-header h1{margin:0;font-size:1.5rem;color:#fff;text-transform:capitalize;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.pokemon-detail-number{font-size:1rem;color:#fff;opacity:.9;font-weight:500}.pokemon-detail-image-section{background:var(--pokemon-light);padding:2rem 1rem;position:relative;display:flex;align-items:center;justify-content:center}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#fffc;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#666}.nav-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow-left{left:1rem}.nav-arrow-right{right:1rem}.pokemon-image-container{display:flex;background:none;align-items:center;justify-content:center;width:200px;height:200px;position:relative}.detail-image{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.no-image-large{width:200px;height:200px;background:#ffffff80;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic;font-size:.9rem}.pokemon-types-section{padding:1rem;display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.type-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:capitalize;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #0000001a}.section-separator{height:1px;background:#e5e5e5;margin:0 1rem}.section-title{margin:1rem 0;color:var(--pokemon-primary);font-size:1.1rem;font-weight:700;text-align:center}.about-section{padding:0 1rem 1rem}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.about-item{display:flex;flex-direction:column;align-items:center;text-align:center}.about-icon{width:24px;height:24px;margin-bottom:.5rem;color:#666}.about-value{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.25rem}.about-label{font-size:.8rem;color:#999;font-weight:500}.pokemon-description{font-size:.9rem;color:#666;line-height:1.4;text-align:center;margin-top:1rem}.base-stats-section{padding:0 1rem 2rem}.stats-list{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;align-items:center;gap:1rem}.stat-name{font-size:.9rem;font-weight:600;color:var(--pokemon-primary);min-width:40px}.stat-value{font-size:.9rem;font-weight:600;color:#333;min-width:35px;text-align:right}.stat-bar-container{flex:1;height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden;position:relative}.stat-bar-fill{height:100%;background:var(--pokemon-primary);border-radius:4px;transition:width .3s ease}@media (max-width: 480px){.pokemon-detail-overlay{padding:.5rem}.pokemon-detail-modal{max-width:100%;border-radius:15px}.pokemon-detail-header{padding:1rem;border-radius:15px 15px 0 0}.pokemon-detail-header h1{font-size:1.3rem}.pokemon-detail-image-section{padding:1.5rem .5rem}.pokemon-image-container{width:150px;height:150px}.nav-arrow{width:35px;height:35px}.nav-arrow-left{left:.5rem}.nav-arrow-right{right:.5rem}.about-grid{gap:.5rem}.about-value{font-size:.8rem}.about-label{font-size:.7rem}.pokemon-description{font-size:.8rem}.stat-item{gap:.5rem}.stat-name{font-size:.8rem;min-width:35px}.stat-value{font-size:.8rem;min-width:30px}}@media (min-width: 768px){.pokemon-detail-modal{max-width:450px}.pokemon-detail-image-section{padding:2.5rem 1rem}.pokemon-image-container{width:250px;height:250px}.about-grid{gap:1.5rem}.stats-list{gap:1rem}}.sort-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.sort-modal{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0000004d;min-width:200px;max-width:250px;width:100%}.sort-modal-header{background:#e70000;padding:1rem;color:#fff}.sort-modal-header h3{margin:0;font-size:1rem;font-weight:600;text-align:left}.sort-modal-body{padding:1rem;background:#fff}.sort-option{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;cursor:pointer;transition:background-color .2s ease;border-radius:6px;margin-bottom:.5rem}.sort-option:hover{background-color:#f8f9fa}.sort-option:last-child{margin-bottom:0}.sort-option input[type=radio]{display:none}.radio-custom{width:18px;height:18px;border:2px solid #E70000;border-radius:50%;position:relative;flex-shrink:0;transition:all .2s ease}.sort-option input[type=radio]:checked+.radio-custom{background-color:#e70000}.sort-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:#fff;border-radius:50%}.option-text{font-size:.9rem;color:#2c3e50;font-weight:500}@media (max-width: 480px){.sort-modal-overlay{padding:.5rem}.sort-modal{min-width:180px;max-width:220px}.sort-modal-header{padding:.75rem}.sort-modal-header h3{font-size:.9rem}.sort-modal-body{padding:.75rem}.sort-option{gap:.5rem;padding:.4rem 0}.radio-custom{width:16px;height:16px}.sort-option input[type=radio]:checked+.radio-custom:after{width:5px;height:5px}.option-text{font-size:.85rem}}.sort-modal{animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.favorites-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.favorites-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;position:relative;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.favorites-modal-header{background:#e70000;color:#fff;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;position:relative}.favorites-modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.close-button{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.close-button:hover{background:#fff3;transform:scale(1.1)}.favorites-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.no-favorites{text-align:center;padding:3rem 1rem;color:#666}.no-favorites-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-favorites h3{margin:0 0 .5rem;color:#333;font-size:1.2rem}.no-favorites p{margin:0;font-size:.9rem;color:#999}.favorites-count{margin-bottom:1.5rem;padding:.75rem 1rem;background:#f8f9fa;border-radius:10px;text-align:center;font-weight:600;color:#e70000}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.favorite-item{background:#fff;border:2px solid #e9ecef;border-radius:15px;padding:1rem;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.favorite-item:hover{border-color:#e70000;transform:translateY(-2px);box-shadow:0 4px 15px #e700001a}.favorite-image{width:80px;height:80px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center}.favorite-pokemon-image{max-width:100%;max-height:100%;object-fit:contain}.no-image-small{width:80px;height:80px;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.5rem;font-weight:700}.favorite-info{flex:1;margin-bottom:.5rem}.favorite-name{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:#333;text-transform:capitalize}.favorite-number{font-size:.8rem;color:#666;font-weight:500}.remove-favorite-button{position:absolute;top:.5rem;right:.5rem;background:#e700001a;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#e70000;transition:all .2s ease;opacity:0}.favorite-item:hover .remove-favorite-button{opacity:1}.remove-favorite-button:hover{background:#e7000033;transform:scale(1.1)}@media (max-width: 768px){.favorites-modal-overlay{padding:.5rem}.favorites-modal{max-width:100%;max-height:90vh;border-radius:15px}.favorites-modal-header{padding:1rem}.favorites-modal-header h2{font-size:1.3rem}.favorites-modal-content{padding:1rem}.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.favorite-item{padding:.75rem}.favorite-image{width:60px;height:60px;margin-bottom:.5rem}.no-image-small{width:60px;height:60px;font-size:1.2rem}.favorite-name{font-size:.9rem}.favorite-number{font-size:.75rem}}@media (max-width: 480px){.favorites-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.favorite-item{padding:.5rem}.favorite-image{width:50px;height:50px}.no-image-small{width:50px;height:50px;font-size:1rem}.favorite-name{font-size:.8rem}.favorite-number{font-size:.7rem}}.app{min-height:100vh;background:#8b0000;color:#333}.app-header{display:flex;align-items:center;justify-content:space-between;background:#e70000;padding:1rem;box-shadow:0 4px 15px #0000004d;position:relative}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e70000,#c00);z-index:-1}.header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.header-title{display:flex;align-items:center;gap:.5rem;color:#fff}.favorites-header-button{background:#ffffff1a;border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.favorites-header-button:hover{background:#fff3;transform:scale(1.05)}.pokeball-icon{width:32px;height:32px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:rotate(90deg);transition:transform .3s ease}.header-title h1{margin:0;font-size:1.8rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.search-container{display:flex;align-items:center;gap:.75rem;flex:1;max-width:400px;margin:0 auto}.search-bar{flex:1;padding:.75rem 1rem .75rem 2.5rem;border:none;color:#333;border-radius:25px;background:#fff;font-size:1rem;box-shadow:0 2px 10px #0000001a}.search-bar:focus{outline:none;box-shadow:0 2px 15px #0003}.search-input-container{position:relative;flex:1}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:18px;height:18px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;pointer-events:none;opacity:1;z-index:1}.filter-button{width:45px;height:45px;background:#e70000;border:none;border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #0003;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.filter-button:hover{background:#c00;transform:scale(1.05)}.app-main{padding:1rem;max-width:1200px;margin:0 auto}.loading,.error{text-align:center;padding:1.5rem;background:#fffffff2;border-radius:15px;margin:1rem 0;box-shadow:0 4px 15px #0000001a}.spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #E70000;border-radius:50%;animation:spin 1s linear infinite;margin:1rem auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#e700001a;border:1px solid #E70000;color:#c00}@media (min-width: 768px){.app-header{padding:1.5rem}.header-title h1{font-size:2.2rem}.pokeball-icon{width:40px;height:40px}.search-icon{width:20px;height:20px;left:1rem}.search-container{max-width:500px}.search-bar{padding:.875rem 1.25rem .875rem 3rem;font-size:1.1rem}.filter-button{width:50px;height:50px;font-size:1.3rem}.app-main{padding:1.5rem}.loading,.error{padding:2rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #E70000}}@media (min-width: 1024px){.header-title h1{font-size:2.5rem}.pokeball-icon{width:45px;height:45px}.search-icon{width:22px;height:22px}.app-main{padding:2rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;background:#8b0000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}button,.pokemon-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}*{touch-action:manipulation}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}button:focus-visible,.pokemon-card:focus-visible{outline:2px solid #3498db;outline-offset:2px}@media (prefers-contrast: high){.pokemon-card{border:2px solid #000}.type-badge{border:1px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.pokemon-card:hover,.favorite-button:hover,.close-button:hover{transform:none}}