/* ==========================================================================
   GLOBAL BACKGROUND & PARTICLES (style.css)
   ========================================================================== */

/* Nixie / Lab Color Variables */
:root {
  --nixie-orange: #ff6600;
  --nixie-glow: #ff4500;
  --bg-dark: #080605;
}

/* Global Reset */
* {
  box-sizing: border-box;
}

/* Base Body Background Only */
body {
  background-color: var(--bg-dark);
  background-image: 
    radial-gradient(circle at 50% 20%, rgba(255, 69, 0, 0.15), transparent 70%),
    linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.95));
  margin: 0;
  min-height: 100vh;
  font-family: 'Courier Prime', monospace;
  overflow-x: hidden;
  position: relative;
}

/* Floating Timeline Particles Container */
#particle-container {
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100vw; 
  height: 100vh;
  pointer-events: none;
  z-index: 1;
}

.timeline-particle {
  position: absolute;
  color: var(--nixie-orange);
  font-size: 0.8rem;
  opacity: 0.4;
  animation: floatUp 10s linear infinite;
  text-shadow: 0 0 6px var(--nixie-glow);
}

@keyframes floatUp {
  0% { transform: translateY(105vh) scale(0.8); opacity: 0; }
  50% { opacity: 0.6; }
  100% { transform: translateY(-10vh) scale(1.2); opacity: 0; }
}