/* MegaBrain — Arqon tortish telefon landscape klaviaturasi
   Faqat o'yin BOSHLANGAN paytdagi Arqon tortish kartochkalari uchun.
   Boshqa sahifalar, O'yin 1 va desktop ko'rinishi o'zgarmaydi. */
@media (max-width:900px) and (orientation:landscape){
  #pageOyin2.arqon-active .arqon-o2-card .o2-keypad-overlay.open,
  #pageOyin2.arqon-active .arqon-o2-card .o2-keypad-overlay{
    box-sizing:border-box !important;
    padding:30px 10px 10px !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  #pageOyin2.arqon-active .arqon-o2-card .o2-keypad{
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-template-rows:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
    box-sizing:border-box !important;
  }

  #pageOyin2.arqon-active .arqon-o2-card .o2-key,
  #pageOyin2.arqon-active .arqon-o2-card .o2-submit{
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:8px !important;
    line-height:1 !important;
  }

  #pageOyin2.arqon-active .arqon-o2-card .o2-key{
    font-size:clamp(15px,3.8dvh,23px) !important;
  }

  #pageOyin2.arqon-active .arqon-o2-card .o2-submit{
    font-size:clamp(9px,2.4dvh,14px) !important;
    white-space:nowrap !important;
  }

  #pageOyin2.arqon-active .arqon-o2-card .o2-kp-close{
    top:6px !important;
    right:6px !important;
    width:26px !important;
    height:26px !important;
    line-height:26px !important;
    font-size:14px !important;
    z-index:5 !important;
  }
}

@media (max-width:900px) and (orientation:landscape) and (max-height:360px){
  #pageOyin2.arqon-active .arqon-o2-card .o2-keypad-overlay,
  #pageOyin2.arqon-active .arqon-o2-card .o2-keypad-overlay.open{
    padding:25px 7px 7px !important;
  }
  #pageOyin2.arqon-active .arqon-o2-card .o2-keypad{gap:4px !important;}
  #pageOyin2.arqon-active .arqon-o2-card .o2-key{font-size:14px !important;border-radius:6px !important;}
  #pageOyin2.arqon-active .arqon-o2-card .o2-submit{font-size:8px !important;border-radius:6px !important;}
  #pageOyin2.arqon-active .arqon-o2-card .o2-kp-close{width:22px !important;height:22px !important;line-height:22px !important;font-size:12px !important;}
}