/*
 * File:          css/fx.css
 * Version:       1.0.0
 * Last Modified: 2026-09-04 06:10 PM ET
 * Changes:       Initial release — intro, boot, victory overlay, reduced motion.
 */
#overlay {
  position: fixed; inset: 0; z-index: 70;
  display: flex; align-items: center; justify-content: center;
  padding: 20px; background: rgba(4, 6, 12, 0.9);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  overflow-y: auto;
}
#overlay:empty { display: none; }

.intro-card { width: min(560px, 100%); }
.intro-card.center { text-align: center; }
.intro-kicker { color: var(--cyan); font-size: 0.7rem; letter-spacing: 0.22em; margin-bottom: 10px; }
.intro-title { font-size: clamp(1.7rem, 6vw, 2.6rem); font-weight: 800; line-height: 1.12; margin-bottom: 14px; }
.intro-body { color: var(--muted); font-size: 1rem; line-height: 1.65; }
.intro-dots { display: flex; gap: 6px; justify-content: center; margin: 22px 0 4px; }
.intro-dots span { width: 7px; height: 7px; border-radius: 99px; background: rgba(140, 160, 200, 0.3); }
.intro-dots span.on { background: var(--cyan); }

.boot-logo { font-size: 3rem; margin-bottom: 6px; animation: bootFloat 3s ease-in-out infinite; }
@keyframes bootFloat { 50% { transform: translateY(-6px); } }
.game-title { font-size: clamp(2.2rem, 9vw, 3.2rem); font-weight: 900; letter-spacing: 0.22em; }
.game-sub { color: var(--muted); letter-spacing: 0.06em; margin-top: 4px; }
.tip { margin-top: 18px; font-size: 0.78rem; color: var(--muted); max-width: 380px; margin-left: auto; margin-right: auto; line-height: 1.5; }

.jumpfx {
  position: absolute; inset: 0;
  background:
    repeating-linear-gradient(90deg, transparent 0 120px, rgba(79, 216, 235, 0.5) 120px 122px),
    repeating-linear-gradient(90deg, transparent 0 74px, rgba(255, 255, 255, 0.7) 74px 75px);
  transform: perspective(300px) rotateY(24deg) scaleX(6);
  animation: jumpStreak 1.6s linear infinite;
  opacity: 0; transition: opacity 0.4s;
  filter: blur(1px);
}
@keyframes jumpStreak { from { background-position: 0 0; } to { background-position: -1200px 0; } }

@media (prefers-reduced-motion: reduce) {
  .starfield, .engine ellipse, .bay.building .bay-bg, .chip.warn,
  .boot-logo, .jumpfx { animation: none !important; }
  .toast, .sheet-panel, .sheet-backdrop, .bar i { transition: none !important; }
}

/* === END OF FILE (FILENAME: /var/www/vhosts/pokepapi.com/colony/css/fx.css) === */