/* ================================================================
   MegaBrain — "Arqon tortish" telefonda ALBOM (landscape) holatda
   BUTUN o'yin (sarlavha, hisob paneli, o'yin maydoni, qoida matni)
   bitta ekranga (100dvh) to'liq sig'ishi kerak — hech qanday holatda
   pastga aylantirib ko'rish (scroll) kerak bo'lmasin.

   Faqat telefon kengligida (<=900px) VA albom (landscape) holatda
   ishlaydi. Planshet/kompyuterga va portret holatga (u allaqachon
   arqon-mobile-clean-v20260826.css orqali blocklangan) ta'sir
   qilmaydi. Oddiy "O'yin 2" (Poyga) rejimiga ham ta'sir qilmaydi,
   chunki barcha qoidalar faqat #pageOyin2.arqon-active ichida.

   2026-08-27 TUZATISH: "max-width:900px" sharti YOLG'IZ o'zi YETARLI
   EMAS edi — ba'zi zamonaviy YIRIK telefonlar (masalan iPhone Pro Max,
   Samsung Ultra) albom holatida 900px dan HAM KENGROQ (taxminan
   915-935px CSS piksel) bo'ladi, shu sabab ular uchun bu fayl UMUMAN
   ishlamay, o'yin ekrandan "toshib" pastga aylantirib ko'rish talab
   qilinardi. Endi shart KENGAYTIRILDI — ENDI ikkala holatda ham
   ishlaydi: 1) kengligi <=900px BO'LSA, YOKI 2) balandligi <=500px
   BO'LSA (albom holatidagi telefonning balandligi deyarli har doim
   past bo'ladi — planshet/noutbuklarda esa balandlik odatda 500px'dan
   ancha yuqori, shu sabab ularga bu qoida tasodifan qo'llanib
   qolmaydi). */
