/* ============================================================================ Инвентарь NFT прямо в панели ставки. static/js/nft_inline_inventory.js переносит окно инвентаря внутрь блока NFT-ставки и вешает на него класс .is-inline. Здесь окно из плавающего превращается в обычный блок: без затемнения, без фиксированного позиционирования, во всю ширину панели. Файл — перекрытие поверх nft-bet-modal.css, поэтому грузится после него (ключ nftInline в OVERRIDE_STYLE_KEYS, app_scripts.html). ========================================================================= */ /* Кнопку «Выбрать» прячем — инвентарь виден и так. */ .yak-inline-hidden { display: none !important; } /* ---- Окно превращается в блок ---------------------------------------- */ .yak-fair-modal.is-inline, #plinkoNftModal.is-inline, #crashNftModal.is-inline, #pvpNftModal.is-inline, #arenaNftModal.is-inline, #riskbarNftModal.is-inline, #minesNftModal.is-inline, #luckyNftModal.is-inline, #squidNftModal.is-inline { position: static !important; inset: auto !important; z-index: auto !important; display: block !important; padding: 0 !important; background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; animation: none !important; } /* Затемнение-подложка внутри панели не нужно. */ #plinkoNftModal.is-inline .plinko-modal-backdrop, #crashNftModal.is-inline .crash-screen-modal-backdrop, #pvpNftModal.is-inline .crash-screen-modal-backdrop, #arenaNftModal.is-inline .crash-screen-modal-backdrop, #riskbarNftModal.is-inline .crash-screen-modal-backdrop, #minesNftModal.is-inline .crash-screen-modal-backdrop, #luckyNftModal.is-inline .crash-screen-modal-backdrop, #squidNftModal.is-inline .crash-screen-modal-backdrop { display: none !important; } /* Карточка окна — обычная панель во всю ширину блока ставки. */ #plinkoNftModal.is-inline .plinko-modal-card, #crashNftModal.is-inline .crash-screen-modal-card, #pvpNftModal.is-inline .crash-screen-modal-card, #arenaNftModal.is-inline .crash-screen-modal-card, #riskbarNftModal.is-inline .crash-screen-modal-card, #minesNftModal.is-inline .crash-screen-modal-card, #luckyNftModal.is-inline .crash-screen-modal-card, #squidNftModal.is-inline .crash-screen-modal-card { width: 100% !important; max-width: none !important; min-height: 0 !important; /* Ограничиваем высоту, чтобы длинный инвентарь не выталкивал кнопку «Играть» за экран — список прокручивается внутри. */ max-height: min(46svh, 340px) !important; margin: 0 !important; padding: 12px 12px 11px !important; border-radius: 16px !important; box-shadow: none !important; animation: none !important; } /* Заголовок «NFT инвентарь» в панели ни к чему — валюта уже выбрана. */ #plinkoNftModal.is-inline .plinko-modal-head, #crashNftModal.is-inline .crash-modal-head, #pvpNftModal.is-inline .crash-modal-head, #arenaNftModal.is-inline .crash-modal-head, #riskbarNftModal.is-inline .crash-modal-head, #minesNftModal.is-inline .crash-modal-head, #luckyNftModal.is-inline .crash-modal-head, #squidNftModal.is-inline .crash-modal-head { display: none !important; } /* Кнопка «Отмена» тоже не нужна: закрывать нечего, остаётся «Применить». */ #plinkoNftModal.is-inline .plinko-secondary-btn, #crashNftModal.is-inline .crash-secondary-btn, #pvpNftModal.is-inline .crash-secondary-btn, #arenaNftModal.is-inline .crash-secondary-btn, #riskbarNftModal.is-inline .crash-secondary-btn, #minesNftModal.is-inline .crash-secondary-btn, #luckyNftModal.is-inline .crash-secondary-btn, #squidNftModal.is-inline .crash-secondary-btn { display: none !important; } /* Строка действий скрыта целиком: подтверждать нечего, выбор применяется сразу по тапу (nft_inline_inventory.js кликает по «Применить» сам). display:none оставляет кнопку кликабельной программно. */ #plinkoNftModal.is-inline .plinko-modal-actions, #crashNftModal.is-inline .crash-modal-actions, #pvpNftModal.is-inline .crash-modal-actions, #arenaNftModal.is-inline .crash-modal-actions, #riskbarNftModal.is-inline .crash-modal-actions, #minesNftModal.is-inline .crash-modal-actions, #luckyNftModal.is-inline .crash-modal-actions, #squidNftModal.is-inline .crash-modal-actions { display: none !important; } /* Сетка подарков в панели плотнее — места меньше, чем в окне. */ #plinkoNftModal.is-inline .plinko-nft-modal-grid, #crashNftModal.is-inline .crash-nft-modal-grid, #crashNftModal.is-inline .pvp-nft-modal-grid, #pvpNftModal.is-inline .pvp-nft-modal-grid, #arenaNftModal.is-inline .arena-nft-modal-grid, #riskbarNftModal.is-inline .riskbar-nft-modal-grid, #minesNftModal.is-inline .pvp-nft-modal-grid, #luckyNftModal.is-inline .pvp-nft-modal-grid, #squidNftModal.is-inline .pvp-nft-modal-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 7px !important; } /* Блок ставки: инвентарь идёт отдельной строкой под шапкой. */ #solo-plinko-panel .plinko-nft-box, #solo-crash-panel .crash-nft-box, #solo-pvp-panel .pvp-nft-box, #solo-arena-panel .arena-nft-box, #solo-riskbar-panel .riskbar-nft-box, #solo-mines-panel .mines-nft-box, #solo-lucky-panel .lucky-nft-box, #solo-squid-panel .squid-nft-box { display: grid; gap: 7px; } /* Шапка блока с пустой строкой «NFT ставка» больше ничего не держит — кнопка «Выбрать» из неё уехала. Прячем, чтобы не занимала место. */ #solo-pvp-panel .pvp-nft-head:not(:has(> *:not(.yak-inline-hidden))), #solo-arena-panel .arena-nft-head:not(:has(> *:not(.yak-inline-hidden))) { display: none !important; } /* ---- Заглушки «Инвентарь пуст» / «NFT не выбран» ---------------------- */ /* Синие плашки остались от старой сине-фиолетовой темы: чёрно-золотой проход (nft-bet-modal.css) перекрасил заглушки по классам .pvp-nft-modal-empty, .crash-history-empty и .riskbar-nft-empty, а Crash, Lucky и Squid рисуют свои пустые состояния другими классами — .crash-history-entry, .squid-history-item, .game-nft-quick-empty. По ним ничего не совпало, и в панели остался синий прямоугольник из crash.css / squid.css. Красим по фактически отрисовываемым классам. Внутри карточки инвентаря — тот же приглушённый чёрный прямоугольник с золотым пунктиром, что и у остальных игр; в шапке блока ставки (сводка выбранного) — просто текст, как это уже сделано у Lucky, PvP и Арены. */ #crashNftModal .crash-nft-inventory-list > .crash-history-entry, #luckyNftModal .crash-nft-inventory-list > .crash-history-entry, #squidNftModal .crash-nft-inventory-list > .squid-history-item { padding: 22px 12px !important; border: 1px dashed rgba(226, 196, 121, .22) !important; border-radius: 14px !important; background: rgba(28, 23, 13, .34) !important; box-shadow: none !important; color: var(--nftbet-muted, rgba(214, 197, 158, .62)) !important; text-align: center !important; font-size: 13px !important; font-weight: 800 !important; } #solo-crash-panel #crashNftSummary .game-nft-quick-empty, #solo-mines-panel .mines-nft-summary .game-nft-quick-empty, #solo-squid-panel #squidNftSummary .squid-history-item { padding: 12px 0 !important; border: 0 !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important; color: var(--nftbet-muted, rgba(214, 197, 158, .62)) !important; text-align: center !important; font-weight: 800 !important; } @media (max-width: 380px) { #plinkoNftModal.is-inline .plinko-modal-card, #crashNftModal.is-inline .crash-screen-modal-card, #pvpNftModal.is-inline .crash-screen-modal-card, #arenaNftModal.is-inline .crash-screen-modal-card, #riskbarNftModal.is-inline .crash-screen-modal-card, #minesNftModal.is-inline .crash-screen-modal-card, #luckyNftModal.is-inline .crash-screen-modal-card, #squidNftModal.is-inline .crash-screen-modal-card { padding: 10px !important; max-height: min(42svh, 300px) !important; } }