/* MegaBrain USTUN 1 — mobile full-card fit
   Faqat telefon Ustun 1 o'yin ekraniga ta'sir qiladi. Desktop va boshqa ustunlar o'zgarmaydi. */
@media (max-width:700px){
  #pageUstun.active:has(#u1-screen-game.u1-active){
    height:calc(var(--u1-visual-vh, 100dvh) + var(--mb-header-h,58px)) !important;
    min-height:calc(var(--u1-visual-vh, 100dvh) + var(--mb-header-h,58px)) !important;
    max-height:calc(var(--u1-visual-vh, 100dvh) + var(--mb-header-h,58px)) !important;
    padding-top:var(--mb-header-h,58px) !important;
    overflow:hidden !important;
  }

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

  #pageUstun.active:has(#u1-screen-game.u1-active) .u1-app{
    height:100% !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }

  #pageUstun.active #u1-screen-game.u1-active{
    height:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
  }

  /* Yuqori boshqaruvlar uchun doimiy, ixcham joy. */
  #pageUstun.active #u1-screen-game.u1-active .u1-game-topbar{
    flex:0 0 auto !important;
    height:36px !important;
    min-height:36px !important;
    margin:2px 8px 4px !important;
    gap:5px !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-game-topbar .u1-icon-btn{
    width:34px !important;
    height:34px !important;
    border-radius:10px !important;
    font-size:16px !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-pill{
    padding:5px 9px !important;
    min-height:28px !important;
    font-size:11px !important;
    border-radius:14px !important;
  }
  body.game-on #pageUstun #u1-screen-game .u1-game-topbar{
    margin-top:2px !important;
  }

  /* Raqamlar maydoni: qolgan barcha vertikal joyni oladi. Ichki scroll yo'q. */
  #pageUstun.active #u1-screen-game.u1-active .u1-stage{
    flex:1 1 0 !important;
    min-height:0 !important;
    height:auto !important;
    width:100% !important;
    padding:2px 5px !important;
    margin:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-numbers-card{
    flex:1 1 auto !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    min-height:0 !important;
    height:100% !important;
    padding:2px 4px !important;
    margin:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  #pageUstun.active #u1-screen-game.u1-active #u1-numbers-list{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-end !important;
    overflow:hidden !important;
    gap:0 !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-num-line{
    flex:1 1 0 !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    line-height:1 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }

  /* Javob va pastki tugmalar ekranda doim qoladi. */
  #pageUstun.active #u1-screen-game.u1-active .u1-answer-card{
    flex:0 0 auto !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:3px 8px 4px !important;
    overflow:hidden !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-answer-wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }
  #pageUstun.active #u1-screen-game.u1-active input[type=text].u1-answer-input{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    padding:5px 10px !important;
    font-size:18px !important;
    line-height:1 !important;
    border-radius:11px !important;
    box-sizing:border-box !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-feedback{
    margin:2px 0 0 !important;
    padding:3px 5px !important;
    min-height:0 !important;
    font-size:10px !important;
    line-height:1.05 !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-nav-row{
    flex:0 0 auto !important;
    gap:3px !important;
    margin:0 !important;
    padding:0 8px 3px !important;
    overflow:hidden !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-nav-controls{
    gap:4px !important;
    margin:0 !important;
    height:40px !important;
  }
  #pageUstun.active #u1-screen-game.u1-active .u1-ctrl-btn{
    flex-basis:46px !important;
    width:46px !important;
    height:40px !important;
    border-radius:10px !important;
  }
  #pageUstun.active #u1-screen-game.u1-active #u1-finish-btn{
    min-height:26px !important;
    height:26px !important;
    padding:2px 5px !important;
    font-size:10px !important;
    margin:0 !important;
  }

  /* Keyboard ochilganda browserning focus-pan harakatini yumshatamiz. */
  #pageUstun.active #u1-screen-game.u1-active input[type=text].u1-answer-input:focus{
    scroll-margin:0 !important;
  }
}