/* ESKIRGAN / O'LIK FAYL (endi hech narsaga ta'sir qilmaydi): Sahna endi 3 qatlamli (.arqon-scene-bg + 2x .arqon-scene-people, qarang: css/arqon-v15-motion-final.css). ".arqon-reference-scene" klassi index.html'da ENDI YO'Q, shuning uchun quyidagi barcha qoidalar hech qachon moslashmaydi. Xavfsizlik uchun o'chirilmadi, lekin kelajakda bemalol butunlay o'chirib tashlash mumkin. */ /* MegaBrain Arqon v13 — show the COMPLETE reference scene. ONLY the Arqon arena image sizing is changed. Example cards untouched. */ #pageOyin2.arqon-active .arqon-center{ position:relative!important; overflow:hidden!important; isolation:isolate!important; background:#fff!important; min-height:330px!important; } #pageOyin2.arqon-active .arqon-center > .arqon-center-line, #pageOyin2.arqon-active .arqon-center > .arqon-scene-floor, #pageOyin2.arqon-active .arqon-center > .arqon-rope, #pageOyin2.arqon-active .arqon-center > .arqon-people, #pageOyin2.arqon-active .arqon-center > .arqon-rope-marker, #pageOyin2.arqon-active .arqon-center > .arqon-pull-badge{display:none!important} /* IMPORTANT: contain, not cover — otherwise the narrow arena crops the 4 participants. */ #pageOyin2.arqon-active .arqon-reference-scene{ position:absolute!important; left:0!important;right:0!important;top:50%!important; width:100%!important;height:auto!important; max-width:100%!important;max-height:100%!important; display:block!important; object-fit:contain!important; object-position:center center!important; z-index:2!important; user-select:none!important;pointer-events:none!important; transform-origin:center center!important; will-change:transform!important; } /* v17 TUZATISH: transform shu yerda !important bilan qotib qolgan edi. CSS qoidasi: oddiy (!important) qoida har doim animatsiyadan USTUN turadi — shuning uchun arqon-playing paytida hech qanday keyframe-animatsiya (idle tortish yoki pull impulsi) sahnani siljita OLMAGAN, animatsiya nomi to'g'ri ishlagan taqdirda ham. Yechim: statik transformni faqat o'yin O'YNALMAYOTGAN paytda qo'llaymiz; o'yin ketayotganda esa transform to'liq arqon-v15-motion-final.css dagi animatsiyalarga beriladi. */ body:not(.arqon-playing) #pageOyin2.arqon-active .arqon-reference-scene{ transform:translate3d(var(--arqon-scene-shift,0px),-50%,0)!important; transition:transform .58s cubic-bezier(.16,.82,.2,1)!important; } #pageOyin2.arqon-active .arqon-center.arqon-pull-now-left .arqon-reference-scene{ animation:v13SceneLeft .68s cubic-bezier(.16,.82,.2,1)!important; } #pageOyin2.arqon-active .arqon-center.arqon-pull-now-right .arqon-reference-scene{ animation:v13SceneRight .68s cubic-bezier(.16,.82,.2,1)!important; } @keyframes v13SceneLeft{ 0%,100%{transform:translate3d(var(--arqon-scene-shift,0px),-50%,0)} 28%{transform:translate3d(calc(var(--arqon-scene-shift,0px) - 8px),-50%,0) scaleX(1.012)} 55%{transform:translate3d(calc(var(--arqon-scene-shift,0px) - 3px),-50%,0) scaleX(1.006)} } @keyframes v13SceneRight{ 0%,100%{transform:translate3d(var(--arqon-scene-shift,0px),-50%,0)} 28%{transform:translate3d(calc(var(--arqon-scene-shift,0px) + 8px),-50%,0) scaleX(1.012)} 55%{transform:translate3d(calc(var(--arqon-scene-shift,0px) + 3px),-50%,0) scaleX(1.006)} } @media(max-width:850px){ #pageOyin2.arqon-active .arqon-center{min-height:330px!important} } @media(max-width:700px){ #pageOyin2.arqon-active .arqon-center{min-height:235px!important;border-radius:18px!important} #pageOyin2.arqon-active .arqon-reference-scene{ width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important; object-fit:contain!important;object-position:center center!important; } } /* v14 ning bu qismi ".arqon-active.arqon-playing" #pageOyin2 da deb kutgan, lekin "arqon-playing" klassi aslida ga qo'yiladi (js/oyin2-poyga.js) — shu sabab bu qoidalar HECH QACHON ishlamagan (o'lik kod edi). To'g'irlangan, ishlaydigan versiyasi endi css/arqon-v15-motion-final.css da: body.arqon-playing #pageOyin2.arqon-active ... naqshi bilan. */