/* =========================
ЗАЩИТА САЙТА========================= */

/* =========================
GTA-MIAMI.RU SITE PROTECTION (SAFE VERSION)
НЕ ЛОМАЕТ UI / БЕЗ ЛАГОВ
========================= */

/* ❌ Запрет выделения текста */
html,
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ✅ Разрешаем ввод и выделение в формах */
input,
textarea,
select,
[contenteditable="true"] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

/* ❌ Запрет перетаскивания изображений */
img {
  -webkit-user-drag: none;
  user-drag: none;
}

/* ✅ НЕ ломаем клики по картинкам внутри ссылок */
a img,
button img {
  pointer-events: auto;
}

/* ❌ Запрет выделения SVG (иконки Lucide и т.д.) */
svg {
  user-select: none;
  pointer-events: auto;
}

/* ❌ Запрет выделения UI элементов */
button,
a,
div,
span {
  user-select: none;
}

/* =========================
МИКРО-ЗАЩИТА ОТ КОПИ-ПАСТА
========================= */

/* убираем синий highlight на мобильных */
* {
  -webkit-tap-highlight-color: transparent;
}

/* убираем outline при клике (аккуратно, если есть доступность — можно убрать) */
:focus {
  outline: none;
}

/* =========================
СТАБИЛЬНОСТЬ (ВАЖНО ДЛЯ uCoz)
========================= */

/* предотвращает дергание layout */
body {
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* =========================
НЕ ДОБАВЛЯТЬ (ломает сайт)
========================= */

/*
НЕ ДЕЛАЙ ЭТО:

html:not(.miami-human) body {
  opacity: 0;
}

img {
  pointer-events: none;
}

ЭТО ЛОМАЕТ:
- клики
- меню
- баннеры
- загрузку
*/













/* === ВЕРХНЯЯ ПАНЕЛЬ === */

.miami-topline.one-line {
 display: flex;
 align-items: center;
 gap: 9px;
 padding: 10px 14px;
 border-radius: 16px;
 white-space: nowrap;
 overflow: hidden;
 position: relative;

 background:
  radial-gradient(circle at 12% 0%, rgba(0,255,200,0.10), transparent 35%),
  radial-gradient(circle at 90% 10%, rgba(255,77,240,0.10), transparent 34%),
  linear-gradient(180deg, rgba(10,15,25,0.96), rgba(5,10,18,0.98));

 border: 1px solid rgba(0,255,200,0.16);

 box-shadow:
  0 0 0 1px rgba(0,255,200,0.05),
  0 10px 30px rgba(0,0,0,0.55),
  inset 0 0 22px rgba(0,255,200,0.03);
}

/* === TITLE === */
.miami-title-link {
 text-decoration: none;
 display: flex;
 align-items: center;
}

.miami-title-link:hover .miami-title {
 filter: brightness(1.2);
}

.miami-title {
 font-size: 18px;
 font-weight: 900;
 letter-spacing: 0.05em;
 text-transform: uppercase;

 background: linear-gradient(90deg, #00ffc6, #00a2ff, #ff4df0);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

/* separator */
.miami-sep {
 color: rgba(0,255,200,0.45);
 font-size: 12px;
}

/* === BADGES === */
.miami-badge {
 display: inline-flex;
 align-items: center;
 gap: 5px;

 font-size: 10px;
 padding: 4px 8px;
 border-radius: 9px;
 letter-spacing: 0.07em;
 text-transform: uppercase;
}

.miami-badge svg {
 width: 13px;
 height: 13px;
 stroke-width: 2.2;
}

.miami-badge.mta {
 color: #00ffc6;
 border: 1px solid rgba(0,255,200,0.35);
 background: rgba(0,255,200,0.08);
}

.miami-badge.gta5 {
 color: #00a2ff;
 border: 1px solid rgba(0,162,255,0.35);
 background: rgba(0,162,255,0.08);
}

.miami-badge.rage {
 color: #ff4df0;
 border: 1px solid rgba(255,77,240,0.35);
 background: rgba(255,77,240,0.08);
}

.miami-hot {
 color: #ffd166;
 border: 1px solid rgba(255,209,102,0.42);
 background: rgba(255,209,102,0.10);
 box-shadow: 0 0 10px rgba(255,209,102,0.2);
}

/* === PING === */
.miami-ping {
 display: inline-flex;
 align-items: center;
 gap: 5px;

 font-size: 10px;
 padding: 4px 8px;
 border-radius: 9px;

 color: #9effa3;
 background: rgba(158,255,163,0.08);
 border: 1px solid rgba(158,255,163,0.25);
}

.miami-ping svg {
 width: 13px;
 height: 13px;
}

/* === STATUS === */
.miami-status {
 margin-left: auto;
 display: inline-flex;
 align-items: center;
 gap: 6px;

 font-size: 10px;
 letter-spacing: 0.08em;

 padding: 4px 8px;
 border-radius: 9px;

 background: rgba(0,255,200,0.08);
 border: 1px solid rgba(0,255,200,0.3);
 color: #00ffc6;
}

.miami-dot {
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #00ffc6;
 animation: miami-pulse 1.5s infinite ease-in-out;
}

@keyframes miami-pulse {
 0% { box-shadow: 0 0 5px #00ffc6; }
 50% { box-shadow: 0 0 16px #00ffc6; }
 100% { box-shadow: 0 0 5px #00ffc6; }
}

/* === MTA BUTTON === */
.miami-play-btn {
 display: inline-flex;
 align-items: center;
 gap: 5px;

 padding: 6px 12px;
 border-radius: 11px;

 font-size: 11px;
 font-weight: 900;
 letter-spacing: 0.08em;
 text-transform: uppercase;

 text-decoration: none !important;
 transition: .2s;
}

.miami-play-btn.mta-btn {
 background: linear-gradient(90deg, #00ffc6, #00a2ff);
 color: #001018 !important;
 box-shadow: 0 0 14px rgba(0,255,200,0.4);
}

.miami-play-btn.mta-btn:hover {
 transform: translateY(-1px);
 box-shadow: 0 0 24px rgba(0,255,200,0.7);
}

/* === RAGE COPY BLOCK WITH CHECKBOX === */
.miami-rage-ip {
 display: inline-flex;
 align-items: center;
 gap: 6px;

 padding: 6px 10px;
 border-radius: 11px;

 font-size: 11px;
 font-weight: 800;
 letter-spacing: 0.05em;

 color: #ff8df6;

 background: rgba(255,77,240,0.08);
 border: 1px solid rgba(255,77,240,0.35);

 cursor: pointer;
 transition: .2s;
}

.miami-rage-ip:hover {
 background: rgba(255,77,240,0.15);
 box-shadow: 0 0 14px rgba(255,77,240,0.3);
}

.miami-rage-ip svg {
 width: 13px;
 height: 13px;
}

.miami-copy-check {
 display: inline-flex;
 align-items: center;
 justify-content: center;

 width: 16px;
 height: 16px;
 border-radius: 4px;

 border: 1px solid rgba(255,255,255,0.22);
 background: rgba(255,255,255,0.04);
 opacity: 0.45;

 transition: .2s;
}

.miami-copy-check svg {
 width: 12px;
 height: 12px;
 stroke-width: 3;
 color: rgba(255,255,255,0.75);
}

.miami-rage-ip.copied {
 color: #00ffc6;
 border-color: rgba(0,255,200,0.55);
 background: rgba(0,255,200,0.10);
 box-shadow: 0 0 16px rgba(0,255,200,0.28);
}

.miami-rage-ip.copied .miami-copy-check {
 background: #00ffc6;
 border-color: #00ffc6;
 opacity: 1;
 box-shadow: 0 0 10px rgba(0,255,200,0.55);
}

.miami-rage-ip.copied .miami-copy-check svg {
 color: #001018;
}

/* === MOBILE === */
@media (max-width: 900px) {
 .miami-topline.one-line {
  overflow-x: auto;
  scrollbar-width: none;
 }

 .miami-topline.one-line::-webkit-scrollbar {
  display: none;
 }

 .miami-status {
  margin-left: 0;
 }
}




/* =========================
СИСТЕМЫ
========================= */

.miami-systems-card {
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.14);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.09), transparent 34%),
  radial-gradient(circle at 90% 8%, rgba(255,105,218,.08), transparent 30%),
  linear-gradient(180deg, rgba(10,22,34,.97), rgba(5,12,20,.99));
 box-shadow: 0 14px 30px rgba(0,0,0,.28);
 padding: 12px;
}

/* HEADER */

.miami-systems-head {
 display: flex;
 gap: 10px;
 margin-bottom: 12px;
 align-items: center;
}

.miami-systems-head__icon {
 width: 32px;
 height: 32px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 10px;
 border: 1px solid rgba(126,249,255,.2);
 background: rgba(126,249,255,.08);
 color: #7ef9ff;
}

.miami-systems-head__icon svg {
 width: 18px;
 height: 18px;
}

.miami-systems-head h2 {
 margin: 0;
 font: 800 14px Trebuchet MS;
 color: #fff;
 text-transform: uppercase;
}

.miami-systems-head p {
 margin: 3px 0 0;
 font: 700 10px Trebuchet MS;
 color: #9fb7c8;
}

/* LIST */

.miami-systems-body {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.miami-systems-list-item {
 display: block;
 padding: 8px 10px;
 border-radius: 12px;
 border: 1px solid rgba(126,249,255,.14);
 background: rgba(126,249,255,.05);
 text-decoration: none;
 transition: .2s;
}

.miami-systems-list-item:hover {
 transform: translateY(-1px);
 background: rgba(126,249,255,.1);
}

.miami-systems-list-item__row {
 display: flex;
 align-items: center;
 gap: 8px;
}

.miami-systems-list-item__icon {
 width: 28px;
 height: 28px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 8px;
 background: rgba(126,249,255,.1);
}

.miami-systems-list-item__icon svg {
 width: 15px;
 height: 15px;
}

.miami-systems-list-item__title {
 flex: 1;
 color: #eaffff;
 font: 700 12px Trebuchet MS;
 text-transform: uppercase;
}

.miami-systems-list-item__loads {
 width: 58px;
 text-align: center;
 font: 700 10px Trebuchet MS;
 color: #7ef9ff;
}

/* CTA */

.miami-systems-all {
 margin-top: 10px;
}

.miami-systems-all__btn {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 10px;
 border-radius: 12px;
 border: 1px solid rgba(126,249,255,.2);
 background: rgba(126,249,255,.07);
 text-decoration: none;
 transition: .2s;
}

.miami-systems-all__btn:hover {
 background: rgba(126,249,255,.12);
 transform: translateY(-1px);
}

.miami-systems-all__icon {
 width: 28px;
 height: 28px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 8px;
 background: rgba(126,249,255,.1);
 color: #7ef9ff;
}

.miami-systems-all__text b {
 font: 800 12px Trebuchet MS;
 color: #fff;
 text-transform: uppercase;
}

.miami-systems-all__text small {
 font: 700 9px Trebuchet MS;
 color: #9fb7c8;
}

.miami-systems-all__arrow {
 margin-left: auto;
 color: #ff69da;
}


/* =========================
НОВОСТИ — MIAMI UI + LUCIDE + SCROLL
========================= */

.miami-news-feed {
 width: 260px;
 max-width: 260px;
 box-sizing: border-box;
 padding: 12px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.14);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.08), transparent 34%),
  radial-gradient(circle at 90% 8%, rgba(255,105,218,.08), transparent 30%),
  linear-gradient(180deg, rgba(10,22,34,.97), rgba(5,12,20,.99));
 box-shadow:
  0 14px 30px rgba(0,0,0,.28),
  inset 0 1px 0 rgba(255,255,255,.035);
 overflow: hidden;
}

.miami-news-feed *,
.miami-news-feed *::before,
.miami-news-feed *::after {
 box-sizing: border-box;
}

.miami-news-feed__head {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 11px;
}

.miami-news-feed__icon {
 width: 32px;
 height: 32px;
 flex: 0 0 32px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 11px;
 border: 1px solid rgba(126,249,255,.22);
 background: rgba(126,249,255,.07);
 color: #7ef9ff;
 box-shadow: 0 0 12px rgba(126,249,255,.10);
}

.miami-news-feed__icon svg {
 width: 18px;
 height: 18px;
 stroke-width: 2.2;
}

.miami-news-feed__title {
 color: #f3fbff;
 font: 800 15px/1.15 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .08em;
 text-transform: uppercase;
}

.miami-news-feed__sub {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 margin-top: 4px;
 color: #9fb7c8;
 font: 700 10px/1.2 Trebuchet MS, Tahoma, sans-serif;
}

.miami-news-feed__sub svg {
 width: 12px;
 height: 12px;
 color: #ffb9ea;
 stroke-width: 2.2;
}

/* SCROLL BODY */

.miami-news-feed__body {
 display: flex;
 flex-direction: column;
 gap: 10px;
 max-height: 720px;
 overflow-y: auto;
 padding-right: 4px;
}

.miami-news-feed__body::-webkit-scrollbar {
 width: 4px;
}

.miami-news-feed__body::-webkit-scrollbar-track {
 background: rgba(255,255,255,.03);
 border-radius: 999px;
}

.miami-news-feed__body::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg,#7ef9ff,#ff69da);
 border-radius: 999px;
}

/* NEWS CARD */

.miami-news-inf {
 width: 100%;
 max-width: 100%;
 table-layout: fixed;
 border-collapse: separate;
 border-spacing: 0;
 margin: 0;
 border: 1px solid rgba(126,249,255,.14);
 border-radius: 14px;
 overflow: hidden;
 position: relative;
 background:
  radial-gradient(circle at top left, rgba(255,105,218,.08), transparent 34%),
  radial-gradient(circle at top right, rgba(126,249,255,.08), transparent 26%),
  linear-gradient(180deg, rgba(9,28,39,.96), rgba(7,17,27,.98));
 box-shadow:
  0 8px 18px rgba(0,0,0,.22),
  inset 0 1px 0 rgba(255,255,255,.035);
 transition: .2s ease;
}

.miami-news-inf:hover {
 transform: translateY(-1px);
 border-color: rgba(126,249,255,.30);
 box-shadow:
  0 12px 24px rgba(0,0,0,.28),
  0 0 16px rgba(126,249,255,.08);
}

.miami-news-inf td {
 padding: 0;
 border: 0;
 background: transparent;
 vertical-align: top;
}

.miami-news-inf__meta-cell {
 padding: 10px 10px 8px;
}

.miami-news-inf__meta {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 6px;
}

.miami-news-inf__date,
.miami-news-inf__category {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 min-width: 0;
 max-width: 100%;
 height: 24px;
 padding: 0 7px;
 border-radius: 999px;
 text-decoration: none !important;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 font: 800 8px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .08em;
 text-transform: uppercase;
}

.miami-news-inf__date {
 color: #d8e9f8;
 border: 1px solid rgba(126,249,255,.16);
 background: rgba(126,249,255,.055);
}

.miami-news-inf__date em {
 margin-left: 3px;
 font-style: normal;
 color: #7ef9ff;
}

.miami-news-inf__category {
 max-width: 104px;
 color: #ffd6ee !important;
 border: 1px solid rgba(255,105,218,.18);
 background: rgba(255,105,218,.06);
}

.miami-news-inf__date svg,
.miami-news-inf__category svg {
 width: 11px;
 height: 11px;
 flex: 0 0 11px;
 stroke-width: 2.2;
}

.miami-news-inf__date span,
.miami-news-inf__category span {
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
}

/* COVER */

.miami-news-inf__cover-cell {
 padding: 0 10px 9px;
}

.miami-news-inf__cover {
 position: relative;
 display: block;
 width: 100%;
 height: 128px;
 overflow: hidden;
 border-radius: 12px;
 background: #0a121b;
 border: 1px solid rgba(126,249,255,.10);
}

.miami-news-inf__cover::after {
 content: "";
 position: absolute;
 inset: 0;
 background:
  linear-gradient(180deg, rgba(4,7,12,.04) 0%, rgba(4,7,12,.20) 46%, rgba(4,7,12,.62) 100%),
  linear-gradient(90deg, rgba(255,105,218,.10), rgba(126,249,255,.08) 58%, transparent 100%);
 pointer-events: none;
}

.miami-news-inf__cover img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 transform: scale(1.01);
 transition: transform .35s ease;
}

.miami-news-inf__cover:hover img {
 transform: scale(1.05);
}

/* TITLE / EXCERPT */

.miami-news-inf__title-cell {
 padding: 0 10px 8px;
}

.miami-news-inf__excerpt-cell {
 padding: 0 10px 10px;
}

.miami-news-inf__content-block {
 width: 100%;
 border-radius: 12px;
 overflow: hidden;
 background:
  linear-gradient(90deg, rgba(255,105,218,.65), rgba(126,249,255,.55) 62%, transparent 100%) 0 0 / 100% 1px no-repeat,
  linear-gradient(180deg, rgba(14,23,34,.96), rgba(9,15,23,.96));
}

.miami-news-inf__content-block--title {
 padding: 11px 11px 10px;
}

.miami-news-inf__content-block--excerpt {
 padding: 10px 11px;
}

.miami-news-inf__title {
 display: flex;
 align-items: flex-start;
 gap: 6px;
 color: #edf7ff !important;
 text-decoration: none !important;
 text-transform: uppercase;
 font: 800 13px/1.18 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .04em;
}

.miami-news-inf__title svg {
 width: 14px;
 height: 14px;
 flex: 0 0 14px;
 margin-top: 1px;
 color: #7ef9ff;
 stroke-width: 2.2;
}

.miami-news-inf__title span {
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 word-break: break-word;
}

.miami-news-inf__title:hover {
 color: #ffffff !important;
 text-shadow: 0 0 10px rgba(126,249,255,.20);
}

.miami-news-inf__excerpt {
 display: -webkit-box;
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 word-break: break-word;
 overflow-wrap: anywhere;
 color: #a2b9cb;
 font: 400 11px/1.45 Tahoma, Arial, sans-serif;
}

.miami-news-inf__excerpt a {
 color: #58e4ff;
 text-decoration: none;
}

.miami-news-inf__excerpt img,
.miami-news-inf__excerpt iframe,
.miami-news-inf__excerpt table {
 display: none !important;
}

/* FOOTER */

.miami-news-inf__footer-cell {
 width: 50%;
 padding: 0 5px 10px 10px;
}

.miami-news-inf__footer-cell--right {
 padding: 0 10px 10px 5px;
 text-align: right;
}

.miami-news-inf__pill {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 5px;
 width: 100%;
 min-height: 30px;
 padding: 0 7px;
 border-radius: 10px;
 text-decoration: none !important;
 text-transform: uppercase;
 font: 800 8px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .08em;
 transition: .18s ease;
}

.miami-news-inf__pill svg {
 width: 12px;
 height: 12px;
 flex: 0 0 12px;
 stroke-width: 2.2;
}

.miami-news-inf__pill b {
 color: #fff;
 font-size: 10px;
}

.miami-news-inf__pill--comments {
 color: #ffd8ef !important;
 border: 1px solid rgba(255,105,218,.18);
 background: rgba(255,105,218,.07);
}

.miami-news-inf__pill--reads {
 color: #dbf8ff;
 border: 1px solid rgba(126,249,255,.18);
 background: rgba(126,249,255,.07);
}

.miami-news-inf__pill:hover {
 transform: translateY(-1px);
 filter: brightness(1.08);
}

/* MOBILE */

@media (max-width: 640px) {
 .miami-news-feed {
  width: 100%;
  max-width: none;
 }

 .miami-news-feed__body {
  max-height: 680px;
 }
}


/* === MIAMI NEO INTRO — FULL CSS === */

.miami-neo-intro {
 --neo-bg-1: #07131f;
 --neo-bg-2: #091a29;
 --neo-bg-3: #040b14;
 --neo-surface: rgba(8, 21, 34, 0.92);
 --neo-surface-2: rgba(7, 18, 29, 0.96);
 --neo-line: rgba(89, 232, 255, 0.16);
 --neo-line-strong: rgba(255, 97, 200, 0.22);
 --neo-cyan: #62ecff;
 --neo-cyan-soft: rgba(98, 236, 255, 0.14);
 --neo-pink: #ff61c8;
 --neo-pink-soft: rgba(255, 97, 200, 0.14);
 --neo-text: #eef8ff;
 --neo-muted: #94aec1;
 --neo-soft: #d2e7f4;

 position: relative;
 overflow: hidden;
 border: 1px solid var(--neo-line);
 border-radius: 24px;
 background:
  linear-gradient(180deg, rgba(10, 21, 35, 0.96), rgba(5, 12, 20, 0.98)),
  linear-gradient(135deg, rgba(255, 97, 200, 0.05), transparent 42%);
 box-shadow:
  0 24px 60px rgba(0, 0, 0, 0.34),
  inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.miami-neo-intro::before {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background:
  radial-gradient(circle at top left, rgba(255, 97, 200, 0.14), transparent 24%),
  radial-gradient(circle at top right, rgba(98, 236, 255, 0.12), transparent 26%),
  linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 25%);
}

.miami-neo-intro::after {
 content: "";
 position: absolute;
 inset: 0 auto 0 0;
 width: 3px;
 z-index: 2;
 background: linear-gradient(180deg, var(--neo-pink), var(--neo-cyan));
 box-shadow: 0 0 18px rgba(98, 236, 255, 0.34);
 pointer-events: none;
}

.miami-neo-intro svg {
 width: 14px;
 height: 14px;
 flex: 0 0 14px;
 stroke-width: 2.3;
}

/* === COVER === */

.miami-neo-intro .neo-cover {
 position: relative;
 z-index: 1;
 height: clamp(220px, 31vw, 420px);
 overflow: hidden;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 background: #050d16;
}

.miami-neo-intro .neo-cover img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center center;
 filter: saturate(1.08) contrast(1.02);
}

.miami-neo-intro .neo-cover::before {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background:
  linear-gradient(180deg, rgba(4, 10, 18, 0.14) 0%, rgba(4, 10, 18, 0.22) 38%, rgba(5, 12, 20, 0.86) 100%),
  radial-gradient(circle at 18% 22%, rgba(255, 97, 200, 0.18), transparent 28%),
  radial-gradient(circle at 82% 18%, rgba(98, 236, 255, 0.18), transparent 26%);
}

