/* Final podium hover polish: spotlight note belongs over the award, not across the player's score. */
.lbx-podium-card{z-index:1}
.lbx-podium-card:hover,.lbx-podium-card:focus-visible{z-index:7}

.lbx-podium-card.rank-2:hover,.lbx-podium-card.rank-2:focus-visible,
.lbx-podium-card.rank-3:hover,.lbx-podium-card.rank-3:focus-visible{
  transform:perspective(1200px) rotateX(0deg) translateY(-5px) scale(1.012);
}
.lbx-podium-card.rank-1:hover,.lbx-podium-card.rank-1:focus-visible{
  transform:perspective(1200px) rotateX(0deg) translateY(-5px) scale(1.014);
}

.lbx-podium-note{
  left:auto;
  right:12px;
  top:12px;
  bottom:auto;
  width:min(245px,calc(100% - 24px));
  padding:11px 13px 12px;
  border:1px solid color-mix(in srgb,var(--rank) 62%,#8994a3 38%);
  border-radius:12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rank) 13%,#17202a 87%),#0f151d 78%);
  box-shadow:0 8px 18px rgba(0,0,0,.28);
  transform:translateY(-8px) translateZ(48px) scale(.985);
  text-align:left;
}
.lbx-podium-note span{
  margin-bottom:4px;
  color:color-mix(in srgb,var(--rank) 78%,#ffffff 22%);
  font-size:.6rem;
  letter-spacing:.13em;
}
.lbx-podium-note p{
  color:#f4f7fb;
  font-size:.79rem;
  line-height:1.32;
  font-weight:750;
  text-shadow:none;
}
.lbx-podium-card.has-spotlight:hover .lbx-podium-note,
.lbx-podium-card.has-spotlight:focus-visible .lbx-podium-note{
  transform:translateY(0) translateZ(48px) scale(1);
}

/* Let the spotlight replace the award visually while it is open. */
.lbx-podium-card.has-spotlight:hover .lbx-award-icon,
.lbx-podium-card.has-spotlight:focus-visible .lbx-award-icon{
  opacity:.08;
}

@media(max-width:560px){
  .lbx-podium-note{
    right:8px;
    top:8px;
    width:calc(100% - 16px);
    padding:9px 10px 10px;
  }
  .lbx-podium-card.rank-1:hover,.lbx-podium-card.rank-1:focus-visible,
  .lbx-podium-card.rank-2:hover,.lbx-podium-card.rank-2:focus-visible,
  .lbx-podium-card.rank-3:hover,.lbx-podium-card.rank-3:focus-visible{
    transform:translateY(-3px) scale(1.006);
  }
}