/* MegaBrain — Arqon tortish: telefon uchun kompyuterdagi kompozitsiyani saqlash
   Faqat #pageOyin2.arqon-active ga tegadi. Boshqa sahifalar o'zgarmaydi. */
@media (max-width:700px) and (orientation:portrait){
  html,body{overflow:hidden !important;}

  /* Portretda ham o'yinning o'zi ko'rinadi — aylantirish oynasi kerak emas. */
  #pageOyin2.arqon-active .arqon-rotate-hint{display:none !important;}
  #pageOyin2.arqon-active .arqon-game{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:calc(100dvh - 6px) !important;
    min-height:0 !important;
    max-height:100dvh !important;
    padding:3px 4px !important;
    box-sizing:border-box !important;
    gap:4px !important;
    overflow:hidden !important;
  }

  /* Header kompyuterdagi kabi yuqorida, faqat telefon kengligiga mos ixcham. */
  body.oyin2-page #pageOyin2.arqon-active .o2-header{
    flex:0 0 auto !important;
    min-height:36px !important;
    height:36px !important;
    padding:3px 5px !important;
    border-radius:10px !important;
    gap:3px !important;
    box-sizing:border-box !important;
  }
  #pageOyin2.arqon-active .o2-title{font-size:11px !important;white-space:nowrap !important;}
  #pageOyin2.arqon-active .o2-head-btn{font-size:9px !important;padding:5px 6px !important;border-radius:8px !important;}

  /* Hisob: chap jamoa | vaqt | o'ng jamoa — kompyuterdagi ayni kompozitsiya. */
  #pageOyin2.arqon-active .arqon-scorebar{
    flex:0 0 50px !important;
    height:50px !important;
    min-height:50px !important;
    padding:3px 4px !important;
    border-radius:12px !important;
    grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) !important;
    gap:3px !important;
    box-sizing:border-box !important;
  }
  #pageOyin2.arqon-active .arqon-team-card{padding:3px 5px !important;border-radius:9px !important;}
  #pageOyin2.arqon-active .arqon-team-card:before{width:3px !important;}
  #pageOyin2.arqon-active .arqon-team-top{gap:3px !important;min-height:13px !important;}
  #pageOyin2.arqon-active .arqon-team-name{font-size:8px !important;}
  #pageOyin2.arqon-active .arqon-team-dot{width:5px !important;height:5px !important;}
  #pageOyin2.arqon-active .arqon-team-tag{font-size:5px !important;padding:2px 3px !important;}
  #pageOyin2.arqon-active .arqon-team-card strong{font-size:19px !important;margin:0 !important;line-height:.9 !important;}
  #pageOyin2.arqon-active .arqon-score-caption{font-size:5px !important;margin-top:1px !important;}
  #pageOyin2.arqon-active .arqon-clock{min-width:0 !important;width:auto !important;padding:3px 2px !important;border-radius:9px !important;gap:2px !important;font-size:9px !important;}
  #pageOyin2.arqon-active .arqon-clock-icon{font-size:11px !important;}
  #pageOyin2.arqon-active .arqon-clock small{font-size:4px !important;}
  #pageOyin2.arqon-active .arqon-clock strong{font-size:12px !important;}
  #pageOyin2.arqon-active .arqon-live-dot{width:4px !important;height:4px !important;box-shadow:none !important;}

  /* Asosiy kompozitsiya: karta | arena | karta. */
  #pageOyin2.arqon-active .arqon-board{
    flex:1 1 auto !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    display:grid !important;
    grid-template-columns:minmax(78px,24%) minmax(0,52%) minmax(78px,24%) !important;
    grid-template-rows:1fr !important;
    gap:3px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #pageOyin2.arqon-active .arqon-side-card{
    grid-row:1 !important;
    min-width:0 !important;
    min-height:0 !important;
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  #pageOyin2.arqon-active .arqon-side-left{grid-column:1 !important;}
  #pageOyin2.arqon-active .arqon-side-right{grid-column:3 !important;}
  #pageOyin2.arqon-active .arqon-center{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    min-height:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:12px !important;
    overflow:hidden !important;
  }

  /* Jamoa rasmi markazda qoladi, kompyuterdagi ko'rinishga o'xshash. */
  #pageOyin2.arqon-active .arqon-team-art{
    width:72% !important;
    max-width:100% !important;
    max-height:68% !important;
    object-fit:contain !important;
  }
  #pageOyin2.arqon-active .arqon-arena-topline{top:4px !important;left:4px !important;right:4px !important;gap:2px !important;font-size:4px !important;}
  #pageOyin2.arqon-active .arqon-arena-topline span{padding:2px 3px !important;}
  #pageOyin2.arqon-active .arqon-arena-topline i{font-size:3.5px !important;letter-spacing:.08em !important;}
  #pageOyin2.arqon-active .arqon-center-line{top:10% !important;bottom:9% !important;}
  #pageOyin2.arqon-active .arqon-rope{display:block !important;left:7% !important;right:7% !important;top:54% !important;height:12px !important;z-index:8 !important;}
  #pageOyin2.arqon-active .arqon-rope:before{top:4px !important;height:8px !important;}
  #pageOyin2.arqon-active .arqon-rope-knot{width:24px !important;height:24px !important;top:-6px !important;border-width:2px !important;}
  #pageOyin2.arqon-active .arqon-rope-knot:after{font-size:8px !important;}
  #pageOyin2.arqon-active .arqon-rope-tail{height:5px !important;}
  #pageOyin2.arqon-active .arqon-pull-badge{top:13% !important;font-size:6px !important;padding:4px 5px !important;}

  /* Savol kartalari: ichidagi barcha ma'lumot saqlanadi, faqat o'lcham siqiladi. */
  #pageOyin2.arqon-active .arqon-o2-card{
    min-width:0 !important;
    min-height:0 !important;
    width:100% !important;
    height:100% !important;
    padding:5px !important;
    border-radius:10px !important;
    gap:3px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #pageOyin2.arqon-active .arqon-o2-card:before{height:3px !important;}
  #pageOyin2.arqon-active .arqon-card-head{gap:3px !important;min-width:0 !important;}
  #pageOyin2.arqon-active .arqon-card-teamline{gap:3px !important;min-width:0 !important;}
  #pageOyin2.arqon-active .arqon-card-badge{width:19px !important;height:19px !important;border-radius:6px !important;font-size:9px !important;flex:0 0 19px !important;}
  #pageOyin2.arqon-active .arqon-card-kicker{font-size:4px !important;margin-bottom:1px !important;}
  #pageOyin2.arqon-active .arqon-card-teamline strong{font-size:7px !important;line-height:1 !important;}
  #pageOyin2.arqon-active .arqon-card-score{font-size:12px !important;line-height:1 !important;}
  #pageOyin2.arqon-active .arqon-card-meta{padding:3px 3px !important;font-size:5px !important;}
  #pageOyin2.arqon-active .arqon-card-meta .o2-stat{font-size:4px !important;}
  #pageOyin2.arqon-active .arqon-example-title{font-size:5px !important;margin:0 0 1px !important;}
  #pageOyin2.arqon-active .arqon-example-box{min-height:0 !important;flex:1 1 auto !important;height:auto !important;padding:4px !important;border-radius:7px !important;overflow:hidden !important;}
  #pageOyin2.arqon-active .arqon-example-box div{font-size:clamp(10px,3.2vw,15px) !important;line-height:1.05 !important;}
  #pageOyin2.arqon-active .arqon-answer-panel{padding:3px !important;border-radius:7px !important;gap:2px !important;}
  #pageOyin2.arqon-active .arqon-answer-label{font-size:5px !important;}
  #pageOyin2.arqon-active .arqon-answer-label small{font-size:4px !important;}
  #pageOyin2.arqon-active .arqon-answer{height:29px !important;min-height:29px !important;padding:3px 4px !important;font-size:14px !important;border-radius:7px !important;}
  #pageOyin2.arqon-active .arqon-feedback{font-size:5px !important;min-height:8px !important;}

  /* Qoidasi pastda — bir qatorlik, joyni egallab yubormaydi. */
  #pageOyin2.arqon-active .arqon-hint{
    flex:0 0 25px !important;
    min-height:25px !important;
    height:25px !important;
    padding:3px 5px !important;
    border-radius:8px !important;
    font-size:5px !important;
    line-height:1.1 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }
  #pageOyin2.arqon-active .arqon-hint-icon{display:none !important;}
}

/* Juda tor telefonlarda ham uch ustunli kompozitsiya saqlanadi. */
@media (max-width:360px) and (orientation:portrait){
  #pageOyin2.arqon-active .arqon-board{grid-template-columns:68px minmax(0,1fr) 68px !important;}
  #pageOyin2.arqon-active .arqon-scorebar{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr) !important;}
  #pageOyin2.arqon-active .arqon-team-name{font-size:7px !important;}
  #pageOyin2.arqon-active .arqon-card-teamline strong{font-size:6px !important;}
}