@media (max-width:1200px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .dashboard-grid{grid-template-columns:1fr}
}
@media (max-width:1024px){
  :root{--sidebar-width:180px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .play-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .screen-root.has-sidebar{margin-left:0;padding-left:var(--space-lg)}
  .sidebar{
    position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;height:auto;
    display:flex;flex-direction:row;overflow-x:auto;padding:var(--space-sm);
    border-right:none;border-top:1px solid var(--border);
  }
  .nav-btn{flex:0 0 auto;padding:var(--space-sm)}
}