/* MegaBrain USTUN 1 — 1366x768 notebook fit
   Faqat desktop/notebook viewport: 1000–1600px wide, <=800px baland.
   Maqsad: butun misol kartochkasi 1366x768 ekraniga to'liq sig'ishi.
*/
@media (min-width:1000px) and (max-width:1600px) and (max-height:800px){
  html, body{overflow:hidden !important;}

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

  #pageUstun.active:has(#u1-screen-game.u1-active) .u1-shell{
    flex:1 1 auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:6px 12px 8px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    display:flex !important;
    justify-content:center !important;
  }

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

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

  /* Avvalgi umumiy qoida 1366x768 da topbarni 60–80px pastga surib yuborardi. */
  body.game-on #pageUstun #u1-screen-game .u1-game-topbar,
  #pageUstun.active #u1-screen-game.u1-active .u1-game-topbar{
    flex:0 0 42px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    margin:0 4px 4px !important;
    padding:0 !important;
    gap:8px !important;
    box-sizing:border-box !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-game-topbar .u1-icon-btn{
    width:40px !important;
    height:40px !important;
    border-radius:12px !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-pill{
    padding:6px 11px !important;
    min-height:30px !important;
    font-size:12px !important;
  }

  /* Misol maydoni endi qolgan barcha vertikal joyni oladi.
     Eski max-height:min(78vh,52dvh) aynan notebookda kartani ~399px bilan
     cheklab, qatorlarning bir qismini ko'rinmay qolishiga sabab bo'lgan. */
  #pageUstun.active #u1-screen-game.u1-active .u1-stage{
    flex:1 1 0 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:4px 0 6px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !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;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    padding:4px 16px !important;
    box-sizing:border-box !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:max-content !important;
    max-width:100% !important;
    min-height:0 !important;
    max-height:100% !important;
    margin:0 auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-end !important;
    overflow:hidden !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-num-line{
    white-space:nowrap !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Javob qismi va pastki boshqaruvlar uchun ixcham, doimiy joy. */
  #pageUstun.active #u1-screen-game.u1-active .u1-answer-card{
    flex:0 0 auto !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 0 5px !important;
    padding:7px 12px 8px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-answer-wrap{
    width:min(760px,100%) !important;
    max-width:760px !important;
    margin:0 auto !important;
  }

  #pageUstun.active #u1-screen-game.u1-active input[type=text].u1-answer-input{
    height:46px !important;
    min-height:46px !important;
    padding:7px 12px !important;
    font-size:19px !important;
    box-sizing:border-box !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-feedback{
    margin-top:3px !important;
    padding:4px 8px !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-nav-row{
    flex:0 0 auto !important;
    gap:4px !important;
    margin:0 !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-nav-controls{
    gap:8px !important;
    margin-bottom:3px !important;
  }

  #pageUstun.active #u1-screen-game.u1-active .u1-ctrl-btn{
    flex-basis:48px !important;
    width:48px !important;
    height:44px !important;
    min-height:44px !important;
    border-radius:13px !important;
  }

  #pageUstun.active #u1-screen-game.u1-active #u1-finish-btn{
    padding:6px 10px !important;
    font-size:12px !important;
    line-height:1.1 !important;
    margin:0 !important;
  }
}