/* Вид сайта «Приложение · лаунчер» (вариант 3): правила, которые должны идти ПОСЛЕ блока css страницы
   (ppl.html грузит site.css и web.css игры, паспорт — ui.css,
   web.css, ppl-passport.css). Окно игры (#app, #tipbox) — справа от колонки разделов и под верхней строкой; фон — серо-синий,
   а не #0b0d10. Вес — как у копии игры (:not(#_)), файл идёт позже. Внутри окна ничего не меняем. */
html[data-ctx=web],html[data-ctx=web] body{background:var(--bg)}
html[data-ctx=web] #app:not(#_),html[data-ctx=web] #tipbox:not(#_){left:var(--rail);width:calc(100vw - var(--rail));border-left:0;border-right:0}
body[data-page=passport-web]{--ds-web-max:100vw}
@media (min-width:960px){
  html[data-ctx=web] body[data-page=passport-web] #app:not(#_) .pa{left:max(24px,(100% - 1240px) / 2);right:max(24px,(100% - 1240px) / 2)}
}
@media (max-width:719px){
  html[data-ctx=web] #app:not(#_),html[data-ctx=web] #tipbox:not(#_){left:0;width:100vw}
}
/* site.css на /people задаёт ссылкам и картинкам свои правила — оболочке варианта возвращаем её вид */
body[data-page=ppl] .d3-side a,body[data-page=ppl] .d3-top a{text-decoration:none}
/* 720–959 px: окно игры уже в виде телефона (стопка список → чат → профиль, всё по 100vw) — оболочка тоже как на телефоне:
   колонки нет, вкладки снизу, окно кончается над ними (чат и профиль «Людей» — без вкладок, как на телефоне) */
@media (min-width:720px) and (max-width:959px){
  body:is([data-page=ppl],[data-page=passport-web]){--rail:0px;--kn-tb-h:60px;padding-left:0}
  body:is([data-page=ppl],[data-page=passport-web]) .d3-logo.m .wm{display:block;height:12px}
  body:is([data-page=ppl],[data-page=passport-web]) .d3-side{display:none}
  body:is([data-page=ppl],[data-page=passport-web]) .d3-logo.m{display:flex;padding:0;height:auto}
  body:is([data-page=ppl],[data-page=passport-web]) .d3-tabs{display:grid}
  body[data-page=ppl][data-pv=main] .d3-tabs,body[data-page=ppl][data-pv=side] .d3-tabs{display:none}
  html[data-ctx=web] body[data-page=ppl]:not([data-pv=main]):not([data-pv=side]) #app:not(#_),
  html[data-ctx=web] body[data-page=ppl]:not([data-pv=main]):not([data-pv=side]) #tipbox:not(#_),
  html[data-ctx=web] body[data-page=passport-web] #app:not(#_),html[data-ctx=web] body[data-page=passport-web] #tipbox:not(#_){
    height:calc(var(--ds-vvh,100dvh) - var(--ds-web-top,0px) - var(--kn-tb-h) - env(safe-area-inset-bottom,0px))}
}