/* ═════════════════════════════════════════════
     AURORA · Правая колонка — CSS собран в ОДИН блок.
     Раньше он полностью дублировался в обеих ветках и парсился дважды.
     ═════════════════════════════════════════════ */

  /* ── Доска почёта ── */
  .vpo{position:relative;max-width:100%;margin:0 auto;padding:16px;border-radius:16px;overflow:hidden;
    background:#0D121C;border:1px solid rgba(255,255,255,.07);
    box-shadow:0 8px 26px rgba(4,6,12,.45),inset 0 1px 0 rgba(255,255,255,.05);
    font-family:'Onest','Segoe UI',Tahoma,Arial,sans-serif;color:#EDF1F7;
    contain:layout style}
  /* ⚡ radial-gradient вместо filter:blur — тот же вид, без дорогого фильтра */
  .vpo__glow{position:absolute;width:160px;height:160px;right:-50px;top:-60px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,201,77,.12) 0%,rgba(255,201,77,0) 65%);pointer-events:none}
  .vpo__head{display:flex;align-items:center;gap:10px;padding:0 0 4px}
  /* ⚡ text-shadow вместо filter:drop-shadow */
  .vpo__crown{color:#FFC94D;font-size:15px;text-shadow:0 0 6px rgba(255,201,77,.55)}
  .vpo__ttl{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#8B94A7}
  .vpo__row{display:flex;align-items:center;gap:13px;padding:14px 0 0}
  .vpo__ava{position:relative;width:54px;height:54px;flex:0 0 auto;display:block;padding:3px;border-radius:50%}
  /* единственная бесконечная анимация — transform (композитор, дёшево).
     Хотите абсолютный ноль — удалите строку animation:vpoSpin ... */
  .vpo__ring{position:absolute;inset:0;border-radius:50%;
    background:conic-gradient(from 200deg,#FFC94D,#FF8A3D,#FFE29A,#FFC94D);
    animation:vpoSpin 6s linear infinite}
  @keyframes vpoSpin{to{transform:rotate(360deg)}}
  .vpo__ava img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);
    border-radius:50%;object-fit:cover;border:2px solid #0D121C;box-sizing:border-box;display:block}
  .vpo__check{position:absolute;z-index:2;right:-1px;bottom:-1px;width:16px;height:16px;
    border-radius:50%;background:#4ADE80;border:2px solid #0D121C;
    display:flex;align-items:center;justify-content:center;font-size:8px;color:#04180C}
  .vpo__info{flex:1;min-width:0}
  .vpo__name{font-size:14px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .vpo__name a{color:#fff !important;text-decoration:none}
  .vpo__meta{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}
  .vpo__status{font-size:11px;color:#8B94A7}
  .vpo__badge{font-size:11.5px;font-weight:800;color:#FFC94D;padding:4px 9px;border-radius:9px;
    background:rgba(255,201,77,.1);border:1px solid rgba(255,201,77,.3)}
  .vpo__reacts{display:flex;gap:8px;padding:15px 0 0}
  .vpo__r{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
    padding:8px 4px;border-radius:11px;cursor:pointer;user-select:none;
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
    font-size:12.5px;font-weight:700;color:#EDF1F7;
    transition:transform .15s,background-color .15s}
  .vpo__r:hover{background:rgba(255,255,255,.07)}
  .vpo__r:active{transform:scale(.92)}
  .vpo__r.hb-react-pop{animation:vpo-pop .35s ease}
  @keyframes vpo-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}100%{transform:scale(1)}}
  .vpo__r b{font-size:12.5px;font-weight:800;color:#EDF1F7;min-width:10px;text-align:center}
  .vpo__r .hb-react-float{position:absolute;top:-6px;pointer-events:none;font-size:11px;
    font-weight:800;color:#FFC94D;animation:vpo-float .8s ease forwards}
  @keyframes vpo-float{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-14px)}}
  .vpo__comment{margin:14px 0 0;padding:8px 11px;font-size:11px;line-height:1.45;color:#B9C2D4;
    background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.14);border-radius:11px}
  .vpo__cta{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 0 0;padding:11px;
    width:100%;box-sizing:border-box;border-radius:14px;font-size:13px;font-weight:600;
    text-decoration:none;color:#EDF1F7 !important;background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.15);transition:border-color .2s,color .2s}
  .vpo__cta:hover{color:#B7FF3C !important;border-color:rgba(183,255,60,.45)}

  /* ── служебные кнопки ── */
  .board-honor__button{background-color:rgba(255,255,255,.04);color:#EDF1F7;display:block;
    text-align:center;margin-top:5px;padding:8px 11px;border:1px solid rgba(255,255,255,.15);
    border-radius:10px;box-shadow:none}
  .board-honor__button:hover{color:#B7FF3C;border-color:rgba(183,255,60,.45)}
  .btn222{border-radius:10px;box-shadow:none;color:#0A1204;cursor:pointer;margin:1px;
    padding:6px 10px;text-align:center;display:inline-block;font-weight:700;background:#B7FF3C}
  .btn222.blue222{background:#39D6FF;color:#04121A}

  /* ── блок времени ── */
  #rightcolumn .time-container{margin-top:-31px;background:#0D121C;border-radius:12px;
    padding:10px 10px 12px;width:193px;text-align:center;box-shadow:0 4px 14px rgba(4,6,12,.4);
    border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;color:#EDF1F7}
  #rightcolumn .time-container::before{content:"";position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(183,255,60,.07),rgba(139,124,255,.05));pointer-events:none}
  #rightcolumn .time-title{font-size:12px;font-weight:600;color:#8B94A7;margin-bottom:4px;letter-spacing:.2px}
  #rightcolumn .time-value{font-size:14px;font-weight:700;color:#39D6FF;letter-spacing:1px}

  #baner-serf{height:auto !important;overflow:visible !important}

  /* ── рамки баннеров ── */
  .ad-frame{position:relative;display:inline-block;border:1px solid rgba(255,255,255,.07);
    border-radius:14px;padding:8px 8px 6px;background:#0D121C;box-shadow:0 4px 14px rgba(4,6,12,.4);line-height:0}
  .ad-frame--side{display:block;padding:8px 8px 4px}
  .ad-frame #banner468x60_1,.ad-frame #banner468x60_2,.ad-frame #baner200{display:inline-block;
    border-radius:10px;overflow:hidden;line-height:0}
  .ad-frame #banner468x60_1 img,.ad-frame #banner468x60_2 img,.ad-frame #baner200 img,
  .ad-frame #banner468x60_1 iframe,.ad-frame #banner468x60_2 iframe,.ad-frame #baner200 iframe,
  .ad-frame a img{border-radius:10px !important;max-width:100%;display:inline-block;vertical-align:top}
  .ad-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;
    padding:1px 2px 0;line-height:1}
  .ad-label{font-size:9px;letter-spacing:1.4px;color:#8B94A7;font-weight:400;text-transform:uppercase;margin-left:5px}

  /* ── баннерный блок ── */
  .adbox{font-size:12px;padding:14px;border-radius:16px;position:relative;overflow:hidden;
    color:#EDF1F7;background:#0D121C;border:1px solid rgba(255,255,255,.07);
    box-shadow:0 8px 22px rgba(4,6,12,.4);contain:layout style}
  .adbox__head{position:relative;display:flex;align-items:center;gap:10px;padding:0 0 2px;margin-bottom:10px;
    font-weight:800;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#8B94A7}
  .adbox__head svg{width:15px;height:15px;fill:none;stroke:#8B7CFF;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round;flex:none}
  .adbox__tag{margin-left:auto;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
    color:#8B94A7;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);
    padding:2px 7px;border-radius:999px}
  .adbox__spacer{flex:1}
  .ad-actions{display:flex;gap:6px}
  .ad-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;
    color:#8B94A7;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
    text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s}
  .ad-ico:hover{background:rgba(255,255,255,.06);color:#B7FF3C;border-color:rgba(183,255,60,.4);transform:translateY(-1px)}
  .ad-ico--add{color:#8B94A7}
  .baner200-slot{min-height:230px;padding:10px;display:flex;justify-content:center;align-items:center;
    border-radius:14px;border:1px dashed rgba(255,255,255,.15);
    background:repeating-linear-gradient(-45deg,rgba(255,255,255,.02) 0 10px,transparent 10px 20px);
    color:#8B94A7;font-size:12px}
  .baner200-slot img{max-width:100%;height:auto;display:block;border-radius:10px}

  /* ── контекстная реклама ── */
  .ad-item{position:relative;display:block;overflow:hidden;padding:13px;margin-top:12px;border-radius:13px;
    background:transparent;border:1px dashed rgba(255,255,255,.15);text-decoration:none;
    transition:border-color .2s,background-color .2s}
  .ad-item:hover{border-color:rgba(57,214,255,.4);background:rgba(255,255,255,.02)}
  /* ⚡ filter:brightness → смена цвета, без repaint фильтра */
  .ad-item__title{display:block;font-size:13px;font-weight:700;line-height:1.35;margin-bottom:5px;
    color:#39D6FF;transition:color .2s}
  .ad-item:hover .ad-item__title{color:#7FE9FF}
  .ad-item__text{display:block;color:#8B94A7;font-size:12px;line-height:1.5;margin-bottom:7px}
  .ad-item__host{display:flex;align-items:center;gap:5px;font-size:11px;color:#8B94A7}
  .ad-item__host img{border-radius:3px}
  .ad-item--free{text-align:center;margin-top:12px;padding:16px 10px;background:transparent;
    border:1px dashed rgba(255,255,255,.15)}
  .ad-item--free:hover{border-color:rgba(57,214,255,.6);background:rgba(255,255,255,.02)}
  .ad-item--free .ad-item__title{color:#EDF1F7}
  .ad-item--free .ad-item__text{margin-bottom:10px}
  .ad-item__cta{display:inline-block;padding:7px 16px;border-radius:9px;font-size:11.5px;font-weight:800;
    color:#0A1204;background:linear-gradient(135deg,#CDFF5E,#7BE84A);
    box-shadow:0 4px 14px rgba(183,255,60,.35);transition:transform .15s}
  /* ⚡ вместо filter+box-shadow — transform */
  .ad-item--free:hover .ad-item__cta{transform:translateY(-1px)}

  /* доступность: отключаем анимации по настройке ОС */
  @media (prefers-reduced-motion:reduce){
    .vpo__ring,.vpo__r.hb-react-pop,.vpo__r .hb-react-float{animation:none !important}
  }



/* ═══ Баннер «Биржа рейтинга» — стиль Доски почёта ═══ */
.rex-card{
  contain:layout paint;
  margin-top:8px; padding:18px 16px;
  border-radius:18px;
  background:#10161f;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  display:block; text-decoration:none;
  font-family:'Segoe UI',Roboto,Arial,sans-serif;
  transition:border-color .15s ease;
}
.rex-card:hover{ border-color:rgba(34,211,238,.45); }

/* шапка — как «👑 ДОСКА ПОЧЁТА» */
.rex-head{
  display:flex; align-items:center; gap:8px;
  margin-bottom:14px;
}
.rex-head-ico{
  width:22px; height:22px; border-radius:7px; flex:none;
  display:flex; align-items:center; justify-content:center;
  font-size:11px; color:#06202a;
  background:linear-gradient(135deg,#22d3ee,#0ea5e9);
}
.rex-head-t{
  font-size:11px; font-weight:800; letter-spacing:2px;
  text-transform:uppercase; color:#9aa7b8;
}
.rex-head-t b{ color:#e6edf5; }

/* курс */
.rex-rate{
  display:flex; align-items:baseline; gap:6px;
  padding:10px 12px; border-radius:12px; margin-bottom:13px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}
.rex-rate-val{ font-size:22px; font-weight:800; color:#fff; font-variant-numeric:tabular-nums; }
.rex-rate-cap{ font-size:11px; color:#7d8a99; }
.rex-up{ margin-left:auto; display:flex; align-items:center; gap:5px; font-size:10.5px; font-weight:700; color:#34d399; }
.rex-dot{ width:6px; height:6px; border-radius:50%; background:#34d399; }

/* кнопка */
.rex-btn{
  display:flex; align-items:center; justify-content:center; gap:8px;
  padding:11px; border-radius:11px;
  font-size:13px; font-weight:700; color:#06202a;
  background:linear-gradient(135deg,#22d3ee,#0ea5e9);
  box-shadow:0 6px 16px -4px rgba(14,165,233,.45);
}
.rex-btn i{ font-size:12px; }