/* Animated starfield page background */
.page-animated-bg { position: relative; min-height: 100vh; }
.starfield-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.page-wrapper { position: relative; z-index: 1; }
.star {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #fff;
  border-radius: 50%;
  opacity: 0.4;
  animation: starTwinkle 3s ease-in-out infinite;
  transition: opacity 0.3s, transform 0.3s;
}
.page-animated-bg:hover .star { opacity: 0.85; transform: scale(1.4); }
@keyframes starTwinkle {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.7; }
}

/* 25 new profile background classes */
.bg-stars_01::before { background: radial-gradient(circle at 20% 30%, #334, #0a0a15 70%); animation: auroraShift 8s infinite; }
.bg-stars_02::before { background: radial-gradient(circle at 80% 20%, #436, #050510 70%); animation: auroraShift 10s infinite; }
.bg-stars_03::before { background: linear-gradient(135deg, #0a0020, #1a1040, #0a0010); animation: auroraShift 7s infinite; }
.bg-stars_04::before { background: radial-gradient(ellipse at 50% 0%, #2a1840, #0a0510); }
.bg-stars_05::before { background: linear-gradient(180deg, #101030, #050510); animation: auroraShift 12s infinite; }
.bg-stars_06::before { background: radial-gradient(circle at 70% 60%, #1a3050, #080810); }
.bg-stars_07::before { background: linear-gradient(45deg, #150520, #251040, #100818); animation: auroraShift 9s infinite; }
.bg-stars_08::before { background: radial-gradient(circle at 30% 70%, #203050, #0a0a18); }
.bg-stars_09::before { background: linear-gradient(135deg, #0d1525, #1a2040); animation: auroraShift 11s infinite; }
.bg-stars_10::before { background: radial-gradient(circle at 50% 50%, #2a2040, #080812); }
.bg-stars_11::before { background: linear-gradient(160deg, #1a0a20, #302050, #0a0515); animation: auroraShift 8s infinite; }
.bg-stars_12::before { background: radial-gradient(circle at 10% 90%, #253550, #050508); }
.bg-stars_13::before { background: linear-gradient(90deg, #0a1020, #201840, #0a0818); animation: auroraShift 10s infinite; }
.bg-stars_14::before { background: radial-gradient(circle at 90% 40%, #304060, #0a0a12); }
.bg-stars_15::before { background: linear-gradient(135deg, #120818, #281838); animation: auroraShift 7s infinite; }
.bg-stars_16::before { background: radial-gradient(circle at 40% 10%, #352060, #080510); }
.bg-stars_17::before { background: linear-gradient(180deg, #0a1520, #182838); animation: auroraShift 13s infinite; }
.bg-stars_18::before { background: radial-gradient(circle at 60% 80%, #1a2840, #060810); }
.bg-stars_19::before { background: linear-gradient(45deg, #180820, #281850); animation: auroraShift 9s infinite; }
.bg-stars_20::before { background: radial-gradient(circle at 25% 45%, #203048, #0a0810); }
.bg-stars_21::before { background: linear-gradient(135deg, #101828, #202848); animation: auroraShift 11s infinite; }
.bg-stars_22::before { background: radial-gradient(circle at 75% 25%, #352858, #0a0612); }
.bg-stars_23::before { background: linear-gradient(160deg, #0a1025, #1a2045); animation: auroraShift 8s infinite; }
.bg-stars_24::before { background: radial-gradient(circle at 50% 100%, #283858, #050810); }
.bg-stars_25::before { background: linear-gradient(135deg, #150a25, #352060, #0a0518); animation: auroraShift 10s infinite; }

/* Enhanced motion on 10 existing backgrounds */
.bg-midnight::before { animation: auroraShift 14s ease infinite; }
.bg-neon-grid::before { animation: auroraShift 10s ease infinite; }
.bg-sunset::before { animation: auroraShift 12s ease infinite; }
.bg-forest::before { animation: auroraShift 16s ease infinite; }
.bg-void::before { animation: auroraShift 11s ease infinite; }
.bg-ocean::before { animation: auroraShift 13s ease infinite; }
.bg-sakura::before { animation: auroraShift 9s ease infinite; }
.bg-thunder::before { animation: auroraShift 7s ease infinite; }
.bg-desert::before { animation: auroraShift 15s ease infinite; }
.bg-ice_cave::before { animation: auroraShift 12s ease infinite; }

.bg-ember_storm::before { background: radial-gradient(circle at 30% 40%, var(--primary-color), #1a0804 65%); animation: auroraShift 8s infinite; }
.bg-neon_pulse::before { background: linear-gradient(135deg, #0a0615, #1a1040, var(--primary-color)); animation: auroraShift 6s infinite; }
.bg-copper_mist::before { background: radial-gradient(ellipse at 50% 80%, #8b4513, #1a0a08); animation: auroraShift 14s infinite; }
.bg-royal_flame::before { background: linear-gradient(160deg, #2a0800, var(--primary-color), var(--gold), #1a0604); animation: auroraShift 10s infinite; }
.bg-matrix::before { animation: auroraShift 5s linear infinite; }
.bg-blood_moon::before { animation: auroraShift 11s ease infinite; }
.bg-galaxy::before { animation: auroraShift 18s ease infinite; }

.profile-card:hover::before { opacity: 0.5 !important; filter: brightness(1.3); transition: opacity 0.4s, filter 0.4s; }

/* StalZone animated backgrounds */
.bg-sz-radioactive-forest::before { background: radial-gradient(ellipse at 30% 70%, #1a3d0a, #0a1508 60%, #051005); animation: auroraShift 9s infinite; }
.bg-sz-industrial-ruins::before { background: linear-gradient(160deg, #1a1a1a, #3d3020, #0a0a0a); animation: auroraShift 12s infinite; }
.bg-sz-zone-sky::before { background: radial-gradient(circle at 50% 20%, #2a1840, #0a0515, #1a0800); animation: auroraShift 14s infinite; }
.bg-sz-anomaly-field::before { background: radial-gradient(circle at 60% 50%, rgba(57,255,20,0.25), #0a0a12 55%); animation: auroraShift 6s infinite; }
.bg-sz-red-forest::before { background: linear-gradient(180deg, #2a0808, #1a0404, #0a0202); animation: auroraShift 10s infinite; }
.bg-sz-bunker::before { background: linear-gradient(135deg, #1a1a18, #2a2820); animation: auroraShift 16s infinite; }
.bg-sz-fog::before { background: radial-gradient(circle at 50% 50%, #2a2a30, #0a0a10); animation: auroraShift 11s infinite; }
.bg-sz-radar::before { background: radial-gradient(circle at 70% 30%, #1a2830, #080810); animation: auroraShift 8s infinite; }