/* MOBILE GAME STARTED SCREEN — OYIN 1 + ARQON TORTISH
   Faqat telefon + landscape + o'yin BOSHLANGAN holatiga ta'sir qiladi.
   Sozlamalar, boshqa sahifalar va desktop ko'rinishiga tegilmaydi. */

@media (max-width: 900px) and (orientation: landscape) {
  html:has(body.o1-phone-playing),
  body.o1-phone-playing,
  html:has(body.arqon-playing),
  body.arqon-playing {
    overflow: hidden !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
  }

  /* O'YIN 1 — boshlangandan keyin faqat o'yin maydoni */
  body.o1-phone-playing #pageOyin1 {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.o1-phone-playing #pageOyin1 .u1-shell,
  body.o1-phone-playing #pageOyin1 .u1-app,
  body.o1-phone-playing #pageOyin1 #o1-screen-game {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Header/pill/ball/time kabi yuqori boshqaruvlar yashirinadi. */
  body.o1-phone-playing #pageOyin1 #o1PillWrap,
  body.o1-phone-playing #pageOyin1 #o1PPCorner,
  body.o1-phone-playing #pageOyin1 #o1-game-topbar,
  body.o1-phone-playing #pageOyin1 .o1-game-topbar,
  body.o1-phone-playing #pageOyin1 .o1-footer-nav,
  body.o1-phone-playing #pageOyin1 .o1-rotate-hint {
    display: none !important;
    visibility: hidden !important;
  }

  /* Sozlash/View/fon tugmalari yashirin, faqat orqaga qoladi. */
  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;
    visibility: hidden !important;
  }

  body.o1-phone-playing #pageOyin1 #o1HeroCorner {
    position: fixed !important;
    left: 7px !important;
    top: 7px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 10050 !important;
    display: block !important;
    pointer-events: none !important;
  }

  body.o1-phone-playing #pageOyin1 #o1HeroBackBtn {
    display: flex !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    pointer-events: auto !important;
    font-size: 21px !important;
  }

  /* O'yin maydoni qolgan butun ekran balandligini egallaydi. */
  body.o1-phone-playing #pageOyin1 #o1-single-body,
  body.o1-phone-playing #pageOyin1 #o1-multi-row.u1-active-flex {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 4px !important;
  }

  body.o1-phone-playing #pageOyin1 #o1-single-body {
    flex: 1 1 auto !important;
  }

  /* ARQON — boshlangandan keyin faqat o'yin maydoni */
  body.arqon-playing #pageOyin2 {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.arqon-playing #pageOyin2 .o2-header,
  body.arqon-playing #pageOyin2 .o2-config,
  body.arqon-playing #pageOyin2 .o2-track,
  body.arqon-playing #pageOyin2 .o2-game-area {
    display: none !important;
  }

  body.arqon-playing #pageOyin2 .o2-shell {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.arqon-playing #pageOyin2 .arqon-game {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 3px !important;
    box-sizing: border-box !important;
  }

  body.arqon-playing #pageOyin2 .mobile-game-back-btn {
    display: flex !important;
    position: fixed !important;
    left: 7px !important;
    top: 7px !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;
    pointer-events: auto !important;
  }
}