/* Slice 7.15C: top-right score prominence + critical shield/hull awareness. */

.top-right .hud-score-row {
  margin-bottom: 5px;
  font-size: clamp(15px, 1.35vw, 21px);
  font-weight: 900;
  letter-spacing: .12em;
  color: #dffff0;
  text-shadow:
    0 0 5px rgba(255,255,255,.78),
    0 0 12px rgba(114,255,140,.95);
}

.top-right .hud-score-row #score {
  font-size: 1.2em;
  color: #ffffff;
  text-shadow:
    0 0 6px #ffffff,
    0 0 13px #72ff8c,
    0 0 20px rgba(114,255,140,.82);
}

.hud-health-warning,
.hud-health-critical,
.hud-health-emergency {
  transition: color 120ms linear, text-shadow 120ms linear, filter 120ms linear;
}

.hud-health-warning {
  color: #ff6b6b !important;
  text-shadow: 0 0 7px rgba(255,70,70,.9);
}

.hud-health-critical {
  color: #ff3232 !important;
  animation: niterange-health-flash 900ms steps(2, end) infinite;
}

.hud-health-emergency {
  color: #ff1010 !important;
  animation: niterange-health-flash-fast 420ms steps(2, end) infinite;
}

.system-row.hud-health-warning span,
.system-row.hud-health-warning em,
.system-row.hud-health-critical span,
.system-row.hud-health-critical em,
.system-row.hud-health-emergency span,
.system-row.hud-health-emergency em {
  color: inherit !important;
}

.system-row.hud-health-warning .bar {
  box-shadow: 0 0 6px rgba(255,70,70,.55);
}

.system-row.hud-health-critical .bar,
.system-row.hud-health-emergency .bar {
  box-shadow: 0 0 11px rgba(255,30,30,.96);
}

.system-row.hud-health-warning .bar i,
.system-row.hud-health-critical .bar i,
.system-row.hud-health-emergency .bar i {
  background: #ff3434 !important;
  box-shadow: 0 0 10px rgba(255,30,30,.92);
}

@keyframes niterange-health-flash {
  0%, 42% {
    color: #ff2424;
    text-shadow: 0 0 5px #ff2424, 0 0 11px rgba(255,30,30,.75);
    filter: brightness(1);
  }
  43%, 100% {
    color: #ffffff;
    text-shadow: 0 0 7px #ffffff, 0 0 16px #ff0000, 0 0 24px #ff0000;
    filter: brightness(1.65);
  }
}

@keyframes niterange-health-flash-fast {
  0%, 38% {
    color: #ff1010;
    text-shadow: 0 0 8px #ff0000, 0 0 16px rgba(255,0,0,.9);
    filter: brightness(1.2);
  }
  39%, 100% {
    color: #ffffff;
    text-shadow: 0 0 8px #ffffff, 0 0 18px #ff0000, 0 0 28px #ff0000;
    filter: brightness(1.9);
  }
}

@media (max-width: 620px) {
  .top-right .hud-score-row {
    margin-bottom: 3px;
    font-size: 14px;
  }

  .top-right .hud-score-row #score {
    font-size: 17px;
  }
}