/* ============================================================ * WEB OVERRIDES — только для веб-версии (zoneverse.app / dev-preview) * Загружается в самом конце в public/web/index.html. * TG-версия (public/tg/*) этот файл не подключает — её не задевает. * ============================================================ */ /* 1. Прозрачный фон — сквозь iframe видно оформление внешней страницы */ html, body { background: transparent !important; } /* 2. Скрываем внутреннюю шапку мини-аппа — она дублирует Next.js-шапку */ .header { display: none !important; } /* 3. Grid-container занимает всю высоту iframe. * Bottom-bar сидит поверх на position:fixed — canvas виден под ним, кнопки "летают". */ .grid-container { height: 100dvh !important; height: 100vh !important; background: transparent !important; } /* 4. Нижняя панель без плашки — фон полностью прозрачен */ .bottom-bar { background: transparent !important; border-top: none !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Кнопки нижней панели — floating pills над сеткой, лёгкий стеклянный фон * для читаемости надписей поверх пёстрого canvas. */ .bottom-bar .mode-tab { background: rgba(13, 17, 23, 0.55) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; } .bottom-bar .grid-shuffle-timer { background: rgba(13, 17, 23, 0.55) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; } /* 5. Скрываем внутреннюю кнопку "ПОИСК" в нижней панели — * фильтрация вынесена в левую React-панель на веб-версии. */ #fab-filter-btn { display: none !important; } /* 6. Панель фильтров-выдвижная больше не нужна — фильтруем из React-сайдбара. * Даже если случайно откроется — прячем визуально. */ #grid-filter-panel { display: none !important; }