/* V4.32.20 — approved Yvette mascot scenes for Language Play.
   Live text stays HTML so EN/ES/FR/DE localization remains intact. */

/* Primary play choices: approved scene artwork behind live labels. */
#languagePlayHub .language-hub-actions button{
  position:relative!important;
  overflow:hidden!important;
  min-height:178px!important;
  justify-content:flex-end!important;
  padding:0!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
#languagePlayHub #continueLanguagePlay{background-image:url("language-action-continue-v43220.jpg")!important}
#languagePlayHub #reviewLanguageWords{background-image:url("language-action-review-v43220.jpg")!important}
#languagePlayHub #surpriseLanguagePlay{background-image:url("language-action-surprise-v43220.jpg")!important}
#languagePlayHub .language-hub-actions button strong{
  width:100%!important;
  padding:10px 8px 5px!important;
  background:rgba(255,255,255,.92)!important;
  color:#104c88!important;
  font-size:20px!important;
  position:relative!important;
  z-index:2!important;
}
#languagePlayHub .language-hub-actions button small{
  width:100%!important;
  margin:0!important;
  padding:0 8px 9px!important;
  background:rgba(255,255,255,.92)!important;
  color:#315a7f!important;
  position:relative!important;
  z-index:2!important;
}

/* Adventure tiles: real Yvette scenes + live translated label band. */
#languagePlayHub .language-hub-worlds button{
  position:relative!important;
  overflow:hidden!important;
  min-height:190px!important;
  padding:0!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
#languagePlayHub .language-hub-worlds button[data-hub-topic="animals"]{
  background-image:url("language-animals-scene-v43220.jpg")!important}
#languagePlayHub .language-hub-worlds button[data-hub-topic="colors"]{
  background-image:url("language-colors-scene-v43220.jpg")!important}
#languagePlayHub .language-hub-worlds button[data-hub-topic="family"]{
  background-image:url("language-family-scene-v43220.jpg")!important}
#languagePlayHub .language-hub-worlds button[data-hub-topic="food"]{
  background-image:url("language-food-scene-v43220.jpg")!important}

#languagePlayHub .language-hub-worlds button strong{
  width:100%!important;
  padding:12px 8px!important;
  background:rgba(255,255,255,.90)!important;
  color:#0c4a87!important;
  font-size:22px!important;
  line-height:1.05!important;
  text-align:center!important;
  position:relative!important;
  z-index:2!important;
}

/* Preserve plain fallback appearance for More Adventures topics. */
#languagePlayHub .language-hub-worlds button:nth-child(n+5){
  background-image:none!important;
  min-height:108px!important;
  align-items:center!important;
}
#languagePlayHub .language-hub-worlds button:nth-child(n+5) strong{
  background:transparent!important;
}

@media(max-width:600px){
  #languagePlayHub .language-hub-actions{
    grid-template-columns:repeat(3,1fr)!important;
  }
  #languagePlayHub .language-hub-actions button{
    min-height:145px!important;
  }
  #languagePlayHub .language-hub-actions button strong{
    font-size:16px!important;
  }
  #languagePlayHub .language-hub-actions button small{
    font-size:11px!important;
  }
  #languagePlayHub .language-hub-worlds button{
    min-height:165px!important;
  }
  #languagePlayHub .language-hub-worlds button strong{
    font-size:19px!important;
  }
}