/* SoulOne Live v64 — comfortable tempo/pitch touch targets on small phones.
   Preserves the approved header, exact brand image, BPM behavior and audio. */
@media (max-width:1100px) and (pointer:coarse) and (orientation:landscape) {
  html:not(.soulone-ipad-classic) body>.app.soul-mobile-console>.top.stage-header{
    grid-template-columns:minmax(0,1fr) minmax(252px,min(45vw,350px)) 77px!important;
  }
  body>.app.soul-mobile-console .stage-center {
    grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)!important;
    padding:2px 1px!important;
    gap:0!important;
  }
  body>.app.soul-mobile-console .stage-center .stage-field{
    padding:0 1px!important;
    gap:0!important;
  }
  body>.app.soul-mobile-console .stage-center :is(.value-row,.ctl-group){
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    flex-basis:32px!important;
    gap:2px!important;
    justify-content:center!important;
  }
  body>.app.soul-mobile-console .stage-center :is(.value-row,.ctl-group) button{
    box-sizing:border-box!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    padding:0!important;
    touch-action:manipulation!important;
  }
  body>.app.soul-mobile-console .stage-center :is(#headerTempoVal,#originalKey,#pitchVal){
    flex:1 1 0%!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    font-size:clamp(13px,2vw,16px)!important;
    line-height:32px!important;
    text-align:center!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media(max-width:590px) and (pointer:coarse) and (orientation:landscape) {
  body>.app.soul-mobile-console .stage-center :is(.value-row,.ctl-group) button{
    flex-basis:30px!important;
    width:30px!important;min-width:30px!important;max-width:30px!important;
  }
}