/* V4.32.25 — toddler-friendly Language Play setup screen only */

/* Keep the setup flow compact and readable. */
#languagePlaySetup{
  padding-bottom:92px!important; /* room for sticky Play button */
}

/* Favorite worlds first: 2 columns, big touch targets. */
#languagePlaySetup .language-topic-buttons{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

#languagePlaySetup [data-language-topic]{
  min-height:86px!important;
  border-radius:24px!important;
  padding:12px 10px!important;
  font-size:18px!important;
  line-height:1.05!important;
  font-weight:900!important;
}

#languagePlaySetup [data-language-topic].selected{
  border:4px solid #ff4f87!important;
  box-shadow:0 7px 0 #d42b6c!important;
}

/* Hide non-favorites until requested. */
#languagePlaySetup [data-language-topic][hidden]{
  display:none!important;
}

/* More Worlds is secondary, not competing with Play. */
#languagePlaySetup .language-more-worlds{
  display:block!important;
  width:100%!important;
  margin:14px 0 8px!important;
  min-height:52px!important;
  border:3px solid #6b4ce6!important;
  border-radius:20px!important;
  background:#f7f2ff!important;
  color:#4f34c7!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 5px 0 #d7ccff!important;
}

/* Sticky Play button: always reachable. */
#languagePlaySetup #startLanguagePlay{
  position:sticky!important;
  bottom:8px!important;
  z-index:20!important;
  width:100%!important;
  min-height:62px!important;
  margin-top:10px!important;
  border-radius:24px!important;
  font-size:24px!important;
  font-weight:950!important;
  box-shadow:0 8px 0 #087c3f!important;
}

/* Slightly tighten spacing above so the important controls fit sooner. */
#languagePlaySetup .language-pair{
  margin-bottom:14px!important;
}
#languagePlaySetup .language-game-type-buttons{
  margin-bottom:14px!important;
}
#languagePlaySetup .language-play-instruction{
  margin:12px 0 9px!important;
}

@media(max-width:600px){
  #languagePlaySetup{
    padding-bottom:86px!important;
  }
  #languagePlaySetup .language-topic-buttons{
    gap:8px!important;
  }
  #languagePlaySetup [data-language-topic]{
    min-height:78px!important;
    font-size:16px!important;
  }
  #languagePlaySetup #startLanguagePlay{
    min-height:58px!important;
    font-size:22px!important;
    bottom:6px!important;
  }
}