/* ============================================================
   app-shell.css — Общие правила для игровых страниц
   Версия: 1.1
   Подключение: после critical.css, до page-specific CSS.
   Срабатывает только когда body.app-page (выставляется app.js).
   ============================================================ */

/* Фон и отступы body — убираем стили шаблона сайта */
body.app-page {
    background: #050403 !important;
    background-image: none !important;
    background-attachment: initial !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    overflow-x: hidden;
}

/* Скрываем .wrapper полностью — приложение вынесено в body */
body.app-page .wrapper {
    display: none !important;
}

/* На всякий случай — если app.js не отработал, скрываем шапку/футер */
body.app-page .top-bar,
body.app-page .contact-strip,
body.app-page .footer-minimal {
    display: none !important;
}

/* main — без отступов от шаблона */
body.app-page main,
body.app-page main#main-content {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
    display: block !important;
}

/* ─── Системные элементы шаблона сайта ─── */
/* Скрываем PWA-кнопку установки и прочие оверлеи, которые
   модули сайта (install.js, periodic-sync.js) добавляют в body.
   НЕ скрываем .toast-container — он может использоваться играми. */
body.app-page .pwa-install-container,
body.app-page #pwaInstallContainer,
body.app-page .ios-instructions-overlay,
body.app-page #ios-instructions,
body.app-page #generic-instructions,
body.app-page .sync-status {
    display: none !important;
}