/* MegaBrain — Arqon tortish: telefon landscape sozlamalar + ekran kompozitsiyasi
   FAQAT #pageOyin2.arqon-active uchun. Boshqa sahifalar va O'yin 1 o'zgarmaydi. */

/* Telefon albom holatida sozlamalar oynasi butun ekranga sig'adi. */
@media (max-width:900px) and (orientation:landscape){
  body.oyin2-page #pageOyin2.arqon-active #o2Settings{
    position:fixed !important;
    inset:0 !important;
    padding:4px !important;
    display:grid !important;
    place-items:center !important;
    overflow:auto !important;
    box-sizing:border-box !important;
    z-index:100 !important;
  }

  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-settings-card{
    width:min(760px, calc(100vw - 8px)) !important;
    max-width:760px !important;
    max-height:calc(100dvh - 8px) !important;
    min-height:0 !important;
    padding:8px !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
    overflow:auto !important;
  }

  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-settings-head{
    position:sticky !important;
    top:0 !important;
    padding:0 0 5px !important;
    min-height:22px !important;
    background:#fff !important;
    z-index:3 !important;
  }

  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-settings-title{
    font-size:clamp(13px, 3.2dvh, 18px) !important;
    line-height:1.1 !important;
  }
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-close{
    padding:4px 8px !important;
    border-radius:8px !important;
    font-size:11px !important;
  }

  /* Arqon uchun 6 ta aktiv sozlama: 4+2 ko'rinishida ixcham joylashadi. */
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-form-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    margin:5px 0 !important;
  }
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-field{
    min-width:0 !important;
    padding:5px !important;
    border-radius:9px !important;
    box-sizing:border-box !important;
  }
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-field label{
    font-size:8px !important;
    line-height:1 !important;
    margin-bottom:3px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-field select,
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-settings-music-btn{
    width:100% !important;
    min-width:0 !important;
    height:29px !important;
    min-height:29px !important;
    padding:4px 6px !important;
    border-radius:7px !important;
    font-size:10px !important;
    box-sizing:border-box !important;
  }
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-player-count{
    gap:3px !important;
  }
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-count{
    height:29px !important;
    min-height:29px !important;
    padding:3px !important;
    font-size:10px !important;
    border-radius:7px !important;
  }
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-start{
    height:31px !important;
    min-height:31px !important;
    padding:4px 8px !important;
    border-radius:9px !important;
    font-size:11px !important;
    line-height:1 !important;
  }

  /* Rasmda ko'rsatilgan kompozitsiya: chap karta | arena | o'ng karta. */
  body.oyin2-page #pageOyin2.arqon-active .arqon-scorebar{
    grid-template-columns:minmax(0,1fr) clamp(54px,8vw,78px) minmax(0,1fr) !important;
  }
  body.oyin2-page #pageOyin2.arqon-active .arqon-board{
    grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    align-items:stretch !important;
  }
  body.oyin2-page #pageOyin2.arqon-active .arqon-side-left{grid-column:1 !important;grid-row:1 !important;}
  body.oyin2-page #pageOyin2.arqon-active .arqon-center{grid-column:2 !important;grid-row:1 !important;}
  body.oyin2-page #pageOyin2.arqon-active .arqon-side-right{grid-column:3 !important;grid-row:1 !important;}
}

/* Juda past landscape telefonlar: sozlama kartasi yana bir oz siqiladi. */
@media (max-width:900px) and (orientation:landscape) and (max-height:360px){
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-settings-card{padding:5px !important;border-radius:11px !important;}
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-form-grid{gap:3px !important;margin:3px 0 !important;}
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-field{padding:3px !important;}
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-field select,
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-settings-music-btn,
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-count{height:25px !important;min-height:25px !important;font-size:9px !important;}
  body.oyin2-page #pageOyin2.arqon-active #o2Settings .o2-start{height:27px !important;min-height:27px !important;font-size:10px !important;}
}

/* FIX 2026-08-27: Boshlash bosilganda sozlama oynasi ustida qolib ketmasin.
   JS hideSettings() inline display:none beradi; oldingi display:grid!important
   qoidasi uni bosib ketgan edi. O'yin boshlangan holatda modal qat'iy yashiriladi. */
@media (max-width:900px) and (orientation:landscape){
  body.arqon-playing #pageOyin2.arqon-active #o2Settings{
    display:none !important;
    pointer-events:none !important;
    visibility:hidden !important;
  }
}