@media (max-width: 820px) {
  .pagina-salada { width: min(100% - 18px, 700px); padding: 9px 0; }
  .cartao-tela { min-height: calc(100vh - 18px); border-radius: 27px; }
  .acolhimento { grid-template-columns: 1fr; text-align: center; padding: 28px 22px; }
  .personagens { width: min(72%, 310px); order: -1; }
  .grade-frutas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .opcao-fruta { min-height: 128px; }
  .area-preparacao { grid-template-columns: 1fr; min-height: 0; }
  .painel-frutas { padding: 12px; }
  .frutas-disponiveis { grid-template-columns: repeat(5, minmax(58px, 1fr)); }
  .fruta-disponivel { padding: 5px; font-size: .78rem; }
  .fruta-disponivel img { width: min(100%, 68px); }
  .tigela { min-height: 340px; }
  .conteudo-tigela { grid-template-columns: repeat(5, minmax(45px, 68px)); min-height: 215px; padding-bottom: 62px; }
}

@media (max-width: 460px) {
  .tela-selecao, .tela-preparacao { padding: 18px 10px; }
  .painel-comando { display: grid; grid-template-columns: auto auto; }
  .painel-comando h1 { grid-column: 1 / -1; }
  .frutas-disponiveis { grid-template-columns: repeat(3, minmax(72px, 1fr)); }
  .conteudo-tigela { grid-template-columns: repeat(5, minmax(40px, 57px)); gap: 1px 3px; padding-inline: 8px; }
  .tigela { min-height: 315px; }
  .controles-conclusao .botao-icone { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}