/* HumanAId – úprava starších chatovacích her pro mobil
   (Slovní fotbal, Procvič angličtinu, Hádání slov, Penízek).
   Vkládá se za původní <style>, na počítači nic nemění. */

@media (max-width: 760px) {
  html, body { margin: 0; height: 100%; }
  body { overflow: hidden; }
  .chatbotmax {
    position: static !important;
    margin: 0 !important;
    width: auto !important;
    height: 100vh !important; height: 100dvh !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 8px !important;
    display: flex; flex-direction: column;
    box-sizing: border-box;
  }
  .chatheader { flex-shrink: 0; font-size: 1.15rem !important; padding: 8px 10px !important; }
  .odpovedi { flex: 1; height: auto !important; min-height: 0; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch; }
  #introscreen img, .chatface { height: auto !important; max-height: 34vh; max-width: 100%; width: auto !important; }
  .humanodpoved, .aiodpoved { width: auto !important; max-width: 82%; box-sizing: border-box; }
  .aiicon img { width: 32px; height: 32px; }
  .userentry {
    flex-shrink: 0;
    display: flex !important; flex-wrap: wrap; gap: 6px;
    width: auto !important; height: auto !important;
    padding: 8px 0 calc(4px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box;
  }
  .chatinputbox {
    flex: 1 1 60%; min-width: 0; width: auto !important;
    font-size: 16px !important;               /* iOS nezvětšuje stránku při psaní */
    min-height: 44px; box-sizing: border-box;
  }
  .chatbutton { min-height: 44px; margin-top: 0 !important; width: auto !important; flex: 0 0 auto; box-sizing: border-box; }
  .userentry .chatbutton[style*="150px"] { flex: 1 1 30%; font-size: .9rem !important; }
  .copyright { display: none; }
}