/* USTUN 1 — Ekran sahifasidagi card shell bilan bir xil ko'rinish.
   Faqat #pageUstun ga tegadi. Global header va boshqa sahifalar o'zgarmaydi. */

#pageUstun.active{
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  padding-top:var(--mb-header-h,58px) !important;
  background:transparent !important;
}

#pageUstun .u1-shell{
  width:100% !important;
  height:calc(100dvh - var(--mb-header-h,58px)) !important;
  min-height:0 !important;
  max-height:calc(100dvh - var(--mb-header-h,58px)) !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:var(--mb-card-gap,10px) 0 var(--mb-card-gap,10px) !important;
  display:flex !important;
  justify-content:center !important;
  align-items:stretch !important;
  overflow:hidden !important;
  background:transparent !important;
}

/* Ekran sahifasidagi .mode-intro-card kabi: butun mavjud maydonni egallovchi
   bitta yumaloq karta. Ustun 1 ning sozlama va misol ekranlari shu karta ichida. */
#pageUstun .u1-app{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  border:1px solid rgba(148,163,184,.24) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfdff 52%,#f3f7ff 100%) !important;
  box-shadow:16px 16px 38px rgba(15,23,42,.08),inset 0 0 0 1px rgba(255,255,255,.96) !important;
  overflow:hidden !important;
}

/* Karta ichidagi standart Ustun 1 fon qatlamlari tashqariga chiqmasin. */
#pageUstun .u1-header-bg{
  position:absolute !important;
  inset:0 !important;
  border-radius:24px !important;
  pointer-events:none !important;
  overflow:hidden !important;
  z-index:0 !important;
}

#pageUstun .u1-beadfield{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:0 !important;
  overflow:hidden !important;
  border-radius:24px !important;
}

#pageUstun .u1-screen{
  min-height:0 !important;
  flex:1 1 auto !important;
  overflow:hidden !important;
}

#pageUstun #u1-screen-settings.u1-active{
  height:100% !important;
  min-height:0 !important;
  overflow:hidden !important;
}

#pageUstun #u1-screen-settings .ek-hero{
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
  background:transparent !important;
}

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

/* Fon tanlanganda faqat shu karta ichida ko'rinsin. */
#pageUstun .u1-app.mb-u1-app-bg{
  background-image:linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.76)),var(--mb-u1-app-bg) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

#pageUstun.mb-custom-bg{
  background:transparent !important;
}

@media(max-width:700px){
  #pageUstun.active{
    padding-top:var(--mb-header-h,58px) !important;
  }
  #pageUstun .u1-shell{
    padding:6px 0 !important;
    height:calc(100dvh - var(--mb-header-h,58px)) !important;
    max-height:calc(100dvh - var(--mb-header-h,58px)) !important;
  }
  #pageUstun .u1-app{
    border-radius:18px !important;
  }
  #pageUstun .u1-header-bg,
  #pageUstun .u1-beadfield{
    border-radius:18px !important;
  }
}

/* USTUN 1 FIX32 — yakuniy fullscreen card override.
   style.css ichidagi :has(#u1-screen-settings...) qoidasi max-width'ni
   qayta 1180px ga tushirib yubormasligi uchun yuqori aniqlikdagi override. */
#pageUstun.active .u1-shell .u1-app,
#pageUstun.active .u1-shell .u1-app.u1-app-wide,
#pageUstun.active .u1-shell .u1-app:has(#u1-screen-settings.u1-active){
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:100% !important;
  max-height:100% !important;
  margin:0 !important;
}

#pageUstun.active .u1-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

@media (max-width:700px){
  #pageUstun.active .u1-shell .u1-app,
  #pageUstun.active .u1-shell .u1-app.u1-app-wide,
  #pageUstun.active .u1-shell .u1-app:has(#u1-screen-settings.u1-active){
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }
}


/* USTUN 1 FIX35 — ichki misol/javob kartochkalarini olib tashlash.
   Misol, javob maydoni va boshqaruvlar endi faqat katta .u1-app kartasi
   ichidagi yagona maydonda ko'rinadi. DOM elementlari saqlanadi, shuning
   uchun mavjud JS va funksiyalar buzilmaydi. */
#pageUstun.active .u1-stage{
  position:relative !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:6px 0 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
#pageUstun.active .u1-stage::before{
  display:none !important;
  content:none !important;
}
#pageUstun.active .u1-numbers-card{
  width:100% !important;
  max-width:none !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:6px 18px !important;
}
#pageUstun.active .u1-answer-card{
  position:relative !important;
  width:100% !important;
  margin:0 !important;
  padding:12px 18px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#pageUstun.active .u1-answer-wrap{
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
}
@media(max-width:700px){
  #pageUstun.active .u1-stage{
    padding:4px 0 10px !important;
  }
  #pageUstun.active .u1-numbers-card{
    padding-left:10px !important;
    padding-right:10px !important;
  }
  #pageUstun.active .u1-answer-card{
    padding:8px 10px 10px !important;
  }
}