.miami-neo-intro .neo-cover::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 88px;
 pointer-events: none;
 background:
  linear-gradient(180deg, rgba(5, 12, 20, 0), rgba(5, 12, 20, 0.94)),
  linear-gradient(90deg, rgba(255, 97, 200, 0.14), rgba(98, 236, 255, 0.08), transparent 72%);
}

/* === TOPLINE === */

.miami-neo-intro .neo-topline {
 position: relative;
 z-index: 1;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 10px;
 padding: 12px 18px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
 background: linear-gradient(90deg, rgba(255, 97, 200, 0.10), rgba(98, 236, 255, 0.06), transparent 76%);
 color: var(--neo-muted);
 font: 800 10px/1 "Trebuchet MS", Tahoma, sans-serif;
 letter-spacing: 0.16em;
 text-transform: uppercase;
}

.miami-neo-intro .neo-topline strong {
 color: #ffffff;
}

/* === HEAD === */

.miami-neo-intro .panel-head {
 position: relative;
 z-index: 1;
 padding: 18px 20px 16px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.miami-neo-intro .neo-kicker {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 min-height: 30px;
 padding: 0 12px;
 margin-bottom: 12px;
 border: 1px solid rgba(98, 236, 255, 0.15);
 border-radius: 999px;
 background: rgba(255, 255, 255, 0.04);
 color: var(--neo-cyan);
 font: 800 10px/1 "Trebuchet MS", Tahoma, sans-serif;
 letter-spacing: 0.16em;
 text-transform: uppercase;
}

.miami-neo-intro .panel-title {
 margin: 0;
 color: var(--neo-text);
 font: 800 14px/1.45 "Trebuchet MS", Tahoma, sans-serif;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 text-shadow: 0 0 12px rgba(255, 97, 200, 0.14);
}

.miami-neo-intro .neo-subtitle {
 display: flex;
 gap: 8px;
 align-items: flex-start;
 margin: 10px 0 0;
 max-width: 780px;
 color: var(--neo-muted);
 font: 500 14px/1.75 "Trebuchet MS", Tahoma, sans-serif;
}

.miami-neo-intro .neo-subtitle svg {
 margin-top: 5px;
 color: var(--neo-cyan);
}

/* === BODY === */

.miami-neo-intro .panel-body {
 position: relative;
 z-index: 1;
 display: grid;
 gap: 18px;
 padding: 20px;
}

/* === BADGES === */

.miami-neo-intro .neo-badges {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}

.miami-neo-intro .neo-badge {
 position: relative;
 display: inline-flex;
 align-items: center;
 gap: 7px;
 min-height: 34px;
 padding: 0 14px;
 border: 1px solid rgba(255, 255, 255, 0.10);
 border-radius: 999px;
 font: 700 10px/1 "Trebuchet MS", Tahoma, sans-serif;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
 overflow: hidden;
 transition: 0.2s ease;
}

.miami-neo-intro .neo-badge::before {
 content: "";
 position: absolute;
 inset: 1px;
 border-radius: inherit;
 background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), transparent 48%);
 pointer-events: none;
}

.miami-neo-intro .neo-badge svg {
 width: 14px;
 height: 14px;
 stroke-width: 2.4;
 filter: drop-shadow(0 0 6px currentColor);
}

.miami-neo-intro .neo-badge:hover {
 transform: translateY(-1px);
}

.miami-neo-intro .neo-badge-miami {
 border-color: rgba(255, 97, 200, 0.34);
 background: linear-gradient(180deg, rgba(76, 18, 54, 0.96), rgba(42, 12, 30, 0.96));
 color: #ffe7f7;
 box-shadow: 0 0 18px rgba(255, 97, 200, 0.14);
}

.miami-neo-intro .neo-badge-jobs {
 border-color: rgba(255, 197, 79, 0.34);
 background: linear-gradient(180deg, rgba(84, 57, 14, 0.96), rgba(46, 31, 9, 0.96));
 color: #fff4cf;
 box-shadow: 0 0 18px rgba(255, 197, 79, 0.14);
}

.miami-neo-intro .neo-badge-cars {
 border-color: rgba(92, 194, 255, 0.34);
 background: linear-gradient(180deg, rgba(14, 52, 82, 0.96), rgba(8, 29, 47, 0.96));
 color: #e4f8ff;
 box-shadow: 0 0 18px rgba(92, 194, 255, 0.16);
}

.miami-neo-intro .neo-badge-updates {
 border-color: rgba(109, 232, 144, 0.34);
 background: linear-gradient(180deg, rgba(19, 66, 36, 0.96), rgba(10, 37, 20, 0.96));
 color: #e9ffef;
 box-shadow: 0 0 18px rgba(109, 232, 144, 0.14);
}

.miami-neo-intro .neo-badge-admins {
 border-color: rgba(255, 152, 97, 0.34);
 background: linear-gradient(180deg, rgba(87, 42, 17, 0.96), rgba(48, 23, 10, 0.96));
 color: #fff0e6;
 box-shadow: 0 0 18px rgba(255, 152, 97, 0.15);
}

/* === PLATFORM SELECTOR === */

.miami-neo-intro .neo-platforms {
 margin-top: 18px;
}

.miami-neo-intro .neo-platforms-head {
 text-align: center;
 margin-bottom: 24px;
}

.miami-neo-intro .neo-platforms-kicker {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 color: #00ffd0;
 font-size: 12px;
 text-transform: uppercase;
 opacity: 0.82;
}

.miami-neo-intro .neo-platforms-title {
 color: #ffffff;
 font-size: 26px;
 margin: 6px 0;
}

.miami-neo-intro .neo-platforms-sub {
 color: var(--neo-muted);
 opacity: 0.9;
}

.miami-neo-intro .neo-platforms-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 18px;
}

.miami-neo-intro .neo-platform-card {
 padding: 20px;
 border-radius: 18px;
 background:
  radial-gradient(circle at 20% 0%, rgba(98,236,255,.08), transparent 38%),
  linear-gradient(180deg, rgba(15, 22, 30, 0.92), rgba(7, 14, 24, 0.96));
 border: 1px solid rgba(0,255,210,0.10);
 transition: 0.3s;
 position: relative;
 overflow: hidden;
}

.miami-neo-intro .neo-platform-card:hover {
 transform: translateY(-4px);
 box-shadow: 0 10px 30px rgba(0,255,210,0.15);
}

.miami-neo-intro .neo-platform-active {
 border: 1px solid rgba(0,255,210,0.4);
 box-shadow: 0 0 20px rgba(0,255,210,0.2);
}

/* === PLATFORM IMAGES === */

.miami-neo-intro .neo-platform-img {
 position: relative;
 width: 100%;
 height: 150px;
 margin-bottom: 14px;
 border-radius: 14px;
 overflow: hidden;
 border: 1px solid rgba(255,255,255,0.08);
 background: #06111c;
}

.miami-neo-intro .neo-platform-img img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: center;
 filter: saturate(1.08) contrast(1.05);
 transition: transform .25s ease, filter .25s ease;
}

.miami-neo-intro .neo-platform-img::after {
 content: "";
 position: absolute;
 inset: 0;
 pointer-events: none;
 background:
  linear-gradient(180deg, rgba(0,0,0,0.05), rgba(4,10,18,0.72)),
  radial-gradient(circle at 18% 18%, rgba(255,97,200,0.20), transparent 34%),
  radial-gradient(circle at 82% 18%, rgba(98,236,255,0.18), transparent 32%);
}

.miami-neo-intro .neo-platform-card:hover .neo-platform-img img {
 transform: scale(1.04);
 filter: saturate(1.18) contrast(1.08);
}

/* === PLATFORM CONTENT === */

.miami-neo-intro .neo-platform-top {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 10px;
 margin-bottom: 12px;
}

.miami-neo-intro .neo-platform-tag {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 5px 9px;
 border-radius: 999px;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .08em;
 text-transform: uppercase;
 color: #62ecff;
 background: rgba(98,236,255,.08);
 border: 1px solid rgba(98,236,255,.24);
}

.miami-neo-intro .neo-platform-status {
 font-size: 12px;
 font-weight: 800;
}

.miami-neo-intro .neo-platform-status.online {
 color: #00ff88;
}

.miami-neo-intro .neo-platform-status.soon {
 color: #ffaa00;
}

.miami-neo-intro .neo-platform-name {
 color: #ffffff;
 font-size: 18px;
 margin: 0 0 8px;
}

.miami-neo-intro .neo-platform-desc {
 color: var(--neo-muted);
 font-size: 14px;
 line-height: 1.65;
 margin-bottom: 12px;
}

.miami-neo-intro .neo-platform-list {
 display: grid;
 gap: 6px;
 font-size: 13px;
 margin-bottom: 14px;
 padding-left: 0;
 list-style: none;
}

.miami-neo-intro .neo-platform-list li {
 display: flex;
 align-items: center;
 gap: 7px;
 padding: 7px 8px;
 border-radius: 9px;
 background: rgba(255,255,255,0.025);
 border: 1px solid rgba(255,255,255,0.04);
 color: #d2e7f4;
}

.miami-neo-intro .neo-platform-list li svg {
 color: #62ecff;
}

.miami-neo-intro .neo-platform-meta {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-bottom: 14px;
}

.miami-neo-intro .neo-platform-meta span {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 padding: 6px 8px;
 border-radius: 999px;
 color: #cfefff;
 font-size: 11px;
 background: rgba(98,236,255,.06);
 border: 1px solid rgba(98,236,255,.14);
}

.miami-neo-intro .neo-platform-bottom {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 12px;
}

.miami-neo-intro .neo-platform-ip {
 color: #ffffff;
 font-size: 13px;
 opacity: 0.86;
 word-break: break-word;
}

.miami-neo-intro .neo-platform-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 36px;
 padding: 8px 14px;
 border: 0;
 border-radius: 10px;
 background: linear-gradient(90deg,#00ffd0,#00aaff);
 color: #001018;
 font-weight: 900;
 text-decoration: none;
 cursor: pointer;
 transition: 0.2s ease;
}

.miami-neo-intro .neo-platform-btn:hover {
 transform: translateY(-1px);
 box-shadow: 0 0 18px rgba(0,255,210,0.26);
}

.miami-neo-intro .neo-platform-btn.disabled {
 background: rgba(255,255,255,0.08);
 color: #888;
 pointer-events: none;
}

.miami-neo-intro .neo-platform-btn.copied {
 background: linear-gradient(90deg,#00ff88,#00ffd0);
}

/* === TEXT LAYOUT === */

.miami-neo-intro .neo-layout {
 display: grid;
 grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.8fr);
 gap: 16px;
}

.miami-neo-intro .neo-main,
.miami-neo-intro .neo-side,
.miami-neo-intro .neo-card {
 border: 1px solid rgba(255, 255, 255, 0.07);
 border-radius: 18px;
 background:
  linear-gradient(180deg, rgba(10, 23, 37, 0.96), rgba(6, 16, 25, 0.98)),
  linear-gradient(135deg, rgba(255, 97, 200, 0.05), transparent 48%);
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.miami-neo-intro .neo-main {
 padding: 18px;
}

.miami-neo-intro .neo-lead,
.miami-neo-intro .neo-text {
 display: flex;
 gap: 8px;
 align-items: flex-start;
}

.miami-neo-intro .neo-lead {
 margin: 0 0 14px;
 color: #ffffff;
 font: 600 12px/1.85 "Trebuchet MS", Tahoma, sans-serif;
}

.miami-neo-intro .neo-text {
 margin: 0 0 14px;
 color: var(--neo-soft);
 font: 500 12px/1.85 "Trebuchet MS", Tahoma, sans-serif;
}

.miami-neo-intro .neo-lead svg,
.miami-neo-intro .neo-text svg {
 margin-top: 5px;
 color: var(--neo-cyan);
}

/* === SIDE === */

.miami-neo-intro .neo-side {
 padding: 16px;
 background:
  linear-gradient(180deg, rgba(8, 20, 31, 0.98), rgba(6, 15, 24, 0.98)),
  linear-gradient(135deg, rgba(98, 236, 255, 0.07), transparent 44%);
}

.miami-neo-intro .neo-side-grid {
 display: grid;
 gap: 10px;
}

.miami-neo-intro .neo-side-item {
 padding: 12px;
 border: 1px solid rgba(255, 255, 255, 0.06);
 border-radius: 14px;
 background: rgba(255, 255, 255, 0.02);
}

.miami-neo-intro .neo-side-label {
 display: flex;
 align-items: center;
 gap: 6px;
 margin-bottom: 6px;
 color: var(--neo-cyan);
 font: 800 10px/1 "Trebuchet MS", Tahoma, sans-serif;
 letter-spacing: 0.14em;
 text-transform: uppercase;
}

.miami-neo-intro .neo-side-value {
 display: block;
 color: #ffffff;
 font: 700 14px/1.55 "Trebuchet MS", Tahoma, sans-serif;
}

.miami-neo-intro .neo-side-note {
 display: block;
 margin-top: 4px;
 color: var(--neo-muted);
 font: 500 12px/1.6 "Trebuchet MS", Tahoma, sans-serif;
}

/* === STATS === */

.miami-neo-intro .neo-stats {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 14px;
}

.miami-neo-intro .neo-card {
 padding: 16px;
}

.miami-neo-intro .neo-card-tag {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 26px;
 padding: 0 10px;
 margin-bottom: 10px;
 border-radius: 999px;
 background: rgba(98, 236, 255, 0.08);
 color: var(--neo-cyan);
 font: 800 10px/1 "Trebuchet MS", Tahoma, sans-serif;
 letter-spacing: 0.15em;
 text-transform: uppercase;
}

.miami-neo-intro .neo-card-title {
 margin: 0 0 8px;
 color: #ffffff;
 font: 800 13px/1.45 "Trebuchet MS", Tahoma, sans-serif;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}

.miami-neo-intro .neo-card-text {
 margin: 0;
 color: var(--neo-muted);
 font: 500 13px/1.75 "Trebuchet MS", Tahoma, sans-serif;
}

/* === MOBILE === */

@media (max-width: 980px) {
 .miami-neo-intro .neo-layout,
 .miami-neo-intro .neo-stats,
 .miami-neo-intro .neo-platforms-grid {
  grid-template-columns: 1fr;
 }
}

@media (max-width: 640px) {
 .miami-neo-intro .neo-cover {
  height: 190px;
 }

 .miami-neo-intro .neo-topline,
 .miami-neo-intro .panel-head,
 .miami-neo-intro .panel-body {
  padding-left: 16px;
  padding-right: 16px;
 }

 .miami-neo-intro .neo-platform-img {
  height: 130px;
 }

 .miami-neo-intro .neo-platform-bottom {
  flex-direction: column;
  align-items: stretch;
 }

 .miami-neo-intro .neo-platform-btn {
  width: 100%;
 }
}





















/* === PLATFORM SELECTOR === */

.neo-platforms {
 margin-top: 40px;
}

.neo-platforms-head {
 text-align: center;
 margin-bottom: 24px;
}

.neo-platforms-kicker {
 color: #00ffd0;
 font-size: 12px;
 text-transform: uppercase;
 opacity: 0.7;
}

.neo-platforms-title {
 font-size: 26px;
 margin: 6px 0;
}

.neo-platforms-sub {
 opacity: 0.7;
}

.neo-platforms-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 18px;
}

.neo-platform-card {
 padding: 20px;
 border-radius: 16px;
 background: rgba(15, 22, 30, 0.85);
 border: 1px solid rgba(0,255,210,0.08);
 transition: 0.3s;
 position: relative;
}

.neo-platform-card:hover {
 transform: translateY(-4px);
 box-shadow: 0 10px 30px rgba(0,255,210,0.15);
}

.neo-platform-active {
 border: 1px solid rgba(0,255,210,0.4);
 box-shadow: 0 0 20px rgba(0,255,210,0.2);
}

.neo-platform-top {
 display: flex;
 justify-content: space-between;
 margin-bottom: 10px;
}

.neo-platform-tag {
 font-size: 12px;
 opacity: 0.7;
}

.neo-platform-status {
 font-size: 12px;
}

.neo-platform-status.online {
 color: #00ff88;
}

.neo-platform-status.soon {
 color: #ffaa00;
}

.neo-platform-name {
 font-size: 18px;
 margin-bottom: 8px;
}

.neo-platform-desc {
 font-size: 14px;
 opacity: 0.7;
 margin-bottom: 12px;
}

.neo-platform-list {
 font-size: 13px;
 margin-bottom: 14px;
 padding-left: 0;
 list-style: none;
}

.neo-platform-list li {
 margin-bottom: 4px;
}

.neo-platform-bottom {
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.neo-platform-ip {
 font-size: 13px;
 opacity: 0.6;
}

.neo-platform-btn {
 padding: 8px 14px;
 border-radius: 10px;
 background: linear-gradient(90deg,#00ffd0,#00aaff);
 color: #000;
 font-weight: bold;
 text-decoration: none;
}

.neo-platform-btn.disabled {
 background: rgba(255,255,255,0.08);
 color: #888;
 pointer-events: none;
}



/* =========================
СЕРВЕР СЛЕВА ОНЛАЙН
========================= */

#miami-rp-monitor {
 position: relative;
 width: 100%;
 box-sizing: border-box;
 padding: 12px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.16);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.10), transparent 34%),
  radial-gradient(circle at 92% 10%, rgba(255,105,218,.10), transparent 32%),
  linear-gradient(180deg, rgba(8,18,30,.98), rgba(4,10,18,.99));
 box-shadow:
  0 16px 34px rgba(0,0,0,.36),
  inset 0 1px 0 rgba(255,255,255,.04);
 color: #edf8ff;
 font: 13px/1.4 Trebuchet MS, Tahoma, sans-serif;
 overflow: hidden;
}

#miami-rp-monitor::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 height: 1px;
 background: linear-gradient(90deg, #7ef9ff, #ff69da, transparent);
 opacity: .85;
}

#miami-rp-monitor * {
 box-sizing: border-box;
}

#miami-rp-monitor svg {
 width: 14px;
 height: 14px;
 flex: 0 0 14px;
 stroke-width: 2.2;
}

/* ONLINE GLOW */

#miami-rp-monitor.miami-rp-online {
 animation: miami-rp-premium-glow 1.8s ease-in-out infinite;
}

@keyframes miami-rp-premium-glow {
 0%,100% {
  box-shadow:
   0 16px 34px rgba(0,0,0,.36),
   inset 0 1px 0 rgba(255,255,255,.04),
   0 0 0 rgba(126,249,255,0);
 }
 50% {
  box-shadow:
   0 16px 34px rgba(0,0,0,.36),
   inset 0 1px 0 rgba(255,255,255,.04),
   0 0 22px rgba(126,249,255,.18);
 }
}

/* FLEX ICON ALIGN */

#miami-rp-monitor .miami-rp-kicker,
#miami-rp-monitor .miami-rp-name,
#miami-rp-monitor .miami-rp-status,
#miami-rp-monitor .miami-rp-bonuses-title,
#miami-rp-monitor .miami-rp-bonus-item,
#miami-rp-monitor .miami-rp-progress-label span:first-child,
#miami-rp-monitor .miami-rp-btn,
#miami-rp-monitor .miami-rp-timer {
 display: flex;
 align-items: center;
 gap: 6px;
}

/* ICON COLORS */

#miami-rp-monitor .miami-rp-kicker svg {
 color: #ff69da;
 filter: drop-shadow(0 0 6px rgba(255,105,218,.4));
}

#miami-rp-monitor .miami-rp-name svg,
#miami-rp-monitor .miami-rp-status svg,
#miami-rp-monitor .miami-rp-bonus-item svg,
#miami-rp-monitor .miami-rp-progress-label svg,
#miami-rp-monitor .miami-rp-timer svg {
 color: #7ef9ff;
 filter: drop-shadow(0 0 6px rgba(126,249,255,.35));
}

#miami-rp-monitor .miami-rp-bonuses-title svg {
 color: #ff69da;
 filter: drop-shadow(0 0 6px rgba(255,105,218,.35));
}

#miami-rp-monitor .miami-rp-btn svg {
 color: #ffb3ef;
}

#miami-rp-monitor .miami-rp-btn-connect svg {
 color: #7ef9ff;
}

/* HEADER */

#miami-rp-monitor .miami-rp-kicker {
 position: relative;
 z-index: 1;
 margin-bottom: 7px;
 color: #ffb3ef;
 font-size: 10px;
 font-weight: 800;
 letter-spacing: .14em;
 text-transform: uppercase;
}

#miami-rp-monitor .miami-rp-name {
 position: relative;
 z-index: 1;
 color: #fff;
 font-size: 14px;
 font-weight: 800;
 line-height: 1.2;
 text-shadow: 0 0 10px rgba(126,249,255,.18);
}

/* ONLINE BLOCK */

#miami-rp-monitor .miami-rp-count-row {
 position: relative;
 z-index: 1;
 margin-top: 10px;
 padding: 10px;
 border-radius: 14px;
 border: 1px solid rgba(126,249,255,.14);
 background:
  radial-gradient(circle at top left, rgba(126,249,255,.10), transparent 45%),
  rgba(126,249,255,.045);
}

#miami-rp-monitor .miami-rp-count {
 color: #7ef9ff;
 font-size: 27px;
 font-weight: 900;
 line-height: 1;
 letter-spacing: .02em;
 text-shadow:
  0 0 9px rgba(126,249,255,.55),
  0 0 18px rgba(126,249,255,.20);
}

#miami-rp-monitor .miami-rp-status {
 margin-top: 8px;
 color: #9eb5c7;
 font-size: 11px;
 font-weight: 700;
}

#miami-rp-monitor .miami-rp-dot {
 width: 9px;
 height: 9px;
 flex: 0 0 9px;
 border-radius: 50%;
 background: #ff6b6b;
 box-shadow: 0 0 8px rgba(255,80,80,.45);
}

#miami-rp-monitor .miami-rp-dot.online {
 background: #7ef9ff;
 animation: miami-rp-live-dot 1.2s infinite ease-in-out;
}

@keyframes miami-rp-live-dot {
 0%,100% {
  box-shadow: 0 0 6px rgba(126,249,255,.7);
  opacity: .75;
 }
 50% {
  box-shadow:
   0 0 10px rgba(126,249,255,1),
   0 0 20px rgba(126,249,255,.45);
  opacity: 1;
 }
}

/* BONUSES */

#miami-rp-monitor .miami-rp-bonuses {
 position: relative;
 z-index: 1;
 margin-top: 10px;
 padding: 10px;
 border-radius: 14px;
 border: 1px solid rgba(255,105,218,.16);
 background:
  radial-gradient(circle at top left, rgba(255,105,218,.10), transparent 42%),
  rgba(255,105,218,.045);
}

