/* Компактный неон-тост «+N» при начислении AIRoEnergy */
@keyframes airo-quiz-energy-mark-sway {
  0%,
  100% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
}

.airo-quiz-energy-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 320000;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: min(280px, calc(100vw - 24px));
  padding: 6px 12px;
  transform: translate(-50%, -50%) translateZ(0) scale(0.9);
  -webkit-transform: translate(-50%, -50%) translateZ(0) scale(0.9);
  background: rgba(8, 14, 24, 0.92);
  border: 1px solid #1e90ff;
  border-radius: 6px;
  color: #1e90ff;
  font: 700 16px/1 Tahoma, Helvetica, Arial, sans-serif;
  letter-spacing: 0.04em;
  box-shadow:
    0 0 8px rgba(30, 144, 255, 0.55),
    0 0 18px rgba(30, 144, 255, 0.32);
  text-shadow: 0 0 4px rgba(30, 144, 255, 0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition:
    opacity 200ms ease,
    transform 220ms ease,
    visibility 0ms linear 220ms;
}

.airo-quiz-energy-toast--visible {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) translateZ(0) scale(1);
  -webkit-transform: translate(-50%, -50%) translateZ(0) scale(1);
  transition:
    opacity 200ms ease,
    transform 220ms ease,
    visibility 0ms linear 0ms;
}

.airo-quiz-energy-toast--out {
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -50%) translateZ(0) scale(0.92);
  -webkit-transform: translate(-50%, -50%) translateZ(0) scale(0.92);
}

.airo-quiz-energy-toast__value {
  flex: 0 0 auto;
  line-height: 1;
}

.airo-quiz-energy-toast__unit {
  flex: 0 0 auto;
  line-height: 1;
  font-weight: 700;
}

.airo-quiz-energy-toast--spend {
  color: #e8f4ff;
  border-color: rgba(125, 211, 252, 0.82);
  box-shadow:
    0 0 10px rgba(56, 189, 248, 0.5),
    0 0 20px rgba(30, 144, 255, 0.28);
  text-shadow:
    0 0 6px rgba(125, 211, 252, 0.65),
    0 0 12px rgba(30, 144, 255, 0.35);
}

.airo-quiz-energy-toast--spend .airo-quiz-energy-toast__value,
.airo-quiz-energy-toast--spend .airo-quiz-energy-toast__unit {
  font-family: var(--font-dashboard-neuro, Tahoma, Helvetica, Arial, sans-serif);
  letter-spacing: 0.05em;
}

.airo-quiz-energy-toast__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  will-change: transform;
  animation: airo-quiz-energy-mark-sway 2.2s ease-in-out infinite;
}

.airo-quiz-energy-toast__video {
  display: block;
  width: 26px;
  height: 26px;
  object-fit: contain;
  vertical-align: middle;
  pointer-events: none;
}

@media (max-width: 600px) {
  .airo-quiz-energy-toast {
    top: 42%;
    gap: 5px;
    padding: 5px 10px;
    font-size: 15px;
    max-width: min(240px, calc(100vw - 20px));
  }

  .airo-quiz-energy-toast__video {
    width: 24px;
    height: 24px;
  }
}