/* Berserk's aura. Sits behind the character — z-index below the sprite, same as
   Iron Stance's ring. */
.exp-berserk-host { position: absolute; pointer-events: none; z-index: 3; }

/* height 120, so margin-bottom is -60 (exactly half) — see the anchoring table in
   the plan's preamble: anchor 0.60 * PLAYER_WIDTH = 68.4px, minus halfHeight 60 =
   8.4px clear of the ground. */
.exp-berserk-aura {
  position: absolute;
  width: 110px; height: 120px;
  margin-left: -55px; margin-bottom: -60px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(220,20,20,.55), rgba(160,10,10,.18) 60%, rgba(160,10,10,0) 78%);
  filter: blur(6px);
  transform-origin: center center;
  transition: transform 220ms ease-in, opacity 220ms ease-in;
  will-change: transform, opacity;
}

.exp-berserk-eye {
  position: absolute;
  width: 8px; height: 8px; margin-left: -4px; margin-bottom: -4px;
  border-radius: 50%;
  background: #ff2a2a;
  box-shadow: 0 0 8px 3px rgba(255, 40, 40, .9);
  transition: opacity 220ms ease-in;
}