/* O layout por aparelho num lugar só (F5, D92): a mesma tela para professor, criança e organização, ajustada pelo
   ponteiro e pela largura, nunca uma cópia por aparelho.
   - Alvo de toque: 56 px na área da criança e nos players (definição 08); as skins podem pedir mais (--skin-target).
   - No toque (pointer: coarse), todo botão tem ao menos 44 px de altura (WCAG 2.5.5), também nas telas do professor.
   - Larguras de referência para código novo: 600 px (celular), 850 px (tablet em pé) e 1100 px (tablet deitado ou PC
     pequeno). As regras antigas ficam onde estão até a tela mudar pelo canvas. */
:root {
  --touch-target: 56px;
  --touch-target-min: 44px;
}

@media (pointer: coarse) {
  button,
  [role='button'],
  select {
    min-height: var(--touch-target-min);
  }
}