#modeSelect .hs-best {
  display: block;
  margin-top: 8px;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: inherit;
  opacity: 0.65;
  pointer-events: none;
  animation: hs-fade 0.5s ease-out both;
}

.hs-new-record {
  display: inline-block;
  margin: 10px 0 2px;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: linear-gradient(135deg, #ffd75e, #ff9d3d);
  box-shadow: 0 1px 4px rgba(255, 180, 60, 0.35);
  pointer-events: none;
  animation: hs-pop 0.5s ease-out both, hs-glow 2.6s ease-in-out 0.5s infinite;
}

@keyframes hs-fade {
  from { opacity: 0; }
  to   { opacity: 0.65; }
}

@keyframes hs-pop {
  0%   { opacity: 0; transform: translateY(8px) scale(0.92); }
  60%  { opacity: 1; transform: translateY(-2px) scale(1.04); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes hs-glow {
  0%, 100% { box-shadow: 0 0 6px rgba(255, 200, 70, 0.3); }
  50%      { box-shadow: 0 0 14px rgba(255, 200, 70, 0.55); }
}