/* MegaBrain — MOBILE ONLY participant badge compact patch
   Faqat Ekran 1 va Ustun 1 KO'P ISHTIROKCHI rejimida telefon uchun.
   Qolgan ekranlar, planshet va desktop o'zgarmaydi. */
@media (max-width: 700px){
  #pageEkran #ekranMultiArea .ekm-name-badge,
  #pageUstun #u1MultiArea .ekm-name-badge{
    gap:3px !important;
    max-width:56% !important;
    padding:3px 4px 3px 7px !important;
    border-radius:0 0 10px 10px !important;
    box-shadow:0 2px 6px -2px rgba(59,76,130,.16) !important;
  }

  #pageEkran #ekranMultiArea .ekm-name-tag,
  #pageUstun #u1MultiArea .ekm-name-tag{
    max-width:clamp(46px,18vw,92px) !important;
    font-size:clamp(8px,2.4vw,11px) !important;
    line-height:1.05 !important;
  }

  #pageEkran #ekranMultiArea .ekm-settings-btn,
  #pageUstun #u1MultiArea .ekm-settings-btn,
  #pageEkran #ekranMultiArea .ekm-bg-btn,
  #pageUstun #u1MultiArea .ekm-bg-btn{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    padding:0 !important;
    border-radius:50% !important;
    font-size:9px !important;
    line-height:18px !important;
    box-shadow:0 1px 4px rgba(59,76,130,.12) !important;
  }

  #pageEkran #ekranMultiArea .ekm-gear-icon,
  #pageUstun #u1MultiArea .ekm-gear-icon{
    width:10px !important;
    height:10px !important;
  }

  #pageEkran #ekranMultiArea .ekm-bg-btn,
  #pageUstun #u1MultiArea .ekm-bg-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  #pageEkran #ekranMultiArea .ekm-topbar,
  #pageUstun #u1MultiArea .ekm-topbar{
    top:3px !important;
    padding:0 5px !important;
  }

  #pageEkran #ekranMultiArea .ekm-score-tag,
  #pageUstun #u1MultiArea .ekm-score-tag{
    font-size:8px !important;
    padding:1px 5px !important;
  }
}

@media (max-width: 420px){
  #pageEkran #ekranMultiArea .ekm-name-badge,
  #pageUstun #u1MultiArea .ekm-name-badge{
    max-width:52% !important;
    gap:2px !important;
    padding:2px 3px 2px 5px !important;
    border-radius:0 0 8px 8px !important;
  }
  #pageEkran #ekranMultiArea .ekm-name-tag,
  #pageUstun #u1MultiArea .ekm-name-tag{
    max-width:clamp(38px,16vw,68px) !important;
    font-size:8px !important;
  }
  #pageEkran #ekranMultiArea .ekm-settings-btn,
  #pageUstun #u1MultiArea .ekm-settings-btn,
  #pageEkran #ekranMultiArea .ekm-bg-btn,
  #pageUstun #u1MultiArea .ekm-bg-btn{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    font-size:8px !important;
    line-height:16px !important;
  }
  #pageEkran #ekranMultiArea .ekm-gear-icon,
  #pageUstun #u1MultiArea .ekm-gear-icon{
    width:9px !important;
    height:9px !important;
  }
}