.pokelist-container{margin:2rem auto;max-width:1200px}
.pokelist-header{text-align:center;margin-bottom:2rem}
#pokelist-search{padding:.7rem 1rem;width:70%;max-width:400px;border:1px solid #ccc;border-radius:12px;font-size:1rem;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.pokelist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}
.pokemon-card{background:#fff;border-radius:18px;box-shadow:0 6px 20px rgba(0,0,0,.08);padding:1.5rem;text-align:center;transition:all .2s ease-in-out}
.pokemon-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.pokemon-card img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15));margin-bottom:.8rem}
.pokemon-card h3{margin:.4rem 0 .8rem 0;font-size:1.2rem;color:#333;text-transform:capitalize}
.meta{margin:.5rem 0 1rem}
.meta .types{margin-bottom:.5rem}
.type-badge{display:inline-block;margin:.2rem;padding:.35rem .65rem;border-radius:10px;font-size:.8rem;color:#fff;font-weight:600;text-transform:capitalize}
.type-normal{background:#A8A77A}.type-fire{background:#EE8130}.type-water{background:#6390F0}
.type-electric{background:#F7D02C;color:#000}.type-grass{background:#7AC74C}.type-ice{background:#96D9D6;color:#000}
.type-fighting{background:#C22E28}.type-poison{background:#A33EA1}.type-ground{background:#E2BF65;color:#000}
.type-flying{background:#A98FF3}.type-psychic{background:#F95587}.type-bug{background:#A6B91A;color:#000}
.type-rock{background:#B6A136;color:#000}.type-ghost{background:#735797}.type-dragon{background:#6F35FC}
.type-dark{background:#705746}.type-steel{background:#B7B7CE;color:#000}.type-fairy{background:#D685AD}
.meta .abilities,.meta .info{font-size:.9rem;color:#444;margin:.2rem 0}
.meta .info span{display:inline-block;margin:0 .4rem}
.stats{list-style:none;margin:1rem 0 0;padding:0}
.stats li{display:flex;align-items:center;gap:.5rem;margin:.3rem 0}
.stats .label{width:90px;text-transform:capitalize;color:#555;text-align:right;font-size:.85rem}
.stats .bar{--v:50;flex:1;height:8px;border-radius:6px;background:linear-gradient(90deg,#4caf50 calc(var(--v)*1%),#e5e5e5 0)}
.pokelist-error{padding:1rem;border:1px solid #f5c6cb;background:#f8d7da;color:#721c24;border-radius:10px;text-align:center;margin-top:1rem}