.hype-orb{
  position:fixed;
  right:22px;bottom:26px;
  z-index:90;
  display:flex;align-items:center;gap:10px;
  flex-direction:row-reverse;
  animation:hypeFloat 6s ease-in-out infinite;
  pointer-events:none;
}
.hype-orb.dismissed{display:none}

.hype-orb-ball-wrap{position:relative;pointer-events:auto}

.hype-orb-ball{
  width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%, #8FB0FF, var(--blue) 55%, var(--blue-deep) 100%);
  box-shadow:
    0 0 18px 4px rgba(47,95,224,.55),
    0 0 40px 10px rgba(47,95,224,.28),
    inset 0 0 10px rgba(255,255,255,.35);
  animation:hypeGlow 2.6s ease-in-out infinite;
  flex-shrink:0;
  position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}

.hype-eyes{display:flex;gap:7px;margin-bottom:5px}
.hype-eye{
  width:5px;height:5px;border-radius:50%;
  background:#0B1526;
  animation:hypeBlink 4.3s ease-in-out infinite;
}
.hype-mouth{
  width:15px;height:8px;
  border-bottom:2.5px solid #0B1526;
  border-radius:0 0 15px 15px;
}

@keyframes hypeBlink{
  0%,90%,100%{ transform:scaleY(1); }
  95%{ transform:scaleY(0.15); }
}

.hype-orb-quote{
  max-width:180px;
  background:var(--ink);color:#fff;
  font-family:var(--font-display);font-weight:700;font-size:12.5px;
  padding:9px 14px;border-radius:999px;
  box-shadow:var(--shadow-md);
  opacity:0;transform:translateX(6px);
  transition:opacity .4s ease, transform .4s ease;
  pointer-events:auto;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.hype-orb-quote.show{opacity:1;transform:translateX(0)}

.hype-orb-close{
  position:absolute;top:-8px;right:-8px;
  width:18px;height:18px;border-radius:50%;
  background:var(--paper-raised);border:1px solid var(--line-strong);
  color:var(--ink-soft);font-size:9px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:opacity .2s ease;
}
.hype-orb-ball-wrap:hover .hype-orb-close{opacity:1}

@keyframes hypeFloat{
  0%,100%{ transform: translate(0,0); }
  25%{ transform: translate(-6px,-10px); }
  50%{ transform: translate(2px,-4px); }
  75%{ transform: translate(-3px,-14px); }
}
@keyframes hypeGlow{
  0%,100%{ box-shadow: 0 0 18px 4px rgba(47,95,224,.55), 0 0 40px 10px rgba(47,95,224,.28), inset 0 0 10px rgba(255,255,255,.35); }
  50%{ box-shadow: 0 0 24px 8px rgba(232,135,30,.5), 0 0 50px 16px rgba(232,135,30,.24), inset 0 0 10px rgba(255,255,255,.4); }
}

@media (max-width:640px){
  .hype-orb{right:14px;bottom:18px}
  .hype-orb-quote{max-width:130px;font-size:11.5px;padding:8px 12px}
  .hype-orb-ball{width:38px;height:38px}
}

@media (prefers-reduced-motion: reduce){
  .hype-orb{animation:none}
  .hype-orb-ball{animation:none}
}