/* Nostr Africa: project bubbles rising from the profile picture */
.nab-layer{position:fixed;left:0;right:0;bottom:0;top:0;overflow:hidden;pointer-events:none;z-index:40;contain:strict}
.nab-b{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  pointer-events:auto;text-decoration:none;will-change:transform,opacity;box-sizing:border-box;padding:8px;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),rgba(255,255,255,.08) 38%,rgba(139,92,246,.30) 70%,rgba(245,184,61,.28));
  border:1.5px solid rgba(255,255,255,.55);box-shadow:inset 0 0 18px rgba(255,255,255,.35),0 6px 22px rgba(59,7,100,.28);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);color:#fff;transition:box-shadow .2s,border-color .2s}
.nab-b img{width:46%;height:auto;border-radius:22%;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.nab-b span{font:600 11px/1.1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-align:center;text-shadow:0 1px 3px rgba(59,7,100,.9);max-width:92%;pointer-events:none}
.nab-b:hover,.nab-b:focus-visible{border-color:#f5b83d;box-shadow:inset 0 0 18px rgba(255,255,255,.45),0 0 0 3px rgba(245,184,61,.55),0 8px 26px rgba(59,7,100,.35);outline:none}
@media (max-width:700px){.nab-b span{font-size:9.5px}}
@media (prefers-reduced-motion:reduce){.nab-layer{display:none}}