/* Classes only: polished, viewport-fitting cards on phone and tablet. */
@media (max-width:1080px){
 body.compact-rhythm .class-worlds{height:auto!important;min-height:0!important;overflow:hidden!important;padding:28px 0 34px!important}
 body.compact-rhythm .class-worlds-sticky{height:auto!important;min-height:0!important;position:relative!important;top:auto!important;display:block!important;padding:0!important}
 body.compact-rhythm .class-worlds-intro{margin:0 0 20px!important;padding:0 20px!important;min-height:0!important;display:block!important}
 body.compact-rhythm .class-worlds-intro>div{display:block!important}
 body.compact-rhythm .class-worlds-intro h2{font-size:clamp(41px,8vw,67px)!important;line-height:.91!important;margin:10px 0 0!important}
 body.compact-rhythm .class-worlds-viewport{height:auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 20px 10px!important;border-radius:0!important;scroll-snap-type:x mandatory!important;scroll-padding-left:20px;scroll-behavior:smooth!important;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
 body.compact-rhythm .class-worlds-stack{display:flex!important;align-items:stretch!important;gap:14px!important;height:auto!important;min-height:0!important;width:max-content!important;transform:none!important}
 body.compact-rhythm .class-world{box-sizing:border-box!important;flex:0 0 min(calc(100vw - 40px),610px)!important;width:min(calc(100vw - 40px),610px)!important;height:auto!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding:20px!important;gap:16px!important;border-radius:23px!important;scroll-snap-align:start!important}
 body.compact-rhythm .class-world:nth-child(even) .class-world-copy{order:0!important}
 body.compact-rhythm .class-world:nth-child(even) .class-world-play{order:1!important}
 body.compact-rhythm .class-world-copy{flex:0 0 auto!important;display:block!important;align-self:stretch!important;min-width:0!important}
 body.compact-rhythm .class-world h3{font-size:clamp(42px,8vw,62px)!important;line-height:.91!important;margin:0 0 8px!important}
 body.compact-rhythm .class-world-index{margin:0 0 9px!important}
 body.compact-rhythm .class-world-punch{font-size:clamp(23px,4.2vw,31px)!important;line-height:1.04!important;margin:10px 0!important}
 body.compact-rhythm .class-world-copy p:not(.class-world-punch){font-size:13px!important;line-height:1.42!important;max-width:none!important}
 body.compact-rhythm .class-world-tip{font-size:9px!important;line-height:1.35!important;letter-spacing:.07em!important;margin-top:10px!important}
 body.compact-rhythm .class-world-play{flex:0 0 auto!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1.15/1!important;display:grid!important;place-items:center!important;border-radius:17px!important;overflow:hidden!important;padding:12px!important}
 body.compact-rhythm .atelier-canvas,body.compact-rhythm .stem-lab{width:min(100%,420px)!important;height:auto!important;max-height:100%!important;aspect-ratio:1/1!important}
 body.compact-rhythm .class-worlds-progress{padding:12px 20px 0!important;margin:0!important}
 body.compact-rhythm .music-play{gap:10px!important;align-content:center!important}
 body.compact-rhythm .music-stage{height:110px!important;padding:8px!important}
 body.compact-rhythm .beat-pads{gap:6px!important}
 body.compact-rhythm .beat-pad{min-height:42px!important;font-size:16px!important}
 body.compact-rhythm .kitchen-play{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-content:center!important}
 body.compact-rhythm .kitchen-pantry{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
 body.compact-rhythm .ingredient{padding:8px 3px!important;min-width:0!important;font-size:10px!important}
 body.compact-rhythm .kitchen-table{width:min(100%,250px)!important;justify-self:center!important;min-height:0!important}
}
@media (max-width:480px){
 body.compact-rhythm .class-worlds{padding:24px 0 30px!important}
 body.compact-rhythm .class-worlds-intro{padding:0 16px!important;margin-bottom:17px!important}
 body.compact-rhythm .class-worlds-intro h2{font-size:clamp(39px,11.4vw,55px)!important}
 body.compact-rhythm .class-worlds-viewport{padding:0 16px 9px!important;scroll-padding-left:16px}
 body.compact-rhythm .class-world{flex-basis:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important;padding:16px!important;gap:12px!important;border-radius:21px!important}
 body.compact-rhythm .class-worlds-stack{gap:11px!important}
 body.compact-rhythm .class-world-play{aspect-ratio:1.18/1!important;padding:9px!important}
 body.compact-rhythm .class-world-punch{font-size:clamp(21px,6.2vw,27px)!important}
 body.compact-rhythm .class-worlds-progress{padding:9px 16px 0!important}
}