/* Фишки голосов (макет «темы.html»): кружки 34 px внахлёст над карточкой,
   падают по одной пружиной. */
.vx-chips{position:absolute;top:-22px;left:0;right:0;z-index:3;display:flex;justify-content:center;pointer-events:none}
.vx-chips__chip{width:34px;height:34px;margin:0 -4px;border-radius:50%;display:grid;place-items:center;
  box-shadow:0 0 0 3px var(--warm-950),0 6px 14px rgba(0,0,0,.45);
  animation:vx-chips-drop .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i, 0) * 140ms)}
@keyframes vx-chips-drop{from{transform:translateY(-120px) scale(.4);opacity:0}}
/* Лицо — на всю фишку: тёмное кольцо (box-shadow) ложится вплотную, без зазора. */
.vx-chips__img,.vx-chips__letter{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden}
/* Надетая рамка сама кольцо: тёмное убирается, рамка прилегает к аватарке вплотную. */
.vx-chips__chip:has(.vx-frame){box-shadow:0 6px 14px rgba(0,0,0,.45)}
.vx-chips .vx-frame::after,.vx-chips .vx-frame::before{inset:-3px}
.vx-chips__img img{width:100%;height:100%;object-fit:cover}
.vx-chips__letter{font:900 12px var(--font-display);color:var(--text-inverse);user-select:none}

/* Конфетти: полоски падают через всю высоту с поворотом, один раз. */
.vx-confetti{position:fixed;inset:0;z-index:45;pointer-events:none;overflow:hidden}
.vx-confetti__bit{position:absolute;top:-20px;left:var(--x);width:10px;height:14px;border-radius:2px;background:var(--c);
  rotate:var(--r);animation:vx-confetti-fall var(--t) linear var(--d) forwards}
@keyframes vx-confetti-fall{to{transform:translateY(110vh) rotate(720deg)}}

@media (prefers-reduced-motion:reduce){
  .vx-chips__chip{animation:none}
  .vx-confetti{display:none}
}