/* Mobile presentation: v1.4 type tuning, consistent icons and touch targets. */
@media (max-width: 760px) {
  :root {
    --tracce-question-size: clamp(16.5px, 5vw, 20.5px);
    --tracce-answer-size: clamp(12px, 3.45vw, 14px);
    --tracce-answer-icon-size: 18px;
    --tracce-procedural-icon-size: 18px;
  }

  body.tracce-level-page.quiz-active #quizScreen .answer-choice,
  body.level-5.tracce-level-page #quizScreen .answer-choice.level5-recon-answer {
    min-height: 44px !important;
  }
  body.tracce-level-page #quizScreen .footer-actions .btn,
  body.tracce-level-page .pgame-actions .btn,
  body.tracce-level-page .pgame-order-controls button,
  body.tracce-case-page .mobile-card-toggle {
    min-height: 44px !important;
  }
  body.tracce-level-page .pgame-order-controls button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
  }
  body.tracce-level-page .pgame-builder-zone,
  body.tracce-level-page .pgame-builder-item { min-height: 44px !important; }

  body.tracce-level-page #quizScreen .pgame-select strong,
  body.tracce-level-page #quizScreen .pgame-scene-item small,
  body.tracce-level-page #quizScreen .pgame-builder-item-head span {
    font-family: var(--tracce-ui-font) !important;
    font-size: clamp(12px, 3.45vw, 14px) !important;
    line-height: 1.16 !important;
  }
}

@media (max-width: 760px) and (max-height: 650px) {
  :root {
    --tracce-question-size: 15px;
    --tracce-answer-size: 11px;
  }
}