/* ============================================================ EMBER THEME v1 — стейджинг-редизайн 2026-08-06 Подключается ПОСЛЕДНИМ в каждой страницы стейджинга. Перекрашивает палитру через переменные и общие компоненты (шапка, кнопки, виджет аккаунта). Логику страниц не трогает. ============================================================ */ /* ---- шрифты ---- */ @font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Unbounded-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Unbounded';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Unbounded-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F} @font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/Unbounded-800-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Unbounded';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/Unbounded-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F} @font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/Oswald-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Oswald';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/Oswald-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+2191,U+2193,U+2212} @font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Manrope-400-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Manrope-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F} @font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Manrope-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Manrope-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F} @font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/Manrope-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/Manrope-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F} @font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/Manrope-800-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/Manrope-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F} /* ---- токены: чёрный уголь + янтарь ---- */ :root{ --bg:#0a0908; --pnl:#16120e; --pnl2:#0f0d0a; --line:#2e2416; --line2:#4a3a20; --ink:#f2efe9; --dim:#a89f92; --dim2:#6f6a60; --mut:#a89f92; --mut2:#6f6a60; --hot:#ff8c00; --hot2:#ff6a11; --hot3:#ffa726; --hot-ink:#190c00; --on:#43d96e; --up:#43d96e; --warn:#e8b73a; --emb-oline:rgba(255,140,26,.25); --emb-oline2:rgba(255,140,26,.4); --emb-ease:cubic-bezier(.22,.7,.24,1); } html{scrollbar-color:#3a2c18 #0a0908} body{background-color:var(--bg)} ::selection{background:var(--hot);color:var(--hot-ink)} a:focus-visible,button:focus-visible{outline:2px solid var(--hot3);outline-offset:2px} /* фон: едва заметные «печатные дорожки» */ body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(115deg,rgba(255,140,26,.022) 0 1px,transparent 1px 110px),repeating-linear-gradient(-115deg,rgba(255,140,26,.018) 0 1px,transparent 1px 130px)} /* HUD-рамка по краям вьюпорта (ставит ember.js) */ .emb-vframe{position:fixed;inset:12px;pointer-events:none;z-index:39;border:1px solid rgba(255,140,26,.07)} .emb-vframe::before,.emb-vframe::after{content:'';position:absolute;width:26px;height:26px} .emb-vframe::before{top:-1px;left:-1px;border-top:2px solid rgba(255,140,26,.35);border-left:2px solid rgba(255,140,26,.35)} .emb-vframe::after{bottom:-1px;right:-1px;border-bottom:2px solid rgba(255,140,26,.35);border-right:2px solid rgba(255,140,26,.35)} /* ---- шапка ---- */ header.top{background:rgba(10,9,8,.93);border-bottom:1px solid rgba(255,140,26,.27);backdrop-filter:blur(9px)} header.top.scrolled{box-shadow:0 10px 34px -20px rgba(255,122,17,.35)} .brand .txt{font-family:'Unbounded','Arial Black',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.05em} .brand .txt b{color:var(--hot)} header nav a{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)} header nav a:hover{background:#1d160e;color:var(--ink)} header nav a.act{color:#ffb45e;box-shadow:inset 0 -2px 0 var(--hot);background:none} .allbtn{border-color:var(--line2);color:var(--dim)} .allbtn:hover{border-color:var(--hot);color:var(--hot)} .allpanel{background:#0c0a08;border-top:1px solid var(--line)} .tile{background:#14100b;border:1px solid var(--line)} .tile:hover{border-color:var(--hot);color:var(--hot);background:#1a130a} .lang>button{border-color:var(--line2);color:var(--dim)} .lang ul{background:#16120e;border-color:var(--line2)} .lang ul button:hover{background:#1d160e;color:var(--hot)} .pill .dot{border-radius:50%;background:var(--on);box-shadow:0 0 8px rgba(67,217,110,.7)} .burger{color:var(--ink)} /* оранжевая CTA в шапке — фаска + градиент */ .donate-top{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(180deg,#ffb340,#ff7a11);color:var(--hot-ink);font-weight:800;letter-spacing:.1em;filter:drop-shadow(0 3px 14px rgba(255,122,17,.28))} .donate-top:hover{background:linear-gradient(180deg,#ffc14d,#ff8c1a);filter:drop-shadow(0 3px 16px rgba(255,122,17,.4))} /* бейджи-«молнии» на карточках новостей */ .kk{clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:linear-gradient(180deg,#ffb340,#ff7a11);color:var(--hot-ink)} /* полоса-предупреждение */ .pin{background:#191207;border-bottom:1px solid #3a2c14} .pin .fl{background:var(--warn)} /* ---- виджет аккаунта (вшитые стили account.js — глушим с !important) ---- */ .mv-acct .mv-login{background:linear-gradient(180deg,#ffb340,#ff7a11)!important;background-image:linear-gradient(180deg,#ffb340,#ff7a11)!important;color:#190c00!important;border-radius:0!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);font-weight:800!important} .mv-acct .mv-reg{color:#a89f92!important} .mv-acct .mv-reg:hover{color:#ffc98a!important} .mv-acct .mv-user,.mv-acct .mv-mail{background:#16120e!important;border:1px solid #4a3a20!important;border-radius:0!important;color:#f2efe9!important} .mv-acct .mv-mail:hover{border-color:#ff8c00!important;color:#ffcf9e!important} .mv-acct .mv-menu{background:#100d0a!important;border:1px solid #4a3a20!important;border-radius:0!important} .mv-acct .mv-menu a{color:#f2efe9!important;border-radius:0!important} .mv-acct .mv-menu a:hover{background:#1d160e!important} .mv-acct .mv-menu .mv-sep{background:#2e2416!important} .mv-acct .mv-av{border-radius:2px!important;background:linear-gradient(180deg,#ffb340,#ff7a11)!important;color:#190c00!important} .mv-acct .mv-badge{box-shadow:0 0 0 2px #0a0908!important;border-radius:2px!important} .mv-acct .mv-mode-ic svg{color:#ff8c00!important} /* ---- появление при скролле (вешает ember.js) ---- */ .emb-rv{opacity:0;transform:translateY(16px);transition:opacity .65s var(--emb-ease),transform .65s var(--emb-ease)} .emb-rv.in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){ .emb-rv{opacity:1;transform:none;transition:none} } @media (max-width:1000px){ .emb-vframe{display:none} } /* ---- модалка выбора режима (account.js) ---- */ #mvModeModal>div{background:#100d0a!important;border:1px solid #4a3a20!important;border-radius:0!important} .mv-mode-card{background:#16120e!important;border:1px solid #2e2416!important;color:#f2efe9!important;border-radius:0!important} .mv-mode-card:hover{border-color:rgba(255,140,26,.4)!important;background:#1d160e!important} .mv-mode-card.on{border-color:#ff8c00!important;box-shadow:0 0 12px rgba(255,140,0,.25)!important} /* ---- дочистка виджета: иконки меню и модалка (verify-2) ---- */ .mv-acct .mv-menu a svg{color:#a89f92!important} .mv-acct .mv-menu a.mv-out svg{color:#ff96a3!important} .mv-mode-box h3{color:#f2efe9!important} .mv-mode-box p{color:#a89f92!important} .mv-mode-ds{color:#a89f92!important} .mv-mode-x{color:#a89f92!important} #mvModeModal{background:rgba(5,3,1,.72)!important} /* ---- слои шапки + единая пилюля (v4) ---- */ .mv-acct .mv-menu{z-index:400!important} .allpanel{position:relative;z-index:5} header.top .pill{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--dim);white-space:nowrap} header.top .pill b{color:var(--ink);font-weight:700} header.top .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--on);box-shadow:0 0 8px rgba(67,217,110,.7)} /* ---- allpanel по умолчанию скрыта (страховка для страниц без своего правила) ---- */ header.top .allpanel{display:none} header.top .allpanel.open{display:block} /* --- цель нажатия у «Регистрация» в шапке: 24px вместо 21 --- */ .mv-acct .mv-reg{padding-block:6px!important;margin-block:-6px}