.aura-dust-display {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(14px, 3vw, 28px);
  width: max-content;
  max-width: 100%;
  min-height: 92px;
  margin: 14px 0 26px auto;
  padding: 14px 22px 14px 18px;
  overflow: hidden;
  border: 1px solid #e9fff025;
  border-radius: 18px;
  background: radial-gradient(ellipse at 22% 48%, #c3ffdb14, transparent 66%), #07110dcf;
  box-shadow: inset 0 1px #ffffff14, 0 16px 40px #0005;
}
.aura-dust-display[hidden] { display: none; }
.aura-dust-mark {
  position: relative;
  flex: none;
  display: block;
  width: 57px;
  height: 57px;
  border: 1px solid #effff433;
  border-radius: 50%;
  background: radial-gradient(circle at 47% 43%, #eafff32b, #83e0ab13 35%, transparent 65%);
  box-shadow: 0 0 25px #ddffe62b, inset 0 0 14px #eaffee19;
}
.aura-dust-mark i {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #f3fff6;
  box-shadow: 0 0 7px #fff;
}
.aura-dust-mark i:nth-child(1) { left: 29%; top: 28%; }
.aura-dust-mark i:nth-child(2) { left: 65%; top: 35%; width: 2px; height: 2px; }
.aura-dust-mark i:nth-child(3) { left: 44%; top: 55%; width: 5px; height: 5px; }
.aura-dust-mark i:nth-child(4) { left: 69%; top: 73%; }
.aura-dust-mark i:nth-child(5) { left: 24%; top: 70%; width: 2px; height: 2px; }
.aura-dust-copy { display: flex; flex-direction: column; min-width: 0; }
.aura-dust-label { color: #c6edcf; font-size: .58rem; font-weight: 700; letter-spacing: .18em; }
.aura-dust-copy strong { margin: 2px 0; color: #f1fff3; font-size: clamp(1.55rem, 4vw, 2.15rem); line-height: 1; font-variant-numeric: tabular-nums; text-shadow: 0 0 18px #e1ffe851; }
.aura-dust-caption { color: #b9d4bf; font-size: .59rem; letter-spacing: .02em; }
@media (max-width: 560px) {
  .aura-dust-display { margin: 12px auto 24px; padding: 12px 17px; min-height: 78px; }
  .aura-dust-mark { width: 48px; height: 48px; }
}