#loading {
  position: fixed; inset: 0; z-index: 100;
  background: #000; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 20px;
  transition: opacity 0.5s;
}
#loading.hidden { opacity: 0; pointer-events: none; display: none; }
#loading-text { color: #0f0; font-size: 14px; }
.spinner {
  width: 40px; height: 40px; border: 3px solid #030;
  border-top-color: #0f0; border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }