/* ==========================================================
   Анимированные значки фильма: год, длительность, 18+, КП, IMDb
   Все классы с префиксом fb-
   ========================================================== */
.fb-chips{
  /* цвета — меняются здесь */
  --fb-accent:#6fc23f;                 /* зелёный сайта (плашка «N лет назад», приписка в подсказке) */
  --fb-year-line:#6fc23f; --fb-year-ink:#3f7f1d;
  --fb-age:#c2272b;
  --fb-line:rgba(127,127,127,.3);      /* контур значка времени */
  --fb-kp:#ff6a00; --fb-imdb:#f5c518;
  --fb-tip-bg:#1d1f1b; --fb-tip-ink:#f3f3ef;
  display:flex;flex-wrap:wrap;gap:8px;
}
/* в тёмной теме сайта зелёный и красный текст делаем светлее —
   селектор заменить на тот, которым тема включает тёмный режим */
.theme-dark .fb-chips,[data-theme="dark"] .fb-chips{--fb-year-ink:#8fd65f;--fb-age:#ff6b6e}

/* Вариант 4 «Брендовые плитки»: год, время, 18+ — контурные; КП и IMDb — залитые с градиентом */
.fb-chip{
  position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border:0;border-radius:8px;
  background:transparent;color:inherit;font:inherit;font-size:14.5px;font-weight:700;line-height:1;
  box-shadow:inset 0 0 0 1.5px var(--fb-line);
  cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;
  transition:transform .15s,box-shadow .2s,filter .2s;
}
.fb-chip:hover{transform:translateY(-1px)}
.fb-chip:focus-visible{outline:2px solid var(--fb-accent);outline-offset:2px}
.fb-chip svg{flex:none;opacity:.7}
.fb-chip b{font-weight:800}
.fb-chip .fb-v{font-variant-numeric:tabular-nums}
.fb-chip--year{color:var(--fb-year-ink);box-shadow:inset 0 0 0 1.5px var(--fb-year-line)}
.fb-chip--age{color:var(--fb-age);box-shadow:inset 0 0 0 1.5px currentColor}
.fb-chip--kp,.fb-chip--imdb{font-size:15.5px;font-weight:800;box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}
.fb-chip--kp:hover,.fb-chip--imdb:hover{filter:brightness(1.05);box-shadow:0 9px 18px -9px rgba(0,0,0,.5)}
.fb-chip--kp{background:linear-gradient(135deg,#ff7a1a,var(--fb-kp));color:#fff}
.fb-chip--kp b{color:#fff}
.fb-chip--imdb{background:linear-gradient(135deg,#ffd43b,#f2b705);color:#111}
.fb-chip--imdb b{background:#111;color:var(--fb-imdb);border-radius:4px;padding:3px 5px;font-size:12px;letter-spacing:.02em}

/* год: счётчик-«одометр» */
.fb-odo{display:inline-flex;height:1.15em;overflow:hidden;vertical-align:middle}
.fb-odo>span{display:block;height:1.15em;overflow:hidden}
.fb-odo>span>span{display:flex;flex-direction:column}
.fb-odo>span>span>span{height:1.15em;line-height:1.15em;display:block;text-align:center}

/* всплывающая подпись над годом */
.fb-float{
  position:fixed;left:0;top:0;z-index:1000;pointer-events:none;white-space:nowrap;
  padding:5px 10px;border-radius:999px;background:var(--fb-accent,#6fc23f);color:#0f1a0a;font:800 13px/1 system-ui,sans-serif;
  box-shadow:0 8px 18px -8px rgba(60,120,30,.8);
}

/* разлетающиеся копии надписи */
.fb-copy{position:fixed;left:0;top:0;z-index:1000;pointer-events:none;font-weight:800;white-space:nowrap;will-change:transform,opacity,filter}

/* волна */
.fb-ripple-clip{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.fb-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.25;pointer-events:none}

/* подсказка */
.fb-tip{
  position:absolute;left:50%;bottom:calc(100% + 10px);z-index:20;width:max-content;max-width:240px;padding:8px 12px;border-radius:10px;
  background:var(--fb-tip-bg);color:var(--fb-tip-ink);font-size:13px;font-weight:500;line-height:1.35;text-align:left;pointer-events:none;
  box-shadow:0 10px 24px -8px rgba(0,0,0,.45);
}
.fb-tip::after{content:"";position:absolute;left:var(--fb-arrow,50%);top:100%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--fb-tip-bg)}
.fb-tip strong{display:block;font-size:14px;font-weight:800;margin-bottom:2px}
.fb-tip em{display:block;font-style:normal;margin-top:4px;color:var(--fb-accent)}

/* Theme integration: retain the two existing metadata positions. */
.lf-meta.fb-chips{gap:8px;color:var(--lf-text)}
.lf-meta.fb-chips .fb-chip{flex-shrink:0;white-space:nowrap}
.fb-tip{white-space:normal}
.fb-effects{position:fixed;inset:0;overflow:clip;contain:layout paint;pointer-events:none;z-index:1000}
.fb-chip--age[data-age="0"],.fb-chip--age[data-age="6"]{--fb-age:#3f7f1d}
.fb-chip--age[data-age="12"]{--fb-age:#246fa5}
.fb-chip--age[data-age="16"]{--fb-age:#9b6208}
[data-theme="dark"] .fb-chip--age[data-age="0"],[data-theme="dark"] .fb-chip--age[data-age="6"]{--fb-age:#8fd65f}
[data-theme="dark"] .fb-chip--age[data-age="12"]{--fb-age:#74c5f5}
[data-theme="dark"] .fb-chip--age[data-age="16"]{--fb-age:#f2bd59}
@media(hover:none){.fb-chip:hover{transform:none;filter:none}.fb-chip--kp:hover,.fb-chip--imdb:hover{box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}}
@media(prefers-reduced-motion:reduce){.fb-chip{transition:none}.fb-chip:hover{transform:none}}