.score-hud{position:absolute;left:20px;top:20px}.wanted-hud{position:absolute;right:20px;top:20px}
.item-hud{position:absolute;left:20px;bottom:20px}.vehicle-hud{position:absolute;right:20px;bottom:20px}
.hud{position:absolute;display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:2px solid #5a82cb;border-radius:10px;background:rgba(0,0,0,.8);color:#fff;backdrop-filter:blur(4px);font-size:12px;box-shadow:0 0 11px #004effad}
.hud .bar{width:80px;height:8px;border-radius:6px;background:rgba(255,255,255,.2);overflow:hidden;border:2px solid var(--line)}
.hud .bar .fill{height:100%;background:#4CAF50;transition:width .15s ease}#stamina-bar{height:100%;background:#00BFFF;transition:width .15s ease}
.interaction-prompt{position:absolute;left:50%;top:75%;transform:translateX(-50%);padding:10px 16px;background:rgba(0,0,0,.7);color:#fff;border-radius:8px;font-size:14px;backdrop-filter:blur(4px)}
#stamina-bar{height:100%;background:#00BFFF;transition:width .15s ease}
/* Score pop / bulge animation */
@keyframes score-pop-scale {
  0%   { transform: scale(1); filter: drop-shadow(0 0 6px rgba(255,200,60,0.25)); }
  20%  { transform: scale(1.22); filter: drop-shadow(0 0 18px rgba(255,200,60,0.5)); }
  50%  { transform: scale(1.08); filter: drop-shadow(0 0 10px rgba(255,160,40,0.4)); }
  100% { transform: scale(1); filter: drop-shadow(0 0 6px rgba(255,200,60,0.25)); }
}
#score.score-pop {
  animation: score-pop-scale 0.32s cubic-bezier(.2,.9,.2,1);
  will-change: transform, filter;
  /* Make sure it's an inline-block to allow transform */
  display: inline-block; 
}
/* Ensure score text is styled for impact */
#score-display {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:8px;
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00));
  color:#fff;
  font-weight:700;
  font-size:20px;
  text-shadow:0 2px 8px rgba(0,0,0,0.6);
  transition:transform .12s ease;
}