@media (max-width:900px) and (orientation:landscape), (max-height:500px) and (orientation:landscape){
  html,body{overflow:hidden !important;}

  body.oyin2-page #pageOyin2.arqon-active{
    height:100dvh !important;min-height:100dvh !important;max-height:100dvh !important;
    overflow:hidden !important;box-sizing:border-box !important;
    padding:clamp(3px,1dvh,8px) clamp(6px,1.4vw,12px) !important;
    display:flex !important;flex-direction:column !important;
  }
  body.oyin2-page #pageOyin2.arqon-active .o2-shell{
    width:100% !important;max-width:none !important;
    height:100% !important;min-height:0 !important;
    display:flex !important;flex-direction:column !important;
    gap:clamp(3px,0.8dvh,6px) !important;overflow:hidden !important;
  }

  /* Sarlavha (header) — juda ixcham, ortiqcha joy olmaydi */
  #pageOyin2.arqon-active .o2-header{
    flex:0 0 auto !important;height:auto !important;min-height:0 !important;
    padding:4px 8px !important;border-radius:12px !important;position:static !important;
    margin-bottom:0 !important;gap:4px !important;
  }
  #pageOyin2.arqon-active .o2-header .o2-title{font-size:12px !important;}
  #pageOyin2.arqon-active .o2-head-btn{padding:5px 7px !important;border-radius:9px !important;font-size:10px !important;}

  /* Butun o'yin maydoni — sarlavhadan qolgan bo'sh joyning HAMMASINI egallaydi */
  #pageOyin2.arqon-active .arqon-game{
    flex:1 1 auto !important;min-height:0 !important;max-height:none !important;height:auto !important;
    display:flex !important;flex-direction:column !important;overflow:hidden !important;
    gap:clamp(2px,0.6dvh,5px) !important;
  }

  /* Hisob paneli (scorebar) — qat'iy ixcham balandlik */
  #pageOyin2.arqon-active .arqon-scorebar{
    flex:0 0 auto !important;height:clamp(28px,7dvh,40px) !important;min-height:0 !important;
    padding:2px 8px !important;border-radius:10px !important;
    grid-template-columns:1fr 62px 1fr !important;gap:5px !important;
  }
  #pageOyin2.arqon-active .arqon-team-name{font-size:9px !important;}
  #pageOyin2.arqon-active .arqon-team-card strong{font-size:clamp(13px,4dvh,19px) !important;margin-top:0 !important;}
  #pageOyin2.arqon-active .arqon-score-caption{font-size:6px !important;}
  #pageOyin2.arqon-active .arqon-clock{font-size:clamp(10px,3dvh,14px) !important;gap:2px !important;}
  #pageOyin2.arqon-active .arqon-clock small{display:none !important;}
  #pageOyin2.arqon-active .arqon-live-dot{width:5px !important;height:5px !important;}

  /* O'yin maydoni: CHAP karta | MARKAZIY arena | O'NG karta — BITTA qatorda,
     avvalgi 2-qatorli (yuqori-pastki) joylashuv o'rniga — vertikal
     balandlikni ancha tejaydi. */
  #pageOyin2.arqon-active .arqon-board{
    flex:1 1 auto !important;min-height:0 !important;max-height:none !important;height:auto !important;
    display:grid !important;
    grid-template-columns:minmax(82px,1fr) minmax(110px,1.3fr) minmax(82px,1fr) !important;
    grid-template-rows:1fr !important;
    gap:clamp(3px,0.8vw,7px) !important;overflow:hidden !important;
  }
  #pageOyin2.arqon-active .arqon-side-card{
    grid-row:1 !important;min-height:0 !important;height:100% !important;
    padding:clamp(3px,0.8dvh,6px) !important;border-radius:12px !important;
    display:flex !important;flex-direction:column !important;justify-content:center !important;overflow:hidden !important;
  }
  #pageOyin2.arqon-active .arqon-side-left{grid-column:1 !important;}
  #pageOyin2.arqon-active .arqon-side-right{grid-column:3 !important;}
  #pageOyin2.arqon-active .arqon-center{
    grid-column:2 !important;grid-row:1 !important;
    min-height:0 !important;height:100% !important;border-radius:14px !important;
  }
  #pageOyin2.arqon-active .arqon-team-art{width:58% !important;max-height:80% !important;object-fit:contain !important;}
  #pageOyin2.arqon-active .arqon-arena-topline{top:3px !important;left:6px !important;right:6px !important;font-size:6px !important;gap:3px !important;}
  #pageOyin2.arqon-active .arqon-arena-topline span{padding:2px 5px !important;}
  #pageOyin2.arqon-active .arqon-arena-topline i{font-size:5px !important;}

  /* Har bir kartochka ichidagi savol/javob bloki — ixcham va bo'sh joyni to'liq ishlatadi */
  #pageOyin2.arqon-active .arqon-o2-card{min-height:0 !important;height:100% !important;padding:0 !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;}
  #pageOyin2.arqon-active .arqon-card-head{margin-bottom:2px !important;flex:0 0 auto !important;}
  #pageOyin2.arqon-active .arqon-card-badge{width:15px !important;height:15px !important;font-size:9px !important;}
  #pageOyin2.arqon-active .arqon-card-kicker{font-size:6px !important;}
  #pageOyin2.arqon-active .arqon-o2-card strong{font-size:9px !important;}
  #pageOyin2.arqon-active .arqon-card-score{font-size:11px !important;}
  #pageOyin2.arqon-active .arqon-card-meta{display:none !important;}
  #pageOyin2.arqon-active .o2-work.arqon-work{
    gap:2px !important;min-height:0 !important;flex:1 1 auto !important;
    display:flex !important;flex-direction:column !important;overflow:hidden !important;
  }
  #pageOyin2.arqon-active .arqon-example-title{font-size:6px !important;margin-bottom:1px !important;}
  #pageOyin2.arqon-active .o2-example.arqon-example-box{
    min-height:0 !important;flex:1 1 auto !important;padding:3px !important;border-width:2px !important;
  }
  #pageOyin2.arqon-active .arqon-example-box div{font-size:clamp(12px,4dvh,19px) !important;line-height:1.05 !important;}
  #pageOyin2.arqon-active .arqon-answer-panel{padding:0 !important;margin-top:1px !important;flex:0 0 auto !important;}
  #pageOyin2.arqon-active .o2-answer-label{font-size:6px !important;margin:1px 0 !important;}
  #pageOyin2.arqon-active .o2-answer-label small{display:none !important;}
  #pageOyin2.arqon-active .o2-answer,
  #pageOyin2.arqon-active .arqon-answer{
    height:clamp(20px,5.5dvh,29px) !important;padding:2px 5px !important;
    font-size:clamp(11px,3.4dvh,16px) !important;border-width:2px !important;
  }
  #pageOyin2.arqon-active .o2-feedback{min-height:0 !important;font-size:7px !important;margin-top:1px !important;}

  /* Pastdagi "Qoidasi" matni — ixcham bir qatorga tushiriladi */
  #pageOyin2.arqon-active .arqon-hint{
    flex:0 0 auto !important;min-height:0 !important;
    padding:2px 6px !important;font-size:7px !important;border-radius:8px !important;
  }
  #pageOyin2.arqon-active .arqon-hint-icon{display:none !important;}
}

/* Juda past (masalan kichik telefonlarning albom balandligi ~300px dan
   past) ekranlarda "Qoidasi" matni butunlay yashiriladi — o'yin
   maydoniga qo'shimcha joy beriladi. */
@media (max-width:900px) and (orientation:landscape) and (max-height:340px){
  #pageOyin2.arqon-active .arqon-hint{display:none !important;}
}