/* V805: фирменный шрифт Inter (SIL OFL) — локально, одинаково на всех устройствах */ @font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/inter/Inter-Regular.woff2?v=805") format("woff2")} @font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/inter/Inter-Medium.woff2?v=805") format("woff2")} @font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/inter/Inter-SemiBold.woff2?v=805") format("woff2")} @font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/inter/Inter-Bold.woff2?v=805") format("woff2")} @font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url("/assets/fonts/inter/Inter-ExtraBold.woff2?v=805") format("woff2")} @font-face{font-family:"Inter";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/inter/Inter-Black.woff2?v=805") format("woff2")} html{font-synthesis:none} /* ===================================================================== NEMAZING V800 — единый фирменный стиль сайта (по образцу главной) --------------------------------------------------------------------- • Только внешний вид: ни одного изменения логики, API или базы данных. • Подключается ПОСЛЕДНИМ на каждой странице и приводит всё к одному языку: цвета, шрифт, шапка, заголовки страниц, карточки, кнопки, поля ввода, подвал. • Главная (main.nm748-home) намеренно не трогается — это эталон. • Откат: убрать строку подключения этого файла из . ===================================================================== */ :root{ --nmb-accent:#6f5cff; --nmb-accent-2:#826eff; --nmb-accent-ink:#5545e8; --nmb-accent-soft:#f0edff; --nmb-accent-line:#dfd9ff; --nmb-ink:#111527; --nmb-text:#2a3047; --nmb-muted:#5f6882; --nmb-subtle:#8a91a9; --nmb-line:#e6e8f2; --nmb-line-soft:#eef0f6; --nmb-bg:#f5f6fb; --nmb-card:#ffffff; --nmb-radius-xl:28px; --nmb-radius:22px; --nmb-radius-sm:14px; --nmb-shadow:0 1px 2px rgba(17,21,39,.03),0 14px 36px rgba(17,21,39,.055); --nmb-shadow-hover:0 2px 4px rgba(17,21,39,.04),0 22px 48px rgba(17,21,39,.09); --nmb-btn-shadow:0 14px 32px rgba(111,92,255,.26); --nmb-font:Inter,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; --nmb-header-h:76px; } /* ---------- 1. Шрифт и базовая типографика — одинаково везде ---------- */ html body, html body button, html body input, html body select, html body textarea{ font-family:var(--nmb-font) !important; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; } html body{color:var(--nmb-text)} ::selection{background:rgba(111,92,255,.18);color:var(--nmb-ink)} :focus-visible{outline:2px solid var(--nmb-accent) !important;outline-offset:2px} /* ---------- 2. Фон внутренних страниц: мир с главной, мягко растворённый ---------- */ html body:not(:has(main.nm748-home)).nm710-ui, html body.nmf710-body, html body.nx400-body{ background: linear-gradient(180deg,rgba(245,246,251,.70) 0,rgba(245,246,251,.86) 220px,rgba(245,246,251,.97) 420px,var(--nmb-bg) 560px) 0 0/100% 100% no-repeat, url("/assets/img/brand/nm800-ambient.jpg") center top/max(100%,1440px) auto no-repeat, var(--nmb-bg) !important; } @media (max-width:760px){ html body:not(:has(main.nm748-home)).nm710-ui, html body.nmf710-body{ background: linear-gradient(180deg,rgba(245,246,251,.72) 0,rgba(245,246,251,.92) 200px,var(--nmb-bg) 360px) 0 0/100% 100% no-repeat, url("/assets/img/brand/nm800-ambient.jpg") 70% 0/auto 420px no-repeat, var(--nmb-bg) !important; } } /* Внутренние обёртки не должны перекрывать фон сплошной заливкой */ html body:not(:has(main.nm748-home)).nm710-ui > main, html body.nmf710-body .nmf116-shell{background:transparent !important} /* Двойной отступ под шапку (padding у body + пустой спейсер) → один */ body.nm755-fixed-header:not(:has(main.nm748-home)) .nm754-header-spacer{display:none !important} /* ---------- 3. Шапка — одна на весь сайт ---------- */ body > header.site-header, body > .nm764-header{ background:rgba(255,255,255,.80) !important; border-bottom:1px solid rgba(214,218,232,.62) !important; -webkit-backdrop-filter:blur(18px) saturate(140%) !important; backdrop-filter:blur(18px) saturate(140%) !important; } body > header.site-header .brand img, body > .nm764-header .nm764-logo img{ height:44px !important; width:auto !important; max-width:none !important; filter:none !important; } /* Клиент (отдельная вёрстка) — навигация как на остальных страницах */ .nm764-header{height:76px !important} .nm764-nav{gap:4px !important} .nm764-nav a{ display:inline-flex !important;align-items:center;gap:8px; height:42px;padding:0 13px !important;border-radius:11px !important; font-size:12.5px !important;font-weight:800 !important;color:#5b6480 !important; border:1px solid transparent; } .nm764-nav a:hover{color:var(--nmb-accent-ink) !important;background:rgba(111,92,255,.06) !important} .nm764-nav a.is-active{ color:var(--nmb-accent-ink) !important;background:var(--nmb-accent-soft) !important; border-color:var(--nmb-accent-line) !important;box-shadow:none !important; } .nm764-nav a .nm768-icon{width:17px;height:17px} /* ---------- 4. Заголовок страницы — как на главной ---------- */ /* Надпись над заголовком: фиолетовая, капсом, с чёрточкой */ html body .nm50-donate-head .nm50-kicker, html body .nm600-games-head > div > span:first-child, html body .nm108-kicker, html body .inventory-v2-header .section-kicker, html body .roulette-v4-heading .section-kicker, html body .rules-v87-kicker, html body .nm90-contact-kicker, html body main > .page-hero .eyebrow, html body .nmf600-kicker, html body .nm95-404-kicker, html body .nm764-eyebrow{ display:inline-flex !important;flex-direction:row !important;align-items:center !important;gap:10px !important; width:auto !important;min-height:0 !important; margin:0 0 16px !important;padding:0 !important; background:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important; color:var(--nmb-accent) !important; font-size:12.5px !important;line-height:1 !important;font-weight:900 !important; letter-spacing:.12em !important;text-transform:uppercase !important; } html body .nm50-donate-head .nm50-kicker::before, html body .nm600-games-head > div > span:first-child::before, html body .nm108-kicker::before, html body .inventory-v2-header .section-kicker::before, html body .roulette-v4-heading .section-kicker::before, html body .rules-v87-kicker::before, html body .nm90-contact-kicker::before, html body main > .page-hero .eyebrow::before, html body .nmf600-kicker::before, html body .nm95-404-kicker::before, html body .nm764-eyebrow::before{ content:"" !important;display:block !important; flex:0 0 28px !important;width:28px !important;height:3px !important;border-radius:999px !important;margin:0 !important; background:linear-gradient(90deg,var(--nmb-accent),#9b8cff) !important; position:static !important;box-shadow:none !important; } .nm764-eyebrow > span, .nm90-contact-kicker > i{display:none !important} /* Карточка-заголовок страницы: стекло поверх фона с главной */ .nm50-donate-head, .nm600-games-head, .nm108-hero, .inventory-v2-header, .roulette-v4-heading, .rules-v87-hero, .nm90-contact-head, .profile-unified-head, .nmf600-forum-hero{ position:relative; border:1px solid rgba(255,255,255,.85) !important; border-radius:var(--nmb-radius-xl) !important; background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,255,255,.74)) !important; -webkit-backdrop-filter:blur(14px) saturate(130%); backdrop-filter:blur(14px) saturate(130%); box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 50px rgba(28,32,70,.08) !important; overflow:hidden; } /* убрать старые декоративные пятна у заголовков, чтобы не спорили с фоном */ .nm50-donate-head::before,.nm50-donate-head::after, .nm600-games-head::before,.nm600-games-head::after, .nm108-hero::before,.nm108-hero::after, .nmf600-forum-hero::before,.nmf600-forum-hero::after{display:none !important} /* Сам заголовок */ .nm50-donate-head h1, .nm600-games-head h1, .nm108-hero h1, .inventory-v2-header h1, .roulette-v4-heading h1, .rules-v87-hero h1, .nm90-contact-head h1, main > .page-hero h1, .nmf600-forum-hero h1, .nm95-404-card h1, .payment-result-card h1{ margin:0 !important; color:var(--nmb-ink) !important; font-size:clamp(36px,3.6vw,56px) !important; line-height:1.02 !important; font-weight:900 !important; letter-spacing:-.045em !important; } .nm764-content h1{letter-spacing:-.055em !important;font-weight:900 !important;color:var(--nmb-ink) !important} .nm764-content h1 span{color:var(--nmb-accent)} /* Подзаголовок */ .nm50-donate-head h1 + p, .nm600-games-head h1 + p, .nm108-hero h1 + p, .inventory-v2-header h1 + p, .roulette-v4-heading h1 + p, .rules-v87-hero h1 + p, .nm90-contact-head h1 + p, main > .page-hero .lead, .nmf600-forum-hero h1 + p, .nm764-lead{ max-width:640px; margin:14px 0 0 !important; color:var(--nmb-muted) !important; font-size:16.5px !important; line-height:1.65 !important; font-weight:500 !important; } .nm764-lead{font-size:18px !important} .nm764-download-wrap{justify-content:flex-start !important} /* Страницы документов (блог, политика, соглашение): шапка без коробки */ main > .page-hero{background:transparent !important;border:0 !important;box-shadow:none !important} /* ---------- 5. Карточки — один радиус, одна тень, одна рамка ---------- */ .card, .nm50-donate-block, .nm50-donate-summary, .nm600-game-card, .nm108-card, .nm108-balance, .rules-v87-card, .rules-v87-nav, .nm90-contact-card, .nm113-card, .nm113-submit-card, .roulette-v4-section, .roulette-v4-stage, .roulette-recent-section, .roulette-type-card, .inventory-toolbar, .inventory-v2-toolbar, .account-sidebar, .profile-unified-card, .payment-result-card, .nm95-404-card, .nmf116-group, .nmf116-sidebar .side-card, .nmf161-shell, .nmf161-bar{ border-color:var(--nmb-line) !important; border-radius:var(--nmb-radius) !important; box-shadow:var(--nmb-shadow) !important; } a.nm600-game-card, .nm108-card, a.nm90-contact-card, .roulette-type-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important} a.nm600-game-card:hover, .nm108-card:hover, a.nm90-contact-card:hover, .roulette-type-card:hover{ transform:translateY(-2px); box-shadow:var(--nmb-shadow-hover) !important; border-color:var(--nmb-accent-line) !important; } /* ---------- 6. Кнопки — главная кнопка как «Начать играть» ---------- */ .btn-primary, .nm108-buy, .nm50-donate-submit, .nm113-submit, .roulette-v4-spin, .nmf600-hero-actions a:not(.ghost), .nm764-download, .cookie .btn-primary{ border:0 !important; border-radius:var(--nmb-radius-sm) !important; background:linear-gradient(135deg,var(--nmb-accent),var(--nmb-accent-2)) !important; color:#fff !important; font-weight:800 !important; letter-spacing:0 !important; box-shadow:var(--nmb-btn-shadow) !important; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease !important; } .btn-primary:hover, .nm108-buy:hover, .nm50-donate-submit:hover, .nm113-submit:hover, .roulette-v4-spin:hover, .nmf600-hero-actions a:not(.ghost):hover, .nm764-download:hover{ transform:translateY(-1px); box-shadow:0 18px 40px rgba(111,92,255,.34) !important; filter:saturate(1.08); } .btn-primary:disabled, .nm108-buy:disabled, .nm50-donate-submit:disabled, .roulette-v4-spin:disabled{ transform:none !important;filter:grayscale(.25) !important;opacity:.62 !important;box-shadow:none !important; } /* Кнопка «Купить» была крупнее всего остального текста на карточке */ .nm108-buy{min-height:46px !important;font-size:14.5px !important} /* Вторичные кнопки */ .btn-light, .btn-dark, .nmf600-hero-actions a.ghost{ border:1px solid var(--nmb-line) !important; border-radius:var(--nmb-radius-sm) !important; background:#fff !important; color:var(--nmb-ink) !important; font-weight:800 !important; box-shadow:0 1px 2px rgba(17,21,39,.04) !important; } .btn-light:hover, .btn-dark:hover, .nmf600-hero-actions a.ghost:hover{ border-color:var(--nmb-accent-line) !important;color:var(--nmb-accent-ink) !important;background:#fbfaff !important; } /* Фильтры/табы — «пилюли» как в меню шапки */ .inventory-filter, .nm108-filters button, .audio-tab-v17{ border-radius:12px !important; font-weight:800 !important; } .inventory-filter.active, .nm108-filters button.active, .audio-tab-v17.active{ background:var(--nmb-accent-soft) !important; border-color:var(--nmb-accent-line) !important; color:var(--nmb-accent-ink) !important; box-shadow:none !important; } /* ---------- 7. Поля ввода ---------- */ main input[type="text"], main input[type="email"], main input[type="number"], main input[type="search"], main input[type="password"], main input[type="tel"], main input[type="url"], main select, main textarea{ border:1px solid var(--nmb-line) !important; border-radius:var(--nmb-radius-sm) !important; background-color:#fff !important; color:var(--nmb-ink) !important; box-shadow:none !important; transition:border-color .15s ease,box-shadow .15s ease !important; } main input:hover,main select:hover,main textarea:hover{border-color:#d4d8e8 !important} main input:focus, main select:focus, main textarea:focus{ outline:none !important; border-color:var(--nmb-accent) !important; box-shadow:0 0 0 4px rgba(111,92,255,.14) !important; } main input::placeholder,main textarea::placeholder{color:#a3a9bd !important} main input[type="checkbox"],main input[type="radio"]{accent-color:var(--nmb-accent)} /* ---------- 8. Заголовки секций внутри страниц ---------- */ main h2{letter-spacing:-.03em;color:var(--nmb-ink)} main h3{letter-spacing:-.015em;color:var(--nmb-ink)} /* ---------- 9. Уведомления, cookie, тосты ---------- */ .cookie{ border:1px solid var(--nmb-line) !important; border-radius:18px !important; background:rgba(255,255,255,.96) !important; -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px); box-shadow:0 20px 50px rgba(17,21,39,.12) !important; } @media (min-width:761px){ html body .cookie,html body .cookie.show{left:24px !important;right:auto !important;bottom:24px !important;transform:none !important;max-width:520px !important;width:auto !important} } .toast{border-radius:18px !important;border:1px solid var(--nmb-line) !important;box-shadow:0 20px 50px rgba(17,21,39,.12) !important} /* ---------- 10. Подвал — один на весь сайт ---------- */ .nm720-site-footer, .nm747-footer, .nm764-footer, body > footer.site-footer{ background:#fff !important; border-top:1px solid var(--nmb-line-soft) !important; } .nm720-footer-logo img, .nm764-footer-brand img{height:44px !important;width:auto !important;filter:none !important} .nm720-footer-col a, .nm764-footer-col a{transition:color .15s ease} .nm720-footer-col a:hover, .nm764-footer-col a:hover{color:var(--nmb-accent-ink) !important} /* ---------- 11. Форум ---------- */ /* Двойные иконки в меню форума (иконка-спрайт + собственная SVG пункта) */ .nmf161-item:has(> .nmf161-icon) > .nm768-icon{display:none !important} .nmf116-node{transition:background .15s ease} .nmf116-node:hover{background:#fbfaff !important} .nmf600-hero-metrics > div{ border:1px solid var(--nmb-line) !important;border-radius:18px !important;background:rgba(255,255,255,.85) !important;box-shadow:none !important; } /* ---------- 12. Админка: тот же шрифт, цвета, кнопки ---------- */ .nx400-body{color:var(--nmb-text)} .nx400-body .nx400-nav-item.active, .nx400-body .nx400-nav-item.is-active{ background:var(--nmb-accent-soft) !important;color:var(--nmb-accent-ink) !important; } .nx400-body .nx400-main button.primary, .nx400-body .nx400-main .btn-primary, .nx400-body .nx400-main [type="submit"]:not(.ghost):not(.danger){ border:0 !important;border-radius:12px !important; background:linear-gradient(135deg,var(--nmb-accent),var(--nmb-accent-2)) !important;color:#fff !important; } .nx400-body .nx400-main input:focus, .nx400-body .nx400-main select:focus, .nx400-body .nx400-main textarea:focus{ outline:none !important;border-color:var(--nmb-accent) !important;box-shadow:0 0 0 4px rgba(111,92,255,.14) !important; } /* ---------- 13. Мобильная версия ---------- */ @media (max-width:760px){ .nm50-donate-head, .nm600-games-head, .nm108-hero, .inventory-v2-header, .roulette-v4-heading, .rules-v87-hero, .nm90-contact-head, .nmf600-forum-hero{border-radius:22px !important} .nm50-donate-head h1, .nm600-games-head h1, .nm108-hero h1, .inventory-v2-header h1, .roulette-v4-heading h1, .rules-v87-hero h1, .nm90-contact-head h1, main > .page-hero h1, .nmf600-forum-hero h1{font-size:34px !important} body > header.site-header .brand img, body > .nm764-header .nm764-logo img{height:36px !important} } /* ---------- 14. Магазин: текст был свёрстан в масштабе ~60% (6–8px) ---------- */ .nm108-shop-page .nm108-kicker{font-size:12.5px !important} .nm108-shop-page .nm108-hero p{font-size:16.5px !important} .nm108-shop-page .nm108-wallet{display:flex;flex-direction:column;justify-content:center;padding:26px !important} .nm108-shop-page .nm108-wallet-top span:first-child{font-size:12px !important;letter-spacing:.08em;text-transform:uppercase;color:var(--nmb-subtle) !important} .nm108-shop-page .nm108-wallet strong{margin-top:10px !important;font-size:34px !important;font-weight:900;color:var(--nmb-ink)} .nm108-shop-page .nm108-wallet strong small{font-size:13px !important} .nm108-shop-page .nm108-wallet>small{font-size:12.5px !important;margin-top:6px !important;color:var(--nmb-subtle) !important} .nm108-shop-page .nm108-catalog-head h2{font-size:22px !important;font-weight:850} .nm108-shop-page .nm108-catalog-head p{font-size:13px !important} .nm108-shop-page .nm108-count{font-size:12px !important;padding:7px 12px !important;border-radius:999px !important} .nm108-shop-page .nm600-shop-filters button{font-size:13px !important;min-height:40px !important;padding:0 14px !important;border-radius:12px !important;font-weight:800 !important} .nm108-shop-page .nm600-shop-filters button.active{background:var(--nmb-accent-soft) !important;border-color:var(--nmb-accent-line) !important;color:var(--nmb-accent-ink) !important} .nm108-shop-page .nm600-shop-search input{font-size:13.5px !important;min-height:40px !important} .nm108-shop-page .nm108-tag{font-size:10px !important;padding:5px 9px !important;letter-spacing:.08em !important} .nm108-shop-page .nm108-title h3{font-size:16px !important;font-weight:850 !important;color:var(--nmb-ink)} .nm108-shop-page .nm108-price{font-size:18px !important;color:var(--nmb-accent-ink) !important} .nm108-shop-page .nm108-price small{font-size:10.5px !important} .nm108-shop-page .nm108-card p{font-size:13px !important;line-height:1.5 !important;color:var(--nmb-muted) !important;margin:6px 0 10px !important} .nm108-shop-page .nm108-card-meta{font-size:11.5px !important;color:var(--nmb-subtle) !important;margin-bottom:12px !important} .nm108-shop-page .nm108-card-meta span{font-size:11.5px !important} .nm108-shop-page .nm108-note{font-size:13px !important;padding:14px 18px !important;border-radius:16px !important} .nm108-shop-page .nm108-modal-head h3{font-size:18px !important} .nm108-shop-page .nm108-product-info h2{font-size:28px !important} .nm108-shop-page .nm108-product-info>p{font-size:14px !important} .nm108-shop-page .nm108-line{font-size:13.5px !important} .nm108-shop-page .nm108-line strong{font-size:15px !important} .nm108-shop-page .nm108-qty b{font-size:14px !important} .nm108-shop-page .nm108-confirm{font-size:15px !important;height:48px !important;border-radius:var(--nmb-radius-sm) !important;background:linear-gradient(135deg,var(--nmb-accent),var(--nmb-accent-2)) !important;box-shadow:var(--nmb-btn-shadow)} .nm108-shop-page .nm108-field label{font-size:12.5px !important} .nm108-shop-page .nm108-field input, .nm108-shop-page .nm108-field select{font-size:14px !important;height:46px !important;border-radius:var(--nmb-radius-sm) !important} .nm108-shop-page .nm108-secondary{font-size:13.5px !important;height:46px !important;border-radius:var(--nmb-radius-sm) !important} .nm108-shop-page .nm108-status{font-size:13px !important} .nm108-shop-page .nm108-plate-region small, .nm108-shop-page .nm108-price-box small, .nm108-shop-page .nm108-price-box strong span{font-size:11.5px !important} .nm108-shop-page .nm108-rule{font-size:12px !important} .nm108-shop-page .nm108-toast strong{font-size:14px !important} .nm108-shop-page .nm108-toast span{font-size:13px !important} /* кнопки «Купить» на одной линии независимо от длины описания */ .nm108-shop-page .nm108-grid{align-items:stretch !important} .nm108-shop-page .nm108-card{display:flex !important;flex-direction:column !important;height:auto !important;align-self:stretch !important} .nm108-shop-page .nm108-card .nm108-body{display:flex !important;flex-direction:column !important;flex:1 1 auto !important} html body.nm108-shop-page:not(.nm800-z) .nm108-card .nm108-body > .nm108-buy{margin-top:auto !important} html body.nm108-shop-page:not(.nm800-z) .nm108-card .nm108-card-meta{margin-bottom:14px !important} .nm108-shop-page .nm108-wallet strong{color:var(--nmb-ink) !important} /* ---------- 15. Мобильные доработки ---------- */ /* Форум: двойные иконки в нижней панели + иконки были залиты чёрным */ .nmf170-mobile-dock a > .nm768-icon{display:none !important} .nmf170-mobile-dock a span svg{fill:none !important;stroke:currentColor !important;stroke-width:1.8 !important;stroke-linecap:round;stroke-linejoin:round;width:20px !important;height:20px !important} .nmf170-mobile-dock a.active{color:var(--nmb-accent-ink) !important;background:var(--nmb-accent-soft) !important} @media (max-width:760px){ /* Магазин: метка категории не вылезает за картинку */ .nm108-shop-page .nm108-tag{font-size:8.5px !important;padding:3px 7px !important;letter-spacing:.04em !important;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Клиент: текст поверх картинки читается (как карточка на главной) */ html body.nm764-page .nm764-hero{height:auto !important} html body.nm764-page .nm764-overlay{background:linear-gradient(180deg,rgba(249,250,253,.30) 0%,rgba(249,250,253,.82) 30%,rgba(249,250,253,.93) 100%) !important} .nm764-eyebrow{font-size:11px !important;letter-spacing:.08em !important;line-height:1.35 !important} .nm764-content h1{font-size:42px !important} .nm764-lead{font-size:16px !important} } /* ---------- 16. Иконки: одна аккуратная линейная система вместо символов ◎ ◆ ✦ ♫ ◫ ---------- */ :root{ --nmb-i-gift:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209a1%201%200%200%201%201%20-1h16a1%201%200%200%201%201%201v2a1%201%200%200%201%20-1%201h-16a1%201%200%200%201%20-1%20-1l0%20-2%22/%3E%3Cpath%20d%3D%22M12%208l0%2013%22/%3E%3Cpath%20d%3D%22M19%2012v7a2%202%200%200%201%20-2%202h-10a2%202%200%200%201%20-2%20-2v-7%22/%3E%3Cpath%20d%3D%22M7.5%208a2.5%202.5%200%200%201%200%20-5a4.8%208%200%200%201%204.5%205a4.8%208%200%200%201%204.5%20-5a2.5%202.5%200%200%201%200%205%22/%3E%3C/svg%3E"); --nmb-i-crown:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206l4%206l5%20-4l-2%2010h-14l-2%20-10l5%204z%22/%3E%3C/svg%3E"); --nmb-i-diamond:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%205h12l3%205l-8.5%209.5a.7%20.7%200%200%201%20-1%200l-8.5%20-9.5l3%20-5%22/%3E%3Cpath%20d%3D%22M10%2012l-2%20-2.2l.6%20-1%22/%3E%3C/svg%3E"); --nmb-i-music:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017a3%203%200%201%200%206%200a3%203%200%200%200%20-6%200%22/%3E%3Cpath%20d%3D%22M13%2017a3%203%200%201%200%206%200a3%203%200%200%200%20-6%200%22/%3E%3Cpath%20d%3D%22M9%2017v-13h10v13%22/%3E%3Cpath%20d%3D%22M9%208h10%22/%3E%3C/svg%3E"); --nmb-i-messages:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2014l-3%20-3h-7a1%201%200%200%201%20-1%20-1v-6a1%201%200%200%201%201%20-1h9a1%201%200%200%201%201%201v10%22/%3E%3Cpath%20d%3D%22M14%2015v2a1%201%200%200%201%20-1%201h-7l-3%203v-10a1%201%200%200%201%201%20-1h2%22/%3E%3C/svg%3E"); --nmb-i-target:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%2012a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200%22/%3E%3Cpath%20d%3D%22M7%2012a5%205%200%201%200%2010%200a5%205%200%201%200%20-10%200%22/%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200%22/%3E%3C/svg%3E"); }/* Автоматические иконки (скрипт v768 подбирал их по тексту и часто ошибался: например, «каталога» → иконка документа). В контенте страниц убираем, в меню шапки оставляем. */ main :not(.nm108-buy):not(.nm36-sidebar-logout) > .nm768-icon{display:none !important} /* Замена текстовых символов на иконки */ .roulette-type-icon, .nm600-game-art > span, .nmf153-fallback-icon, .audio-track-icon{ position:relative; font-size:0 !important; color:transparent !important; line-height:0 !important; } .roulette-type-icon::before, .nm600-game-art > span::before, .nmf153-fallback-icon::before, .audio-track-icon::before{ content:""; display:block; width:24px;height:24px; background:var(--nmb-accent); -webkit-mask:var(--nmb-ic,var(--nmb-i-messages)) center/contain no-repeat; mask:var(--nmb-ic,var(--nmb-i-messages)) center/contain no-repeat; } .roulette-type-icon{display:inline-grid !important;place-items:center} [data-roulette-type="free"] .roulette-type-icon{--nmb-ic:var(--nmb-i-gift)} [data-roulette-type="gold"] .roulette-type-icon{--nmb-ic:var(--nmb-i-crown)} [data-roulette-type="diamond"] .roulette-type-icon{--nmb-ic:var(--nmb-i-diamond)} [data-roulette-type="gold"] .roulette-type-icon::before{background:#c98a12} [data-roulette-type="diamond"] .roulette-type-icon::before{background:#2f8fd8} .nm600-game-art > span{display:grid !important;place-items:center} .nm600-game-art > span::before{width:40px;height:40px} .nm600-game-art.roulette > span{--nmb-ic:var(--nmb-i-gift)} .nm600-game-art.music > span{--nmb-ic:var(--nmb-i-music)} .nm600-game-art.forum > span{--nmb-ic:var(--nmb-i-messages)} .audio-track-icon{--nmb-ic:var(--nmb-i-music);display:inline-grid !important;place-items:center} .nmf153-fallback-icon{display:grid !important;place-items:center;width:100%;height:100%} /* Форум: иконки разделов — единая плитка, битые картинки не показывают alt-текст */ .nmf153-node-icon, .nmf1641-group-icon{ display:grid !important;place-items:center !important; width:46px !important;height:46px !important;min-width:46px; border-radius:14px !important; background:var(--nmb-accent-soft) !important; border:1px solid var(--nmb-accent-line) !important; box-shadow:none !important;overflow:hidden; } .nmf153-node-icon img, .nmf1641-group-icon img{ width:28px !important;height:28px !important;object-fit:contain !important; color:transparent !important;font-size:0 !important; filter:none !important;background:none !important;border:0 !important;box-shadow:none !important; } /* ---------- 17. Рулетка ---------- */ .roulette-v4-section{background:transparent !important;border:0 !important;box-shadow:none !important} .roulette-type-card > span:not(.roulette-type-icon){display:flex !important;flex-direction:column !important;align-items:flex-start;gap:3px;min-width:0;text-align:left} .roulette-type-card > span:not(.roulette-type-icon) strong{white-space:nowrap} .roulette-type-card > span:not(.roulette-type-icon) small{white-space:normal} .roulette-v4-payment{ padding:14px 18px !important;border:1px solid var(--nmb-line) !important;border-radius:16px !important;background:#fff !important; } .roulette-v4-payment span{display:block;margin-bottom:4px;color:var(--nmb-muted) !important;font-size:12px !important;font-weight:700} .roulette-v4-payment strong{font-size:17px !important} .roulette-v4-payment small{display:block;margin-top:4px;color:var(--nmb-muted) !important} /* ---------- 18. Профиль: боковое меню на одной линии с контентом ---------- */ /* (боковое меню липнет под шапкой — см. п. 27) */ /* ---------- 19. Читаемость серого текста ---------- */ .nm747-bottom, .nm747-bottom *, .nm720-footer-bottom, .nm720-footer-bottom *, .nm764-footer-bottom, .nm764-footer-bottom *{color:#6b7390 !important} .nm108-shop-page .nm108-card-meta, .nm108-shop-page .nm108-card-meta span, .nm108-shop-page .nm108-note, .nm108-shop-page .nm108-note span{color:#6b7390 !important} .cookie p{color:#4f5770 !important} .roulette-v4-payment small, .roulette-type-card small{color:#646c87 !important} /* ---------- 20. Игры: мелкий текст в карточках ---------- */ .nm600-game-copy small{font-size:11.5px !important;letter-spacing:.1em !important;color:var(--nmb-accent) !important;font-weight:900 !important} .nm600-game-copy h2{font-size:26px !important;letter-spacing:-.03em !important;color:var(--nmb-ink) !important} .nm600-game-copy p{font-size:14.5px !important;line-height:1.55 !important;color:var(--nmb-muted) !important} .nm600-game-copy b,.nm600-game-copy em,.nm600-game-copy span:last-child{font-size:13.5px !important} /* ---------- 21. Никаких двойных иконок: если у элемента есть своя, автоматическую скрываем ---------- */ .nm768-iconified:has(> svg:not(.nm768-icon)) > .nm768-icon, .nm768-iconified:has(> span svg) > .nm768-icon, .nm768-iconified:has(> span img) > .nm768-icon, .nm768-iconified:has(> img) > .nm768-icon, .nm768-iconified:has(> i svg) > .nm768-icon{display:none !important} /* ---------- 22. Шапка закреплена одинаково на всех страницах ---------- */ html body:not(.nm800-a):not(.nm800-b) > header.site-header.site-header{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;z-index:5000 !important} html body:has(> header.site-header){padding-top:76px !important} @media (max-width:900px){ html body:has(> header.site-header){padding-top:58px !important} } body:has(> header.site-header):not(:has(main.nm748-home)) .nm754-header-spacer{display:none !important} /* ---------- 23. Профиль на телефоне: меню сверху, контент на всю ширину ---------- */ @media (max-width:980px){ html body .account-shell, html body.account-page #account-dashboard:not([hidden]){grid-template-columns:minmax(0,1fr) !important;gap:14px !important} html body .account-shell > aside{position:relative !important;top:auto !important;width:auto !important;max-width:none !important} html body .account-shell > .account-content{min-width:0 !important;width:auto !important} html body.account-page.nm710-ui .profile-unified-stats{display:grid !important;grid-template-columns:1fr 1fr !important} html body.account-page.nm710-ui .profile-unified-stats > *{border:0 !important;border-bottom:1px solid var(--nmb-line-soft) !important;padding:16px !important} html body.account-page.nm710-ui .account-panel{padding:0 !important} html body.account-page.nm710-ui .profile-unified-body{padding:14px !important} html body.account-page.nm710-ui .profile-game-section{margin:0 !important;padding:16px !important} html body.account-page.nm710-ui .profile-unified-stats strong, html body.account-page.nm710-ui .profile-unified-stats b{font-size:17px !important} } /* ---------- 24. Один шрифт на всех элементах (убирает «Arial Black» / «Arial Narrow» из старых стилей) ---------- */ html body *:not(svg, svg *, code, pre, kbd, samp, .material-icons){font-family:var(--nmb-font) !important} /* ---------- 25. Минимальные размеры текста (раньше местами было 9–10px) ---------- */ /* Донат */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm50-donate p:not(.nm800-z){font-size:13.5px !important;line-height:1.5 !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm50-donate-head h1 + p{font-size:16.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm50-donate :is(span,small,label):not(.nm50-kicker){font-size:13px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm50-donate .nm50-donate-step{font-size:12px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm50-donate :is(.nm50-consent a, .nm50-credit strong){font-size:13px !important} /* Конкурс */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nm113-contest-page main p:not(.nm113-lead):not(.nm113-overline){font-size:14px !important;line-height:1.55 !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nm113-contest-page main p > b{font-size:inherit !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nm113-contest-page main :is(small, .nm113-live, .nm113-fund, .nm113-card-head > span, .nm113-submit-head > span, article > b, div > span:not([class*="icon"])){font-size:12.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nm113-contest-page main .nm113-overline{font-size:12.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nm113-contest-page main :is(.nm113-login-required > a, .container > a){font-size:13.5px !important} /* Трейды */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) :is(.nm36-sidebar-logout, .nm34-logout){font-size:13px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).trades-page main label{font-size:12.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm36-trade-tab{font-size:13px !important;min-height:36px;padding:0 14px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm83-error strong{font-size:14px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm83-error span{font-size:13px !important} /* Правила */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-version :is(span,small){font-size:12px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-nav-title{font-size:11.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-nav > a{font-size:13.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-nav > a b{font-size:11px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-num{font-size:12px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-sub{font-size:13px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-note span{font-size:12.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-list > li{font-size:14.5px !important;line-height:1.55 !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .rules-v87-card p{font-size:14.5px !important;line-height:1.6 !important} /* Контакты */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm90-contact-crumbs > *{font-size:12.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) :is(.nm90-contact-online, .nm90-contact-copy > span, .nm90-contact-note > span){font-size:11.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm90-contact-copy > small{font-size:13px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm90-contact-note > p{font-size:14px !important} /* Игры */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm600-game-copy > small{font-size:11.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm600-game-copy > p{font-size:14.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .nm600-game-copy > b{font-size:13.5px !important} /* Рулетка */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) main small[class*="rarity-"]{font-size:11px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .roulette-recent-copy > span{font-size:13px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .roulette-recent-copy > small{font-size:11.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) .roulette-recent-type{font-size:11px !important} /* Документы */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) main .document td, html body:not(.nm800-z):not(.nm800-y):not(.nm800-w) main table td{font-size:13.5px !important} /* Форум */ html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nmf600-body .node-last small, html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nmf600-body .node-copy small{font-size:12.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nmf600-body :is(.nmf1641-group-title p, .nmf116-group > header p){font-size:12.5px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nmf600-body .stats-grid span{font-size:12px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nmf600-body .nmf600-quick a{font-size:13px !important} html body:not(.nm800-z):not(.nm800-y):not(.nm800-w).nmf600-body .online-list a{font-size:13px !important} /* ---------- 26. Мобильные шапки ---------- */ @media (max-width:760px){ html body .nmf161-bar .nmf161-brand-copy{display:block !important} html body .nmf161-bar{min-height:58px !important;padding:8px 12px !important} html body.nm764-page .nm764-header{height:58px !important} html body.nm764-page .nm764-nav{top:66px !important} html body.nm764-page .nm764-logo img{height:36px !important;width:auto !important} html body.nm764-page .nm764-menu-btn{width:40px !important;height:40px !important;padding:9px !important;border-radius:12px !important} html body.nm764-page .nm764-menu-btn span{margin:4px 0 !important} } /* ---------- 27. Прилипающие панели (меню профиля, панель форума, оглавление правил) ---------- overflow-x:hidden у делал его отдельной областью прокрутки, из-за чего «липкие» панели съезжали вниз на высоту шапки и наезжали на контент. clip прячет горизонтальную прокрутку так же, но без этого побочного эффекта. */ html body{overflow-x:clip !important;overflow-y:visible !important} /* ===================================================================== V804 — инвентарь: меню кабинета слева, номера, пустые категории ===================================================================== */ @media (min-width:981px){ html body.inventory-page .inventory-v2-main > .container:has(> .nm36-sidebar){ display:grid !important;grid-template-columns:244px minmax(0,1fr) !important;column-gap:18px !important;row-gap:14px !important;align-items:start !important; } html body.inventory-page .inventory-v2-main > .container > .nm36-sidebar{grid-column:1 !important;grid-row:1 / span 12 !important;position:sticky !important;top:92px !important} html body.inventory-page .inventory-v2-main > .container:has(> .nm36-sidebar) > :not(.nm36-sidebar){grid-column:2 !important;min-width:0} } html body.inventory-page .nm36-sidebar{ width:auto !important;padding:10px !important;border:1px solid var(--nmb-line) !important;border-radius:20px !important; background:#fff !important;box-shadow:var(--nmb-shadow) !important; } html body.inventory-page .nm36-sidebar .nm36-sidebar-logout{ display:flex !important;align-items:center;gap:10px;width:100% !important;min-height:44px;margin-top:8px;padding:0 14px !important; border:1px solid var(--nmb-line) !important;border-radius:13px !important;background:#fff !important;color:var(--nmb-ink) !important;font-size:13.5px !important;font-weight:800;cursor:pointer; } @media (max-width:980px){ html body.inventory-page .nm36-sidebar{margin-bottom:14px} html body.inventory-page .nm36-sidebar .nm36-sidebar-nav{display:flex !important;gap:6px;overflow-x:auto;scrollbar-width:none} html body.inventory-page .nm36-sidebar .nm36-sidebar-link{flex:0 0 auto;white-space:nowrap} html body.inventory-page .nm36-sidebar .nm36-sidebar-logout{display:none !important} } /* пустая категория */ html body .inventory-empty:not([hidden]){ display:flex !important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px; padding:48px 24px !important;margin:0 !important;border:1.5px dashed #d9dcea !important;border-radius:22px !important; background:rgba(255,255,255,.85) !important;box-shadow:none !important; } html body .inventory-empty::before{ content:"";width:64px;height:64px;margin-bottom:10px;border-radius:20px; background:var(--nmb-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f5cff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3'/%3E%3Cpath d='M12 12l8-4.5M12 12v9M12 12L4 7.5'/%3E%3C/svg%3E") center/30px no-repeat; border:1px solid var(--nmb-accent-line); } html body .inventory-empty h2{margin:0 !important;color:var(--nmb-ink) !important;font-size:20px !important;font-weight:850 !important;letter-spacing:-.02em} html body .inventory-empty p{margin:0 0 12px !important;color:var(--nmb-muted) !important;font-size:14.5px !important;max-width:420px} html body .inventory-empty .btn{min-height:44px !important;padding:0 20px !important;border:0 !important;border-radius:14px !important; background:linear-gradient(135deg,var(--nmb-accent),var(--nmb-accent-2)) !important;color:#fff !important;font-weight:800 !important;box-shadow:var(--nmb-btn-shadow) !important} html body .inventory-empty:not([hidden]) ~ .inventory-section-heading{display:none !important} /* ---------- Номерные знаки ---------- */ html body .inventory-grid:has(.nm804-plate-card){grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important;gap:14px !important} html body .nm804-plate-card{ display:flex !important;flex-direction:column;gap:16px;padding:18px !important;border:1px solid var(--nmb-line) !important;border-radius:20px !important; background:#fff !important;box-shadow:var(--nmb-shadow) !important; } html body .nm804-plate-card .inventory-plate-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px} html body .nm804-plate-card .inventory-plate-country{display:inline-flex;align-items:center;gap:8px;color:var(--nmb-ink);font-size:14px;font-weight:800} html body .nm804-plate-card .inventory-plate-country .nm804-flag{width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.12)} html body .nm804-plate-card .inventory-plate-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e9f8f0;color:#138a52;font-size:12px;font-weight:800} html body .nm804-plate-card .inventory-plate-status::before{content:"";width:6px;height:6px;border-radius:50%;background:#1f9d63} html body .nm804-plate-card .inventory-plate-copy h3{display:none !important} html body .nm804-plate-card .inventory-plate-copy p{margin:0 !important;color:var(--nmb-subtle) !important;font-size:13px !important} .nm804-plate{ display:flex;align-items:stretch;height:58px;overflow:hidden;border:2.5px solid #111;border-radius:8px;background:#fff;color:#111; font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif !important;font-weight:700;box-shadow:inset 0 0 0 2px #fff,0 6px 16px rgba(17,21,39,.10); user-select:none; } .nm804-main{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:32px;line-height:1;letter-spacing:.02em;white-space:nowrap} .nm804-main span:nth-child(2){font-size:36px} .nm804-region{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:58px;padding:0 6px;border-left:2.5px solid #111} .nm804-region strong{font-size:27px;line-height:1} .nm804-region small{display:flex;align-items:center;gap:3px;margin-top:2px;font-size:10.5px;font-weight:800;letter-spacing:.06em} .nm804-region small .nm804-flag{width:13px;height:8px;box-shadow:0 0 0 .5px #111} .nm804-band{flex:0 0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0047ab;color:#fff} .nm804-band b{font-size:11px;font-weight:800;letter-spacing:.03em;font-family:Arial,sans-serif} .nm804-band .nm804-flag{width:18px;height:12px;border-radius:2px} /* цвета полосы у разных стран */ .nm804-plate-ua .nm804-band{background:#0047ab} .nm804-plate-kz .nm804-band{background:#00afca} .nm804-plate-by .nm804-band{background:#fff;color:#111;border-right:2px solid #111} .nm804-plate-kz .nm804-main span:nth-child(2){font-size:32px} .nm804-plate-by .nm804-main span:nth-child(1){font-size:36px} /* флаги */ .nm804-flag{display:inline-block;flex:0 0 auto} .nm804-flag-ru{background:linear-gradient(#fff 0 33.3%,#0039a6 0 66.6%,#d52b1e 0)} .nm804-flag-ua{background:linear-gradient(#0057b7 0 50%,#ffd700 0)} .nm804-flag-kz{background:#00afca radial-gradient(circle at 55% 45%,#fec50c 0 22%,transparent 23%)} .nm804-flag-by{background:linear-gradient(#c8313e 0 66%,#4aa657 0)} .nm804-flag-ge{background:#fff linear-gradient(90deg,transparent 43%,#ff0000 43% 57%,transparent 57%),linear-gradient(transparent 40%,#ff0000 40% 60%,transparent 60%)} .nm804-flag-am{background:linear-gradient(#d90012 0 33.3%,#0033a0 0 66.6%,#f2a800 0)} .nm804-flag-uz{background:linear-gradient(#0099b5 0 33.3%,#fff 0 66.6%,#1eb53a 0)} @media (max-width:420px){.nm804-main{font-size:26px}.nm804-main span:nth-child(2){font-size:30px}.nm804-region strong{font-size:22px}} .nm804-plate-kz .nm804-main,.nm804-plate-kz .nm804-main span:nth-child(2){font-size:27px} .nm804-plate-kz .nm804-main span:nth-child(1){font-size:30px} .nm804-plate-ua .nm804-main{font-size:30px}.nm804-plate-ua .nm804-main span:nth-child(2){font-size:33px} html body.inventory-page .inventory-v2-main > .container > .nm36-sidebar{margin-top:0 !important} html body.inventory-page .inventory-pager[hidden]{display:none !important} @media (min-width:761px){ html body.inventory-page .inventory-v2-toolbar{display:flex !important;align-items:flex-end !important;gap:14px !important;flex-wrap:nowrap !important} html body.inventory-page .inventory-v2-toolbar .inventory-category-tabs{flex:1 1 auto;min-width:0;display:flex !important;flex-wrap:wrap !important;gap:6px !important} html body.inventory-page .inventory-v2-toolbar .inventory-rarity-select{flex:0 0 170px;margin:0 !important} } /* меню кабинета на телефоне — горизонтальная лента пунктов */ @media (max-width:980px){ html body .nm36-sidebar .nm36-sidebar-nav{display:flex !important;flex-wrap:nowrap !important;gap:6px !important;overflow-x:auto !important;scrollbar-width:none;padding-bottom:2px} html body .nm36-sidebar .nm36-sidebar-nav::-webkit-scrollbar{display:none} html body .nm36-sidebar .nm36-sidebar-link{flex:0 0 auto !important;width:auto !important;min-width:0 !important;display:inline-flex !important;align-items:center;gap:8px;padding:6px 12px 6px 6px !important;white-space:nowrap} html body .nm36-sidebar .nm36-sidebar-link[hidden]{display:none !important} html body .nm36-sidebar .nm36-sidebar-logout{display:none !important} } /* ---------- V804: аудиозаписи ---------- */ html body #audio-list{display:flex !important;flex-direction:column !important;gap:10px !important} html body #audio-list .audio-track{ display:grid !important;grid-template-columns:minmax(0,1fr) minmax(220px,1.1fr) auto !important;align-items:center !important;gap:16px !important; padding:12px 14px !important;border:1px solid var(--nmb-line) !important;border-radius:18px !important;background:#fff !important;box-shadow:none !important; transition:border-color .15s,box-shadow .15s; } html body #audio-list .audio-track:hover{border-color:var(--nmb-accent-line) !important;box-shadow:0 10px 26px rgba(17,21,39,.06) !important} html body #audio-list .audio-track.is-playing{border-color:var(--nmb-accent) !important;background:#fbfaff !important} html body #audio-list .audio-track-info{display:flex !important;align-items:center !important;gap:12px !important;min-width:0} html body #audio-list .audio-track-icon{flex:0 0 46px;width:46px !important;height:46px !important;border-radius:14px !important;background:var(--nmb-accent-soft) !important;box-shadow:none !important} html body #audio-list .audio-track-copy{min-width:0;display:flex;flex-direction:column;gap:2px} html body #audio-list .audio-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nmb-ink) !important;font-size:15px !important;font-weight:850 !important} html body #audio-list .audio-track-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nmb-accent-ink) !important;font-size:13px !important;font-weight:700 !important} html body #audio-list .audio-track-meta{color:var(--nmb-subtle) !important;font-size:12px !important} html body #audio-list audio.nm804-native{display:none !important} .nm804-player{display:flex;align-items:center;gap:12px;min-width:0} .nm804-play{ flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer; background:linear-gradient(135deg,var(--nmb-accent),var(--nmb-accent-2));color:#fff;box-shadow:0 8px 18px rgba(111,92,255,.28);transition:transform .15s; } .nm804-play:hover{transform:scale(1.06)} .nm804-play svg{width:18px;height:18px;fill:#fff} .nm804-bar{position:relative;flex:1;height:6px;border-radius:999px;background:#eceef6} .nm804-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--nmb-accent),#9b8cff);pointer-events:none} .nm804-bar input{position:absolute;inset:-8px 0;width:100%;height:22px;margin:0;opacity:0;cursor:pointer} .nm804-time{flex:0 0 auto;min-width:78px;text-align:right;color:var(--nmb-muted);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums} html body #audio-list .audio-delete{ display:inline-flex !important;align-items:center !important;gap:6px !important;min-height:38px !important;padding:0 13px !important; border:1px solid #ffd2d2 !important;border-radius:11px !important;background:#fff5f5 !important;color:#d23b3b !important;font-size:13px !important;font-weight:800 !important;cursor:pointer; } html body #audio-list .audio-delete svg{width:16px;height:16px} html body #audio-list .audio-delete .nm768-icon,html body #audio-list .audio-delete .audio-delete-icon{display:none !important} html body #audio-list .audio-delete:hover{background:#e5484d !important;border-color:#e5484d !important;color:#fff !important} html body #audio-list .audio-library-add-v17{width:38px !important;height:38px !important;border-radius:11px !important;border:1px solid var(--nmb-accent-line) !important;background:var(--nmb-accent-soft) !important;color:var(--nmb-accent-ink) !important;font-size:18px !important;font-weight:800 !important} @media (max-width:760px){ html body #audio-list .audio-track{grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:"info act" "player player"} html body #audio-list .audio-track-info{grid-area:info} html body #audio-list .nm804-player{grid-area:player} html body #audio-list .audio-delete,html body #audio-list .audio-library-add-v17{grid-area:act} html body #audio-list .audio-delete span{display:none} } html body #audio-list .audio-delete svg{display:block !important;width:17px !important;height:17px !important;min-width:17px;flex:0 0 17px} html body #audio-list .audio-track-icon{display:grid !important;place-items:center !important;padding:0 !important} html body #audio-list .audio-track-icon::before{width:22px !important;height:22px !important;margin:0 !important} @media (max-width:760px){html body #audio-list .audio-delete{width:40px !important;padding:0 !important;justify-content:center !important}} html body .audio-track-icon,html body .roulette-type-icon,html body .nm600-game-art > span,html body .nmf153-fallback-icon{display:flex !important;align-items:center !important;justify-content:center !important} @media (max-width:760px){html body #audio-list .audio-delete{justify-self:end !important}} html body #audio-list .audio-track-icon{position:relative !important} html body #audio-list .audio-track-icon::before{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important} /* ---------- V804: донат — карточка «К оплате» (текст был белым на белом) ---------- */ html body .nm50-donate :is(.nm50-summary-title,.nm50-summary-list,.nm50-summary-total){color:var(--nmb-ink) !important} html body .nm50-summary-title{display:flex !important;align-items:center !important;gap:12px !important;padding-bottom:16px !important;border-bottom:1px solid var(--nmb-line-soft) !important} html body .nm50-summary-coin{ flex:0 0 46px;width:46px !important;height:46px !important;border-radius:14px !important; background:linear-gradient(135deg,var(--nmb-accent),var(--nmb-accent-2)) url("/assets/img/favicon.png") center/30px no-repeat !important; box-shadow:0 10px 22px rgba(111,92,255,.28) !important; } html body .nm50-summary-title div{display:flex;flex-direction:column;gap:2px} html body .nm50-summary-title span:not(.nm50-summary-coin){color:var(--nmb-subtle) !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.08em;text-transform:uppercase} html body .nm50-summary-title strong{color:var(--nmb-ink) !important;font-size:18px !important;font-weight:900 !important} html body .nm50-summary-list{display:flex !important;flex-direction:column !important;gap:10px !important;padding:16px 0 !important;border-bottom:1px solid var(--nmb-line-soft) !important} html body .nm50-summary-list > div,html body .nm50-summary-total{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important} html body .nm50-summary-list span,html body .nm50-summary-total span{color:var(--nmb-muted) !important;font-size:14px !important;font-weight:600 !important} html body .nm50-summary-list strong{color:var(--nmb-ink) !important;font-size:14.5px !important;font-weight:800 !important} html body .nm50-summary-total{padding:16px 0 !important} html body .nm50-summary-total strong{color:var(--nmb-ink) !important;font-size:28px !important;font-weight:900 !important;letter-spacing:-.02em} html body .nm50-donate-submit{width:100% !important;min-height:52px !important;justify-content:center !important;font-size:15.5px !important} html body .nm50-donate-submit span{width:100%;text-align:center} html body .nm50-credit span{color:var(--nmb-muted) !important} /* ---------- V804: окно входа и регистрации ---------- */ html body .auth-modal .auth-dialog{ display:grid !important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important; width:min(940px,calc(100vw - 32px)) !important;max-height:min(760px,calc(100dvh - 32px)) !important;overflow:hidden !important; border:0 !important;border-radius:28px !important;background:#fff !important;box-shadow:0 40px 100px rgba(10,12,30,.35) !important; } html body .auth-modal .auth-art{ position:relative !important;overflow:hidden !important;min-height:0 !important; background:radial-gradient(120% 80% at 20% 0%,#8b76ff 0%,#6f5cff 38%,#3a2c99 100%) !important; } html body .auth-modal .auth-art > img{position:absolute !important;left:50% !important;bottom:0 !important;transform:translateX(-50%) !important;width:118% !important;max-width:none !important;height:auto !important;opacity:.95;filter:drop-shadow(0 20px 40px rgba(0,0,0,.35))} html body .auth-modal .auth-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,28,120,0) 45%,rgba(24,16,70,.75) 100%);pointer-events:none} html body .auth-modal .auth-art-copy{position:absolute !important;left:32px !important;right:32px !important;top:32px !important;bottom:auto !important;z-index:2} html body .auth-modal .auth-art-copy img{content:url("/assets/img/logo-white.png");width:170px !important;height:auto !important;filter:none !important} html body .auth-modal .auth-art-copy p{margin:14px 0 0 !important;color:rgba(255,255,255,.92) !important;font-size:15px !important;line-height:1.55 !important;font-weight:600 !important;max-width:280px} html body .auth-modal .auth-form-side{position:relative !important;overflow-y:auto !important;padding:30px 34px !important;background:#fff !important} html body .auth-modal .auth-close{ position:absolute !important;top:18px !important;right:18px !important;width:38px !important;height:38px !important;border:1px solid var(--nmb-line) !important;border-radius:12px !important; background:#fff !important;color:var(--nmb-muted) !important;font-size:20px !important;line-height:1 !important;cursor:pointer; } html body .auth-modal .auth-close:hover{background:#f7f6ff !important;color:var(--nmb-accent-ink) !important} html body .auth-modal .auth-tabs-modern{display:inline-flex !important;gap:4px !important;padding:4px !important;margin:0 0 22px !important;border-radius:14px !important;background:#f1f2f7 !important;border:0 !important} html body .auth-modal .auth-tabs-modern button{min-height:38px !important;padding:0 18px !important;border:0 !important;border-radius:11px !important;background:transparent !important;color:var(--nmb-muted) !important;font-size:14px !important;font-weight:800 !important;box-shadow:none !important} html body .auth-modal .auth-tabs-modern button.active{background:#fff !important;color:var(--nmb-ink) !important;box-shadow:0 2px 8px rgba(17,21,39,.08) !important} html body .auth-modal .auth-modern-form{display:flex !important;flex-direction:column !important;gap:14px !important} html body .auth-modal .auth-modern-form[hidden]{display:none !important} html body .auth-modal .auth-modern-form h2{margin:0 0 4px !important;color:var(--nmb-ink) !important;font-size:28px !important;font-weight:900 !important;letter-spacing:-.035em !important} html body .auth-modal .auth-modern-form > label{display:flex !important;flex-direction:column !important;gap:7px !important;margin:0 !important;color:#3b4259 !important;font-size:13px !important;font-weight:800 !important} html body .auth-modal .auth-modern-form .input{min-height:48px !important;padding:0 14px !important;border:1px solid var(--nmb-line) !important;border-radius:14px !important;background:#fff !important;font-size:15px !important;font-weight:600 !important;color:var(--nmb-ink) !important} html body .auth-modal .auth-modern-form .input:focus{border-color:var(--nmb-accent) !important;box-shadow:0 0 0 4px rgba(111,92,255,.14) !important} html body .auth-modal .password-field{position:relative !important;display:block !important} html body .auth-modal .password-field .input{width:100% !important;padding-right:100px !important} html body .auth-modal .password-toggle{position:absolute !important;right:6px !important;top:50% !important;transform:translateY(-50%) !important;min-height:36px !important;padding:0 12px !important;border:0 !important;border-radius:10px !important;background:#f1f2f7 !important;color:#4b5470 !important;font-size:12.5px !important;font-weight:800 !important} html body .auth-modal .password-toggle:hover{background:var(--nmb-accent-soft) !important;color:var(--nmb-accent-ink) !important} html body .auth-modal .auth-policy{margin:-6px 0 0 !important;color:var(--nmb-subtle) !important;font-size:12.5px !important} html body .auth-modal .auth-captcha-row{display:grid !important;grid-template-columns:150px minmax(0,1fr) 48px !important;gap:8px !important;align-items:center !important} html body .auth-modal .auth-captcha-row img{width:150px !important;height:48px !important;object-fit:cover !important;border:1px solid var(--nmb-line) !important;border-radius:12px !important;background:#fff} html body .auth-modal .auth-captcha-row .input{text-align:center !important;letter-spacing:.35em !important;font-size:17px !important;font-weight:800 !important} html body .auth-modal .auth-captcha-refresh{width:48px !important;height:48px !important;border:1px solid var(--nmb-accent-line) !important;border-radius:12px !important;background:var(--nmb-accent-soft) !important;color:var(--nmb-accent-ink) !important;font-size:20px !important;font-weight:800 !important;cursor:pointer} html body .auth-modal .auth-captcha-field small{color:var(--nmb-subtle) !important;font-size:12px !important;font-weight:600 !important} html body .auth-modal .human-check{flex-direction:row !important;align-items:flex-start !important;gap:10px !important;font-weight:600 !important;color:var(--nmb-muted) !important;font-size:12.5px !important;line-height:1.5} html body .auth-modal .human-check input{width:18px;height:18px;margin-top:1px;flex:0 0 18px;accent-color:var(--nmb-accent)} html body .auth-modal .human-check a{color:var(--nmb-accent-ink) !important;font-weight:700} html body .auth-modal .auth-modern-form .btn-primary{min-height:52px !important;margin-top:4px !important;font-size:15.5px !important} /* выбор сервера */ .nm804-servers{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:8px} .nm804-servers legend{margin-bottom:7px;color:#3b4259;font-size:13px;font-weight:800;padding:0} .nm804-server{display:flex !important;flex-direction:row !important;align-items:center !important;gap:12px !important;padding:12px 14px;border:1.5px solid var(--nmb-line);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s} .nm804-server:has(input:checked){border-color:var(--nmb-accent);background:#fbfaff;box-shadow:0 0 0 4px rgba(111,92,255,.10)} .nm804-server input{position:absolute;opacity:0;pointer-events:none} .nm804-server-dot{flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:var(--srv,#111);box-shadow:inset 0 0 0 2px rgba(255,255,255,.14)} .nm804-server-copy{display:flex;flex-direction:column;gap:1px;flex:1} .nm804-server-copy b{color:var(--nmb-ink);font-size:15.5px;font-weight:900} .nm804-server-copy small{color:var(--nmb-subtle);font-size:12.5px;font-weight:600} .nm804-server-state{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#e9f8f0;color:#138a52;font-size:12px;font-weight:800} .nm804-server-state i{width:6px;height:6px;border-radius:50%;background:#1f9d63} @media (max-width:760px){ html body .auth-modal .auth-dialog{grid-template-columns:1fr !important;max-height:calc(100dvh - 20px) !important;width:calc(100vw - 20px) !important;border-radius:22px !important} html body .auth-modal .auth-art{display:none !important} html body .auth-modal .auth-form-side{padding:22px 18px !important} html body .auth-modal .auth-captcha-row{grid-template-columns:120px minmax(0,1fr) 44px !important} html body .auth-modal .auth-captcha-row img{width:120px !important} } html body .auth-modal .auth-dialog{grid-template-rows:minmax(0,1fr) !important;height:auto !important} html body .auth-modal .auth-form-side{min-height:0 !important;max-height:min(760px,calc(100dvh - 32px)) !important;scrollbar-width:thin} @media (max-width:760px){html body .auth-modal .auth-form-side{max-height:calc(100dvh - 20px) !important}} /* ===== V806: форма «Добавить аудиозапись» ===== */ :root{--nm806-i-music:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017a3%203%200%201%200%206%200a3%203%200%200%200%20-6%200%22%20/%3E%3Cpath%20d%3D%22M9%2017v-13h10v8%22%20/%3E%3Cpath%20d%3D%22M9%208h10%22%20/%3E%3Cpath%20d%3D%22M16%2019h6%22%20/%3E%3Cpath%20d%3D%22M19%2016v6%22%20/%3E%3C/svg%3E");--nm806-i-upload:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2018a4.6%204.4%200%200%201%200%20-9a5%204.5%200%200%201%2011%202h1a3.5%203.5%200%200%201%200%207h-1%22%20/%3E%3Cpath%20d%3D%22M9%2015l3%20-3l3%203%22%20/%3E%3Cpath%20d%3D%22M12%2012l0%209%22%20/%3E%3C/svg%3E");--nm806-i-file:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%203v4a1%201%200%200%200%201%201h4%22%20/%3E%3Cpath%20d%3D%22M17%2021h-10a2%202%200%200%201%20-2%20-2v-14a2%202%200%200%201%202%20-2h7l5%205v11a2%202%200%200%201%20-2%202%22%20/%3E%3Cpath%20d%3D%22M10%2016a1%201%200%201%200%202%200a1%201%200%201%200%20-2%200%22%20/%3E%3Cpath%20d%3D%22M12%2016l0%20-5l2%201%22%20/%3E%3C/svg%3E")} html body #audio-upload-form:not([hidden]){display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 16px!important;padding:22px!important;margin:18px 0!important;border:1px solid var(--nmb-line,#e6e8f2)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 30px rgba(17,21,39,.06)!important;animation:nm806-pop .35s cubic-bezier(.2,.8,.2,1) both} html body #audio-upload-form .nm806-upload-head{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #eef0f6} html body #audio-upload-form .nm806-upload-head b{display:block;font-size:17px;font-weight:700;color:#111527} html body #audio-upload-form .nm806-upload-head small{display:block;font-size:13px;color:#5f6882;margin-top:2px} .nm806-upload-ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#f0edff;position:relative} .nm806-upload-ico::before{content:"";position:absolute;inset:10px;background:#6f5cff;-webkit-mask:var(--nm806-i-music) center/contain no-repeat;mask:var(--nm806-i-music) center/contain no-repeat} html body #audio-upload-form .field{margin:0!important;display:grid!important;gap:6px!important} html body #audio-upload-form .field:has(#audio-file){grid-column:1/-1} html body #audio-upload-form .field>label{font-size:13px!important;font-weight:600!important;color:#2f3650!important;letter-spacing:normal!important;text-transform:none!important} html body #audio-upload-form .input{height:46px!important;border-radius:12px!important;font-size:14.5px!important} .nm806-file-hidden{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important} .nm806-drop{display:flex!important;align-items:center;gap:14px;padding:18px;border:1.5px dashed #cfc8ff;border-radius:14px;background:#faf9ff;cursor:pointer;transition:border-color .2s,background .2s,transform .2s} .nm806-drop:hover,.nm806-drop.is-over{border-color:#6f5cff;background:#f3f0ff} .nm806-drop.is-over{transform:scale(1.01)} .nm806-drop.has-file{border-style:solid;border-color:#c5ebd9;background:#f1fbf6} .nm806-drop-ico{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid #e6e2ff;position:relative} .nm806-drop-ico::before{content:"";position:absolute;inset:11px;background:#6f5cff;-webkit-mask:var(--nm806-i-upload) center/contain no-repeat;mask:var(--nm806-i-upload) center/contain no-repeat} .nm806-drop.has-file .nm806-drop-ico::before{background:#1f9d6b;-webkit-mask-image:var(--nm806-i-file);mask-image:var(--nm806-i-file)} .nm806-drop-copy{flex:1 1 auto;min-width:0;display:grid;gap:2px} .nm806-drop-copy b{font-size:14px;font-weight:600;color:#111527;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nm806-drop-copy small{font-size:12.5px;color:#5f6882} .nm806-drop-btn{flex:0 0 auto;height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:#fff;border:1px solid #e6e8f2;font-size:13px;font-weight:600;color:#2f3650} html body #audio-upload-form .audio-upload-actions{grid-column:1/-1;display:flex!important;gap:10px!important;justify-content:flex-end!important;margin:0!important} html body #audio-upload-form .audio-upload-actions .btn{height:44px!important;padding:0 20px!important;border-radius:12px!important;font-size:14px!important;letter-spacing:normal!important} html body #audio-upload-form .auth-form-status{grid-column:1/-1} html body #audio-upload-form .auth-form-status:empty{display:none!important} @media(max-width:640px){html body #audio-upload-form:not([hidden]){grid-template-columns:1fr!important;padding:16px!important}.nm806-drop{flex-wrap:wrap}.nm806-drop-btn{width:100%;justify-content:center}} /* вкладки «Моя музыка / Общедоступная» */ html body .audio-tabs-v17{display:inline-flex!important;gap:4px!important;padding:4px!important;border-radius:12px!important;background:#f3f4f9!important;border:1px solid #e6e8f2!important} html body .audio-tab-v17{height:38px!important;padding:0 16px!important;border-radius:9px!important;border:0!important;background:transparent!important;font-size:14px!important;font-weight:600!important;color:#5f6882!important;box-shadow:none!important} html body .audio-tab-v17.active{background:#fff!important;color:#5545e8!important;box-shadow:0 1px 3px rgba(17,21,39,.1)!important} @keyframes nm806-pop{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}} html body #audio-upload-form .field:not(:has(#audio-file)){grid-column:auto!important} html body #audio-upload-form .field:has(#audio-file)>small{display:none!important} .nm806-drop .nm806-drop-copy small{display:block!important} /* ===== V806: магазин — карточки товаров ===== */ html body .nm108-grid{gap:18px!important} html body .nm108-card{position:relative;overflow:hidden!important;border-radius:20px!important;border:1px solid #e6e8f2!important;background:#fff!important;box-shadow:0 1px 2px rgba(17,21,39,.04),0 12px 32px rgba(17,21,39,.05)!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s!important} html body .nm108-card:hover{transform:translateY(-4px)!important;border-color:#dfd9ff!important;box-shadow:0 2px 4px rgba(17,21,39,.05),0 22px 44px rgba(111,92,255,.14)!important} html body .nm108-media{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,#ece8ff 0,#f7f6ff 45%,#fbfbff 100%)!important;border-bottom:1px solid #f0f1f6!important} html body .nm108-media::after{content:"";position:absolute;left:50%;bottom:14px;width:58%;height:14px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(40,30,110,.18),transparent);pointer-events:none} html body .nm108-media img{position:relative;z-index:1;transition:transform .45s cubic-bezier(.2,.8,.2,1)!important} html body .nm108-card:hover .nm108-media img{transform:scale(1.07) translateY(-3px)!important} html body .nm108-tag{z-index:2;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(6px);border:1px solid #e6e8f2!important;border-radius:999px!important;font-size:10.5px!important;font-weight:700!important;letter-spacing:.08em!important;color:#5f6882!important} html body .nm108-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important} html body .nm108-title h3{font-size:16.5px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.3!important} html body .nm108-price{flex:0 0 auto!important;display:inline-flex!important;align-items:baseline!important;gap:4px!important;padding:5px 10px!important;border-radius:10px!important;background:#f0edff!important;border:1px solid #dfd9ff!important;white-space:nowrap!important} html body .nm108-price b{font-size:16px!important;font-weight:800!important;color:#5545e8!important;line-height:1!important} html body .nm108-price small{font-size:11px!important;font-weight:700!important;color:#7f71ff!important;line-height:1!important;letter-spacing:.04em!important} html body .nm108-body>p{font-size:13.5px!important;line-height:1.5!important;color:#5f6882!important} html body .nm108-card-meta{padding-top:10px!important;border-top:1px dashed #e6e8f2!important;font-size:12px!important;color:#8a91a9!important} html body .nm108-buy{height:46px!important;border-radius:12px!important;font-size:14.5px!important;font-weight:650!important;letter-spacing:normal!important;background:linear-gradient(135deg,#6f5cff,#8a78ff)!important;box-shadow:0 8px 20px rgba(111,92,255,.25)!important;transition:transform .15s,box-shadow .2s,filter .2s!important;justify-content:center!important} html body .nm108-buy:hover{filter:brightness(1.06);box-shadow:0 12px 26px rgba(111,92,255,.35)!important} html body .nm108-buy:active{transform:scale(.98)} html body .nm600-shop-search{display:flex!important;align-items:center!important;gap:8px!important;height:40px!important;padding:0 12px!important;border:1px solid #e6e8f2!important;border-radius:11px!important;background:#fff!important;min-width:240px} html body .nm600-shop-search:focus-within{border-color:#b9afff!important;box-shadow:0 0 0 3px rgba(111,92,255,.12)!important} html body .nm600-shop-search>span{color:#8a91a9!important;font-size:16px!important} html body .nm600-shop-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;height:100%!important;padding:0!important;min-width:0;flex:1;font-size:14px!important} /* ===== V806: анимации ===== */ html.nm806-motion .nm806-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.2,.8,.2,1) var(--nm806-d,0ms),transform .55s cubic-bezier(.2,.8,.2,1) var(--nm806-d,0ms)} html.nm806-motion .nm806-reveal.nm806-in{opacity:1;transform:none} html.nm806-motion .nm806-reveal.nm806-in:hover{transition-delay:0ms} @keyframes nm806-page{from{opacity:0}to{opacity:1}} html body > main,html body .nx400-content,html body .nmf116-shell{animation:nm806-page .4s ease-out backwards} html body :is(.btn,button.btn,a.btn,.nm108-buy,.nm800-fbtn,.nm800-vote){transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background-color .2s ease} html body :is(.btn,a.btn,.nm800-fbtn,.nm800-vote):hover{filter:brightness(1.04)} html body :is(.btn,button.btn,a.btn,.nm800-fbtn,.nm800-vote):active{transform:scale(.97)} html body header.site-header nav a{transition:color .18s ease,background-color .18s ease} @media (prefers-reduced-motion:reduce){html.nm806-motion .nm806-reveal{opacity:1!important;transform:none!important;transition:none!important}html body > main,html body .nx400-content,html body .nmf116-shell{animation:none!important}} html body label.nm600-shop-search input[type="search"][data-shop-search]{border:0!important;box-shadow:none!important;background:transparent!important;height:38px!important;padding:0!important;width:100%!important;border-radius:0!important} @media(max-width:700px){html body .nm108-media::after{display:none}html body .nm108-tag{font-size:9.5px!important;letter-spacing:.04em!important;max-width:calc(100% - 12px)}}