.elementor-12544 .elementor-element.elementor-element-e48663b{--display:flex;}/* Start custom CSS for html, class: .elementor-element-5b52274 */.lia-bestiary-page{
  padding: 20px;
  border-radius: 12px;
  background: linear-gradient(145deg,#1f2a3d,#162033);
  border: 1px solid rgba(56,189,248,.2);
  box-shadow: 0 10px 30px rgba(0,0,0,.3);
}

.lia-bestiary-title{
  text-align: center;
  margin: 0 0 10px;
  color: #38BDF8;
}

.lia-bestiary-subtitle{
  text-align: center;
  color: #9fb3d9;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.lia-bestiary-search-wrap{
  margin-bottom: 16px;
}

.lia-bestiary-search{
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid rgba(56,189,248,.2);
  background: linear-gradient(145deg,#243149,#1b2436);
  color: #eaf2ff;
  font-size: 0.95rem;
  outline: none;
}

.lia-bestiary-search::placeholder{
  color: #8ea4c9;
}

.lia-bestiary-search:focus{
  border-color: rgba(56,189,248,.45);
  box-shadow: 0 0 14px rgba(56,189,248,.10);
}

/* NAVIGATION LETTRES */
.lia-bestiary-nav{
  position: sticky;
  top: 10px;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;

  /* Fallback */
  background: rgba(15,23,42,.85);

  /* Blur compatible */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);

  border: 1px solid rgba(56,189,248,.14);
}

.lia-bestiary-nav a{
  min-width: 34px;
  text-align: center;
  padding: 7px 8px;
  border-radius: 8px;
  text-decoration: none;
  color: #c7d6f2;
  background: linear-gradient(145deg,#1b2436,#243149);
  border: 1px solid rgba(56,189,248,.14);
  transition: all .2s ease;
  font-weight: 600;
}

.lia-bestiary-nav a:hover{
  color: #fff;
  border-color: rgba(56,189,248,.4);
  box-shadow: 0 0 10px rgba(56,189,248,.15);
  transform: translateY(-2px);
}

/* GROUPES */
.lia-letter-group{
  margin-bottom: 20px;
}

.lia-letter{
  margin-bottom: 10px;
  color: #38BDF8;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid rgba(56,189,248,.2);
  padding-bottom: 4px;
}

/* LISTE */
.lia-dino-list{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}

.lia-dino-list a{
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  color: #c7d6f2;
  background: linear-gradient(145deg,#1b2436,#243149);
  border: 1px solid rgba(56,189,248,.15);
  transition: all .2s ease;
}

.lia-dino-list a:hover{
  color: #fff;
  border-color: rgba(56,189,248,.4);
  background: linear-gradient(145deg,#243149,#2d3b57);
  box-shadow: 0 0 10px rgba(56,189,248,.15);
  transform: translateY(-2px);
}

/* EMPTY STATE */
.lia-bestiary-empty{
  margin-top: 16px;
  padding: 14px;
  border-radius: 10px;
  background: linear-gradient(145deg,#243149,#1b2436);
  border: 1px solid rgba(56,189,248,.16);
  color: #9fb3d9;
  text-align: center;
}

/* RESPONSIVE */
@media (max-width: 768px){
  .lia-bestiary-page{
    padding: 16px;
  }

  .lia-bestiary-subtitle{
    font-size: 13px;
  }

  .lia-dino-list{
    grid-template-columns: 1fr 1fr;
  }

  .lia-bestiary-nav{
    top: 6px;
    gap: 6px;
    padding: 8px;
  }

  .lia-bestiary-nav a{
    min-width: 30px;
    font-size: 12px;
    padding: 6px 6px;
  }
}

@media (max-width: 480px){
  .lia-dino-list{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */