/* 波波乐园 · roomier screens on phones and tablets (loaded last).
   While a child is answering, the top bar only keeps what a child needs (home, 选科目, stars, sound);
   parent / account buttons stay on the home page and the map. Small print that repeats information is hidden on phones. */
body[data-view=game] #acctPill,body[data-view=game] #kidPill,body[data-view=game] #parentBtn{display:none}
.mappill{background:#e6f7ff}
@media (max-width:1200px){
  .qhead .src{font-size:13px}
  #qarea .answer-drag-tip{font-size:15px;margin-bottom:4px}
}
@media (max-width:600px){
  .hud{gap:5px!important;padding-left:8px!important;padding-right:8px!important}
  .hud .pill{padding:2px 8px;font-size:13px;border-width:3px;box-shadow:0 3px 0 var(--ink)}
  .hud .pill span:not(#starNum):not(.ai):not(.kav){display:none}
  .logo span{display:none}
  body[data-view=game] #gradePill{display:none}
  .qhead .src,#qarea .answer-drag-tip{display:none}
  .qhead h2{font-size:19px;line-height:1.35}
  .board{padding:12px 12px 14px}
  .stage .coach .bubble{font-size:13px;padding:6px 10px}
}
@media (max-width:380px){.hud .pill{padding:2px 6px}}
@media (max-width:600px){
  .hud{flex-wrap:wrap;min-height:54px;height:auto!important;padding-top:6px!important;padding-bottom:6px!important}
  .hud .pill,.hud .logo{min-width:44px;min-height:44px;flex-shrink:0}
  .hud .kid{padding:4px 10px!important}
  .hud .kid .kav{display:inline!important;font-size:20px}
  body[data-view=home] .view,body[data-view=map] .view{padding-top:var(--hudH)}
}