.pokemon-card{border:1px solid #ddd;padding:10px;margin:10px;text-align:center;cursor:pointer;border-radius:10px;transition:border-color .3s ease}.pokemon-card:hover{border-color:#689f38}.pokemon-sprite{width:96px;height:96px;margin-bottom:5px;border-radius:5px}.pokemon-name{text-transform:capitalize}.pokemon-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.pokemon-modal.open{display:flex}.modal-content{background-color:#d1b3ff;padding:20px;max-width:800px;margin:auto;border-radius:15px;text-align:center}.modal-content.not-found{background-color:#f99}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.pokemon-sprite{background-color:#fff;border-radius:10px;margin-top:10px}.type-container,.abilities-container{margin-top:10px}.type-card,.ability-card{display:flex;overflow:hidden;justify-content:center}.type-item,.ability-item{padding:5px;background-color:#689f38;color:#fff;margin-right:5px;border-radius:5px}.stats-table{width:100%;border-collapse:collapse;margin-top:10px}.stats-table th,.stats-table td{border:1px solid #ddd;padding:8px;text-align:left}.stats-row{background-color:beige}.stats-heading{background-color:#689f38;color:#fff}.pokemon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0}.pagination{margin-top:20px;margin-bottom:20px;display:flex;justify-content:center;gap:15px}button{padding:8px;background-color:#689f38;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:85px;font-size:16px}button:hover{background-color:#4caf50}.header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#333}.header>h1{color:#fff}.search-bar{display:flex;gap:10px}input{padding:8px;border-radius:5px;border:1px solid #ccc}button{padding:8px;background-color:#689f38;color:#fff;border:none;border-radius:5px;cursor:pointer;width:85px}@media (max-width: 600px){.header{flex-direction:column;align-items:center}.search-bar{margin-top:10px}.header>h1{display:none}}body{font-family:Roboto,sans-serif}.app{text-align:center}.app-header{background-color:#333;padding:20px;color:#fff;margin:0}.app-content{margin:auto;max-width:800px}*{margin:0}