/* Learn with Zeen — compact mobile play controls without horizontal overflow. */
@media(max-width:560px){
  body.child-play-active{max-width:100%;overflow:hidden!important}
  .coloring-studio.child-fullscreen,.coloring-studio.child-fullscreen *{box-sizing:border-box;min-width:0}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"]{padding-bottom:272px!important;overflow-x:hidden!important}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .studio-tools{max-height:254px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .palette{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:100%;overflow:visible;padding:4px 2px 8px;direction:rtl;justify-items:center}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .color-swatch{width:clamp(34px,11vw,42px);height:clamp(34px,11vw,42px);max-width:42px;max-height:42px;flex:none}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .tool-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;margin:2px 0 0}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .voice-tools{display:block;width:100%;margin:7px 0 0;padding:0}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .voice-actions{display:block;width:100%}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] #speakBoth{width:100%;min-height:42px}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .studio-actions{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0 0}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .studio-actions button{width:100%;min-height:42px;padding:5px 2px;font-size:11px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
  .coloring-studio.child-fullscreen .studio-pickers{gap:7px}
  .coloring-studio.child-fullscreen .page-picker select{padding-inline:7px;font-size:12px;text-overflow:ellipsis}
}
@media(max-width:360px){
  .coloring-studio.child-fullscreen[data-child-mode="coloring"]{padding-bottom:286px!important}
  .coloring-studio.child-fullscreen[data-child-mode="coloring"] .studio-tools{left:5px;right:5px;bottom:5px;max-height:270px;padding:7px}
}