.gurrr-wrap {
  position: fixed;
  top: var(--gurrr-top, 15%);
  left: 115%;
  z-index: 999999;
  pointer-events: none;
  font-size: 44px;
  line-height: 1;
  animation: gurrr-fly-across var(--gurrr-duration, 8s) linear forwards,
             gurrr-bob 0.6s ease-in-out infinite;
}

@keyframes gurrr-fly-across {
  from { left: 115%; }
  to   { left: -15%; }
}

@keyframes gurrr-bob {
  0%, 100% { margin-top: 0; }
  50%      { margin-top: -14px; }
}

.gurrr-bubble {
  position: absolute;
  top: -6px;
  right: 100%;
  transform: translate(-8px, -100%) scale(0);
  transform-origin: bottom right;
  background: #fff;
  color: #222;
  border: 2px solid #222;
  border-radius: 14px;
  padding: 4px 10px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .25s ease, transform .25s ease;
}

.gurrr-bubble::after {
  content: '';
  position: absolute;
  bottom: -6px;
  right: 14px;
  border-width: 6px 0 0 6px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
}

.gurrr-bubble.gurrr-show {
  opacity: 1;
  transform: translate(-8px, -100%) scale(1);
}