.ju-card{ position:relative; }
.ju-pop{
  position:absolute; left:50%; top:10%;
  transform:translate(-50%,-120%);
  background:rgba(0,0,0,.85); color:#fff;
  font-size:.75rem; padding:.25rem .45rem;
  border-radius:.35rem; white-space:nowrap;
  pointer-events:none; opacity:0; transition:opacity .15s ease;
  z-index:10;
}
.ju-card:hover .ju-pop{ opacity:1; }
@media (prefers-color-scheme: dark){ .ju-pop{ background:rgba(20,20,20,.92);} }