body{background:#fff;margin:0;font-family:Arial}.container{flex-wrap:wrap;justify-content:center;gap:15px;max-width:1024px;margin:0 auto;padding:20px 0;display:flex}.card{flex-direction:column;width:200px;display:flex}.imgarea{aspect-ratio:1;background:#f2f2f2;border-radius:5px;justify-content:center;align-items:center;width:100%;display:flex}.imgarea img{width:100%;margin:0}.info{padding:10px 5px}.id{color:#919191;margin:0;font-size:12px}.name{color:#313131;text-transform:capitalize;margin-top:0;margin-bottom:0;font-weight:700}.types{gap:5px;margin-top:0;display:flex}.type{border-radius:4px;justify-content:center;align-items:center;height:20px;padding:0 10px;font-size:11px;display:inline-flex}.type.normal{background:#a8a878}.type.fire{background:#f08030}.type.water{background:#6890f0}.type.electric{background:#f8d030}.type.grass{color:#000;background:#78c850}.type.ice{background:#98d8d8}.type.fighting{background:#c03028}.type.poison{background:#a040a0}.type.ground{background:#e0c068}.type.flying{background:#a890f0}.type.psychic{background:#f85888}.type.bug{background:#a8b820}.type.rock{background:#b8a038}.type.ghost{background:#705898}.type.dragon{background:#7038f8}.type.dark{background:#705848}.type.steel{background:#b8b8d0}.type.fairy{background:#ee99ac}.filter-h{background:#2b2b2b;justify-content:center;width:100%;display:flex}.filter-container{flex-wrap:wrap;gap:40px;width:80%;max-width:1024px;margin-top:5px;display:flex}.filter-left{flex:1;min-width:300px}.filter-left label{color:#fff;margin-bottom:8px;font-weight:700;display:block}.search-row{gap:10px;display:flex;position:relative}.search-row input{border:3px solid #616161;border-radius:5px;flex:1;height:48px;padding:0 15px;font-size:16px}.search-row button{color:#fff;cursor:pointer;background:#f15e34;border:none;border-radius:5px;justify-content:center;align-items:center;width:120px;height:48px;margin:0;padding:0 20px;font-weight:700;transition:all .2s;display:inline-flex}.search-row button:hover{opacity:.9}.suggestions{z-index:20;color:#000;background:#fff;border-radius:5px;width:100%;margin-top:5px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 10px #0003}.suggestion-item{cursor:pointer;padding:10px}.suggestion-item:hover{background:#eee}.subtitle{color:#ccc;margin-top:10px;font-size:14px}.filter-right{flex:1;min-width:300px}.search-banner{background:#4caf50;border-radius:8px;margin-top:20px;padding:25px}.search-banner h2{color:#fff;margin:0;font-size:18px;font-weight:400}button{color:#fff;cursor:pointer;background:#159ece;border:none;border-radius:5px;margin:20px auto;padding:12px 20px;display:block}.filters{justify-content:space-between;gap:20px;width:100%;max-width:1024px;margin:0 auto;display:flex}.surprise-btn,.sort{flex:1;height:48px}.surprise-btn{color:#fff;cursor:pointer;background:#159ece;border:none;border-radius:5px;font-weight:700}.sort{color:#fff;background:#2b2b2b;border:none;border-radius:5px;margin-top:20px;padding:10px}@media (width<=768px){.filters{flex-direction:column;gap:10px}.search-banner{margin-top:0;margin-bottom:5px}.surprise-btn,.sort{width:60%}.sort,.surprise-btn{margin:0 0 0 20%}}.section.pokedex-pokemon-details{align-items:flex-start;gap:40px;max-width:1024px;margin:0 auto;padding:20px 0;display:flex;overflow:hidden}.column-6{width:40%}.push-1,.push-7{margin-left:0}.pokedex-pokemon-profile{background:#f2f2f2;border-radius:10px;padding:20px}.profile-images img{width:100%;display:block}.pokemon-stats-info{background-color:#a4a4a4;border-radius:10px;margin-top:15px;padding:20px}.stats-grid{justify-content:space-between;align-items:flex-end;display:flex}.stat{flex-direction:column;align-items:center;width:14%;display:flex}.stat-bars{flex-direction:column-reverse;gap:3px;width:100%;height:150px;display:flex}.bar{background:#e0e0e0;border-radius:2px;width:100%;height:8px}.bar.active{background:#30a7d7}.stat span{text-align:center;margin-top:10px;font-size:12px}.pokemon-ability-info{color:#fff;background-color:#30a7d7;border-radius:10px;margin-top:15px;padding:15px}.attribute-title{opacity:.8;font-size:12px;display:block}.attribute-value{font-size:14px}.dtm-type ul{gap:10px;padding:0;list-style:none;display:flex}.dtm-type li{color:#fff;text-transform:capitalize;border-radius:5px;padding:5px 12px}.background-color-grass{background:#78c850}.background-color-poison{background:#a040a0}.background-color-fire{background:#f08030}.background-color-water{background:#6890f0}.background-color-electric{background:#f8d030}.background-color-bug{background:#a8b820}.background-color-normal{background:#a8a878}.background-color-flying{background:#a890f0}.background-color-ice{background:#98d8d8}.background-color-psychic{background:#f85888}.background-color-rock{background:#b8a038}.background-color-ground{background:#e0c068}.background-color-fairy{background:#ee99ac}.background-color-fighting{background:#c03028}.background-color-ghost{background:#705898}.background-color-dragon{background:#7038f8}.background-color-dark{background:#705848}.background-color-steel{background:#b8b8d0}.version-descriptions{margin-bottom:10px}.version-labels{gap:10px;margin-bottom:15px;display:flex}.version-label{cursor:pointer;background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.version-label.active{color:#fff;background:#30a7d7}.pokemon-ability-info{justify-content:space-between;gap:20px;display:flex}.left-column,.right-column{width:50%}.evolution-section{color:#fff;text-align:center;background:#616161;width:60%;max-width:1024px;margin:40px auto;font-size:12px}.evolution-list{justify-content:space-between;display:flex}.evolution-card{text-align:center;color:#fff;background:#616161;border-radius:10px;flex:1;padding:0 15px 15px}.evolution-card img{background:#595959;border:5px solid #fff;border-radius:50%;width:80px}.evolution-card p{text-transform:capitalize;margin:10px 0 5px}.evolution-card span{color:#8aa5af}.evolution-card .types{justify-content:center;gap:5px;margin-top:5px;display:flex}@media (width<=760px){.column-6{width:80%}.evolution-list{justify-content:space-between;display:block}}.pokedex-header{width:100%;max-width:1024px;margin:0 auto;padding:1em 0 2em}.pokedex-pokemon-pagination{justify-content:space-between;align-items:center;display:flex}.pokedex-pokemon-pagination a{color:#333;width:45%;max-width:448px;text-decoration:none}.pokedex-pokemon-pagination-wrapper{background:#f2f2f2;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;transition:all .2s;display:flex}.pokedex-pokemon-pagination-wrapper:hover{background:#e0e0e0;transform:translateY(-2px)}.pokemon-number{color:#999;font-weight:700}.pokemon-name{text-transform:capitalize;font-weight:700}.previous{justify-content:flex-start}.next{text-align:right;justify-content:flex-end}.pokedex-pokemon-pagination-title{text-align:center;margin-top:15px;font-size:24px;font-weight:700}.pokedex-pokemon-pagination-title span{color:#999;margin-left:10px;font-size:18px}