.aurum-pet {
  position: relative;
  display: block;
  flex: none;
  background-image: url("/static/aurum-spritesheet.webp");
  background-repeat: no-repeat;
  background-size: 800% 1100%;
  background-position: 0 var(--aurum-row);
  filter: drop-shadow(0 0 16px rgba(212, 175, 55, 0.3));
  transform: translateZ(0);
  animation-timing-function: step-end;
  animation-iteration-count: infinite;
}

.aurum-blink {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  animation: aurum-blink-sequence 6.6s step-end infinite;
}

.aurum-blink-cover {
  fill: #080c09;
}

.aurum-blink-line {
  fill: none;
  stroke: #f1c84b;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.aurum-pet--idle {
  --aurum-row: 0%;
  animation-name: aurum-idle;
  animation-duration: 1100ms;
}

.aurum-pet--running-right {
  --aurum-row: 10%;
  animation-name: aurum-running;
  animation-duration: 1060ms;
}

.aurum-pet--running-left {
  --aurum-row: 20%;
  animation-name: aurum-running;
  animation-duration: 1060ms;
}

.aurum-pet--waving {
  --aurum-row: 30%;
  animation-name: aurum-waving;
  animation-duration: 700ms;
}

.aurum-pet--jumping {
  --aurum-row: 40%;
  animation-name: aurum-jumping;
  animation-duration: 840ms;
}

.aurum-pet--failed {
  --aurum-row: 50%;
  animation-name: aurum-failed;
  animation-duration: 1220ms;
}

.aurum-pet--waiting {
  --aurum-row: 60%;
  animation-name: aurum-waiting;
  animation-duration: 1010ms;
}

.aurum-pet--working {
  --aurum-row: 70%;
  animation-name: aurum-working;
  animation-duration: 820ms;
}

.aurum-pet--review {
  --aurum-row: 80%;
  animation-name: aurum-review;
  animation-duration: 1030ms;
}
@keyframes aurum-idle {
  0% { background-position: 0% var(--aurum-row); }
  25.4545% { background-position: 14.2857% var(--aurum-row); }
  35.4545% { background-position: 28.5714% var(--aurum-row); }
  45.4545% { background-position: 42.8571% var(--aurum-row); }
  58.1818% { background-position: 57.1429% var(--aurum-row); }
  70.9091%, 100% { background-position: 71.4286% var(--aurum-row); }
}

@keyframes aurum-running {
  0% { background-position: 0% var(--aurum-row); }
  11.3208% { background-position: 14.2857% var(--aurum-row); }
  22.6415% { background-position: 28.5714% var(--aurum-row); }
  33.9623% { background-position: 42.8571% var(--aurum-row); }
  45.283% { background-position: 57.1429% var(--aurum-row); }
  56.6038% { background-position: 71.4286% var(--aurum-row); }
  67.9245% { background-position: 85.7143% var(--aurum-row); }
  79.2453%, 100% { background-position: 100% var(--aurum-row); }
}

@keyframes aurum-waving {
  0% { background-position: 0% var(--aurum-row); }
  20% { background-position: 14.2857% var(--aurum-row); }
  40% { background-position: 28.5714% var(--aurum-row); }
  60%, 100% { background-position: 42.8571% var(--aurum-row); }
}

@keyframes aurum-jumping {
  0% { background-position: 0% var(--aurum-row); }
  16.6667% { background-position: 14.2857% var(--aurum-row); }
  33.3333% { background-position: 28.5714% var(--aurum-row); }
  50% { background-position: 42.8571% var(--aurum-row); }
  66.6667%, 100% { background-position: 57.1429% var(--aurum-row); }
}

@keyframes aurum-failed {
  0% { background-position: 0% var(--aurum-row); }
  11.4754% { background-position: 14.2857% var(--aurum-row); }
  22.9508% { background-position: 28.5714% var(--aurum-row); }
  34.4262% { background-position: 42.8571% var(--aurum-row); }
  45.9016% { background-position: 57.1429% var(--aurum-row); }
  57.377% { background-position: 71.4286% var(--aurum-row); }
  68.8525% { background-position: 85.7143% var(--aurum-row); }
  80.3279%, 100% { background-position: 100% var(--aurum-row); }
}

@keyframes aurum-waiting {
  0% { background-position: 0% var(--aurum-row); }
  14.8515% { background-position: 14.2857% var(--aurum-row); }
  29.703% { background-position: 28.5714% var(--aurum-row); }
  44.5545% { background-position: 42.8571% var(--aurum-row); }
  59.4059% { background-position: 57.1429% var(--aurum-row); }
  74.2574%, 100% { background-position: 71.4286% var(--aurum-row); }
}

@keyframes aurum-working {
  0% { background-position: 0% var(--aurum-row); }
  14.6341% { background-position: 14.2857% var(--aurum-row); }
  29.2683% { background-position: 28.5714% var(--aurum-row); }
  43.9024% { background-position: 42.8571% var(--aurum-row); }
  58.5366% { background-position: 57.1429% var(--aurum-row); }
  73.1707%, 100% { background-position: 71.4286% var(--aurum-row); }
}

@keyframes aurum-review {
  0% { background-position: 0% var(--aurum-row); }
  14.5631% { background-position: 14.2857% var(--aurum-row); }
  29.1262% { background-position: 28.5714% var(--aurum-row); }
  43.6893% { background-position: 42.8571% var(--aurum-row); }
  58.2524% { background-position: 57.1429% var(--aurum-row); }
  72.8155%, 100% { background-position: 71.4286% var(--aurum-row); }
}

@keyframes aurum-node-packet {
  0% {
    opacity: 0;
    transform: translateX(0) scale(0.65);
  }
  16% { opacity: 1; }
  84% { opacity: 0.92; }
  100% {
    opacity: 0;
    transform: translateX(calc(100% + 68px)) scale(0.3);
  }
}

@keyframes aurum-blink-sequence {
  0%, 25.4%, 35.5%, 70.8%, 100% { opacity: 0; }
  25.5%, 35.4%, 70.9%, 99.9% { opacity: 1; }
}