/* Offline mode banner and pending XP indicator */
#gfy-offline-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  background: #1a1a00;
  color: #f0a429;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  padding: 10px 16px;
  padding-top: max(10px, env(safe-area-inset-top));
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  pointer-events: none;
}

#gfy-offline-banner.visible {
  transform: translateY(0);
}

#gfy-offline-banner.syncing {
  color: #1db87a;
}

#gfy-pending-xp {
  position: fixed;
  bottom: calc(140px + env(safe-area-inset-bottom));
  right: 16px;
  font-size: 11px;
  color: #555;
  z-index: 45;
  pointer-events: none;
  display: none;
}

#gfy-pending-xp.visible {
  display: block;
}

.gfy-cached-label {
  font-size: 11px;
  color: #555;
  margin-left: 6px;
}