/* Режим «приложение» (html.app): Яндекс Игры, Android, Steam. Включается в сборках для площадок, на сайте — по адресу с ?app.
   Страница не прокручивается целиком (требование Яндекса 1.10.2): прокручиваются только колонки внутри игры.
   Нет выделения текста и контекстного меню при долгом нажатии (1.6.1.8, 1.6.2.7), нет «потяните, чтобы обновить». */
html.app,html.app body{height:100%;overflow:hidden;overscroll-behavior:none}
html.app body{
  padding-block:10px;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  --bfit:calc(100dvh - 250px);          /* под доской должно целиком остаться окно диалога */
}
html.app body.timed{--bfit:calc(100dvh - 360px)}
html.app input,html.app textarea{-webkit-user-select:text;user-select:text}
html.app img{-webkit-user-drag:none}
.webview-old{margin:0 0 10px;padding:10px 14px;border:3px solid #2A1A2C;border-radius:10px;background:#FFF;color:#2A1A2C;font-weight:700}

html.app .shell{height:calc(100dvh - 20px);gap:10px}
html.app .top{flex:none}
html.app .tag{display:none}
html.app h1{font-size:clamp(24px, 3.2vw, 34px)}

/* Две колонки на всю высоту окна, каждая со своей прокруткой */
html.app .stage{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}
html.app .play,html.app .side{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
html.app .play{padding:0 12px 12px 0}            /* место под тень доски */
html.app .side{padding-right:4px;padding-bottom:12px}

/* Телефон стоя: шапка прячется, всё — одна прокручиваемая лента; доска сверху, сразу видна */
@media (max-width: 940px) and (orientation: portrait){
  html.app .top{display:none}
  html.app .shell{gap:0}
  html.app .stage{display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  html.app .play,html.app .side{overflow:visible;padding-right:0;margin-inline:auto}
  html.app .play{padding-bottom:18px;max-width:min(calc(620px * var(--bscale, 1)), calc((100dvh - 150px) * var(--bscale, 1)))}
}
/* Телефон лёжа: доска во всю высоту слева, справа прокручиваются диалог и панель */
@media (max-width: 940px) and (orientation: landscape){
  html.app body{padding-block:6px;--bw:max(200px, min(calc((100dvh - 28px) * var(--bscale, 1)), calc(100vw - 290px)))}
  html.app body.timed{--bw:max(200px, min(calc((100dvh - 120px) * var(--bscale, 1)), calc(100vw - 290px)))}
  html.app .top{display:none}
  html.app .shell{height:calc(100dvh - 12px);gap:0}
  html.app .stage{grid-template-columns:var(--bw) minmax(0, 1fr);gap:14px}
  html.app .play,html.app .side{max-width:none;width:auto}
  html.app .play{padding:0 10px 10px 0}
  html.app .cast{display:none}
}