/* MegaBrain — fon faqat misollar chiqadigan ichki maydonda
   v20260817-card-bg-08-fix12

   Muhim: tanlangan fon Ekran/Yaponcha/Xitoycha sahifaning ORQA FONIGA
   emas, aynan misol ko'rsatiladigan karta/maydonning ichiga qo'llanadi.
   Boshqa sahifa va funksiyalarga ta'sir qilmaydi.
*/

/* Sahifaning o'ziga tanlangan rasmni bermaymiz. */
#pageEkran.mb-custom-bg,
#pageXisobcha.mb-custom-bg,
#pageYaponcha.mb-custom-bg{
  background-image:none !important;
}

/* ── EKRAN: bitta ishtirokchi misol maydoni ── */
#pageEkran.mb-custom-bg .number-arena{
  background:
    linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),
    var(--mb-bg-image) center / cover no-repeat !important;
  border:1px solid rgba(99,102,241,.20);
  border-radius:22px;
  box-shadow:0 12px 35px rgba(30,41,59,.12), inset 0 0 0 1px rgba(255,255,255,.72);
}

/* EKRAN: ko'p ishtirokchi bo'lsa — har bir kartochkaning O'ZIDA fon. */
#pageEkran.mb-custom-bg #ekranMultiCards .ekm-panel{
  background:
    linear-gradient(rgba(255,255,255,.76),rgba(255,255,255,.76)),
    var(--mb-bg-image) center / cover no-repeat !important;
}

body.game-on #pageEkran.mb-custom-bg .number-arena{
  background:
    linear-gradient(rgba(15,23,42,.28),rgba(15,23,42,.28)),
    var(--mb-bg-image) center / cover no-repeat !important;
}

body.game-on #pageEkran.mb-custom-bg #ekranMultiCards .ekm-panel{
  background:
    linear-gradient(rgba(15,23,42,.34),rgba(15,23,42,.34)),
    var(--mb-bg-image) center / cover no-repeat !important;
}

/* ── YAPONCHA: faqat misol chiqadigan dumaloq karta ── */
body.game-on #pageYaponcha #ustunGameArea.active .ustun-game-wrap{
  background:
    linear-gradient(rgba(255,255,255,.68),rgba(255,255,255,.68)),
    var(--mb-card-bg-image) center / cover no-repeat !important;
}

/* Xitoycha avvalgi ichki-karta xatti-harakatini saqlab qoladi. */
#pageXisobcha.mb-custom-bg .xitoy-wrap,
body.game-on #pageXisobcha.mb-custom-bg .game-area.active .xitoy-wrap{
  background:
    linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),
    var(--mb-bg-image) center / cover no-repeat !important;
}

/* Karta ichidagi elementlar fon ustida o'qilishi uchun. */
#pageEkran.mb-custom-bg .number-arena > *,
#pageYaponcha.mb-custom-bg .ustun-game-wrap > *,
#pageXisobcha.mb-custom-bg .xitoy-wrap > *{
  position:relative;
  z-index:1;
}

@media(max-width:700px){
  #pageEkran.mb-custom-bg .number-arena{
    border-radius:16px;
  }
}