/* MegaBrain — Ekran 1 + Ustun 1 ko'p ishtirokchi kartalarini ekran joyiga to'liq moslash
   2026-08-26 / v20
   Faqat multi-card ko'rinishiga ta'sir qiladi. */

/* Kartochkalar o'rtasidagi va tashqi bo'sh joyni kamaytirib, mavjud maydonni kartalarga beramiz. */
#ekranMultiArea .ekran-multi-grid,
#u1MultiArea .ekran-multi-grid{
  gap:clamp(5px,0.7vw,10px) !important;
  padding:clamp(2px,0.35vw,5px) !important;
  box-sizing:border-box !important;
}
/* v20260912: #u1MultiCards endi #ekranMultiCards bilan AYNAN bir xil
   kengligi/margin'ga ega (kartochkalar joylashuvi Ekran 1'niki kabi bo'lishi
   uchun) — avvalgi maxsus width/margin qoidalari olib tashlandi. */

/* Kartaning yuqori ichki bo'shligini kamaytirish. Ism badge uchun yetarli joy qoladi. */
#ekranMultiArea .ekm-panel,
#u1MultiArea .ekm-panel{
  padding-top:clamp(34px,6%,46px) !important;
  padding-left:clamp(6px,2.2%,12px) !important;
  padding-right:clamp(6px,2.2%,12px) !important;
  padding-bottom:clamp(6px,2.2%,12px) !important;
}

/* Boshlashdan oldingi logo + tugma kartaning yuqori qismini bo'sh qoldirmasin. */
#ekranMultiArea .ekm-waiting-block,
#u1MultiArea .ekm-waiting-block{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  justify-content:flex-start !important;
  gap:clamp(5px,1.2cqh,10px) !important;
  padding-top:clamp(4px,1cqh,10px) !important;
  box-sizing:border-box !important;
}
#ekranMultiArea .ekm-logo,
#u1MultiArea .ekm-logo{
  width:min(94%,520px) !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  max-height:calc(100% - 52px) !important;
  object-fit:contain !important;
  transform:translateY(clamp(-10px,-1.2cqh,-3px));
}
#ekranMultiArea .ekm-start-mini,
#u1MultiArea .ekm-start-mini{
  flex:0 0 clamp(30px,10%,44px) !important;
  height:clamp(30px,10%,44px) !important;
  max-height:44px !important;
  min-height:30px !important;
  width:min(92%,260px) !important;
}

/* O'yin boshlangan holatda ham misol qismi yuqoriroq va kattaroq bo'lsin. */
#ekranMultiArea .ekm-panel .number-display,
#u1MultiArea .ekm-panel .number-display{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Juda ko'p ishtirokchi: grid kartalarga maksimal balandlik beradi. */
@media (min-width:701px){
  #ekranMultiArea .ekran-multi-grid,
  #u1MultiArea .ekran-multi-grid{
    min-height:0 !important;
  }
}

/* Telefon: kartalar yanada zich, lekin ichidagi misol va javoblar kesilmaydi. */
@media (max-width:700px){
  #ekranMultiArea .ekran-multi-grid,
  #u1MultiArea .ekran-multi-grid{
    gap:4px !important;
    padding:2px !important;
  }
  #ekranMultiArea .ekm-panel,
  #u1MultiArea .ekm-panel{
    padding-top:clamp(29px,7%,38px) !important;
    padding-left:5px !important;
    padding-right:5px !important;
    padding-bottom:5px !important;
    border-radius:14px !important;
  }
  #ekranMultiArea .ekm-waiting-block,
  #u1MultiArea .ekm-waiting-block{
    padding-top:2px !important;
    gap:4px !important;
  }
  #ekranMultiArea .ekm-logo,
  #u1MultiArea .ekm-logo{
    width:96% !important;
    max-height:calc(100% - 42px) !important;
  }
  #ekranMultiArea .ekm-start-mini,
  #u1MultiArea .ekm-start-mini{
    width:94% !important;
    height:clamp(27px,9%,38px) !important;
    min-height:27px !important;
    font-size:clamp(.55rem,2.6vw,.72rem) !important;
    padding:0 8px !important;
  }
}

/* Juda past bo'yli telefon / landscape: yuqori bo'shliqni yanada qisqartiramiz. */
@media (max-width:700px) and (max-height:560px){
  #ekranMultiArea .ekm-panel,
  #u1MultiArea .ekm-panel{padding-top:27px !important;}
  #ekranMultiArea .ekm-logo,
  #u1MultiArea .ekm-logo{max-height:calc(100% - 36px) !important;}
}