@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600&display=swap'); body{ font-family: 'Figtree', sans-serif; } /* =============================== RESET ================================ */ * { box-sizing: border-box; } body { margin: 0; padding: 0; color: #000; background: #ffffff; font-family: "Figtree", sans-serif; overscroll-behavior-y: contain; } /* ======================================== APP ROOT ======================================== */ /*.app { width: 100%; max-width: 430px; overscroll-behavior: contain; margin: 0 auto; -webkit-overflow-scrolling: touch; min-height: calc(100vh + 1px); background: #ffffff; position: relative; }*/ /* =============================== PAGE CONTENT ================================ */ .page-content { width: 100%; margin: 0 auto; padding-bottom: 110px; flex: 1; } /* =============================== LINKS ================================ */ a { text-decoration: none; } /* =============================== BUTTON RESET ================================ */ button { border: none; background: none; font-family: inherit; cursor: pointer; color: inherit; } /* =============================== IMAGES ================================ */ img { display: block; max-width: 100%; } .game-card-container, .game-content, .meta-container, .dlc-container { color: #000 !important; } /* Полный сброс цветов ссылок */ a, a:visited, a:hover, a:active { color: inherit !important; text-decoration: none !important; } /* Убираем WebKit-синий */ * { -webkit-tap-highlight-color: transparent; } /* =============================== TELEGRAM FIX (CRITICAL) ================================ */ /* УБИРАЕМ iOS авто-стили */ a, a:visited, a:active, a:hover { text-decoration: none !important; } /* УБИРАЕМ TAP highlight */ * { -webkit-tap-highlight-color: transparent; } /* ❗ КРИТИЧНО: УБИРАЕМ SCROLL С BODY */ html, body { height: 100%; margin: 0; overflow: hidden; } /* ❗ ДЕЛАЕМ СКРОЛЛ ВНУТРИ ПРИЛОЖЕНИЯ */ .app { width: 100%; max-width: 410px; /* внешний размер */ scrollbar-width: none; /* Firefox */ margin: 0 auto; height: 100dvh; display: flex; flex-direction: column; overflow-y: auto; } .app::-webkit-scrollbar { display: none; /* Chrome/Safari */ } /* =============================== STICKY HEADER (all pages) ================================ */ .app-header { position: sticky; top: 0; z-index: 10; background: #ffffff; flex-shrink: 0; } .menu-page .app-header { position: absolute; top: 20px; background: transparent; } .game-page a, .game-content a, .meta-section a, .dlc-section a { color: #000; text-decoration: none; } .catalog-page { display: flex; flex-direction: column; } *, *::before, *::after { box-sizing: border-box; } /* =============================== CURRENCY VISIBILITY Profile setting: show prices in RUB only / USDT only / both. Each currency-bearing element gets `.currency-rub` or `.currency-usdt` (preferred) — older code paths use `.price-rub` / `.price-usdt` (game detail) and they're still respected here. The choice lives in `localStorage.miniapp_currency` and is mirrored to `` by an inline boot snippet on every page. `data-currency="both"` (default) shows everything; the two specific values hide the OTHER currency. Dividers between RUB and USDT get `.currency-divider` (or legacy `.price-divider`) so they disappear when only one side renders. ================================ */ html[data-currency="rub"] .currency-usdt, html[data-currency="rub"] .price-usdt, html[data-currency="rub"] .currency-divider, html[data-currency="rub"] .price-divider { display: none !important; } html[data-currency="usdt"] .currency-rub, html[data-currency="usdt"] .price-rub, html[data-currency="usdt"] .currency-divider, html[data-currency="usdt"] .price-divider { display: none !important; }