@media (max-width: 520px) {
  .res-selector { width: 100%; max-width: 100%; overflow: hidden; }
  .res-start, .res-quiz, .res-loading, .res-result { width: 100%; padding: 22px 15px; border-width: 2px; box-shadow: 5px 5px 0 var(--rs-ink); }
  .res-start-grid { gap: 18px; }
  .res-mini-reel { width: 96px; margin: auto; }
  .res-kicker { font-size: 10px; line-height: 1.35; }
  .res-rules { grid-template-columns: repeat(3, 1fr); margin: 22px 0; }
  .res-rules span { padding: 11px 5px; font-size: 9px; }
  .res-rules span + span { border-top: 0; border-left: 2px solid var(--rs-ink); }
  .res-rules b { font-size: 27px; }
  .res-start h3 { font-size: clamp(42px, 14vw, 56px); overflow-wrap: anywhere; }
  .res-start p { font-size: 15px; }
  .res-student-form { gap: 12px; }
  .res-student-form input { min-width: 0; font-size: 16px; }
  .res-main-button { width: 100%; padding-inline: 12px; }
  .res-quiz-head { gap: 10px; }
  .res-progress { margin-bottom: 25px; }
  .res-question-number { font-size: 10px; }
  .res-question { margin-bottom: 22px !important; font-size: clamp(31px, 10vw, 40px) !important; line-height: .92 !important; overflow-wrap: anywhere; }
  .res-options { gap: 10px; }
  .res-options button { align-items: flex-start; min-height: 0; padding: 12px 10px; box-shadow: 3px 3px 0 var(--rs-ink); }
  .res-options span { flex-basis: 31px; width: 31px; height: 31px; }
  .res-options strong { font-size: 14px; line-height: 1.3; }
  .res-loading h3 { font-size: 46px; }
  .res-projector { transform: scale(.8); margin-bottom: 10px; }
  .res-result-ticket { padding: 28px 16px; }
  .res-movie { font-size: clamp(48px, 15vw, 75px) !important; overflow-wrap: anywhere; }
  .res-profile-copy { font-size: 15px; }
}

@media (max-width: 360px) {
  .res-start, .res-quiz, .res-loading, .res-result { padding-inline: 12px; }
  .res-rules span { font-size: 8px; }
  .res-question { font-size: 29px !important; }
  .res-options strong { font-size: 13px; }
}