#miami-rp-monitor .miami-rp-bonuses-title {
 margin-bottom: 7px;
 color: #ffb3ef;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .08em;
 text-transform: uppercase;
}

#miami-rp-monitor .miami-rp-bonus-item {
 color: #edf8ff;
 font-size: 12px;
 line-height: 1.45;
}

#miami-rp-monitor .miami-rp-bonus-item + .miami-rp-bonus-item {
 margin-top: 5px;
}

/* PROGRESS */

#miami-rp-monitor .miami-rp-progress-wrap {
 position: relative;
 z-index: 1;
 margin-top: 11px;
}

#miami-rp-monitor .miami-rp-progress-label {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 5px;
 color: #9eb5c7;
 font-size: 10px;
 font-weight: 800;
 letter-spacing: .04em;
}

#miami-rp-monitor .miami-rp-progress {
 height: 7px;
 overflow: hidden;
 border-radius: 999px;
 background: rgba(255,255,255,.08);
 box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}

#miami-rp-monitor .miami-rp-progress-bar {
 width: 0%;
 height: 100%;
 border-radius: inherit;
 background: linear-gradient(90deg, #7ef9ff, #ff69da);
 box-shadow: 0 0 14px rgba(126,249,255,.32);
 transition: width .35s ease;
}

/* IP */

#miami-rp-monitor .miami-rp-ip-wrap {
 position: relative;
 z-index: 1;
 margin-top: 11px;
}

#miami-rp-monitor .miami-rp-ip-big {
 padding: 10px;
 border-radius: 14px;
 border: 1px solid rgba(126,249,255,.24);
 background:
  linear-gradient(180deg, rgba(126,249,255,.10), rgba(126,249,255,.04)),
  rgba(5,12,20,.60);
 color: #fff;
 font-size: 14px;
 font-weight: 900;
 line-height: 1.2;
 text-align: center;
 text-shadow: 0 0 8px rgba(126,249,255,.36);
 word-break: break-word;
}

/* BUTTONS */

#miami-rp-monitor .miami-rp-actions {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 7px;
 margin-top: 7px;
}

#miami-rp-monitor .miami-rp-btn {
 width: 100%;
 min-height: 34px;
 padding: 8px;
 border-radius: 12px;
 border: 1px solid rgba(255,105,218,.24);
 background:
  linear-gradient(180deg, rgba(255,105,218,.12), rgba(255,105,218,.045));
 color: #fff;
 font: 800 11px/1.2 Trebuchet MS, Tahoma, sans-serif;
 text-align: center;
 text-decoration: none;
 cursor: pointer;
 white-space: nowrap;
 transition:
  transform .18s ease,
  box-shadow .18s ease,
  border-color .18s ease,
  filter .18s ease;
}

#miami-rp-monitor .miami-rp-btn:hover {
 transform: translateY(-1px);
 border-color: rgba(255,105,218,.38);
 box-shadow: 0 0 14px rgba(255,105,218,.16);
 filter: brightness(1.06);
}

#miami-rp-monitor .miami-rp-btn-connect {
 border-color: rgba(64,224,208,.42);
 background:
  linear-gradient(180deg, rgba(64,224,208,.16), rgba(64,224,208,.055));
}

#miami-rp-monitor .miami-rp-btn-connect:hover {
 border-color: rgba(64,224,208,.58);
 box-shadow: 0 0 14px rgba(64,224,208,.22);
}

/* TIMER */

#miami-rp-monitor .miami-rp-timer {
 position: relative;
 z-index: 1;
 justify-content: center;
 margin-top: 10px;
 padding-top: 8px;
 border-top: 1px solid rgba(255,255,255,.07);
 text-align: center;
 color: #9eb5c7;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: .04em;
}



/* =========================
Группы — balanced UI + hover glow
========================= */

.miami-social-card.neon-social-card {
 position: relative;
 width: 100%;
 max-width: 260px;
 margin-top: 10px;
 padding: 10px;
 border: 1px solid rgba(126,249,255,.12);
 border-radius: 14px;
 background: linear-gradient(180deg, rgba(10,22,34,.96), rgba(6,14,22,.98));
 box-shadow: 0 10px 24px rgba(0,0,0,.25);
 overflow: hidden;
}

.miami-social-title {
 display: flex;
 align-items: center;
 gap: 7px;
 margin: 0 0 8px;
 font: 700 11px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .12em;
 color: #eaf7ff;
 text-transform: uppercase;
}

.miami-social-title::before {
 content: "";
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #ff69da;
 box-shadow: 0 0 8px rgba(255,105,218,.45);
}

.uz.miami-neon-x,
.uz.miami-neon-x li {
 list-style: none !important;
 margin: 0;
 padding: 0;
}

.uz.miami-neon-x {
 display: grid;
 gap: 6px;
}

.uz.miami-neon-x a.m {
 position: relative;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 8px;
 min-height: 42px;
 padding: 8px 10px;
 border-radius: 10px;
 overflow: hidden;
 text-decoration: none;
 font: 700 11px Trebuchet MS;
 color: #f0fbff;
 border: 1px solid rgba(255,255,255,.08);
 background: linear-gradient(135deg, rgba(18,26,38,.96), rgba(10,14,22,.98));
 transition: .2s;
}

/* левая полоса */

.uz.miami-neon-x a.m::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 width: 3px;
 border-radius: 10px 0 0 10px;
 opacity: .7;
 transition: .25s;
}

/* элементы */

.x-badge {
 width: 26px;
 height: 26px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 7px;
}

.x-badge svg {
 width: 16px;
 height: 16px;
 stroke-width: 2.2;
}

.x-text {
 flex: 1;
 font-size: 11px;
}

.x-note {
 font-size: 9px;
 opacity: .75;
 margin-left: 34px;
 flex: 1 0 100%;
}

.join-tag {
 margin-left: auto;
 padding: 0 7px;
 height: 18px;
 border-radius: 999px;
 font-size: 8px;
 display: flex;
 align-items: center;
}

/* VK */

