Embed and render order in Lift

_card.html

<div class="card" data-cardname="Aura da Carta" data-keyname="" >
    <img class="main-img" src="images/cards/aura.jpg" />
    <span class="damage">5</span>
    <span class="selfDamage">2</span>

    <div class="description"><p>Aura ipsum dolor sit amet</p></div>
    <img class="icon" src="images/game/magic-half.png"/>
</div>

cards.html

<div id="playerDeck">
   <div class="cardPlacer playerDeckCard">
      <div class="lift:embed?what=_card" ></div>
   </div>
</div>

CardsSnippet.scala

".playerDeckCard" #> cards.map ( card =>
    ".card [data-keyname]" #> card.keyname.is &
     ".card [data-cardname]" #> card.name.is &
     ...
)