/* MegaBrain — Arqon tortish mobile scroll fix 2026-08-27
   Faqat Arqon tortish sahifasi. Boshqa sahifalarga ta'sir qilmaydi. */
@media (max-width:700px){
  /* Telefon sahifasi qotib qolmasin: vertikal scroll qayta yoqiladi. */
  html, body{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    height:auto !important;
    min-height:100% !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }

  body.oyin2-page:has(#pageOyin2.arqon-active){
    overflow-y:auto !important;
    overflow-x:hidden !important;
    height:auto !important;
    min-height:100% !important;
  }

  #pageOyin2.arqon-active{
    height:auto !important;
    min-height:100dvh !important;
    max-height:none !important;
    overflow:visible !important;
    touch-action:pan-y !important;
  }

  #pageOyin2.arqon-active .o2-shell{
    height:auto !important;
    min-height:100dvh !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #pageOyin2.arqon-active .arqon-game{
    height:auto !important;
    min-height:calc(100dvh - 8px) !important;
    max-height:none !important;
    overflow:visible !important;
  }

  #pageOyin2.arqon-active .arqon-board{
    overflow:visible !important;
    min-height:420px !important;
  }

  /* Kartochka ichidagi misol va klaviatura o'z joyida qoladi. */
  #pageOyin2.arqon-active .arqon-example-wrap,
  #pageOyin2.arqon-active .arqon-example-box{
    overflow:visible !important;
  }

  #pageOyin2.arqon-active .o2-keypad-overlay{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
}

/* Landscape telefonda ham scroll bloklanmasin. */
@media (max-width:900px) and (orientation:landscape){
  html, body{
    overflow-y:auto !important;
    overflow-x:hidden !important;
    height:auto !important;
    min-height:100% !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-y !important;
  }
  body.oyin2-page:has(#pageOyin2.arqon-active),
  #pageOyin2.arqon-active,
  #pageOyin2.arqon-active .o2-shell{
    height:auto !important;
    min-height:100dvh !important;
    max-height:none !important;
    overflow:visible !important;
  }
  #pageOyin2.arqon-active .arqon-game{
    max-height:none !important;
    overflow:visible !important;
  }
}