/* ====== RESPONSIVE — bitta sayt barcha qurilmaga moslashadi ====== */
/* Planshet / kichik PC */
@media (min-width:820px){
  #top{padding:11px 15px;gap:9px}
  #top a,#top button{width:42px;height:42px;border-radius:11px}
  #top a svg,#top button svg{width:21px;height:21px}
  #top #btnLang{width:auto;font-size:13.5px}
  #title{font-size:15px}
  #modes button{padding:9px 20px;font-size:14.5px}
  #info{left:8px;right:8px;max-width:500px;margin:0 auto;padding:13px 16px}
  #info .des{font-size:15px}#info .nm{font-size:16px}#info .ln{font-size:13px}
  #info .btns button{font-size:11.5px;padding:8px 4px;gap:4px}
  #info .btns button svg{width:18px;height:18px}
  #list{width:280px;top:60px;bottom:20px;right:12px;left:auto;max-height:none}
  #menu{min-width:240px}
  #welcome .wb{font-size:28px}#welcome .wt{font-size:19px}
}
/* Katta monitor / televizor */
@media (min-width:1500px){
  #top a,#top button{width:48px;height:48px}
  #top a svg,#top button svg{width:24px;height:24px}
  #top #btnLang{width:auto}
  #title{font-size:18px}
  #info{max-width:600px}#info .des{font-size:17px}#info .nm{font-size:19px}#info .ln{font-size:15px}
  #info .btns button{font-size:13.5px;padding:9px 5px}
  #info .btns button svg{width:20px;height:20px}
  #list{width:320px}
  #modes button{padding:11px 26px;font-size:16px}
  #welcome .wb{font-size:34px}#welcome .wt{font-size:22px}#welcome .ws{font-size:15px;max-width:380px}
}
/* SKRINSHOT rejimi — 3D sahnadagi barcha boshqaruv elementlari, menyular va tugmalar yashiriladi */
body.shot #top,
body.shot #curvedDock,
body.shot #info,
body.shot #list,
body.shot #vcube,
body.shot #sceneArBadge,
body.shot #sideDrawer,
body.shot #sideDrawerBackdrop,
body.shot #menu,
body.shot #vidBtn,
body.shot #toast,
body.shot #rulerBar,
body.shot #drill {
  display: none !important;
}

/* Foydalanuvchi so'rovi: quyidagilar asosiy oynada KERAK EMAS:
   Muammo xabari (report) esa asosiy oynada «!» tugma sifatida QOLADI —
   faqat MENYUdagi nusxasi (#mReport) yashiriladi.
   DIQQAT: #mShot (skrinshot olish) menyuda KO'RINISHI SHART! */
#mReport,#mFurn3D{display:none!important}
/* Video qo'llanma — o'ng-past burchak knopkasi */
/* Qo'llanma tugmasi — dumaloq "?" (foydalanuvchi so'rovi 2026-08-22: yozuvli tugma
   o'rniga savol belgisi). Hamma ekranda bir xil o'lcham. */
#vidBtn{position:fixed;right:12px;bottom:12px;z-index:9;display:flex;align-items:center;justify-content:center;
  width:40px;height:40px;background:var(--card);backdrop-filter:blur(8px);border:1px solid var(--line);
  border-radius:50%;color:var(--ok);text-decoration:none;font:700 21px/1 system-ui,-apple-system,sans-serif;
  box-shadow:0 4px 16px #0000002a;cursor:pointer;-webkit-tap-highlight-color:transparent}
#vidBtn:hover{border-color:var(--ok);background:var(--ok);color:#fff}
body.shot #vidBtn{display:none!important}
/* 2D ALOHIDA SAHIFA rejimi (?d2=<des>): suzuvchi oyna emas — butun sahifa 2D chizma.
   3D UI butunlay yashirinadi, #drill to'liq ekranni egallaydi (ramkasiz). */
/* #splash bundan mustasno: aks holda d2 rejimi yoqilganda brend ekrani so'nishga
   ulgurmasdan display:none bo'lib keskin yo'qolardi (u 700 ms dan keyin o'zi olinadi). */
body.d2page>*:not(#drill):not(#splash){display:none!important}
body.d2page #drill{top:0;left:0;right:0;bottom:0;border:none;border-radius:0}