/* Mobile only: the four class activity panels share one equal square canvas.
   No changes to desktop classes, other pages, or JS activities. */
@media (max-width:760px){
 body.compact-rhythm .class-worlds .class-world{box-sizing:border-box!important;min-width:0!important;padding:clamp(12px,3.5vw,18px)!important;gap:12px!important;align-self:stretch!important}
 body.compact-rhythm .class-worlds .class-world-copy{min-width:0!important;flex:0 0 auto!important}
 body.compact-rhythm .class-worlds .class-world-play{box-sizing:border-box!important;position:relative!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;padding:clamp(9px,2.5vw,14px)!important;border-radius:19px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
 body.compact-rhythm .class-worlds .atelier-canvas,
 body.compact-rhythm .class-worlds .stem-lab{box-sizing:border-box!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:1/1!important;margin:auto!important}
 body.compact-rhythm .class-worlds .music-play{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:clamp(12px,3vw,18px)!important}
 body.compact-rhythm .class-worlds .music-stage{box-sizing:border-box!important;flex:0 1 auto!important;min-height:105px!important;height:clamp(105px,31vw,165px)!important;max-height:48%!important;width:100%!important;padding:10px!important;align-items:end!important}
 body.compact-rhythm .class-worlds .music-stage .music-bar{min-width:0!important}
 body.compact-rhythm .class-worlds .beat-pads{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
 body.compact-rhythm .class-worlds .beat-pad{box-sizing:border-box!important;min-width:0!important;min-height:44px!important;padding:7px 3px!important;font-size:clamp(13px,3.6vw,18px)!important}
 body.compact-rhythm .class-worlds .kitchen-play{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:clamp(8px,2.5vw,14px)!important}
 body.compact-rhythm .class-worlds .kitchen-pantry{flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
 body.compact-rhythm .class-worlds .ingredient{min-width:0!important;padding:8px 2px!important;font-size:clamp(9px,2.6vw,12px)!important;white-space:nowrap!important}
 body.compact-rhythm .class-worlds .kitchen-table{flex:0 1 auto!important;box-sizing:border-box!important;width:min(78%,270px)!important;max-width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important;justify-self:center!important;margin:0 auto!important}
 body.compact-rhythm .class-worlds .kitchen-plate{font-size:clamp(16px,4.6vw,25px)!important}
 body.compact-rhythm .class-worlds .stem-node{width:clamp(47px,12vw,64px)!important;height:clamp(47px,12vw,64px)!important;font-size:clamp(11px,3vw,15px)!important}
 body.compact-rhythm .class-worlds .stem-core{width:clamp(84px,23vw,114px)!important;height:clamp(84px,23vw,114px)!important}
}