/* Сообщение «Мы обновляем портал» — тёмная плашка снизу по центру, лаймовая кнопка (цвета сайта) */
.notice { position: fixed; z-index: 70; left: 50%; bottom: 20px; width: min(720px, calc(100vw - 32px)); display: flex; align-items: center; gap: 20px;
  padding: 16px 16px 16px 22px; border-radius: calc(22px * var(--sq)); corner-shape: squircle; background: #2b2d42; color: #fff; font: 400 15px/1.4 var(--font);
  opacity: 0; transform: translate(-50%, 24px); transition: opacity .3s ease, transform .4s cubic-bezier(.3, 1.3, .5, 1); }
.notice.on { opacity: 1; transform: translateX(-50%); }
.notice p { margin: 0; flex: 1; }
.notice b { font-weight: 600; }
.notice button { flex: none; padding: 10px 18px; border: 0; border-radius: calc(14px * var(--sq)); corner-shape: squircle; background: var(--lime); color: var(--ink); font: 600 15px/1 var(--font); cursor: pointer; }
@media (max-width: 600px) { .notice { flex-direction: column; align-items: stretch; gap: 12px; } .notice button { align-self: flex-end; } }