.board-control-impact-label {
  position: absolute;
  z-index: 8;
  transform: translate(-50%, -125%);
  pointer-events: none;
  padding: 4px 8px;
  border: 1px solid #ffc5a0;
  border-radius: 4px;
  background: #201610eb;
  color: #ffe0b1;
  font-size: clamp(12px, 1.3vw, 17px);
  line-height: 1.1;
  white-space: nowrap;
  text-shadow: 0 1px 3px #000;
  box-shadow: 0 0 12px #ee9a5444;
  animation: boardControlImpactLabel 650ms ease-out both;
}
.board-control-impact-label.control-launch { color: #fff1bf; border-color: #ffdc8b; }
.board-control-impact-label.control-fall { color: #ffb7a3; border-color: #f18c75; }
.board-control-impact-label.control-stagger { color: #d3e5ff; border-color: #9bb4d5; }
@keyframes boardControlImpactLabel {
  0% { opacity: 0; transform: translate(-50%, -100%) scale(.8); }
  18%, 65% { opacity: 1; transform: translate(-50%, -125%) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -160%) scale(.98); }
}
@media (prefers-reduced-motion: reduce) {
  .board-control-impact-label { animation: none; }
}