/* MegaBrain USTUN 1 — mobile keyboard tight layout FIX04
   Faqat telefon + Ustun 1 o'yin ekrani. Yuqoridagi o'yin menyulariga tegilmaydi.
   Maqsad: klaviatura ochilganda misol -> javob -> pastki tugmalar ketma-ketligi
   klaviatura ustigacha zich joylashsin, ortiqcha bo'sh joy qolmasin. */
@media (max-width:700px){
  #pageUstun.active:has(#u1-screen-game.u1-active){
    box-sizing:border-box !important;
    height:var(--u1-page-vh,100dvh) !important;
    min-height:var(--u1-page-vh,100dvh) !important;
    max-height:var(--u1-page-vh,100dvh) !important;
    padding-top:var(--mb-header-h,58px) !important;
    overflow:hidden !important;
  }

  #pageUstun.active:has(#u1-screen-game.u1-active) .u1-shell{
    box-sizing:border-box !important;
    height:calc(var(--u1-page-vh,100dvh) - var(--mb-header-h,58px)) !important;
    min-height:0 !important;
    max-height:calc(var(--u1-page-vh,100dvh) - var(--mb-header-h,58px)) !important;
    padding:4px 0 !important;
    overflow:hidden !important;
  }

  #pageUstun.active:has(#u1-screen-game.u1-active) .u1-app{
    box-sizing:border-box !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
  }

  #pageUstun.active #u1-screen-game.u1-active{
    box-sizing:border-box !important;
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
  }

  /* Klaviatura ochiq paytda JS aniq balandlik beradi. */
  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight{
    justify-content:flex-start !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-game-topbar{
    flex:0 0 auto !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-stage{
    flex:0 0 var(--u1-stage-kb-h,auto) !important;
    height:var(--u1-stage-kb-h,auto) !important;
    min-height:0 !important;
    max-height:var(--u1-stage-kb-h,auto) !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-numbers-card{
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:2px 8px !important;
    overflow:hidden !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-answer-card{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:3px 8px 3px !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-nav-row{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 8px 2px !important;
  }
}

/* FIX05 — klaviatura ochilganda Ustun 1 o'yin maydonini visual viewportga
   to'g'ridan-to'g'ri qulflaymiz. Maqsad: misol/javob kartasi bilan klaviatura
   orasidagi sun'iy bo'sh joyni yo'qotish. Yuqoridagi o'yin menyulariga tegilmaydi. */
@media (max-width:700px){
  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    top:var(--mb-header-h,58px) !important;
    bottom:auto !important;
    width:100% !important;
    height:calc(var(--u1-page-vh,100dvh) - var(--mb-header-h,58px)) !important;
    max-height:calc(var(--u1-page-vh,100dvh) - var(--mb-header-h,58px)) !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    transform:none !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-stage{
    flex:1 1 0 !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-numbers-card{
    height:100% !important;
    max-height:none !important;
    min-height:0 !important;
    padding:0 8px !important;
    margin:0 !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-answer-card{
    margin:0 !important;
    padding:2px 8px !important;
  }

  #pageUstun.active #u1-screen-game.u1-active.u1-kb-tight .u1-nav-row{
    margin:0 !important;
    padding:0 8px 2px !important;
  }
}