.power-meter.classified > div {
  overflow: hidden;
}

.power-meter.classified i {
  display: block;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(
    135deg,
    var(--orange) 0,
    var(--orange) 8px,
    #2b2430 8px,
    #2b2430 16px
  );
  opacity: 0.62;
  animation: classified-shift 1.4s linear infinite;
}

.power-meter.classified strong {
  color: var(--orange);
  font-size: 12px;
  letter-spacing: 0.08em;
  white-space: nowrap;
}

@keyframes classified-shift {
  to { transform: translateX(23px); }
}

@media (prefers-reduced-motion: reduce) {
  .power-meter.classified i { animation: none; }
}

#resultPower {
  display: block;
  min-width: 3ch;
  margin-top: 2px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 480px) {
  .power-meter.classified {
    grid-template-columns: 1fr auto;
  }

  .power-meter.classified > div {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}