a.vk-link::before { background: #0077ff; }
a.vk-link .join-tag { background: rgba(0,119,255,.18); }

/* TG */

a.tg-link::before { background: #00aaff; }
a.tg-link .join-tag { background: rgba(0,170,255,.18); }

/* YT */

a.yt-link::before { background: #ff0000; }
a.yt-link .join-tag { background: rgba(255,0,0,.18); }

/* X */

a.x-link::before { background: #ffffff; }
a.x-link .join-tag { background: rgba(255,255,255,.1); }

/* hover */

a.m:hover {
 transform: translateY(-1px);
}

a.m:hover::before {
 width: 4px;
 opacity: 1;
}

a.vk-link:hover::before { box-shadow: 0 0 10px #0077ff; }
a.tg-link:hover::before { box-shadow: 0 0 10px #00aaff; }
a.yt-link:hover::before { box-shadow: 0 0 10px #ff0000; }
a.x-link:hover::before { box-shadow: 0 0 10px #ffffff; }





/* =========================
НИЗ САЙТА — LEGAL FOOTER UI
========================= */

.mta-footer-legal,
.mta-footer-legal * {
 box-sizing: border-box;
}

.mta-footer-legal {
 --bg-dark: rgba(8,18,30,.98);
 --bg-deep: rgba(4,10,18,.99);
 --text: #d7e2ee;
 --muted: #93a3b4;
 --white: #f8fbff;
 --cyan: #7ef9ff;
 --pink: #ff69da;

 position: relative;
 margin-top: 8px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.14);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.08), transparent 34%),
  radial-gradient(circle at 92% 10%, rgba(255,105,218,.08), transparent 32%),
  linear-gradient(180deg, var(--bg-dark), var(--bg-deep));
 box-shadow:
  0 16px 34px rgba(0,0,0,.32),
  inset 0 1px 0 rgba(255,255,255,.04);
 overflow: hidden;
}

.mta-footer-legal::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 height: 1px;
 background: linear-gradient(90deg, var(--cyan), var(--pink), transparent);
 opacity: .8;
}

.mta-footer-legal__inner {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 14px 18px;
 padding: 11px 14px;
}

.mta-footer-legal__content {
 min-width: 0;
 flex: 1 1 auto;
}

.mta-footer-legal__label {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 margin-bottom: 5px;
 color: var(--cyan);
 font: 800 10px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .13em;
 text-transform: uppercase;
}

.mta-footer-legal__label svg {
 width: 14px;
 height: 14px;
 stroke-width: 2.2;
 filter: drop-shadow(0 0 6px rgba(126,249,255,.35));
}

.mta-footer-legal__text {
 margin: 0;
 color: var(--text);
 font: 600 12px/1.45 Trebuchet MS, Tahoma, sans-serif;
}

.mta-footer-legal__text strong {
 color: var(--white);
 font-weight: 800;
}

.mta-footer-legal__actions {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 flex-wrap: wrap;
 gap: 7px;
 flex: 0 0 auto;
}

.mta-footer-legal__claim,
.mta-footer-legal__meta {
 min-height: 32px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 6px;
 padding: 0 10px;
 border-radius: 11px;
 text-decoration: none !important;
 white-space: nowrap;
 transition: .18s ease;
}

.mta-footer-legal__claim {
 border: 1px solid rgba(255,105,218,.22);
 background: rgba(255,105,218,.07);
 color: #ffd9f4 !important;
 font: 800 10px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .07em;
 text-transform: uppercase;
}

.mta-footer-legal__claim svg {
 width: 14px;
 height: 14px;
 color: var(--pink);
 stroke-width: 2.2;
}

.mta-footer-legal__meta {
 border: 1px solid rgba(126,249,255,.14);
 background: rgba(126,249,255,.045);
 color: var(--muted) !important;
 font: 700 10px/1 Trebuchet MS, Tahoma, sans-serif;
}

.mta-footer-legal__meta svg {
 width: 13px;
 height: 13px;
 color: var(--cyan);
 stroke-width: 2.2;
}

.mta-footer-legal__claim:hover,
.mta-footer-legal__meta:hover {
 transform: translateY(-1px);
 color: #fff !important;
}

.mta-footer-legal__claim:hover {
 border-color: rgba(255,105,218,.38);
 box-shadow: 0 0 14px rgba(255,105,218,.12);
}

.mta-footer-legal__meta:hover {
 border-color: rgba(126,249,255,.30);
 box-shadow: 0 0 14px rgba(126,249,255,.10);
}

/* Метрика */

.mta-footer-legal__metrics {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 34px;
 padding: 2px;
 border-radius: 9px;
 border: 1px solid rgba(255,255,255,.08);
 background: rgba(255,255,255,.035);
 overflow: hidden;
}

.mta-footer-legal__metrics img {
 display: block;
 border-radius: 7px;
}

/* MOBILE */

@media (max-width: 760px) {
 .mta-footer-legal__inner {
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
 }

 .mta-footer-legal__actions {
  width: 100%;
  justify-content: flex-start;
 }

 .mta-footer-legal__claim {
  width: 100%;
 }

 .mta-footer-legal__meta {
  flex: 1 1 auto;
 }

 .mta-footer-legal__metrics {
  width: 100%;
  justify-content: flex-start;
 }
}




/* =========================
РАДИО ПЛЕЕР — FIXED HEIGHT + LUCIDE
========================= */

.rh-player,
.rh-player *,
.rh-player *::before,
.rh-player *::after {
 box-sizing: border-box !important;
}

.rh-player {
 width: 100% !important;
 max-width: 100% !important;
 height: 560px !important;
 display: flex !important;
 flex-direction: column !important;
 position: relative !important;
 overflow: hidden !important;
 padding: 14px !important;
 border: 1px solid rgba(126, 249, 255, 0.25) !important;
 border-radius: 24px !important;
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.10), transparent 34%),
  radial-gradient(circle at 92% 10%, rgba(255,105,218,.10), transparent 32%),
  linear-gradient(180deg, #0b1623 0%, #08111b 100%) !important;
 color: #e9f6ff !important;
 font-family: "Trebuchet MS", Tahoma, sans-serif !important;
 box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important;
}

.rh-player::before {
 content: "" !important;
 position: absolute !important;
 top: 0 !important;
 left: 0 !important;
 width: 100% !important;
 height: 3px !important;
 background: linear-gradient(90deg, #ff69da, #7ef9ff) !important;
}

.rh-player svg {
 width: 13px !important;
 height: 13px !important;
 flex: 0 0 13px !important;
 stroke-width: 2.2 !important;
}

/* HEADER */

.rh-header {
 width: 100% !important;
 display: flex !important;
 align-items: center !important;
 justify-content: space-between !important;
 gap: 10px !important;
 margin: 0 0 10px 0 !important;
 padding: 0 0 10px 0 !important;
 border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
 flex: 0 0 auto !important;
}

.rh-title {
 display: flex !important;
 align-items: center !important;
 gap: 7px !important;
 color: #fff0ff !important;
 font-size: 11px !important;
 line-height: 1.2 !important;
 font-weight: 800 !important;
 letter-spacing: 0.16em !important;
 text-transform: uppercase !important;
}

.rh-title svg {
 color: #ff69da !important;
 filter: drop-shadow(0 0 6px rgba(255,105,218,.35)) !important;
}

/* =========================
RADIO EQ — STARTS WHEN STATION SELECTED
========================= */

.rh-player .rh-eq {
 display: flex !important;
 align-items: flex-end !important;
 justify-content: center !important;
 gap: 3px !important;
 height: 18px !important;
 min-height: 18px !important;
 padding: 4px 8px !important;
 border: 1px solid rgba(255,255,255,.08) !important;
 border-radius: 999px !important;
 background: rgba(255,255,255,.04) !important;
 overflow: hidden !important;
}

.rh-player .rh-eq .rh-bar {
 display: block !important;
 width: 3px !important;
 min-width: 3px !important;
 height: 14px !important;
 min-height: 14px !important;
 max-height: 14px !important;
 border-radius: 999px !important;
 background: linear-gradient(180deg,#ff69da,#7ef9ff) !important;
 opacity: .45 !important;
 transform-origin: bottom center !important;
 animation: none !important;
}

.rh-player .rh-eq .rh-bar:nth-child(1) {
 transform: scaleY(.25) !important;
}

.rh-player .rh-eq .rh-bar:nth-child(2) {
 transform: scaleY(.55) !important;
}

.rh-player .rh-eq .rh-bar:nth-child(3) {
 transform: scaleY(.35) !important;
}

.rh-player .rh-eq .rh-bar:nth-child(4) {
 transform: scaleY(.70) !important;
}

/* ДВИЖЕНИЕ СРАЗУ ПОСЛЕ ВЫБОРА СТАНЦИИ */

.rh-player.is-selected .rh-eq .rh-bar {
 opacity: 1 !important;
 animation-name: rhEqPlayMove !important;
 animation-iteration-count: infinite !important;
 animation-timing-function: ease-in-out !important;
}

.rh-player.is-selected .rh-eq .rh-bar:nth-child(1) {
 animation-duration: .6s !important;
}

.rh-player.is-selected .rh-eq .rh-bar:nth-child(2) {
 animation-duration: .4s !important;
}

.rh-player.is-selected .rh-eq .rh-bar:nth-child(3) {
 animation-duration: .7s !important;
}

.rh-player.is-selected .rh-eq .rh-bar:nth-child(4) {
 animation-duration: .5s !important;
}

@keyframes rhEqPlayMove {
 0%, 100% {
  transform: scaleY(.22) !important;
 }

 50% {
  transform: scaleY(1) !important;
 }
}

/* TABS */

.rh-tabs {
 display: flex !important;
 gap: 8px !important;
 width: 100% !important;
 margin: 0 0 10px 0 !important;
 padding: 6px !important;
 border: 1px solid rgba(255, 255, 255, 0.06) !important;
 border-radius: 16px !important;
 background: rgba(255, 255, 255, 0.03) !important;
 flex: 0 0 auto !important;
}

.rh-tab {
 flex: 1 1 0 !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 5px !important;
 min-height: 34px !important;
 margin: 0 !important;
 padding: 8px 8px !important;
 border: 1px solid transparent !important;
 border-radius: 12px !important;
 background: transparent !important;
 color: #9db5c6 !important;
 cursor: pointer !important;
 font-size: 9px !important;
 line-height: 1.2 !important;
 font-weight: 800 !important;
 letter-spacing: 0.10em !important;
 text-transform: uppercase !important;
 text-align: center !important;
 outline: none !important;
 box-shadow: none !important;
 appearance: none !important;
 -webkit-appearance: none !important;
}

.rh-tab svg {
 width: 12px !important;
 height: 12px !important;
 color: #7ef9ff !important;
 opacity: .75 !important;
}

.rh-tab.is-active {
 color: #ffffff !important;
 border-color: rgba(126, 249, 255, 0.22) !important;
 background: linear-gradient(90deg, rgba(255, 105, 218, 0.18), rgba(126, 249, 255, 0.1)) !important;
}

.rh-tab.is-active svg {
 opacity: 1 !important;
 filter: drop-shadow(0 0 5px rgba(126,249,255,.35)) !important;
}

/* SCROLL LIST */

.rh-lists-scroll {
 flex: 1 1 auto !important;
 min-height: 0 !important;
 overflow-y: auto !important;
 overflow-x: hidden !important;
 padding-right: 4px !important;
 margin-right: -4px !important;
}

.rh-lists-scroll::-webkit-scrollbar {
 width: 4px !important;
}

.rh-lists-scroll::-webkit-scrollbar-track {
 background: rgba(255,255,255,.03) !important;
 border-radius: 999px !important;
}

.rh-lists-scroll::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg, #ff69da, #7ef9ff) !important;
 border-radius: 999px !important;
}

.rh-list {
 display: none !important;
 width: 100% !important;
 margin: 0 !important;
 padding: 0 !important;
}

.rh-list.is-active {
 display: block !important;
}

.rh-station {
 display: flex !important;
 align-items: center !important;
 gap: 8px !important;
 width: 100% !important;
 margin: 0 0 7px 0 !important;
 padding: 11px 12px !important;
 border: 1px solid rgba(255, 255, 255, 0.08) !important;
 border-radius: 15px !important;
 background: rgba(255, 255, 255, 0.04) !important;
 color: #eef8ff !important;
 text-align: left !important;
 font-size: 11px !important;
 line-height: 1.35 !important;
 font-weight: 700 !important;
 cursor: pointer !important;
 outline: none !important;
 box-shadow: none !important;
 appearance: none !important;
 -webkit-appearance: none !important;
 transition: .18s ease !important;
}

.rh-station svg {
 color: #7ef9ff !important;
 opacity: .85 !important;
}

.rh-station span {
 min-width: 0 !important;
 overflow: hidden !important;
 text-overflow: ellipsis !important;
 white-space: nowrap !important;
}

.rh-station:hover {
 transform: translateY(-1px) !important;
 border-color: rgba(126,249,255,.22) !important;
 background: rgba(126,249,255,.07) !important;
}

.rh-station.is-active {
 border-color: rgba(126, 249, 255, 0.3) !important;
 background: linear-gradient(90deg, rgba(255, 105, 218, 0.14), rgba(126, 249, 255, 0.08)) !important;
 color: #ffffff !important;
}

/* CONTROLS */

.rh-play,
.rh-mini {
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 6px !important;
 width: 100% !important;
 min-height: 40px !important;
 margin: 8px 0 0 0 !important;
 padding: 10px 12px !important;
 border-radius: 15px !important;
 color: #ffffff !important;
 font-size: 11px !important;
 line-height: 1.2 !important;
 font-weight: 800 !important;
 letter-spacing: 0.12em !important;
 text-transform: uppercase !important;
 cursor: pointer !important;
 outline: none !important;
 appearance: none !important;
 -webkit-appearance: none !important;
 flex: 0 0 auto !important;
}

.rh-play {
 border: 1px solid rgba(126, 249, 255, 0.28) !important;
 background: linear-gradient(90deg, rgba(255, 105, 218, 0.18), rgba(126, 249, 255, 0.16)) !important;
}

.rh-mini {
 min-height: 36px !important;
 border: 1px solid rgba(255, 255, 255, 0.1) !important;
 background: rgba(255, 255, 255, 0.04) !important;
}

.rh-mini svg {
 color: #ff69da !important;
}

.rh-play:disabled {
 opacity: 0.5 !important;
 cursor: not-allowed !important;
}

/* VOLUME */

.rh-volume-wrap {
 width: 100% !important;
 margin: 8px 0 0 0 !important;
 padding: 9px 10px !important;
 border: 1px solid rgba(255, 255, 255, 0.06) !important;
 border-radius: 15px !important;
 background: rgba(255, 255, 255, 0.03) !important;
 flex: 0 0 auto !important;
}

.rh-volume-label {
 display: flex !important;
 align-items: center !important;
 gap: 5px !important;
 margin-bottom: 7px !important;
 color: #9db5c6 !important;
 font-size: 9px !important;
 font-weight: 800 !important;
 letter-spacing: .12em !important;
 text-transform: uppercase !important;
}

.rh-volume-label svg {
 color: #7ef9ff !important;
}

.rh-volume {
 width: 100% !important;
 margin: 0 !important;
 appearance: none !important;
 -webkit-appearance: none !important;
 height: 6px !important;
 border: 0 !important;
 border-radius: 999px !important;
 outline: none !important;
 background: linear-gradient(90deg, rgba(255, 105, 218, 0.7), rgba(126, 249, 255, 0.85)) !important;
}

.rh-volume::-webkit-slider-thumb {
 width: 15px !important;
 height: 15px !important;
 border: 0 !important;
 border-radius: 50% !important;
 background: #ffffff !important;
 cursor: pointer !important;
 appearance: none !important;
 -webkit-appearance: none !important;
}

.rh-volume::-moz-range-thumb {
 width: 15px !important;
 height: 15px !important;
 border: 0 !important;
 border-radius: 50% !important;
 background: #ffffff !important;
 cursor: pointer !important;
}

/* STATUS */

.rh-status {
 width: 100% !important;
 margin: 8px 0 0 0 !important;
 padding: 10px !important;
 min-height: 40px !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 border: 1px solid rgba(255, 255, 255, 0.06) !important;
 border-radius: 15px !important;
 background: rgba(255, 255, 255, 0.03) !important;
 color: #9db5c6 !important;
 text-align: center !important;
 font-size: 10px !important;
 line-height: 1.35 !important;
 flex: 0 0 auto !important;
}

.rh-audio {
 display: none !important;
}





/* ===== СЧЕТЧИК МАТЕРИАЛОВ — MIAMI UI + LUCIDE ===== */

.miami-materials-widget {
 width: 260px;
 box-sizing: border-box;
 padding: 12px;
 border-radius: 18px;
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.08), transparent 34%),
  radial-gradient(circle at 90% 8%, rgba(255,105,218,.08), transparent 30%),
  linear-gradient(180deg, rgba(10,22,34,.97), rgba(5,12,20,.99));
 border: 1px solid rgba(126,249,255,.14);
 box-shadow:
  0 14px 30px rgba(0,0,0,.28),
  inset 0 1px 0 rgba(255,255,255,.035);
 font-family: Trebuchet MS, Tahoma, sans-serif;
 color: #dffcff;
 overflow: hidden;
 position: relative;
}

.miami-materials-widget *,
.miami-materials-widget *::before,
.miami-materials-widget *::after {
 box-sizing: border-box;
}

.miami-materials-widget::before {
 content: "";
 position: absolute;
 left: 0;
 top: 14px;
 bottom: 14px;
 width: 3px;
 border-radius: 999px;
 background: linear-gradient(180deg, #ff69da, #7ef9ff);
 opacity: .75;
 box-shadow: 0 0 12px rgba(126,249,255,.25);
}

.miami-materials-head {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 gap: 9px;
 margin-bottom: 11px;
}

.miami-materials-head__icon {
 width: 28px;
 height: 28px;
 flex: 0 0 28px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 10px;
 border: 1px solid rgba(126,249,255,.22);
 background: rgba(126,249,255,.07);
 color: #7ef9ff;
 box-shadow: 0 0 12px rgba(126,249,255,.10);
}

.miami-materials-head__icon svg {
 width: 16px;
 height: 16px;
 stroke-width: 2.2;
}

.miami-materials-head b {
 color: #f3fbff;
 font: 800 11px/1.15 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .13em;
 text-transform: uppercase;
}

.miami-materials-list {
 position: relative;
 z-index: 1;
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.miami-mat-row {
 min-height: 34px;
 padding: 7px 8px;
 border-radius: 11px;
 background: rgba(126,249,255,.045);
 border: 1px solid rgba(126,249,255,.12);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
 transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.miami-mat-row:hover {
 transform: translateY(-1px);
 border-color: rgba(255,105,218,.30);
 background: rgba(255,105,218,.07);
 box-shadow:
  0 0 14px rgba(255,105,218,.10),
  inset 0 1px 0 rgba(255,255,255,.035);
}

.miami-mat-row span {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-width: 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color: #a9c2cf;
 font: 800 10px/1 Trebuchet MS, Tahoma, sans-serif;
 text-transform: uppercase;
 letter-spacing: .06em;
}

.miami-mat-row span svg {
 width: 14px;
 height: 14px;
 flex: 0 0 14px;
 color: #7ef9ff;
 stroke-width: 2.2;
 opacity: .9;
}

.miami-mat-row b {
 min-width: 38px;
 max-width: 86px;
 padding: 5px 8px;
 border-radius: 9px;
 text-align: center;
 color: #ffffff;
 background: linear-gradient(135deg, rgba(255,105,218,.20), rgba(126,249,255,.16));
 border: 1px solid rgba(126,249,255,.18);
 box-shadow: 0 0 10px rgba(126,249,255,.08);
 font: 800 11px/1 Trebuchet MS, Tahoma, sans-serif;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

/* лёгкое разделение важных строк */

.miami-mat-row:nth-child(6) span svg,
.miami-mat-row:nth-child(10) span svg,
.miami-mat-row:nth-child(11) span svg {
 color: #ffb9ea;
}

.miami-mat-row:hover span svg {
 filter: drop-shadow(0 0 5px rgba(126,249,255,.55));
}

/* MOBILE */

@media (max-width: 640px) {
 .miami-materials-widget {
  width: 100%;
 }
}













/* ===== МЕНЮ ===== */

.miami-top-menu-wrap {
 position: relative;
 z-index: 5000;
 padding: 18px 24px 0;
}

.miami-top-menu-shell {
 position: relative;
 isolation: isolate;
 z-index: 5001;
 display: flex;
 align-items: stretch;
 gap: 8px;
 padding: 6px;
 border: 1px solid rgba(201, 223, 243, 0.12);
 border-radius: 30px;
 background: linear-gradient(180deg, rgba(14, 20, 30, 0.94), rgba(7, 11, 18, 0.98));
 box-shadow: 0 18px 44px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
 backdrop-filter: blur(18px);
 overflow: visible;
}

.miami-top-menu-shell::before {
 content: "";
 position: absolute;
 inset: 1px;
 border-radius: 28px;
 background: linear-gradient(180deg, rgba(255,255,255,.035), transparent);
 pointer-events: none;
 z-index: 0;
}

.miami-top-menu-shell > * {
 position: relative;
 z-index: 1;
}

.miami-top-menu-brand,
.miami-top-menu-search,
.miami-top-menu-donate,
.miami-top-menu-monitoring {
 display: flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
 padding: 4px;
 border-radius: 22px;
 text-decoration: none;
 overflow: visible;
 transition: transform .22s ease;
}

.miami-top-menu-brand:hover,
.miami-top-menu-search:hover,
.miami-top-menu-donate:hover,
.miami-top-menu-monitoring:hover {
 transform: translateY(-1px);
}

.miami-top-menu-brand img {
 width: 62px;
 height: 62px;
 padding: 6px;
 border: 1px solid rgba(225,236,248,.18);
 border-radius: 20px;
 background: linear-gradient(180deg, rgba(22,28,39,.96), rgba(10,14,22,.98));
 object-fit: contain;
}

.miami-top-menu-action-icon {
 width: 54px;
 height: 54px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 18px;
 border: 1px solid rgba(214,228,244,.16);
 background: linear-gradient(180deg, rgba(22,28,39,.96), rgba(10,14,22,.98));
 color: #eef9ff;
 font-size: 20px;
}

.miami-top-menu-shell > .miami-solidblockmenu {
 flex: 1 1 auto;
 min-width: 0;
}

.miami-solidblockmenu {
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
 gap: 4px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.miami-solidblockmenu > li {
 position: relative;
}

.miami-solidblockmenu > li:not(.polosa) {
 display: flex;
 align-items: stretch;
}

.miami-solidblockmenu .polosa {
 width: 1px;
 min-width: 1px;
 margin: 10px 2px;
 background: linear-gradient(180deg, transparent, rgba(255,255,255,.08), transparent);
}

.miami-solidblockmenu a {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 min-height: 60px;
 padding: 14px 6px;
 color: #eef3f7;
 text-transform: uppercase;
 letter-spacing: .08em;
 font-size: 12px;
 text-align: center;
 text-decoration: none;
 border-radius: 18px;
 overflow: hidden;
 transition: .22s ease;
}

.miami-solidblockmenu a:hover,
.miami-solidblockmenu li:hover > a {
 color: #ffffff;
 transform: translateY(-1px);
 background: rgba(255,255,255,.035);
}

.miami-solidblockmenu .menu-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 32px;
 height: 32px;
 flex: 0 0 32px;
 border: 1px solid rgba(214,228,244,.12);
 border-radius: 12px;
 background: linear-gradient(180deg, rgba(23,29,40,.96), rgba(11,15,22,.98));
 font-size: 15px;
}

.miami-solidblockmenu .menu-label {
 display: block;
 white-space: nowrap;
}

.miami-solidblockmenu .menu-caret {
 display: inline-flex;
 color: rgba(126,249,255,.92);
 transition: transform .22s ease;
}

.miami-solidblockmenu li:hover > a .menu-caret {
 transform: rotate(180deg);
 color: #ffffff;
}

.miami-solidblockmenu .menu-item-has-children {
 position: relative;
 z-index: 200;
}

.miami-solidblockmenu .menu-item-has-children::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 100%;
 height: 16px;
}

.miami-submenu {
 position: absolute;
 top: calc(100% + 6px);
 left: 0;
 z-index: 99999;
 width: 400px;
 max-width: calc(100vw - 48px);
 margin: 0;
 padding: 12px;
 list-style: none;
 border: 1px solid rgba(214,228,244,.12);
 border-radius: 22px;
 background: linear-gradient(180deg, rgba(14,19,28,.98), rgba(8,11,18,.99));
 box-shadow: 0 22px 34px rgba(0,0,0,.34);
 backdrop-filter: blur(16px);
 opacity: 0;
 visibility: hidden;
 transform: translateY(8px) scale(.98);
 pointer-events: none;
 transition: .22s ease;
}

.miami-submenu.align-right {
 left: auto;
 right: 0;
}

.miami-solidblockmenu .menu-item-has-children:hover > .miami-submenu,
.miami-solidblockmenu .menu-item-has-children:focus-within > .miami-submenu {
 opacity: 1;
 visibility: visible;
 transform: translateY(0) scale(1);
 pointer-events: auto;
}

.miami-submenu li + li {
 margin-top: 8px;
}

.miami-submenu a {
 justify-content: flex-start;
 min-height: 48px;
 padding: 13px 16px;
 border: 1px solid rgba(255,255,255,.05);
 border-radius: 16px;
 background: rgba(255,255,255,.02);
 color: #eaf8ff;
 text-transform: none;
 letter-spacing: .03em;
 font-size: 11px;
 line-height: 1.45;
 text-align: left;
}

.miami-submenu a:hover {
 background: rgba(255,255,255,.04);
 border-color: rgba(214,228,244,.14);
}

.miami-top-menu-monitoring-inner,
.miami-top-menu-donate-inner {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 min-height: 54px;
 padding: 0 20px;
 border-radius: 18px;
 color: #ffffff;
 font: 800 10px/1 "Trebuchet MS", Tahoma, sans-serif;
 text-transform: uppercase;
 letter-spacing: .1em;
}

.miami-top-menu-monitoring-inner {
 border: 1px solid rgba(195,204,245,.2);
 background: linear-gradient(180deg, rgba(22,25,48,.96), rgba(11,14,29,.99));
}

.miami-top-menu-donate-inner {
 border: 1px solid rgba(151,226,214,.24);
 background: linear-gradient(180deg, rgba(18,40,41,.94), rgba(10,23,28,.98));
}

.miami-top-menu-monitoring-dot {
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: #a7b4ff;
 box-shadow: 0 0 0 3px rgba(99,102,241,.12), 0 0 12px rgba(164,174,255,.5);
 animation: miami-monitoring-pulse 2.8s ease-in-out infinite;
}

@keyframes miami-monitoring-pulse {
 0%,100% {
 transform: scale(1);
 box-shadow: 0 0 0 0 rgba(99,102,241,.24), 0 0 12px rgba(129,140,248,.72);
 }
 50% {
 transform: scale(1.08);
 box-shadow: 0 0 0 6px rgba(99,102,241,.04), 0 0 18px rgba(129,140,248,.92);
 }
}

@media (max-width: 820px) {
 .miami-top-menu-wrap {
 padding-left: 16px;
 padding-right: 16px;
 }

 .miami-top-menu-shell {
 flex-wrap: wrap;
 }

 .miami-top-menu-brand {
 flex: 1 1 100%;
 }

 .miami-top-menu-monitoring,
 .miami-top-menu-donate,
 .miami-top-menu-search {
 flex: 1 1 calc(50% - 6px);
 }

 .miami-solidblockmenu {
 order: 3;
 width: 100%;
 flex-direction: column;
 }

 .miami-solidblockmenu .polosa {
 display: none;
 }

 .miami-solidblockmenu > li {
 width: 100%;
 }

 .miami-solidblockmenu a {
 min-height: 50px;
 justify-content: flex-start;
 padding: 12px 16px;
 text-align: left;
 }

 .miami-submenu {
 position: static;
 width: auto;
 max-width: none;
 padding: 8px 12px 12px;
 border: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
 opacity: 1;
 visibility: visible;
 transform: none;
 pointer-events: auto;
 }
}



/* ===== МЕНЮ ===== */

.miami-top-menu-wrap {
 position: relative;
 z-index: 5000;
 padding: 18px 24px 0;
}

.miami-top-menu-shell {
 position: relative;
 isolation: isolate;
 z-index: 5001;
 display: flex;
 align-items: stretch;
 gap: 8px;
 padding: 6px;
 border: 1px solid rgba(201, 223, 243, 0.12);
 border-radius: 30px;
 background: linear-gradient(180deg, rgba(14, 20, 30, 0.94), rgba(7, 11, 18, 0.98));
 box-shadow: 0 18px 44px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.04);
 backdrop-filter: blur(18px);
 overflow: visible;
}

.miami-top-menu-shell::before {
 content: "";
 position: absolute;
 inset: 1px;
 border-radius: 28px;
 background: linear-gradient(180deg, rgba(255,255,255,.035), transparent);
 pointer-events: none;
 z-index: 0;
}

.miami-top-menu-shell > * {
 position: relative;
 z-index: 1;
}

.miami-top-menu-brand,
.miami-top-menu-search,
.miami-top-menu-donate,
.miami-top-menu-monitoring {
 display: flex;
 align-items: center;
 justify-content: center;
 flex: 0 0 auto;
 padding: 4px;
 border-radius: 22px;
 text-decoration: none;
 overflow: visible;
 transition: transform .22s ease;
}

.miami-top-menu-brand:hover,
.miami-top-menu-search:hover,
.miami-top-menu-donate:hover,
.miami-top-menu-monitoring:hover {
 transform: translateY(-1px);
}

.miami-top-menu-brand img {
 width: 62px;
 height: 62px;
 padding: 6px;
 border: 1px solid rgba(225,236,248,.18);
 border-radius: 20px;
 background: linear-gradient(180deg, rgba(22,28,39,.96), rgba(10,14,22,.98));
 object-fit: contain;
}

.miami-top-menu-action-icon {
 width: 54px;
 height: 54px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 18px;
 border: 1px solid rgba(214,228,244,.16);
 background: linear-gradient(180deg, rgba(22,28,39,.96), rgba(10,14,22,.98));
 color: #eef9ff;
 font-size: 20px;
}

.miami-top-menu-shell > .miami-solidblockmenu {
 flex: 1 1 auto;
 min-width: 0;
}

.miami-solidblockmenu {
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
 gap: 4px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.miami-solidblockmenu > li {
 position: relative;
}

.miami-solidblockmenu > li:not(.polosa) {
 display: flex;
 align-items: stretch;
}

.miami-solidblockmenu .polosa {
 width: 1px;
 min-width: 1px;
 margin: 10px 2px;
 background: linear-gradient(180deg, transparent, rgba(255,255,255,.08), transparent);
}

.miami-solidblockmenu a {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 min-height: 60px;
 padding: 14px 6px;
 color: #eef3f7;
 text-transform: uppercase;
 letter-spacing: .08em;
 font-size: 12px;
 text-align: center;
 text-decoration: none;
 border-radius: 18px;
 overflow: hidden;
 transition: .22s ease;
}

.miami-solidblockmenu a:hover,
.miami-solidblockmenu li:hover > a {
 color: #ffffff;
 transform: translateY(-1px);
 background: rgba(255,255,255,.035);
}

.miami-solidblockmenu .menu-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 32px;
 height: 32px;
 flex: 0 0 32px;
 border: 1px solid rgba(214,228,244,.12);
 border-radius: 12px;
 background: linear-gradient(180deg, rgba(23,29,40,.96), rgba(11,15,22,.98));
 font-size: 15px;
}

.miami-solidblockmenu .menu-label {
 display: block;
 white-space: nowrap;
}

.miami-solidblockmenu .menu-caret {
 display: inline-flex;
 color: rgba(126,249,255,.92);
 transition: transform .22s ease;
}

.miami-solidblockmenu li:hover > a .menu-caret {
 transform: rotate(180deg);
 color: #ffffff;
}

.miami-solidblockmenu .menu-item-has-children {
 position: relative;
 z-index: 200;
}

.miami-solidblockmenu .menu-item-has-children::after {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 100%;
 height: 16px;
}

.miami-submenu {
 position: absolute;
 top: calc(100% + 6px);
 left: 0;
 z-index: 99999;
 width: 400px;
 max-width: calc(100vw - 48px);
 margin: 0;
 padding: 12px;
 list-style: none;
 border: 1px solid rgba(214,228,244,.12);
 border-radius: 22px;
 background: linear-gradient(180deg, rgba(14,19,28,.98), rgba(8,11,18,.99));
 box-shadow: 0 22px 34px rgba(0,0,0,.34);
 backdrop-filter: blur(16px);
 opacity: 0;
 visibility: hidden;
 transform: translateY(8px) scale(.98);
 pointer-events: none;
 transition: .22s ease;
}

.miami-submenu.align-right {
 left: auto;
 right: 0;
}

.miami-solidblockmenu .menu-item-has-children:hover > .miami-submenu,
.miami-solidblockmenu .menu-item-has-children:focus-within > .miami-submenu {
 opacity: 1;
 visibility: visible;
 transform: translateY(0) scale(1);
 pointer-events: auto;
}

.miami-submenu li + li {
 margin-top: 8px;
}

.miami-submenu a {
 justify-content: flex-start;
 min-height: 48px;
 padding: 13px 16px;
 border: 1px solid rgba(255,255,255,.05);
 border-radius: 16px;
 background: rgba(255,255,255,.02);
 color: #eaf8ff;
 text-transform: none;
 letter-spacing: .03em;
 font-size: 11px;
 line-height: 1.45;
 text-align: left;
}

.miami-submenu a:hover {
 background: rgba(255,255,255,.04);
 border-color: rgba(214,228,244,.14);
}

.miami-top-menu-monitoring-inner,
.miami-top-menu-donate-inner {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 min-height: 54px;
 padding: 0 20px;
 border-radius: 18px;
 color: #ffffff;
 font: 800 10px/1 "Trebuchet MS", Tahoma, sans-serif;
 text-transform: uppercase;
 letter-spacing: .1em;
}

.miami-top-menu-monitoring-inner {
 border: 1px solid rgba(195,204,245,.2);
 background: linear-gradient(180deg, rgba(22,25,48,.96), rgba(11,14,29,.99));
}

.miami-top-menu-donate-inner {
 border: 1px solid rgba(151,226,214,.24);
 background: linear-gradient(180deg, rgba(18,40,41,.94), rgba(10,23,28,.98));
}

.miami-top-menu-monitoring-dot {
 width: 9px;
 height: 9px;
 border-radius: 50%;
 background: #a7b4ff;
 box-shadow: 0 0 0 3px rgba(99,102,241,.12), 0 0 12px rgba(164,174,255,.5);
 animation: miami-monitoring-pulse 2.8s ease-in-out infinite;
}

@keyframes miami-monitoring-pulse {
 0%,100% {
 transform: scale(1);
 box-shadow: 0 0 0 0 rgba(99,102,241,.24), 0 0 12px rgba(129,140,248,.72);
 }
 50% {
 transform: scale(1.08);
 box-shadow: 0 0 0 6px rgba(99,102,241,.04), 0 0 18px rgba(129,140,248,.92);
 }
}

@media (max-width: 820px) {
 .miami-top-menu-wrap {
 padding-left: 16px;
 padding-right: 16px;
 }

 .miami-top-menu-shell {
 flex-wrap: wrap;
 }

 .miami-top-menu-brand {
 flex: 1 1 100%;
 }

 .miami-top-menu-monitoring,
 .miami-top-menu-donate,
 .miami-top-menu-search {
 flex: 1 1 calc(50% - 6px);
 }

 .miami-solidblockmenu {
 order: 3;
 width: 100%;
 flex-direction: column;
 }

 .miami-solidblockmenu .polosa {
 display: none;
 }

 .miami-solidblockmenu > li {
 width: 100%;
 }

 .miami-solidblockmenu a {
 min-height: 50px;
 justify-content: flex-start;
 padding: 12px 16px;
 text-align: left;
 }

 .miami-submenu {
 position: static;
 width: auto;
 max-width: none;
 padding: 8px 12px 12px;
 border: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
 opacity: 1;
 visibility: visible;
 transform: none;
 pointer-events: auto;
 }
}


.miami-solidblockmenu .menu-icon svg,
.miami-top-menu-action-icon svg,
.miami-top-menu-donate-icon svg {
 width: 18px;
 height: 18px;
 stroke-width: 2.2;
}

.miami-top-menu-donate-icon {
 display: inline-flex;
 align-items: center;
 justify-content: center;
}

/* === ВЫДЕЛЕННЫЙ РАЗДЕЛ GTA 5 === */

.miami-solidblockmenu .miami-gta5-menu > a {
 border: 1px solid rgba(255, 185, 84, .45);
 background:
 radial-gradient(circle at 50% 0%, rgba(255, 186, 73, .22), transparent 58%),
 linear-gradient(180deg, rgba(67, 36, 10, .88), rgba(17, 10, 5, .96));
 box-shadow:
 0 0 0 1px rgba(255, 185, 84, .12),
 0 0 22px rgba(255, 145, 48, .28),
 inset 0 1px 0 rgba(255,255,255,.08);
}

.miami-solidblockmenu .miami-gta5-menu > a::before {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(120deg, transparent, rgba(255, 216, 135, .18), transparent);
 transform: translateX(-120%);
 animation: gta5-menu-shine 3.8s ease-in-out infinite;
 pointer-events: none;
}

.miami-solidblockmenu .miami-gta5-menu > a:hover {
 background:
 radial-gradient(circle at 50% 0%, rgba(255, 203, 105, .3), transparent 60%),
 linear-gradient(180deg, rgba(86, 47, 13, .96), rgba(22, 13, 6, .99));
 box-shadow:
 0 0 0 1px rgba(255, 190, 86, .22),
 0 0 32px rgba(255, 151, 45, .38),
 inset 0 1px 0 rgba(255,255,255,.1);
}

.miami-solidblockmenu .miami-gta5-menu .menu-icon {
 color: #ffcf7a;
 border-color: rgba(255, 190, 86, .42);
 background: linear-gradient(180deg, rgba(88, 50, 16, .96), rgba(30, 17, 8, .98));
 box-shadow: 0 0 16px rgba(255, 159, 48, .3);
}

.miami-solidblockmenu .miami-gta5-menu .menu-icon svg {
 stroke: #ffcf7a;
 filter: drop-shadow(0 0 6px rgba(255, 168, 55, .45));
}

.miami-solidblockmenu .miami-gta5-menu .menu-label {
 color: #ffe3aa;
 text-shadow: 0 0 12px rgba(255, 174, 60, .45);
}

@keyframes gta5-menu-shine {
 0%, 62%, 100% {
 transform: translateX(-120%);
 }
 72% {
 transform: translateX(120%);
 }
}


/* === COMPACT MENU (BALANCED) === */

.miami-top-menu-wrap {
 padding: 14px 18px 0;
}

.miami-top-menu-shell {
 gap: 6px;
 padding: 6px;
 border-radius: 26px;
}

/* логотип чуть меньше */
.miami-top-menu-brand img {
 width: 56px;
 height: 56px;
 border-radius: 18px;
}

/* расстояние между пунктами */
.miami-solidblockmenu {
 gap: 3px;
}

/* разделители */
.miami-solidblockmenu .polosa {
 margin: 10px 1px;
}

/* кнопки меню */
.miami-solidblockmenu a {
 gap: 8px;
 min-height: 54px;
 padding: 12px 6px;
 font-size: 11px;
 letter-spacing: .06em;
 border-radius: 16px;
}

/* иконки */
.miami-solidblockmenu .menu-icon {
 width: 28px;
 height: 28px;
 flex: 0 0 28px;
 border-radius: 11px;
}

.miami-solidblockmenu .menu-icon svg {
 width: 16px;
 height: 16px;
}

/* стрелка */
.miami-solidblockmenu .menu-caret {
 font-size: 12px;
}

/* кнопки справа */
.miami-top-menu-monitoring-inner,
.miami-top-menu-donate-inner {
 min-height: 50px;
 padding: 0 16px;
 gap: 8px;
 font-size: 10px;
 border-radius: 16px;
}

/* поиск */
.miami-top-menu-action-icon {
 width: 50px;
 height: 50px;
 border-radius: 16px;
}

.miami-top-menu-action-icon svg {
 width: 18px;
 height: 18px;
}





/* ===== ПОЛЬЗОВАТЕЛИ ОНАЛЙН ПОСЕТИВШИЕ ===== */

.miami-online-wrap {
 width: 260px;
 max-width: 260px;
 margin-top: 10px;
 border-collapse: separate;
}

.miami-online-wrap td {
 padding: 0;
 border: 0;
}

.miami-online-card,
.miami-online-card * {
 box-sizing: border-box;
}

.miami-online-card {
 position: relative;
 padding: 12px;
 border-radius: 16px;
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.08), transparent 35%),
  radial-gradient(circle at 90% 8%, rgba(255,105,218,.08), transparent 32%),
  linear-gradient(180deg,#0a1622,#050c14);
 border: 1px solid rgba(126,249,255,.14);
 box-shadow: 0 12px 26px rgba(0,0,0,.3);
 overflow: hidden;
}

.miami-online-card::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 height: 1px;
 background: linear-gradient(90deg, rgba(126,249,255,.55), rgba(255,105,218,.45), transparent);
}

/* HEADER */

.miami-online-head {
 position: relative;
 z-index: 1;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 8px;
}

.neon-online-title {
 min-width: 0;
 display: flex;
 align-items: center;
 gap: 6px;
 font: 700 10px/1.2 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .11em;
 color: #eaf7ff;
 text-transform: uppercase;
}

.neon-online-title svg {
 width: 14px;
 height: 14px;
 flex: 0 0 14px;
 color: #7ef9ff;
 stroke-width: 2.2;
 animation: miamiLiveIcon 1.4s infinite;
}

@keyframes miamiLiveIcon {
 0% {opacity:.45; filter: drop-shadow(0 0 2px rgba(126,249,255,.35));}
 50% {opacity:1; filter: drop-shadow(0 0 7px rgba(126,249,255,.85));}
 100% {opacity:.45; filter: drop-shadow(0 0 2px rgba(126,249,255,.35));}
}

.miami-online-counter {
 flex: 0 0 auto;
 min-width: 42px;
 padding: 4px 8px;
 border-radius: 8px;
 background: rgba(126,249,255,.08);
 border: 1px solid rgba(126,249,255,.25);
 font: 700 12px/1 Trebuchet MS, Tahoma, sans-serif;
 color: #fff;
 text-align: center;
}

/* LIST TITLE */

.miami-online-list-title {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 gap: 6px;
 margin: 10px 0 6px;
 padding-top: 8px;
 border-top: 1px solid rgba(255,255,255,.06);
 font: 700 9px/1.2 Trebuchet MS, Tahoma, sans-serif;
 color: #9fb7c8;
 text-transform: uppercase;
 letter-spacing: .12em;
}

.miami-online-list-title svg {
 width: 13px;
 height: 13px;
 flex: 0 0 13px;
 color: #7ef9ff;
 stroke-width: 2.2;
}

/* ONLINE LIST */

.miami-online-list {
 position: relative;
 z-index: 1;
 max-height: 100px;
 overflow-y: auto;
 padding-right: 4px;
}

.miami-online-list a,
.miami-day-users__user {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 max-width: 100%;
 margin: 0 5px 5px 0;
 padding: 4px 8px;
 border-radius: 999px;
 font: 700 10px/1 Trebuchet MS, Tahoma, sans-serif;
 text-decoration: none !important;
 white-space: nowrap;
 transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.miami-online-list a {
 border: 1px solid rgba(126,249,255,.18);
 background: rgba(126,249,255,.06);
 color: #dcffff !important;
}

.miami-online-list a::before {
 content: "";
 width: 5px;
 height: 5px;
 flex: 0 0 5px;
 border-radius: 50%;
 background: #7ef9ff;
 box-shadow: 0 0 7px rgba(126,249,255,.55);
}

.miami-online-list a:hover {
 transform: translateY(-1px);
 background: rgba(126,249,255,.12);
 border-color: rgba(126,249,255,.32);
 color: #fff !important;
}

/* DIVIDER */

.miami-online-divider {
 position: relative;
 z-index: 1;
 height: 1px;
 margin: 12px 0;
 background: linear-gradient(90deg, transparent, rgba(126,249,255,.25), rgba(255,105,218,.18), transparent);
}

/* DAY USERS */

.miami-day-users {
 position: relative;
 z-index: 1;
}

.miami-day-users__head {
 display: flex;
 align-items: center;
 gap: 7px;
 margin-bottom: 8px;
}

.miami-day-users__icon {
 width: 20px;
 height: 20px;
 flex: 0 0 20px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 7px;
 border: 1px solid rgba(255,105,218,.22);
 background: rgba(255,105,218,.07);
 color: #ffb9ea;
}

.miami-day-users__icon svg {
 width: 13px;
 height: 13px;
 stroke-width: 2.2;
}

.miami-day-users__title {
 font: 700 10px/1.15 Trebuchet MS, Tahoma, sans-serif;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: .09em;
}

.miami-day-users__sub {
 margin-top: 2px;
 font: 700 9px/1.2 Trebuchet MS, Tahoma, sans-serif;
 color: #9fb7c8;
}

.miami-day-users__body {
 max-height: 100px;
 overflow-y: auto;
 padding-right: 4px;
}

/* DAY USER ITEM */

.miami-day-users__user {
 border: 1px solid rgba(255,105,218,.2);
 background: rgba(255,105,218,.07);
 color: #ffe8fb !important;
}

.miami-day-users__user:hover {
 background: rgba(255,105,218,.14);
 border-color: rgba(255,105,218,.38);
 color: #fff !important;
 transform: translateY(-1px);
}

.miami-user-icon {
 width: 16px;
 height: 16px;
 flex: 0 0 16px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 color: #ffb9ea;
}

.miami-user-icon svg {
 width: 13px;
 height: 13px;
 stroke-width: 2.2;
}

.miami-user-name {
 max-width: 140px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 color: inherit;
}

/* SCROLL */

.miami-online-list::-webkit-scrollbar,
.miami-day-users__body::-webkit-scrollbar {
 width: 4px;
}

.miami-online-list::-webkit-scrollbar-track,
.miami-day-users__body::-webkit-scrollbar-track {
 background: rgba(255,255,255,.03);
 border-radius: 999px;
}

.miami-online-list::-webkit-scrollbar-thumb,
.miami-day-users__body::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg,#7ef9ff,#ff69da);
 border-radius: 999px;
}

/* MOBILE */

@media (max-width: 640px) {
 .miami-online-wrap {
  width: 100%;
  max-width: none;
 }

 .miami-online-wrap__cell {
  width: 100%;
 }
}






/* ===== СТАТИСТИКА ПОЛЬЗОВАТЕЛЕЙ===== */

.miami-lastreg-card,
.miami-users-stats {
 width: 260px;
 max-width: 260px;
 box-sizing: border-box;
 margin-top: 10px;
 padding: 12px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.14);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.08), transparent 34%),
  radial-gradient(circle at 90% 8%, rgba(255,105,218,.08), transparent 32%),
  linear-gradient(180deg, rgba(10,22,34,.97), rgba(5,12,20,.99));
 box-shadow:
  0 14px 30px rgba(0,0,0,.28),
  inset 0 1px 0 rgba(255,255,255,.035);
 color: #eafcff;
 font-family: Trebuchet MS, Tahoma, sans-serif;
 overflow: hidden;
}

