/* ============================================================
   MEGABRAIN — EKRAN 3 (Xitoycha/#pageXisobcha) KO'P ISHTIROKCHI:
   konteyner balandligi VIEWPORT'dan pastga toshib ketishini tuzatish
   v20260911-ekran3-viewport-fit01
   ============================================================
   TOPILGAN SABAB: #xMultiArea (.game-area) asli
   "position:fixed;top:66px;bottom:0;height:auto" bilan header ostidan
   sahifa oxirigacha ANIQ sig'adigan qilib mo'ljallangan edi (qarang:
   css/style.css, "XITOYCHA — MISOL MAYDONI ALOHIDA KATTA KARTOCHKA").
   LEKIN undan keyin qo'shilgan umumiy qoida —
     body.game-on #pageEkran/#pageXisobcha/#pageYaponcha .game-area.active
     { height:100% !important; ... }
   — "!important" bilan shu "auto"ni "100%"ga almashtirib yuboradi.
   position:fixed elementda "100%" balandlik VIEWPORT balandligiga teng
   bo'ladi; konteyner esa top:66px'dan boshlanib yana to'liq shuncha
   balandlikda cho'ziladi — natijada har doim aynan 66px (headerdan
   pastga qadar bo'lgan masofa) VIEWPORT'dan tashqariga chiqib, ko'rinmay
   (overflow:hidden orqali kesilib) qoladi. Bu FAQAT maxsus 1366x768
   breakpoint (multi-1366x768-tight-v20260826.css) dan tashqarida —
   ya'ni aksariyat oddiy oyna o'lchamlarida — sodir bo'ladi.

   YECHIM: shu joy uchun balandlikni asl "auto"ga qaytaramiz va "bottom"
   qiymatini "top" bilan bir xil (66px) qilib beramiz — shunda konteyner
   tepada VA pastda bir xil miqdorda joy qoldirib, hech qachon toshib
   chiqmaydi (va bir oz kichrayadi ham — so'ralganidek).

   Karta katakchasi (.ekran-multi-grid) va kartaning o'zi (.ekm-panel /
   .ekm-waiting-block) allaqachon "height:100%" bilan yozib qo'yilgan
   (multi-card-fill-v20260826.css) — ular shu paytgacha faqat GRID
   qatorlari (grid-auto-rows) cho'zilmagani uchun ishlamay turgan edi.
   Shu yerda grid-auto-rows:minmax(0,1fr) qo'shilishi bilan, .ekm-panel
   uchun allaqachon yozilgan "container-type:size" (css/style.css) ham
   haqiqiy ishga tushadi — bu .ekm-waiting-block/.ekm-logo'dagi mavjud
   cqh-asosidagi qoidalarni avtomatik faollashtirib, logotip/tugma/
   bo'shliqlarni yangi (kichikroq) balandlikka o'zi moslab beradi.

   QAMROV: faqat #xMultiArea (Ekran 3 ko'p ishtirokchi). Boshqa hech
   qanday joyga (Ustun 1, Yaponcha, Ekran 1, Ko'paytirish/Bo'lish va
   h.k.) ta'sir qilmaydi. Mavjud 1366x768 maxsus breakpoint (allaqachon
   qoniqarli ishlayotgan) ataylab chetlab o'tiladi — pastdagi 4 ta
   media so'rov shu diapazon (1320-1410 x 740-790) DAN TASHQARI barcha
   ≥701px o'lchamlarni qamrab oladi (mobil ≤700px ham o'z holicha
   qoladi — u allaqachon alohida qoidalar bilan boshqariladi).
   ============================================================ */

@media
  (min-width:701px) and (max-width:1319px),
  (min-width:1411px),
  (min-width:701px) and (max-height:739px),
  (min-width:701px) and (min-height:791px)
{
  /* v20260913: skrinshotda qora chiziq bilan belgilangan joygacha
     (pastki chekkaga yaqinroq) cho'zish so'ralgani uchun — avval
     "bottom:66px" qilib, tepadagi (66px) bilan BIR XIL, ataylab katta
     pastki bo'shliq qoldirilgan edi. Endi shu pastki bo'shliqni
     sahifaning o'z (bir ishtirokchili) rejimida ishlatilgan qiymatga
     (css/style.css, "#pageXisobcha .game-area.active{padding-bottom:8px}")
     moslab, ANCHA kichraytiramiz — konteyner "height:auto" saqlanib,
     endi deyarli pastki chekkagacha (bottom:8px) cho'ziladi, avvalgidek
     VIEWPORT'dan toshib ketmaydi. Faqat shu @media diapazonida (yuqoridagi
     asl qoida qamrab olgan o'lchamlarda) — maxsus 1366x768 "tight"
     breakpoint va mobil ≤700px o'z holicha (tegilmagan) qoladi. */
  body.game-on #pageXisobcha #xMultiArea.active{
    height:auto !important;
    bottom:8px !important;
  }
}

#xMultiCards{
  grid-auto-rows:minmax(0,1fr) !important;
}