/**
 * @license
 * SPDX-License-Identifier: Apache-2.0
 */

/* Custom smooth scrolling for internal section links */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* Slim slender custom gold scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #080808;
}

::-webkit-scrollbar-thumb {
  background: rgba(229, 193, 88, 0.2);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #e5c158;
  box-shadow: 0 0 10px rgba(229, 193, 88, 0.4);
}

/* Custom Fade-in transitions */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* CSS Grid overlay effect for high-tech satellite map sandboxes */
.grid-map-dots {
  background-image: radial-gradient(rgba(229, 193, 88, 0.15) 1px, transparent 1px);
  background-size: 16px 16px;
}

/* Live connection pulse */
@keyframes pulseGlow {
  0%, 100% {
    opacity: 0.15;
    box-shadow: 0 0 8px rgba(229, 193, 88, 0.2);
  }
  50% {
    opacity: 0.45;
    box-shadow: 0 0 16px rgba(229, 193, 88, 0.6);
  }
}

.ping-glow {
  animation: pulseGlow 2s infinite ease-in-out;
}

/* Scroll none selector utility */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}