/* Keep every transport and the current track readable on narrow screens. */
@media(max-width:750px){
  .theater{height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}
  .t-body,.t-stage-col,.stage-wrap{min-width:0;min-height:0}
  .t-footer,body.production-mode .t-footer{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));height:auto;max-width:100%;box-sizing:border-box}
  .t-transport{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
  .t-btn,.t-btn.primary{min-width:44px;min-height:44px;width:44px;height:44px;flex:0 0 44px}
  .t-btn-list span{display:none}
  .t-seek{width:100%;min-width:0}
  .t-seek-row{flex-direction:column;align-items:flex-start;gap:6px}
  .t-seek-row .now-track{font-size:15px;line-height:1.5;white-space:normal}
  .t-seek-row .times{font-size:11px;white-space:normal;line-height:1.6;color:#d0c4ac}
  .t-seek-bar{height:32px;touch-action:none}
  .t-vol{display:none}
  body.production-mode.idle .t-footer{opacity:1;pointer-events:auto;transform:none}
  body #hmix-fav-hub{top:86px!important;bottom:auto!important;right:16px!important}
  #hmix-theater-return{opacity:1;--p:1!important;max-width:190px}
  #hmix-theater-return .htr-kicker{display:none}
  #hmix-theater-return .htr-label{font-size:12px;letter-spacing:0;max-width:none}
  .t-header{padding-right:200px;min-height:70px}
  .t-header h1{font-size:18px;white-space:nowrap}
  .t-header h1 .en{display:none}
  body.production-mode .stage-wrap{max-height:calc(100dvh - 220px)}
}
@media(max-width:350px){.t-transport{display:grid;grid-template-columns:repeat(4,44px);gap:6px;justify-content:center}.t-btn,.t-btn.primary{flex-basis:44px}.t-footer,body.production-mode .t-footer{padding-left:8px;padding-right:8px}}