/* MOBILE GAME HEADER: ONLY BACK ICON
   Oyin 1 va Arqon tortish — faqat telefon landscape o'yin boshlanganida.
   Desktop va boshqa sahifalarga ta'sir qilmaydi. */
.mobile-game-back-btn{display:none;}

@media (max-width:900px) and (orientation:landscape){
  /* OYIN 1: o'yin boshlanganda barcha yuqori boshqaruvlar yashirin,
     faqat mavjud Orqaga tugmasi qoladi. */
  body.o1-phone-playing #pageOyin1 #o1PillWrap,
  body.o1-phone-playing #pageOyin1 #o1PPCorner,
  body.o1-phone-playing #pageOyin1 #o1HeroViewBtn,
  body.o1-phone-playing #pageOyin1 #o1HeroSettingsBtn,
  body.o1-phone-playing #pageOyin1 #o1HeroBgBtn,
  body.o1-phone-playing #pageOyin1 #o1HideNumBtn{
    display:none !important;
  }
  body.o1-phone-playing #pageOyin1 #o1HeroCorner{
    position:fixed !important;
    left:8px !important;
    top:8px !important;
    right:auto !important;
    bottom:auto !important;
    z-index:10050 !important;
    display:block !important;
    width:auto !important;
    height:auto !important;
    pointer-events:none !important;
  }
  body.o1-phone-playing #pageOyin1 #o1HeroBackBtn{
    display:flex !important;
    pointer-events:auto !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:0 !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    font-size:21px !important;
  }
  body.o1-phone-playing #pageOyin1 #o1-screen-game{
    padding-top:0 !important;
  }
  body.o1-phone-playing #pageOyin1 #o1-screen-game .o1-game-topbar{
    margin-top:4px !important;
  }

  /* ARQON: mavjud header butunlay yashirin; faqat yangi Orqaga ikonka. */
  body.arqon-playing #pageOyin2 .o2-header{display:none !important;}
  body.arqon-playing #pageOyin2 .mobile-game-back-btn{
    display:flex !important;
    position:fixed !important;
    left:8px !important;
    top:8px !important;
    z-index:10050 !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    padding:0 !important;
    margin:0 !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    font-size:21px !important;
    line-height:1 !important;
    cursor:pointer !important;
  }
}

@media (max-width:900px) and (orientation:portrait){
  .mobile-game-back-btn{display:none !important;}
}