.miami-lastreg-card *,
.miami-users-stats * {
 box-sizing: border-box;
}

/* HEADERS */

.miami-lastreg-head,
.miami-users-stats__head {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 11px;
}

.miami-lastreg-icon,
.miami-users-stats__icon {
 width: 24px;
 height: 24px;
 flex: 0 0 24px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 8px;
 border: 1px solid rgba(126,249,255,.22);
 background: rgba(126,249,255,.07);
 color: #7ef9ff;
 box-shadow: 0 0 12px rgba(126,249,255,.08);
}

.miami-lastreg-icon svg,
.miami-users-stats__icon svg {
 width: 15px;
 height: 15px;
 stroke-width: 2.2;
}

.miami-lastreg-title,
.miami-users-stats__title {
 color: #f3fbff;
 font: 800 10px/1.2 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .12em;
 text-transform: uppercase;
}

/* ===== STATS GRID ===== */

.miami-users-stats__grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 6px;
}

.miami-users-stats__item {
 min-height: 34px;
 padding: 7px 8px;
 border-radius: 11px;
 background: rgba(126,249,255,.045);
 border: 1px solid rgba(126,249,255,.12);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 6px;
 color: #cce8f3;
 font: 700 10px/1 Trebuchet MS, Tahoma, sans-serif;
 transition: .2s ease;
}

.miami-users-stats__item span,
.miami-users-stats__group span {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 min-width: 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.miami-users-stats__item svg,
.miami-users-stats__group svg {
 width: 13px;
 height: 13px;
 flex: 0 0 13px;
 stroke-width: 2.2;
 opacity: .9;
}

.miami-users-stats__item svg {
 color: #7ef9ff;
}

.miami-users-stats__item b {
 color: #fff;
 font: 800 12px/1 Trebuchet MS, Tahoma, sans-serif;
}

.miami-users-stats__item:hover {
 transform: translateY(-1px);
 border-color: rgba(126,249,255,.26);
 background: rgba(126,249,255,.075);
}

/* DIVIDER */

.miami-users-stats__divider {
 height: 1px;
 margin: 12px 0;
 background: linear-gradient(90deg, transparent, rgba(126,249,255,.25), rgba(255,105,218,.18), transparent);
}

/* GROUPS */

.miami-users-stats__groups {
 display: flex;
 flex-direction: column;
 gap: 6px;
}

.miami-users-stats__group {
 min-height: 32px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 8px;
 padding: 7px 8px;
 border-radius: 11px;
 background: rgba(255,105,218,.055);
 border: 1px solid rgba(255,105,218,.14);
 color: #ffd9f4;
 font: 700 10px/1 Trebuchet MS, Tahoma, sans-serif;
 transition: .2s ease;
}

.miami-users-stats__group svg {
 color: #ffb9ea;
}

.miami-users-stats__group b {
 color: #fff;
 font: 800 12px/1 Trebuchet MS, Tahoma, sans-serif;
}

.miami-users-stats__group:hover {
 transform: translateY(-1px);
 border-color: rgba(255,105,218,.32);
 background: rgba(255,105,218,.09);
}

/* DANGER */

.miami-users-stats__group--danger {
 background: rgba(255,60,60,.07);
 border-color: rgba(255,60,60,.20);
 color: #ffc7c7;
}

.miami-users-stats__group--danger svg,
.miami-users-stats__group--danger b {
 color: #ff7474;
}

/* ===== LAST REGISTERED ===== */

.miami-lastreg-list {
 display: flex;
 flex-direction: column;
 gap: 7px;
}

.miami-last-user {
 position: relative;
 width: 100%;
 display: flex;
 align-items: center;
 gap: 10px;
 padding: 8px;
 border-radius: 13px;
 background: rgba(255,255,255,.035);
 border: 1px solid rgba(126,249,255,.12);
 transition: .2s ease;
}

.miami-last-user::before {
 content: "";
 position: absolute;
 left: 0;
 top: 8px;
 bottom: 8px;
 width: 3px;
 border-radius: 999px;
 background: linear-gradient(180deg, #7ef9ff, #ff69da);
 opacity: .65;
}

.miami-last-user:hover {
 transform: translateY(-1px);
 border-color: rgba(126,249,255,.26);
 background: rgba(126,249,255,.055);
}

/* AVATAR */

.miami-last-user__avatar {
 width: 34px;
 height: 34px;
 flex: 0 0 34px;
 border-radius: 50%;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
 text-decoration: none;
 background:
  radial-gradient(circle at top left, rgba(126,249,255,.22), transparent 45%),
  rgba(255,105,218,.10);
 border: 1px solid rgba(126,249,255,.25);
 box-shadow: 0 0 12px rgba(126,249,255,.10);
 color: #dfffff;
}

.miami-last-user__avatar img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}

.miami-last-user__avatar svg {
 width: 17px;
 height: 17px;
 stroke-width: 2.2;
}

/* INFO */

.miami-last-user__info {
 min-width: 0;
 flex: 1;
}

.miami-last-user__name {
 display: flex;
 align-items: center;
 gap: 5px;
 max-width: 100%;
 color: #eaffff !important;
 font: 800 12px/1.25 Trebuchet MS, Tahoma, sans-serif;
 text-decoration: none !important;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.miami-last-user__name svg {
 width: 13px;
 height: 13px;
 flex: 0 0 13px;
 color: #7ef9ff;
 stroke-width: 2.2;
}

.miami-last-user__name span {
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
}

.miami-last-user__name:hover {
 color: #ffffff !important;
 text-shadow: 0 0 10px rgba(126,249,255,.45);
}

.miami-last-user__meta {
 display: flex;
 align-items: center;
 gap: 6px;
 margin-top: 5px;
 color: #9fb7c8;
 font: 700 9px/1.2 Trebuchet MS, Tahoma, sans-serif;
}

.miami-last-user__meta span {
 display: inline-flex;
 align-items: center;
 gap: 3px;
 max-width: 82px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.miami-last-user__meta svg {
 width: 11px;
 height: 11px;
 flex: 0 0 11px;
 color: #ffb9ea;
 stroke-width: 2.1;
}

/* MOBILE */

@media (max-width: 640px) {
 .miami-lastreg-card,
 .miami-users-stats {
  width: 100%;
  max-width: none;
 }
}







/* =========================
ПОСЛЕДНИЕ ЗАРЕГИСТРИРОВАВШИЕСЯ
========================= */
.miami-lastreg-card {
 width: 260px;
 padding: 12px;
 border-radius: 18px;
 border: 1px solid rgba(126, 249, 255, 0.16);
 background:
  linear-gradient(180deg, rgba(10,22,34,0.96), rgba(6,14,22,0.98)),
  linear-gradient(135deg, rgba(0,255,255,0.06), transparent 40%);
 box-shadow:
  0 14px 30px rgba(0,0,0,0.28),
  inset 0 1px 0 rgba(255,255,255,0.03);
}

/* HEADER */
.miami-lastreg-head {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-bottom: 12px;
}

.miami-lastreg-dot {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #00f0ff;
 box-shadow: 0 0 10px rgba(0,240,255,0.8);
}

.miami-lastreg-title {
 font: 700 11px/1.2 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: 0.14em;
 text-transform: uppercase;
 color: #f3fbff;
}

/* LIST */
.miami-lastreg-list {
 max-height: 220px;
 overflow-y: auto;
 padding-right: 4px;
}

/* SCROLL */
.miami-lastreg-list::-webkit-scrollbar {
 width: 4px;
}

.miami-lastreg-list::-webkit-scrollbar-thumb {
 background: rgba(0,240,255,0.3);
 border-radius: 999px;
}










/* =========================
  ОПРОС
========================= */




.pollBlock.miami-poll {
 width: 260px !important;
 max-width: 260px !important;
 padding: 10px !important;
 border-radius: 18px !important;
 border: 1px solid rgba(126,249,255,0.16) !important;
 background:
  linear-gradient(180deg, rgba(10,22,34,0.96), rgba(6,14,22,0.98)),
  linear-gradient(135deg, rgba(255,105,218,0.08), transparent 42%) !important;
 box-shadow: 0 14px 30px rgba(0,0,0,0.28) !important;
 color: #eafcff !important;
 font-family: Trebuchet MS, Tahoma, sans-serif !important;
 box-sizing: border-box !important;
 overflow: hidden !important;
}

.pollBlock.miami-poll * {
 box-sizing: border-box !important;
}

.miami-poll__head {
 display: flex !important;
 align-items: center !important;
 gap: 8px !important;
 margin-bottom: 10px !important;
}

.miami-poll__title {
 color: #f3fbff !important;
 font: 700 11px/1.2 Trebuchet MS, Tahoma, sans-serif !important;
 letter-spacing: 0.14em !important;
 text-transform: uppercase !important;
}

.miami-poll svg {
 width: 14px !important;
 height: 14px !important;
 stroke: #7ef9ff !important;
 color: #7ef9ff !important;
 filter: drop-shadow(0 0 6px rgba(126,249,255,0.6)) !important;
}

.miami-poll__question {
 display: flex !important;
 gap: 6px !important;
 padding: 8px !important;
 margin-bottom: 8px !important;
 border-radius: 10px !important;
 background: rgba(255,255,255,0.04) !important;
 border: 1px solid rgba(126,249,255,0.12) !important;
 color: #ffffff !important;
 font: 700 11px/1.35 Trebuchet MS, Tahoma, sans-serif !important;
}

.miami-poll__answers {
 max-height: 130px !important;
 overflow-y: auto !important;
 overflow-x: hidden !important;
 padding: 6px 3px 6px 6px !important;
 border-radius: 10px !important;
 background: rgba(0,0,0,0.16) !important;
 border: 1px solid rgba(255,255,255,0.06) !important;
 color: #cfefff !important;
 font: 700 10px/1.45 Trebuchet MS, Tahoma, sans-serif !important;
}

.miami-poll__answers table,
.miami-poll__answers tbody,
.miami-poll__answers tr,
.miami-poll__answers td {
 display: block !important;
 width: 100% !important;
 border: 0 !important;
 background: transparent !important;
 padding: 0 !important;
 margin: 0 !important;
}

.miami-poll__answers label,
.miami-poll__answers td {
 display: block !important;
 width: 100% !important;
 margin-bottom: 6px !important;
 padding: 7px 8px !important;
 border-radius: 10px !important;
 background: rgba(255,255,255,0.04) !important;
 border: 1px solid rgba(126,249,255,0.12) !important;
 color: #dffcff !important;
 transition: 0.2s ease !important;
}

.miami-poll__answers label:hover,
.miami-poll__answers td:hover {
 background: rgba(126,249,255,0.10) !important;
 border-color: rgba(126,249,255,0.28) !important;
 box-shadow: 0 0 10px rgba(126,249,255,0.14) !important;
}

.miami-poll-active {
 background: rgba(0,234,255,0.12) !important;
 border-color: rgba(0,234,255,0.35) !important;
 box-shadow: 0 0 12px rgba(0,234,255,0.25) !important;
}

.miami-poll__answers input[type="radio"],
.miami-poll__answers input[type="checkbox"] {
 width: auto !important;
 display: inline-block !important;
 margin-right: 6px !important;
 accent-color: #7ef9ff !important;
}

.miami-poll__answers input[type="submit"],
.miami-poll__answers button {
 width: 100% !important;
 margin-top: 8px !important;
 padding: 7px !important;
 border: 0 !important;
 border-radius: 10px !important;
 background: linear-gradient(135deg, #ff4fd8, #00eaff) !important;
 color: #fff !important;
 font: 700 10px/1 Trebuchet MS, Tahoma, sans-serif !important;
 text-transform: uppercase !important;
 cursor: pointer !important;
 box-shadow: 0 0 12px rgba(0,234,255,0.28) !important;
}

.miami-poll__links {
 display: flex !important;
 justify-content: center !important;
 align-items: center !important;
 gap: 10px !important;
 margin-top: 7px !important;
 font: 700 9px/1.2 Trebuchet MS, Tahoma, sans-serif !important;
}

.miami-poll__links a {
 display: inline-flex !important;
 align-items: center !important;
 gap: 4px !important;
 color: #7ef9ff !important;
 text-decoration: none !important;
}

.miami-poll__links a:hover {
 color: #ffffff !important;
 text-shadow: 0 0 8px rgba(126,249,255,0.6) !important;
}

.miami-poll__total {
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 5px !important;
 margin-top: 7px !important;
 padding-top: 6px !important;
 border-top: 1px solid rgba(255,255,255,0.08) !important;
 color: #9fb7c8 !important;
 font: 700 9px/1.2 Trebuchet MS, Tahoma, sans-serif !important;
}

.miami-poll__total b {
 color: #ffffff !important;
}

.miami-poll__answers::-webkit-scrollbar {
 width: 3px;
}

.miami-poll__answers::-webkit-scrollbar-thumb {
 background: linear-gradient(180deg, #ff4fd8, #00eaff);
 border-radius: 999px;
}

.miami-poll__answers::-webkit-scrollbar-track {
 background: rgba(255,255,255,0.04);
}

/* ШКАЛЫ ТОЛЬКО ДЛЯ РЕЗУЛЬТАТОВ */
.miami-result-bar {
 position: relative !important;
 width: 100% !important;
 height: 10px !important;
 margin-top: 6px !important;
 border-radius: 999px !important;
 overflow: hidden !important;
 background: rgba(0,0,0,0.45) !important;
 border: 1px solid rgba(126,249,255,0.22) !important;
}

.miami-result-bar-fill {
 height: 100% !important;
 border-radius: 999px !important;
 background: linear-gradient(90deg, #ff4fd8, #00eaff) !important;
 box-shadow: 0 0 12px rgba(0,234,255,0.55) !important;
 animation: miamiPollBarLoad 0.7s ease-out;
}

.miami-result-bar span {
 position: absolute !important;
 right: 6px !important;
 top: 50% !important;
 transform: translateY(-50%) !important;
 color: #fff !important;
 font: 700 8px/1 Trebuchet MS, Tahoma, sans-serif !important;
 text-shadow: 0 0 5px rgba(0,0,0,0.8) !important;
}

@keyframes miamiPollBarLoad {
 from {
  width: 0;
 }
}


/* =========================
ОПРОСЫ
========================= */

.miami-poll__answers img {
 display: none !important;
}

.miami-poll__answers .pollBar,
.miami-poll__answers .poll-bar,
.miami-poll__answers div[style*="width"] {
 position: relative !important;
 height: 9px !important;
 max-width: 100% !important;
 margin: 5px 0 8px !important;
 border-radius: 999px !important;
 overflow: hidden !important;
 background: linear-gradient(90deg, #ff4fd8, #00eaff) !important;
 box-shadow:
  0 0 10px rgba(0,234,255,0.4),
  0 0 16px rgba(255,79,216,0.25) !important;
}

.miami-poll__answers .pollBar::after,
.miami-poll__answers .poll-bar::after,
.miami-poll__answers div[style*="width"]::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(
  90deg,
  transparent,
  rgba(255,255,255,0.45),
  transparent
 );
 animation: miamiPollBarScan 1.8s linear infinite;
}

@keyframes miamiPollBarScan {
 0% {
  transform: translateX(-100%);
 }
 100% {
  transform: translateX(100%);
 }
}

/* если uCoz выводит результаты таблицей */
.miami-poll__answers table tr {
 margin-bottom: 8px !important;
 padding: 7px 8px !important;
 border-radius: 10px !important;
 background: rgba(255,255,255,0.035) !important;
 border: 1px solid rgba(126,249,255,0.10) !important;
}

.miami-poll__answers table td {
 color: #cfefff !important;
 font: 700 11px/1.45 Trebuchet MS, Tahoma, sans-serif !important;
}


















/* =========================
КНОПКИ ИГРАТЬ — PREMIUM UI
========================= */

.miami-download-informer {
 width: 100%;
 box-sizing: border-box;
 padding: 10px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.14);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.08), transparent 34%),
  radial-gradient(circle at 92% 10%, rgba(255,105,218,.08), transparent 32%),
  linear-gradient(180deg, rgba(8,18,30,.98), rgba(4,10,18,.99));
 box-shadow: 0 14px 30px rgba(0,0,0,.28);
 overflow: hidden;
}

.miami-download-informer *,
.miami-download-informer *::before,
.miami-download-informer *::after {
 box-sizing: border-box;
}

.miami-download-informer svg {
 width: 14px;
 height: 14px;
 stroke-width: 2.25;
}

.mdi-head {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 margin-bottom: 10px;
 color: #72fff1;
 font: 900 12px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .11em;
 text-align: center;
 text-transform: uppercase;
}

.mdi-head svg {
 color: #7ef9ff;
 filter: drop-shadow(0 0 6px rgba(126,249,255,.45));
}

/* CARD */

.mdi-img-card {
 position: relative;
 width: 100%;
 height: 102px;
 margin-bottom: 10px;
 border-radius: 14px;
 overflow: hidden;
 cursor: pointer;
 border: 1px solid rgba(255,255,255,.10);
 background: rgba(255,255,255,.03);
 box-shadow:
  0 8px 18px rgba(0,0,0,.22),
  inset 0 1px 0 rgba(255,255,255,.04);
 transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.mdi-img-card:last-child {
 margin-bottom: 0;
}

.mdi-img-card::before {
 content: "";
 position: absolute;
 left: 0;
 top: 10px;
 bottom: 10px;
 width: 3px;
 z-index: 2;
 border-radius: 999px;
 background: linear-gradient(180deg, #7ef9ff, #ff69da);
 opacity: .8;
 transition: width .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.mdi-img-card::after {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 3;
 background: linear-gradient(120deg, transparent 0 40%, rgba(255,255,255,.08) 50%, transparent 60%);
 transform: translateX(-120%);
 transition: transform .55s ease;
 pointer-events: none;
}

.mdi-img-card img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 transform: scale(1.01);
 transition: transform .42s ease, filter .42s ease;
}

/* OVERLAY */

.mdi-overlay {
 position: absolute;
 inset: 0;
 z-index: 1;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 padding: 10px;
 background:
  linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.78)),
  linear-gradient(90deg, rgba(126,249,255,.12), transparent 58%);
}

.mdi-overlay--rage {
 background:
  linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.82)),
  linear-gradient(90deg, rgba(255,105,218,.16), transparent 58%);
}

.mdi-title {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 max-width: 100%;
 color: #fff;
 font: 900 13px/1.1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .06em;
 text-transform: uppercase;
 text-shadow: 0 2px 10px rgba(0,0,0,.65);
}

.mdi-title svg {
 color: #7ef9ff;
 filter: drop-shadow(0 0 6px rgba(126,249,255,.45));
}

.mdi-overlay--rage .mdi-title svg {
 color: #ff69da;
 filter: drop-shadow(0 0 6px rgba(255,105,218,.45));
}

.mdi-btn {
 align-self: flex-start;
 display: inline-flex;
 align-items: center;
 gap: 5px;
 min-height: 25px;
 padding: 0 10px;
 border-radius: 999px;
 border: 1px solid rgba(126,249,255,.35);
 background: linear-gradient(135deg, rgba(126,249,255,.95), rgba(58,167,255,.90));
 color: #03100f;
 font: 900 10px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .06em;
 text-transform: uppercase;
 box-shadow: 0 0 14px rgba(126,249,255,.22);
}

.mdi-btn svg {
 width: 12px;
 height: 12px;
 color: #03100f;
}

.mdi-overlay--rage .mdi-btn {
 border-color: rgba(255,105,218,.35);
 background: linear-gradient(135deg, rgba(255,58,215,.92), rgba(124,92,255,.90));
 color: #fff;
 box-shadow: 0 0 14px rgba(255,105,218,.18);
}

.mdi-overlay--rage .mdi-btn svg {
 color: #fff;
}

/* HOVER */

.mdi-img-card:hover {
 transform: translateY(-2px);
 border-color: rgba(126,249,255,.28);
 box-shadow:
  0 12px 26px rgba(0,0,0,.38),
  0 0 16px rgba(126,249,255,.10);
}

.mdi-img-card:hover::before {
 width: 4px;
 opacity: 1;
 box-shadow: 0 0 12px rgba(126,249,255,.42);
}

.mdi-img-card:hover::after {
 transform: translateX(120%);
}

.mdi-img-card:hover img {
 transform: scale(1.06);
 filter: brightness(1.08) contrast(1.04);
}














/* =========================
ТЕГИ
========================= */

.miami-tags-box {
 width: 100%;
 max-width: 260px;
 box-sizing: border-box;
 margin-top: 10px;
 padding: 10px;
 border: 1px solid rgba(126,249,255,.12);
 border-radius: 14px;
 background: linear-gradient(180deg, rgba(10,22,34,.96), rgba(6,14,22,.98));
 box-shadow: 0 10px 24px rgba(0,0,0,.25);
 overflow: hidden;
}

.miami-tags-title {
 display: flex;
 align-items: center;
 gap: 7px;
 margin: 0 0 8px;
 font: 700 11px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .12em;
 color: #eaf7ff;
 text-transform: uppercase;
}

.miami-tags-title::before {
 content: "";
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #ff69da;
 box-shadow: 0 0 8px rgba(255,105,218,.45);
}

.miami-tags-list {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}

.miami-tags-list a,
.miami-tags-list span {
 display: inline-flex;
 align-items: center;
 min-height: 22px;
 padding: 0 8px;
 border: 1px solid rgba(126,249,255,.22);
 border-radius: 999px;
 background:
  radial-gradient(circle at top left, rgba(126,249,255,.12), transparent 40%),
  linear-gradient(135deg, rgba(18,26,38,.96), rgba(10,14,22,.98));
 color: #dff9ff !important;
 font: 700 10px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .06em;
 text-decoration: none !important;
 text-transform: uppercase;
 box-shadow: inset 0 0 8px rgba(255,255,255,.03);
 transition: .2s ease;
}

.miami-tags-list a::before,
.miami-tags-list span::before {
 content: "#";
 margin-right: 3px;
 color: #7ef9ff;
 opacity: .8;
}

.miami-tags-list a:hover {
 border-color: rgba(255,105,218,.4);
 color: #fff !important;
 transform: translateY(-1px);
 box-shadow: 0 0 12px rgba(126,249,255,.16);
}


.miami-tags-list .forum,
.miami-tags-list .forumTag,
.miami-tags-list [href*="forum"],
.miami-tags-list [href*="/forum/"] {
 display: none !important;
}




















/* =========================
КУРСОР
========================= */

/* основной курсор */
html, body {
  cursor: url('/cursor.png') 4 4, auto;
}

/* интерактивные элементы */
a,
button,
.btn,
input,
textarea,
select,
label,
[role="button"] {
  cursor: url('/cursor.png') 4 4, pointer;
}

/* hover (можешь потом заменить на другой PNG) */
a:hover,
button:hover,
.btn:hover {
  cursor: url('/cursor.png') 4 4, pointer;
}

/* активное нажатие (чуть ниже hotspot для эффекта "нажал") */
a:active,
button:active,
.btn:active {
  cursor: url('/cursor.png') 6 6, pointer;
}

/* текстовые поля — стандартный курсор (важно для UX) */
input[type="text"],
textarea {
  cursor: text;
}

/* resize зоны */
textarea {
  resize: vertical;
}

/* отключаем на мобилках */
@media (max-width: 768px) {
  html, body,
  a,
  button,
  .btn,
  input,
  textarea,
  select,
  label {
    cursor: auto !important;
  }
}














/* =========================
КОММЕНТАРИИ
========================= */

.miami-comments-feed {
 position: relative;
 width: 100%;
 box-sizing: border-box;
 padding: 12px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.14);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.08), transparent 34%),
  radial-gradient(circle at 90% 8%, rgba(255,105,218,.08), transparent 30%),
  linear-gradient(180deg, rgba(10,22,34,.97), rgba(5,12,20,.99));
 box-shadow:
  0 14px 30px rgba(0,0,0,.28),
  inset 0 1px 0 rgba(255,255,255,.035);
 overflow: hidden;
}

.miami-comments-feed *,
.miami-comments-feed *::before,
.miami-comments-feed *::after {
 box-sizing: border-box;
}

.miami-comments-feed::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 height: 1px;
 background: linear-gradient(90deg, rgba(126,249,255,.55), rgba(255,105,218,.45), transparent);
}

.miami-comments-feed__head {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: center;
 gap: 10px;
 margin-bottom: 12px;
}

.miami-comments-feed__icon {
 width: 34px;
 height: 34px;
 flex: 0 0 34px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 12px;
 border: 1px solid rgba(126,249,255,.22);
 background: rgba(126,249,255,.07);
 color: #7ef9ff;
 box-shadow: 0 0 14px rgba(126,249,255,.10);
}

.miami-comments-feed__icon svg {
 width: 18px;
 height: 18px;
 stroke-width: 2.2;
}

.miami-comments-feed__titlebox {
 min-width: 0;
}

.miami-comments-feed__label {
 color: #f3fbff;
 font: 800 15px/1.15 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .08em;
 text-transform: uppercase;
}

.miami-comments-feed__sub {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 margin-top: 4px;
 color: #9fb7c8;
 font: 700 10px/1.2 Trebuchet MS, Tahoma, sans-serif;
}

.miami-comments-feed__sub svg {
 width: 12px;
 height: 12px;
 color: #ffb9ea;
 stroke-width: 2.2;
 animation: miamiCommentPulse 1.6s infinite ease-in-out;
}

@keyframes miamiCommentPulse {
 0% { opacity: .45; filter: drop-shadow(0 0 2px rgba(255,105,218,.25)); }
 50% { opacity: 1; filter: drop-shadow(0 0 7px rgba(255,105,218,.7)); }
 100% { opacity: .45; filter: drop-shadow(0 0 2px rgba(255,105,218,.25)); }
}

.miami-comments-feed__body {
 position: relative;
 z-index: 1;
 display: flex;
 flex-direction: column;
 gap: 8px;
}

/* COMMENT ITEM */

.miami-comment-item {
 position: relative;
 width: 100%;
 padding: 9px;
 border-radius: 14px;
 border: 1px solid rgba(126,249,255,.13);
 background:
  radial-gradient(circle at 10% 18%, rgba(255,105,218,.065), transparent 28%),
  radial-gradient(circle at 88% 14%, rgba(126,249,255,.065), transparent 24%),
  linear-gradient(180deg, rgba(9,28,39,.94), rgba(7,17,27,.98));
 box-shadow:
  0 8px 18px rgba(0,0,0,.20),
  inset 0 1px 0 rgba(255,255,255,.035);
 overflow: hidden;
 transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.miami-comment-item::before {
 content: "";
 position: absolute;
 left: 0;
 top: 8px;
 bottom: 8px;
 width: 3px;
 border-radius: 999px;
 background: linear-gradient(180deg, #7ef9ff, #ff69da);
 opacity: .70;
 transition: width .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.miami-comment-item::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(120deg, transparent 0 40%, rgba(255,255,255,.045) 50%, transparent 60%);
 transform: translateX(-120%);
 transition: transform .55s ease;
 pointer-events: none;
}

.miami-comment-item:hover {
 transform: translateY(-1px);
 border-color: rgba(126,249,255,.28);
 background:
  radial-gradient(circle at 10% 18%, rgba(255,105,218,.085), transparent 28%),
  radial-gradient(circle at 88% 14%, rgba(126,249,255,.095), transparent 24%),
  linear-gradient(180deg, rgba(10,31,43,.96), rgba(7,17,27,.99));
 box-shadow:
  0 12px 24px rgba(0,0,0,.25),
  0 0 16px rgba(126,249,255,.08),
  inset 0 1px 0 rgba(255,255,255,.05);
}

.miami-comment-item:hover::before {
 width: 4px;
 opacity: 1;
 box-shadow: 0 0 12px rgba(126,249,255,.45);
}

.miami-comment-item:hover::after {
 transform: translateX(120%);
}

.miami-comment-item__row {
 position: relative;
 z-index: 1;
 display: flex;
 align-items: flex-start;
 gap: 9px;
 min-width: 0;
}

/* AVATAR */

.miami-comment-item__avatar {
 width: 34px;
 height: 34px;
 flex: 0 0 34px;
 border-radius: 50%;
 overflow: hidden;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border: 1px solid rgba(126,249,255,.24);
 background:
  radial-gradient(circle at top left, rgba(126,249,255,.22), transparent 45%),
  rgba(255,105,218,.10);
 box-shadow: 0 0 12px rgba(126,249,255,.10);
}

.miami-comment-item__avatar a,
.miami-comment-item__avatar img {
 display: block;
 width: 100%;
 height: 100%;
}

.miami-comment-item__avatar img {
 object-fit: cover;
}

.miami-comment-item__avatar span {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: #dfffff;
}

.miami-comment-item__avatar svg {
 width: 17px;
 height: 17px;
 stroke-width: 2.2;
}

/* MAIN */

.miami-comment-item__main {
 min-width: 0;
 flex: 1;
}

.miami-comment-item__top {
 display: flex;
 align-items: center;
 gap: 6px;
 min-width: 0;
 flex-wrap: wrap;
}

.miami-comment-item__num,
.miami-comment-item__author,
.miami-comment-item__date {
 display: inline-flex;
 align-items: center;
 gap: 4px;
 min-width: 0;
 height: 18px;
 padding: 0 6px;
 border-radius: 999px;
 font: 700 8px/1 Trebuchet MS, Tahoma, sans-serif;
 white-space: nowrap;
}

.miami-comment-item__num {
 border: 1px solid rgba(126,249,255,.16);
 background: rgba(126,249,255,.055);
 color: #bdfbff;
}

.miami-comment-item__author {
 max-width: 96px;
 border: 1px solid rgba(255,105,218,.16);
 background: rgba(255,105,218,.055);
 color: #ffd9f4;
}

.miami-comment-item__author a,
.miami-comment-item__author b {
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 color: #ffd9f4 !important;
 text-decoration: none !important;
 font: inherit;
}

.miami-comment-item__date {
 margin-left: auto;
 border: 1px solid rgba(255,255,255,.08);
 background: rgba(255,255,255,.035);
 color: #9fb7c8;
}

.miami-comment-item__num svg,
.miami-comment-item__author svg,
.miami-comment-item__date svg {
 width: 10px;
 height: 10px;
 flex: 0 0 10px;
 stroke-width: 2.3;
}

/* ENTRY TITLE */

.miami-comment-item__entry {
 display: flex;
 align-items: center;
 gap: 7px;
 margin-top: 7px;
 min-width: 0;
}

.miami-comment-item__title {
 flex: 1 1 auto;
 min-width: 0;
 display: inline-flex;
 align-items: center;
 gap: 5px;
}

.miami-comment-item__title svg {
 width: 13px;
 height: 13px;
 flex: 0 0 13px;
 color: #7ef9ff;
 stroke-width: 2.2;
}

.miami-comment-item__title a {
 display: block;
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 color: #eaffff !important;
 font: 800 11px/1.2 Trebuchet MS, Tahoma, sans-serif;
 text-decoration: none !important;
 text-transform: uppercase;
 letter-spacing: .03em;
}

.miami-comment-item__title a:hover {
 color: #ffffff !important;
 text-shadow: 0 0 10px rgba(126,249,255,.45);
}

/* READ BTN */

.miami-comment-item__read {
 height: 22px;
 padding: 0 7px;
 flex: 0 0 auto;
 display: inline-flex;
 align-items: center;
 gap: 4px;
 border-radius: 999px;
 border: 1px solid rgba(126,249,255,.18);
 background: rgba(126,249,255,.06);
 color: #dfffff !important;
 font: 800 8px/1 Trebuchet MS, Tahoma, sans-serif;
 letter-spacing: .08em;
 text-transform: uppercase;
 text-decoration: none !important;
 transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.miami-comment-item__read svg {
 width: 11px;
 height: 11px;
 stroke-width: 2.3;
}

.miami-comment-item__read:hover {
 transform: translateX(1px);
 border-color: rgba(126,249,255,.34);
 background: rgba(126,249,255,.12);
}

/* MESSAGE */

.miami-comment-item__message,
.miami-comment-item__answer {
 margin-top: 7px;
 padding: 7px 8px;
 border-radius: 10px;
 display: flex;
 align-items: flex-start;
 gap: 6px;
 font: 700 10px/1.35 Trebuchet MS, Tahoma, sans-serif;
 overflow: hidden;
}

.miami-comment-item__message {
 border: 1px solid rgba(126,249,255,.12);
 background: rgba(126,249,255,.045);
 color: #cfeaf2;
}

.miami-comment-item__answer {
 border: 1px solid rgba(255,105,218,.14);
 background: rgba(255,105,218,.055);
 color: #ffd9f4;
}

.miami-comment-item__message svg,
.miami-comment-item__answer svg {
 width: 13px;
 height: 13px;
 flex: 0 0 13px;
 margin-top: 1px;
 stroke-width: 2.2;
}

.miami-comment-item__message svg {
 color: #7ef9ff;
}

.miami-comment-item__answer svg {
 color: #ffb9ea;
}

.miami-comment-item__message span,
.miami-comment-item__answer span {
 min-width: 0;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.miami-comment-item__answer b {
 color: #fff;
}

/* MOBILE */

@media (max-width: 640px) {
 .miami-comments-feed {
  padding: 10px;
 }

 .miami-comment-item__avatar {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
 }

 .miami-comment-item__row {
  gap: 8px;
 }

 .miami-comment-item__author {
  max-width: 82px;
 }

 .miami-comment-item__date {
  margin-left: 0;
 }

 .miami-comment-item__read span {
  display: none;
 }
}


















/* =========================
ПРОФИЛЬ
========================= */

.miami-user-panel {
 width: 100%;
 max-width: 260px;
 padding: 12px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.15);
 background:
  radial-gradient(circle at 12% 0%, rgba(126,249,255,.10), transparent 34%),
  radial-gradient(circle at 92% 10%, rgba(255,105,218,.10), transparent 32%),
  linear-gradient(180deg, rgba(8,18,30,.98), rgba(4,10,18,.99));
 box-shadow:
  0 16px 34px rgba(0,0,0,.34),
  inset 0 1px 0 rgba(255,255,255,.04);
 color: #edf8ff;
 font-family: Trebuchet MS, Tahoma, sans-serif;
 position: relative;
 overflow: hidden;
 box-sizing: border-box;
}

.miami-user-panel *,
.miami-user-panel *::before,
.miami-user-panel *::after {
 box-sizing: border-box;
}

.miami-user-panel::before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 right:0;
 height:1px;
 background:linear-gradient(90deg,#7ef9ff,#ff69da,transparent);
 opacity:.85;
}

/* PM CARD PULSE */

.miami-user-panel--pm-alert {
 animation: miami-profile-pm-pulse 1.6s infinite ease-in-out;
}

@keyframes miami-profile-pm-pulse {
 0%,100% {
  border-color: rgba(126,249,255,.15);
  box-shadow:
   0 16px 34px rgba(0,0,0,.34),
   inset 0 1px 0 rgba(255,255,255,.04),
   0 0 0 rgba(255,105,218,0);
 }
 50% {
  border-color: rgba(255,105,218,.42);
  box-shadow:
   0 16px 34px rgba(0,0,0,.34),
   inset 0 1px 0 rgba(255,255,255,.04),
   0 0 22px rgba(255,105,218,.22);
 }
}

/* TOP */

.miami-user-panel__top {
 position: relative;
 z-index: 1;
 display:flex;
 align-items:center;
 gap:10px;
}

/* AVATAR */

.miami-user-panel__avatar {
 position:relative;
 width:48px;
 height:48px;
 flex: 0 0 48px;
 border-radius:14px;
 overflow:hidden;
 display:flex;
 align-items:center;
 justify-content:center;
 border:1px solid rgba(126,249,255,.25);
 background:rgba(255,255,255,.05);
 color:#fff;
 font:900 10px/1 Trebuchet MS,Tahoma,sans-serif;
 text-transform:uppercase;
 text-decoration:none;
 transition:.25s;
}

.miami-user-panel__avatar img {
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
}

.miami-user-panel__avatar span:not(.miami-user-panel__online-dot) {
 max-width:34px;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 position:relative;
 z-index:1;
}

/* avatar glow */

.miami-user-panel__avatar::before {
 content:"";
 position:absolute;
 inset:-2px;
 border-radius:16px;
 background:linear-gradient(120deg,#7ef9ff,#ff69da,#7ef9ff);
 opacity:.20;
 filter:blur(6px);
}

.miami-user-panel__avatar::after {
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.12),transparent 60%);
 transform:translateX(-120%);
 animation:miami-scan 3s infinite linear;
 pointer-events:none;
}

@keyframes miami-scan {
 0%{transform:translateX(-120%)}
 100%{transform:translateX(120%)}
}

.miami-user-panel__avatar img {
 position: relative;
 z-index: 1;
}

.miami-user-panel__avatar:hover {
 transform:scale(1.04);
 box-shadow:0 0 18px rgba(126,249,255,.26);
}

/* guest */

.miami-user-panel__avatar--guest {
 border-color: rgba(255,105,218,.35);
 box-shadow:
  0 0 16px rgba(255,105,218,.22),
  0 0 26px rgba(126,249,255,.10);
}

.miami-user-panel__avatar--guest::before {
 background:linear-gradient(120deg,#ff69da,#7ef9ff,#ff69da);
}

.miami-user-panel__avatar--guest img {
 object-fit:contain;
 padding:6px;
}

/* ONLINE DOT */

.miami-user-panel__online-dot {
 position:absolute;
 right:3px;
 bottom:3px;
 z-index:5;
 width:11px;
 height:11px;
 border-radius:50%;
 background:#36ff9b;
 border:2px solid #08121e;
 box-shadow:
 0 0 8px rgba(54,255,155,.8),
 0 0 16px rgba(54,255,155,.4);
 animation:miami-dot 1.4s infinite;
}

@keyframes miami-dot {
 0%,100%{transform:scale(1);opacity:.8}
 50%{transform:scale(1.15);opacity:1}
}

/* TEXT */

.miami-user-panel__main {
 min-width:0;
 flex:1;
}

.miami-user-panel__name {
 display:block;
 max-width:100%;
 color:#fff !important;
 font:900 13px/1.2 Trebuchet MS,Tahoma,sans-serif;
 text-decoration:none !important;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 text-shadow:0 0 10px rgba(126,249,255,.18);
}

.miami-user-panel__name:hover {
 color:#7ef9ff !important;
}

/* META */

.miami-user-panel__meta {
 display:flex;
 flex-wrap:wrap;
 gap:4px;
 margin-top:5px;
}

.miami-user-panel__meta span {
 min-height:17px;
 display:inline-flex;
 align-items:center;
 gap:3px;
 max-width:100%;
 padding:0 5px;
 border-radius:999px;
 border:1px solid rgba(126,249,255,.14);
 background:rgba(126,249,255,.055);
 color:#9fb7c8;
 font:800 7.5px/1 Trebuchet MS,Tahoma,sans-serif;
 letter-spacing:.045em;
 text-transform:uppercase;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.miami-user-panel__badge {
 border-color:rgba(255,105,218,.28) !important;
 background:rgba(255,105,218,.10) !important;
 color:#ffb3ef !important;
}

/* FACTS */

.miami-user-panel__facts {
 position: relative;
 z-index: 1;
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:6px;
 margin-top:10px;
}

.miami-user-panel__facts span {
 min-height:28px;
 display:flex;
 align-items:center;
 gap:4px;
 min-width:0;
 padding:6px 7px;
 border-radius:10px;
 border:1px solid rgba(255,255,255,.07);
 background:rgba(255,255,255,.035);
 color:#9fb7c8;
 font:700 8.5px/1.2 Trebuchet MS,Tahoma,sans-serif;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
}

.miami-user-panel__facts b {
 color:#eaffff;
}

/* LINKS */

.miami-user-panel__links {
 position: relative;
 z-index: 1;
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:6px;
 margin-top:10px;
}

.miami-user-panel__links a {
 min-height:29px;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:3px;
 padding:0 4px;
 border-radius:10px;
 border:1px solid rgba(126,249,255,.16);
 background:rgba(126,249,255,.055);
 color:#dfffff !important;
 font:900 8px/1 Trebuchet MS,Tahoma,sans-serif;
 text-decoration:none !important;
 text-transform:uppercase;
 letter-spacing:.025em;
 white-space:nowrap;
 overflow:hidden;
 transition:.18s ease;
}

.miami-user-panel__links a:hover {
 background:rgba(126,249,255,.12);
 transform:translateY(-1px);
 box-shadow:0 0 12px rgba(126,249,255,.12);
}

.miami-user-panel__links a:last-child {
 border-color:rgba(255,105,218,.20);
 background:rgba(255,105,218,.07);
 color:#ffb3ef !important;
}

.miami-user-panel__links sup {
 margin-left:1px;
 color:#ff69da;
 font-size:7px;
}

/* PM */

.miami-user-panel__pm--new {
 background:rgba(255,105,218,.15) !important;
 border-color:rgba(255,105,218,.40) !important;
 box-shadow:0 0 12px rgba(255,105,218,.25);
 color:#fff !important;
}

.miami-user-panel__pm--new i,
.miami-user-panel__pm--new svg {
 color:#ff69da;
 animation:pmblink 1.2s infinite;
}

@keyframes pmblink {
 0%,100%{opacity:.6;transform:scale(1)}
 50%{opacity:1;transform:scale(1.18)}
}

/* VIP */

.miami-user-panel__vip {
 background:rgba(255,215,90,.11) !important;
 border-color:rgba(255,215,90,.34) !important;
 color:#ffe28a !important;
 box-shadow:0 0 10px rgba(255,215,90,.13);
}

.miami-user-panel__vip i,
.miami-user-panel__vip svg {
 color:#ffd700;
}

/* BALANCE */

.miami-user-panel__balance {
 grid-column:1/-1;
 background:rgba(255,215,90,.06) !important;
 border-color:rgba(255,215,90,.20) !important;
}

.miami-user-panel__balance b {
 color:#ffe28a;
}

/* LUCIDE ICONS — SMALL */

.miami-user-panel i[data-lucide],
.miami-user-panel svg {
 width:10px;
 height:10px;
 flex:0 0 10px;
 stroke-width:2.25;
}

.miami-user-panel__links svg,
.miami-user-panel__links i[data-lucide] {
 width:9px;
 height:9px;
 flex-basis:9px;
}

.miami-user-panel__meta svg,
.miami-user-panel__meta i[data-lucide] {
 width:8px;
 height:8px;
 flex-basis:8px;
}

.miami-user-panel__facts svg,
.miami-user-panel__facts i[data-lucide] {
 width:9px;
 height:9px;
 flex-basis:9px;
}

/* GROUP COLORS */

.miami-user-panel--group-4 {
 border-color:rgba(255,105,218,.28);
 box-shadow:
  0 16px 34px rgba(0,0,0,.34),
  0 0 22px rgba(255,105,218,.12);
}

.miami-user-panel--group-3 {
 border-color:rgba(126,249,255,.28);
 box-shadow:
  0 16px 34px rgba(0,0,0,.34),
  0 0 22px rgba(126,249,255,.12);
}

.miami-user-panel--group-251 {
 border-color:rgba(255,215,90,.28);
 box-shadow:
  0 16px 34px rgba(0,0,0,.34),
  0 0 22px rgba(255,215,90,.13);
}

.miami-user-panel--group-251::before {
 background:linear-gradient(90deg,#ffe28a,#ff69da,transparent);
}

/* GUEST */

.miami-user-panel__guestText {
 position: relative;
 z-index: 1;
 margin-top:8px;
 padding:8px;
 border-radius:10px;
 border:1px solid rgba(255,255,255,.07);
 background:rgba(255,255,255,.035);
 color:#9fb7c8;
 font:700 10px/1.35 Trebuchet MS,Tahoma,sans-serif;
}

.miami-user-panel__links--guest {
 grid-template-columns:1fr 1fr;
}

.miami-user-panel__links--guest a {
 font-size:9px;
}
















/* ВИД МАТЕРИАЛОВ СИСТЕМЫ */





.gta-material-card {
 --bg-main:#050711;
 --bg-soft:#090d1d;
 --purple:#8b5cf6;
 --purple2:#b48cff;
 --pink:#ff69da;
 --cyan:#7ef9ff;
 --text:#e9f6ff;
 --muted:#9aa8c7;

 width:100%;
 margin:0 0 8px;
 border:1px solid rgba(139,92,246,.28);
 border-radius:18px;
 overflow:hidden;
 position:relative;
 display:flex;
 background:
 radial-gradient(circle at 12% 10%, rgba(139,92,246,.22), transparent 32%),
 radial-gradient(circle at 90% 16%, rgba(255,105,218,.12), transparent 28%),
 linear-gradient(180deg,#0b1024,#050711);
 box-shadow:
 0 18px 42px rgba(0,0,0,.38),
 inset 0 1px 0 rgba(255,255,255,.06);
}

.gta-material-card::before {
 content:"";
 position:absolute;
 top:0;
 left:18px;
 right:18px;
 height:2px;
 background:linear-gradient(90deg,transparent,var(--purple),var(--pink),var(--cyan),transparent);
 box-shadow:0 0 16px rgba(139,92,246,.45);
 z-index:3;
}

.gta-material-card::after {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background:
 linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
 linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
 background-size:18px 18px;
 opacity:.35;
}

.gta-material-card.is-popular {
 border-color:rgba(255,105,218,.58);
 box-shadow:
 0 20px 46px rgba(0,0,0,.42),
 0 0 24px rgba(255,105,218,.18),
 0 0 42px rgba(139,92,246,.14);
}

.gta-material-card__image-cell {
 width:196px;
}

.gta-servers4 {
 position:relative;
 height:100%;
 min-height:180px;
 overflow:hidden;
 background:#050711;
}

.gta-material-card__image-link {
 display:block;
 width:100%;
 height:100%;
}

.gta-servers4 img {
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center;
 filter:saturate(1.08) contrast(1.08) brightness(.92);
 transition:filter .25s ease;
}

.gta-material-card:hover .gta-servers4 img {
 transform:none !important;
 filter:saturate(1.16) contrast(1.12) brightness(.98);
}

.gta-servers4::after {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background:
 linear-gradient(180deg, transparent 30%, rgba(5,7,17,.68)),
 linear-gradient(90deg, rgba(139,92,246,.18), transparent 58%);
 z-index:2;
}

.gta-badge {
 position:absolute;
 top:8px;
 left:8px;
 z-index:10;
 display:inline-flex;
 align-items:center;
 gap:4px;
 padding:4px 9px;
 border-radius:999px;
 font-size:9px;
 font-weight:900;
 letter-spacing:.1em;
 text-transform:uppercase;
 background:rgba(5,7,17,.82);
 border:1px solid rgba(139,92,246,.38);
 color:var(--purple2);
 backdrop-filter:blur(8px);
}

.gta-badge svg {
 width:12px;
 height:12px;
}

.gta-badge.is-new {
 color:var(--cyan);
 border-color:rgba(126,249,255,.45);
 background:rgba(126,249,255,.14);
}

.gta-badge.is-hot {
 color:var(--pink);
 border-color:rgba(255,105,218,.48);
 background:rgba(255,105,218,.14);
}

.gta-badge.is-top {
 color:#d7c4ff;
 border-color:rgba(180,140,255,.52);
 background:rgba(139,92,246,.18);
}

.gta-popular-pulse {
 position:absolute;
 top:8px;
 right:8px;
 z-index:10;
 display:none;
 align-items:center;
 gap:5px;
 padding:4px 9px;
 border-radius:999px;
 font-size:9px;
 font-weight:900;
 letter-spacing:.1em;
 text-transform:uppercase;
 color:var(--pink);
 background:rgba(16,6,28,.78);
 border:1px solid rgba(255,105,218,.5);
 backdrop-filter:blur(8px);
}

.gta-popular-pulse::before {
 content:"";
 width:6px;
 height:6px;
 border-radius:50%;
 background:var(--pink);
 box-shadow:0 0 12px rgba(255,105,218,.9), 0 0 22px rgba(139,92,246,.7);
 animation:gtaTerminalPulse 1.1s infinite ease-in-out;
}

.gta-material-card.is-popular .gta-popular-pulse {
 display:inline-flex;
}

@keyframes gtaTerminalPulse {
 0%,100% {
  transform:scale(1);
  opacity:.65;
 }

 50% {
  transform:scale(1.55);
  opacity:1;
 }
}

.gta-material-card__content-cell {
 position:relative;
 z-index:2;
 flex:1;
 padding:10px;
 background:
 linear-gradient(90deg, rgba(139,92,246,.08), transparent 35%),
 linear-gradient(180deg, rgba(255,255,255,.035), transparent);
}

.gta-servers3 {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:6px;
 margin:0 0 7px;
 padding-bottom:6px;
 border-bottom:1px solid rgba(139,92,246,.22);
 font-family:var(--font-title,"Orbitron",sans-serif);
 font-size:14px;
 line-height:1.1;
 text-transform:uppercase;
 letter-spacing:.035em;
}

.gta-servers3 a {
 display:inline-flex;
 align-items:center;
 gap:6px;
 color:var(--text);
 text-decoration:none;
}

.gta-servers3 a:hover {
 color:#fff;
 text-shadow:0 0 12px rgba(180,140,255,.32);
}

.gta-servers2 {
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(132px,1fr));
 gap:5px;
}

.gta-material-meta-row {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:7px;
 min-height:30px;
 padding:5px 8px;
 border-radius:10px;
 border:1px solid rgba(139,92,246,.16);
 background:
 linear-gradient(180deg, rgba(139,92,246,.1), rgba(255,105,218,.045)),
 rgba(255,255,255,.025);
 font-family:var(--font-ui,"Rajdhani",sans-serif);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.gta-material-meta-row:hover {
 border-color:rgba(180,140,255,.32);
 box-shadow:
 inset 0 1px 0 rgba(255,255,255,.05),
 0 0 14px rgba(139,92,246,.13);
}

.gta-material-meta-row span {
 display:inline-flex;
 align-items:center;
 gap:5px;
 color:var(--muted);
 font-size:10px;
 font-weight:700;
 text-transform:uppercase;
 letter-spacing:.07em;
 white-space:nowrap;
}

.gta-material-meta-row b {
 min-width:0;
 color:var(--text);
 font-size:12px;
 font-weight:800;
 text-align:right;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}

.gta-material-meta-row b a {
 color:inherit;
 text-decoration:none;
 border-bottom:1px solid rgba(180,140,255,.25);
}

.gta-material-meta-row b a:hover {
 color:var(--purple2);
}

.gta-material-rating {
 display:inline-flex;
 flex-wrap:nowrap;
 align-items:center;
 justify-content:flex-end;
 gap:3px 6px;
 min-width:0;
}

.gta-material-rating__score {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:34px;
 padding:2px 8px;
 border:1px solid rgba(180,140,255,.32);
 border-radius:999px;
 background:linear-gradient(180deg, rgba(139,92,246,.18), rgba(255,105,218,.09));
 color:#f3eaff;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}

.gta-material-rating__stars {
 position:relative;
 display:inline-block;
 flex:0 0 auto;
 font-size:12px;
 line-height:1;
 letter-spacing:.1em;
 color:rgba(255,255,255,.16);
}

.gta-material-rating__stars::before,
.gta-material-rating__stars::after {
 content:"★★★★★";
}

.gta-material-rating__stars::after {
 position:absolute;
 top:0;
 left:0;
 width:0;
 overflow:hidden;
 color:var(--purple2);
 text-shadow:0 0 12px rgba(139,92,246,.35);
}

.gta-material-rating__stars--0::after { width:0; }
.gta-material-rating__stars--1::after { width:20%; }


/* FIX: контент на всю ширину правого блока */
.gta-material-card {
 display: table !important;
 table-layout: fixed;
}

.gta-material-card tbody,
.gta-material-card tr {
 width: 100%;
}

.gta-material-card__image-cell {
 width: 196px !important;
 min-width: 196px !important;
}

.gta-material-card__content-cell {
 width: auto !important;
 max-width: none !important;
}

.gta-servers3,
.gta-servers2,
.gta-material-status {
 width: 100% !important;
}

.gta-servers3 {
 display: flex !important;
}

.gta-servers3 > a:first-child {
 flex: 1 1 auto !important;
 min-width: 0;
}

.gta-servers2 {
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.gta-material-meta-row {
 width: 100%;
 box-sizing: border-box;
}

@media (max-width: 760px) {
 .gta-material-card {
  display: block !important;
 }

 .gta-material-card__image-cell,
 .gta-material-card__content-cell {
  width: 100% !important;
  min-width: 0 !important;
 }

 .gta-servers2 {
  grid-template-columns: 1fr !important;
 }
}
.gta-material-rating__stars--2::after { width:40%; }
.gta-material-rating__stars--3::after { width:60%; }
.gta-material-rating__stars--4::after { width:80%; }
.gta-material-rating__stars--5::after { width:100%; }

.gta-material-rating__votes {
 display:none;
}

.gta-material-action-btn {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:6px;
 min-height:30px;
 padding:0 11px;
 border-radius:999px;
 border:1px solid rgba(139,92,246,.38);
 background:
 linear-gradient(180deg, rgba(139,92,246,.18), rgba(255,105,218,.09)),
 rgba(5,7,17,.78);
 color:#f6f3ff;
 font-family:var(--font-ui,"Rajdhani",sans-serif);
 font-size:11px;
 font-weight:900;
 letter-spacing:.08em;
 text-decoration:none;
 text-transform:uppercase;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
 transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease;
}

.gta-material-action-btn:hover {
 border-color:rgba(180,140,255,.58);
 color:#fff;
 box-shadow:0 0 16px rgba(139,92,246,.2);
 transform:translateY(-1px);
}

.gta-material-action-btn--head {
 margin-left:auto;
 border-color:rgba(255,105,218,.38);
}

.gta-material-action-btn--info {
 border-color:rgba(126,249,255,.32);
}

.gta-material-action-btn--mirror {
 border-color:rgba(180,140,255,.4);
}

.gta-material-status {
 display:flex;
 flex-wrap:wrap;
 gap:5px;
 margin-top:7px;
}

.gta-status {
 display:inline-flex;
 align-items:center;
 gap:4px;
 padding:3px 8px;
 border-radius:999px;
 background:rgba(5,7,17,.58);
 border:1px solid rgba(139,92,246,.2);
 font-size:9px;
 font-weight:900;
 letter-spacing:.06em;
 text-transform:uppercase;
}

.gta-status--ok {
 color:var(--cyan);
 border-color:rgba(126,249,255,.3);
}

.gta-status--safe {
 color:#d7c4ff;
 border-color:rgba(180,140,255,.32);
}

.gta-status--mta {
 color:var(--pink);
 border-color:rgba(255,105,218,.32);
}

.gta-material-card svg {
 width:14px;
 height:14px;
 color:var(--purple2);
 stroke-width:2.2;
 filter:drop-shadow(0 0 6px rgba(139,92,246,.35));
}

.gta-status--ok svg,
.gta-material-action-btn--info svg {
 color:var(--cyan);
}

.gta-status--mta svg,
.gta-material-action-btn--head svg {
 color:var(--pink);
}

@media (max-width:760px) {
 .gta-material-card,
 .gta-material-card tbody,
 .gta-material-card tr,
 .gta-material-card td {
  display:block;
  width:100% !important;
 }

 .gta-material-card__image-cell {
  width:100%;
 }

 .gta-servers4,
 .gta-material-card__image-link {
  height:auto;
  min-height:0;
 }

 .gta-servers4 img {
  height:auto;
  aspect-ratio:16/9;
 }

 .gta-servers2 {
  grid-template-columns:1fr;
 }

 .gta-material-action-btn--head {
  margin-left:0;
 }
}


.gta-servers4,
.gta-material-card__image-link,
.gta-servers4 img {
 height: 250px !important;
 min-height: 250px !important;
 max-height: 250px !important;
}

.gta-servers3 {
 display: flex !important;
 flex-direction: column !important;
 align-items: flex-start !important;
}

.gta-material-title-link {
 width: 100%;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.gta-material-head-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 6px;
}

.gta-status--rating {
 color: #ffd86b;
 border-color: rgba(255,216,107,.35);
}

.gta-status--rating svg {
 color: #ffd86b;
}






















/* СИСТЕМЫ ВНУТРИ МАТЕРИАЛОВ */





.gta-entry-terminal {
 --gta-bg:#050711;
 --gta-bg-2:#0b1024;
 --gta-purple:#8b5cf6;
 --gta-purple-2:#b48cff;
 --gta-pink:#ff69da;
 --gta-cyan:#7ef9ff;
 --gta-text:#e9f6ff;
 --gta-muted:#9aa8c7;
 --gta-line:rgba(139,92,246,.25);

 position:relative;
 overflow:hidden;
 margin:0 0 14px;
 border:1px solid var(--gta-line);
 border-radius:24px;
 background:
  radial-gradient(circle at 12% 8%, rgba(139,92,246,.22), transparent 32%),
  radial-gradient(circle at 92% 12%, rgba(255,105,218,.13), transparent 30%),
  linear-gradient(180deg,var(--gta-bg-2),var(--gta-bg));
 box-shadow:
  0 24px 60px rgba(0,0,0,.42),
  inset 0 1px 0 rgba(255,255,255,.06);
 color:var(--gta-text);
}

.gta-entry-terminal::before {
 content:"";
 position:absolute;
 top:0;
 left:24px;
 right:24px;
 height:2px;
 background:linear-gradient(90deg,transparent,var(--gta-purple),var(--gta-pink),var(--gta-cyan),transparent);
 box-shadow:0 0 18px rgba(139,92,246,.45);
 z-index:2;
}

.gta-entry-terminal::after {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background:
  linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
 background-size:20px 20px;
 opacity:.32;
}

.gta-entry-head,
.gta-entry-body {
 position:relative;
 z-index:1;
}

.gta-entry-head {
 padding:16px 16px 12px;
 border-bottom:1px solid rgba(139,92,246,.2);
 background:
  linear-gradient(90deg, rgba(139,92,246,.09), transparent 36%),
  rgba(255,255,255,.018);
}

.gta-entry-head-row {
 display:flex;
 align-items:flex-start;
 justify-content:space-between;
 gap:14px;
}

.gta-entry-titles {
 min-width:0;
 flex:1;
}

.gta-entry-kicker {
 display:inline-flex;
 align-items:center;
 min-height:24px;
 margin:0 0 8px;
 padding:0 10px;
 border:1px solid rgba(126,249,255,.24);
 border-radius:999px;
 background:rgba(5,7,17,.62);
 font-size:10px;
 font-weight:900;
 letter-spacing:.12em;
 text-transform:uppercase;
}

.gta-entry-kicker a {
 color:var(--gta-cyan);
 text-decoration:none;
}

.gta-entry-title {
 margin:0;
 color:#fff;
 font-family:var(--font-title,"Orbitron",sans-serif);
 font-size:26px;
 line-height:1.12;
 letter-spacing:.025em;
 text-transform:uppercase;
 text-shadow:0 0 18px rgba(180,140,255,.24);
}

.gta-entry-badges {
 display:flex;
 flex-wrap:wrap;
 gap:6px;
 margin-top:10px;
}

.gta-entry-badge {
 display:inline-flex;
 align-items:center;
 gap:5px;
 min-height:26px;
 padding:0 10px;
 border:1px solid rgba(139,92,246,.28);
 border-radius:999px;
 background:rgba(5,7,17,.58);
 color:var(--gta-muted);
 font-size:10px;
 font-weight:800;
 letter-spacing:.07em;
 text-transform:uppercase;
}

.gta-entry-badge--rating {
 color:#ffd86b;
 border-color:rgba(255,216,107,.35);
 background:rgba(255,216,107,.08);
}

.gta-entry-tools {
 flex:0 0 auto;
 max-width:220px;
}

.gta-entry-body {
 padding:16px;
}

.gta-entry-media {
 position:relative;
 overflow:hidden;
 margin:0 0 14px;
 border:1px solid rgba(139,92,246,.24);
 border-radius:20px;
 background:#050711;
 box-shadow:
  0 18px 42px rgba(0,0,0,.32),
  inset 0 1px 0 rgba(255,255,255,.05);
}

.gta-entry-media::after {
 content:"";
 position:absolute;
 inset:0;
 pointer-events:none;
 background:
  linear-gradient(180deg, transparent 45%, rgba(5,7,17,.58)),
  linear-gradient(90deg, rgba(139,92,246,.18), transparent 58%);
}

.gta-entry-media img {
 display:block;
 width:100%;
 max-height:460px;
 object-fit:cover;
 object-position:center;
 filter:saturate(1.08) contrast(1.08) brightness(.94);
}

.gta-entry-brief {
 margin:0 0 12px;
 padding:12px 14px;
 border:1px solid rgba(126,249,255,.18);
 border-radius:18px;
 background:
  linear-gradient(90deg, rgba(126,249,255,.08), transparent 34%),
  rgba(255,255,255,.025);
 color:#dff9ff;
 font-size:14px;
 line-height:1.55;
}

.gta-entry-message {
 color:#dbe7f7;
 font-size:15px;
 line-height:1.7;
}

.gta-entry-message a {
 color:var(--gta-cyan);
 text-decoration:none;
 border-bottom:1px solid rgba(126,249,255,.28);
}

.gta-entry-message a:hover {
 color:#fff;
 border-color:rgba(126,249,255,.6);
}

.gta-entry-message img {
 max-width:100%;
 height:auto;
 border-radius:16px;
}

.gta-entry-note {
 display:flex;
 align-items:center;
 gap:8px;
 margin:14px 0 0;
 padding:10px 12px;
 border:1px solid rgba(255,105,218,.22);
 border-radius:16px;
 background:
  linear-gradient(90deg, rgba(255,105,218,.09), rgba(139,92,246,.06)),
  rgba(5,7,17,.56);
 color:#f2eaff;
 font-size:12px;
 font-weight:800;
 letter-spacing:.04em;
}

.gta-entry-note::before {
 content:"";
 width:8px;
 height:8px;
 border-radius:50%;
 background:var(--gta-pink);
 box-shadow:0 0 14px rgba(255,105,218,.8);
}

.gta-entry-actions {
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-top:14px;
}

.gta-entry-btn {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 min-height:36px;
 padding:0 14px;
 border:1px solid rgba(255,105,218,.36);
 border-radius:999px;
 background:
  linear-gradient(180deg, rgba(255,105,218,.17), rgba(139,92,246,.11)),
  rgba(5,7,17,.72);
 color:#fff;
 font-family:var(--font-ui,"Rajdhani",sans-serif);
 font-size:12px;
 font-weight:900;
 letter-spacing:.08em;
 text-transform:uppercase;
 text-decoration:none;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
 transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.gta-entry-btn:hover {
 transform:translateY(-1px);
 border-color:rgba(180,140,255,.6);
 box-shadow:0 0 18px rgba(139,92,246,.22);
}

.gta-entry-btn--ghost {
 border-color:rgba(126,249,255,.24);
 background:
  linear-gradient(180deg, rgba(126,249,255,.09), rgba(139,92,246,.07)),
  rgba(5,7,17,.55);
 color:#eefcff;
}

.gta-entry-stats {
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
 gap:7px;
 margin-top:14px;
}

.gta-entry-stat {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 min-height:34px;
 padding:0 10px;
 border:1px solid rgba(139,92,246,.18);
 border-radius:12px;
 background:
  linear-gradient(180deg, rgba(139,92,246,.09), rgba(255,105,218,.04)),
  rgba(255,255,255,.024);
 color:var(--gta-muted);
 font-size:11px;
 font-weight:800;
 text-transform:uppercase;
 letter-spacing:.06em;
 text-decoration:none;
}

.gta-entry-stat b {
 color:var(--gta-text);
 font-size:12px;
}

.gta-entry-stat:hover {
 border-color:rgba(180,140,255,.34);
 color:#fff;
 box-shadow:0 0 14px rgba(139,92,246,.13);
}

.gta-entry-terminal svg {
 width:14px;
 height:14px;
 color:var(--gta-purple-2);
 stroke-width:2.2;
 filter:drop-shadow(0 0 6px rgba(139,92,246,.35));
}

.gta-entry-btn svg,
.gta-entry-stat svg {
 color:var(--gta-cyan);
}

.gta-entry-badge--rating svg {
 color:#ffd86b;
}

@media (max-width:760px) {
 .gta-entry-head,
 .gta-entry-body {
  padding:12px;
 }

 .gta-entry-head-row {
  display:block;
 }

 .gta-entry-tools {
  max-width:none;
  margin-top:10px;
 }

 .gta-entry-title {
  font-size:20px;
 }

 .gta-entry-media img {
  max-height:none;
  aspect-ratio:16/9;
 }

 .gta-entry-actions {
  gap:6px;
 }

 .gta-entry-btn {
  min-height:34px;
  padding:0 12px;
 }

 .gta-entry-stats {
  grid-template-columns:1fr;
 }
}


/* =========================
uCoz RATE FORM FIX
========================= */

.gta-entry-ratebox {
 display: inline-flex;
 align-items: center;
 gap: 8px;
 min-height: 28px;
 padding: 4px 10px;
 border: 1px solid rgba(255,216,107,.28);
 border-radius: 999px;
 background:
  linear-gradient(180deg, rgba(255,216,107,.08), rgba(139,92,246,.06)),
  rgba(5,7,17,.62);
 color: #ffd86b;
 box-sizing: border-box;
}

.gta-entry-ratebox__label {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 flex: 0 0 auto;
 font-size: 10px;
 font-weight: 900;
 letter-spacing: .07em;
 text-transform: uppercase;
 color: #ffd86b;
}

.gta-entry-ratebox__form {
 display: inline-flex;
 align-items: center;
 flex-wrap: nowrap;
 min-width: 0;
}

.gta-entry-ratebox__form table,
.gta-entry-ratebox__form tbody,
.gta-entry-ratebox__form tr,
.gta-entry-ratebox__form td {
 display: inline-block !important;
 width: auto !important;
 height: auto !important;
 min-width: 0 !important;
 max-width: none !important;
 padding: 0 !important;
 margin: 0 !important;
 border: 0 !important;
 background: transparent !important;
 vertical-align: middle !important;
}

.gta-entry-ratebox__form img {
 display: inline-block !important;
 width: auto !important;
 max-width: none !important;
 height: auto !important;
 max-height: 18px !important;
 margin: 0 1px !important;
 vertical-align: middle !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 filter: drop-shadow(0 0 5px rgba(255,216,107,.35));
}

.gta-entry-ratebox__form input,
.gta-entry-ratebox__form select,
.gta-entry-ratebox__form button {
 max-height: 24px;
 font-size: 11px;
}

.gta-entry-ratebox__label svg {
 width: 13px;
 height: 13px;
 color: #ffd86b;
 filter: drop-shadow(0 0 6px rgba(255,216,107,.35));
}

@media (max-width:760px) {
 .gta-entry-ratebox {
  width: 100%;
  border-radius: 14px;
  justify-content: space-between;
 }

 .gta-entry-ratebox__form {
  overflow-x: auto;
 }
}








/* =========================
ЗАЩИТА
========================= */




.subs-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
 gap: 14px;
}

.no-subs {
 padding: 20px;
 text-align: center;
 opacity: 0.7;
 border: 1px dashed rgba(126,249,255,0.2);
 border-radius: 12px;
}













.subs-status {
 margin-bottom: 16px;
}

.subs-status-card {
 padding: 14px;
 border-radius: 16px;
 border: 1px solid rgba(126,249,255,0.25);
 background: rgba(10,20,30,0.6);
 backdrop-filter: blur(10px);
}

.subs-status-card.empty {
 opacity: 0.6;
 text-align: center;
}

.subs-status-title {
 font-size: 14px;
 margin-bottom: 6px;
}

.subs-status-info {
 display: flex;
 flex-direction: column;
 gap: 4px;
 font-size: 13px;
}

.subs-badge {
 display: inline-block;
 padding: 4px 10px;
 border-radius: 999px;
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: .05em;
 width: fit-content;
}

/* СТАТУСЫ */
.subs-active { background: rgba(0,255,170,.15); color:#00ffcc; }
.subs-trial { background: rgba(0,150,255,.15); color:#4db8ff; }
.subs-unpaid { background: rgba(255,170,0,.15); color:#ffb84d; }
.subs-canceled { background: rgba(255,80,80,.15); color:#ff6666; }
.subs-expired { background: rgba(150,150,150,.15); color:#aaa; }
.subs-paused { background: rgba(180,120,255,.15); color:#c299ff; }

/* ЧЕКАУТ */
.subs-checkout {
 margin-top: 14px;
 padding: 16px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,0.2);
 background:
  radial-gradient(circle at 20% 0%, rgba(126,249,255,.08), transparent 40%),
  radial-gradient(circle at 80% 100%, rgba(255,105,218,.08), transparent 40%),
  #0b1623;
}







.subs-success-box {
 position: relative;
 overflow: hidden;
 padding: 28px;
 border-radius: 24px;
 border: 1px solid rgba(0,255,170,.28);
 background:
  radial-gradient(circle at 20% 0%, rgba(0,255,170,.14), transparent 36%),
  radial-gradient(circle at 90% 100%, rgba(126,249,255,.10), transparent 42%),
  linear-gradient(180deg, rgba(10,22,34,.92), rgba(6,12,20,.98));
 box-shadow: 0 18px 45px rgba(0,0,0,.35), inset 0 0 32px rgba(0,255,170,.05);
 text-align: center;
}

.subs-success-icon {
 width: 74px;
 height: 74px;
 margin: 0 auto 14px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 24px;
 border: 1px solid rgba(0,255,170,.45);
 background: rgba(0,255,170,.12);
 color: #00ffb2;
 font-size: 42px;
 font-weight: 900;
 box-shadow: 0 0 28px rgba(0,255,170,.22);
}

.subs-success-kicker {
 margin-bottom: 8px;
 color: #7ef9ff;
 font-size: 11px;
 font-weight: 800;
 letter-spacing: .14em;
 text-transform: uppercase;
}

.subs-success-title {
 margin: 0 0 12px;
 color: #f2fbff;
 font-size: 28px;
 line-height: 1.15;
}

.subs-success-text {
 max-width: 720px;
 margin: 0 auto 18px;
 color: rgba(233,246,255,.78);
 font-size: 14px;
 line-height: 1.6;
}

.subs-success-info {
 max-width: 720px;
 margin: 18px auto 0;
 display: grid;
 gap: 8px;
 text-align: left;
}

.subs-success-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 14px;
 padding: 12px 14px;
 border-radius: 14px;
 border: 1px solid rgba(126,249,255,.16);
 background: rgba(255,255,255,.035);
 color: rgba(233,246,255,.72);
 font-size: 13px;
}

.subs-success-row b {
 color: #fff;
}

.subs-status-pill {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 4px 10px;
 border-radius: 999px;
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: .06em;
}

.subs-active { background: rgba(0,255,170,.15); color:#00ffcc !important; }
.subs-trial { background: rgba(0,150,255,.15); color:#4db8ff !important; }
.subs-unpaid { background: rgba(255,170,0,.15); color:#ffb84d !important; }
.subs-canceled { background: rgba(255,80,80,.15); color:#ff6666 !important; }
.subs-expired { background: rgba(150,150,150,.15); color:#aaa !important; }
.subs-paused { background: rgba(180,120,255,.15); color:#c299ff !important; }

.subs-success-actions {
 margin-top: 22px;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 10px;
}

.subs-success-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 42px;
 padding: 0 16px;
 border-radius: 14px;
 border: 1px solid rgba(126,249,255,.22);
 background: rgba(126,249,255,.08);
 color: #e9f6ff !important;
 text-decoration: none !important;
 font-size: 13px;
 font-weight: 800;
 transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.subs-success-btn:hover {
 transform: translateY(-2px);
 border-color: rgba(126,249,255,.45);
 box-shadow: 0 0 22px rgba(126,249,255,.14);
}

.subs-success-btn.primary {
 border-color: rgba(0,255,170,.45);
 background: linear-gradient(135deg, rgba(0,255,170,.22), rgba(126,249,255,.12));
 color: #00ffcc !important;
}

.subs-success-btn.ghost {
 opacity: .75;
}

@media (max-width: 640px) {
 .subs-success-box {
  padding: 20px 14px;
 }

 .subs-success-title {
  font-size: 22px;
 }

 .subs-success-row {
  flex-direction: column;
  align-items: flex-start;
 }

 .subs-success-actions {
  flex-direction: column;
 }

 .subs-success-btn {
  width: 100%;
 }
}





.pay-user-summary {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 12px;
 margin-bottom: 16px;
}

.pay-summary-card {
 padding: 14px;
 border-radius: 16px;
 border: 1px solid rgba(126,249,255,.2);
 background:
  radial-gradient(circle at 10% 0%, rgba(126,249,255,.08), transparent 38%),
  rgba(255,255,255,.035);
}

.pay-summary-card span {
 display: block;
 margin-bottom: 6px;
 color: rgba(233,246,255,.62);
 font-size: 11px;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: .08em;
}

.pay-summary-card b {
 color: #fff;
 font-size: 18px;
}

.pay-description {
 margin-bottom: 16px;
 padding: 14px;
 border-radius: 16px;
 border: 1px solid rgba(126,249,255,.15);
 background: rgba(126,249,255,.045);
 color: rgba(233,246,255,.76);
 font-size: 13px;
 line-height: 1.6;
}

.pay-table-wrap {
 overflow-x: auto;
 padding: 14px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.18);
 background:
  radial-gradient(circle at 20% 0%, rgba(126,249,255,.07), transparent 38%),
  linear-gradient(180deg, rgba(10,22,34,.92), rgba(6,12,20,.98));
}

.pay-table-wrap table {
 width: 100%;
 border-collapse: collapse;
}

.pay-table-wrap th,
.pay-table-wrap td {
 padding: 11px 10px;
 border-bottom: 1px solid rgba(126,249,255,.10);
 color: rgba(233,246,255,.78);
 font-size: 13px;
 text-align: left;
}

.pay-table-wrap th {
 color: #7ef9ff;
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: .08em;
 background: rgba(126,249,255,.06);
}

.pay-table-wrap tr:hover td {
 background: rgba(126,249,255,.035);
}

.pay-table-wrap a {
 color: #7ef9ff !important;
 text-decoration: none !important;
}

.pay-empty {
 padding: 34px 18px;
 border-radius: 20px;
 border: 1px dashed rgba(126,249,255,.25);
 background: rgba(255,255,255,.025);
 text-align: center;
 color: rgba(233,246,255,.68);
}

.pay-empty-icon {
 width: 60px;
 height: 60px;
 margin: 0 auto 12px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 20px;
 border: 1px solid rgba(126,249,255,.28);
 background: rgba(126,249,255,.08);
 color: #7ef9ff;
 font-size: 30px;
 font-weight: 900;
}

.pay-empty b {
 display: block;
 margin-bottom: 6px;
 color: #fff;
 font-size: 18px;
}

.pay-empty span {
 display: block;
 font-size: 13px;
}

@media (max-width: 760px) {
 .pay-user-summary {
  grid-template-columns: 1fr;
 }

 .pay-table-wrap {
  padding: 10px;
 }

 .pay-table-wrap th,
 .pay-table-wrap td {
  padding: 9px 8px;
  font-size: 12px;
 }
}


.sub-plan-card {
 position: relative;
 overflow: hidden;
 border-radius: 24px;
 border: 1px solid rgba(126,249,255,.18);
 background:
  radial-gradient(circle at 15% 0%, rgba(126,249,255,.10), transparent 38%),
  radial-gradient(circle at 90% 100%, rgba(255,105,218,.09), transparent 40%),
  linear-gradient(180deg, rgba(12,24,36,.96), rgba(6,12,20,.98));
 box-shadow: 0 18px 44px rgba(0,0,0,.34);
 color: #e9f6ff;
 transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.sub-plan-card:hover {
 transform: translateY(-4px);
 border-color: rgba(126,249,255,.38);
 box-shadow: 0 24px 60px rgba(0,0,0,.42), 0 0 30px rgba(126,249,255,.10);
}

.sub-plan-card.is-featured {
 border-color: rgba(0,255,170,.38);
 box-shadow: 0 22px 60px rgba(0,0,0,.42), 0 0 34px rgba(0,255,170,.12);
}

.sub-plan-ribbon {
 position: absolute;
 z-index: 4;
 top: 14px;
 right: 14px;
 padding: 6px 10px;
 border-radius: 999px;
 border: 1px solid rgba(0,255,170,.45);
 background: rgba(0,255,170,.16);
 color: #00ffcc;
 font-size: 10px;
 font-weight: 900;
 letter-spacing: .08em;
 text-transform: uppercase;
 backdrop-filter: blur(8px);
}

.sub-plan-cover {
 height: 132px;
 overflow: hidden;
 border-bottom: 1px solid rgba(126,249,255,.14);
 background: rgba(255,255,255,.035);
}

.sub-plan-cover img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
}

.sub-plan-cover-fallback {
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: rgba(126,249,255,.30);
 font-size: 44px;
 font-weight: 1000;
 letter-spacing: .16em;
 background:
  linear-gradient(135deg, rgba(126,249,255,.12), rgba(255,105,218,.08)),
  #09131f;
}

.sub-plan-body {
 padding: 16px;
}

.sub-plan-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 margin-bottom: 10px;
}

.sub-plan-num,
.sub-plan-type {
 display: inline-flex;
 align-items: center;
 min-height: 24px;
 padding: 0 9px;
 border-radius: 999px;
 border: 1px solid rgba(126,249,255,.18);
 background: rgba(126,249,255,.06);
 color: rgba(233,246,255,.68);
 font-size: 10px;
 font-weight: 900;
 letter-spacing: .08em;
 text-transform: uppercase;
}

.sub-plan-title {
 margin: 0 0 8px;
 color: #fff;
 font-size: 20px;
 line-height: 1.2;
}

.sub-plan-desc {
 min-height: 44px;
 margin-bottom: 14px;
 color: rgba(233,246,255,.70);
 font-size: 13px;
 line-height: 1.55;
}

.sub-plan-price-box {
 margin: 0 0 14px;
 padding: 14px;
 border-radius: 18px;
 border: 1px solid rgba(126,249,255,.14);
 background: rgba(255,255,255,.035);
}

.sub-plan-old-price {
 margin-bottom: 4px;
 color: rgba(233,246,255,.45);
 font-size: 13px;
 text-decoration: line-through;
}

.sub-plan-price {
 color: #7ef9ff;
 font-size: 28px;
 font-weight: 1000;
 line-height: 1;
}

.sub-plan-benefits {
 display: grid;
 gap: 8px;
 margin-bottom: 16px;
}

.sub-plan-benefits div {
 display: flex;
 gap: 8px;
 color: rgba(233,246,255,.78);
 font-size: 13px;
 line-height: 1.4;
}

.sub-plan-benefits span {
 color: #00ffb2;
 font-weight: 900;
}

.sub-plan-action a,
.sub-plan-action button,
.sub-plan-action input[type="button"],
.sub-plan-action input[type="submit"] {
 width: 100% !important;
 min-height: 44px !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 border-radius: 16px !important;
 border: 1px solid rgba(0,255,170,.45) !important;
 background: linear-gradient(135deg, rgba(0,255,170,.22), rgba(126,249,255,.12)) !important;
 color: #00ffcc !important;
 font-size: 13px !important;
 font-weight: 900 !important;
 text-decoration: none !important;
 cursor: pointer !important;
 box-shadow: 0 0 22px rgba(0,255,170,.10) !important;
}

.sub-plan-action a:hover,
.sub-plan-action button:hover,
.sub-plan-action input[type="button"]:hover,
.sub-plan-action input[type="submit"]:hover {
 box-shadow: 0 0 28px rgba(0,255,170,.20) !important;
}

.sub-plan-current {
 min-height: 44px;
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 16px;
 border: 1px solid rgba(0,255,170,.45);
 background: rgba(0,255,170,.12);
 color: #00ffcc;
 font-size: 13px;
 font-weight: 900;
}

@media (max-width: 640px) {
 .sub-plan-cover {
  height: 110px;
 }

 .sub-plan-title {
  font-size: 18px;
 }

 .sub-plan-price {
  font-size: 24px;
 }
}