/* More colorful, kid-friendly space vibe on question screen */
.nova-dark-duel .question-container {
  background: radial-gradient(120% 160% at 20% 10%, rgba(30,58,138,.85) 0%, rgba(17,24,39,.92) 40%, rgba(15,23,42,.94) 100%) !important;
  border-image: linear-gradient(90deg,#60a5fa,#a78bfa,#22c55e) 1 !important;
  border-width: 2px !important;
  position: relative;
  overflow: hidden;
}

/* Soft rotating ring around the question */
.nova-dark-duel .question-container::before {
  content: "";
  position: absolute;
  inset: -25%;
  background: conic-gradient(from 0deg, rgba(99,102,241,.18), rgba(34,197,94,.08), rgba(96,165,250,.16), rgba(99,102,241,.18));
  filter: blur(22px);
  animation: novaRingSpin 24s linear infinite;
  pointer-events: none;
  z-index: 0;
}
.nova-dark-duel .question-container > * { position: relative; z-index: 1; }

@keyframes novaRingSpin {
  to { transform: rotate(360deg); }
}

/* Aurora ribbon overlay for the whole duel view */
#nova-aurora {
  position: fixed; inset: 0; pointer-events: none; z-index: 1;
  background:
    radial-gradient(60% 40% at 70% 20%, rgba(168,85,247,.10), transparent 60%),
    radial-gradient(40% 30% at 20% 70%, rgba(34,197,94,.10), transparent 60%),
    radial-gradient(35% 25% at 50% 50%, rgba(59,130,246,.10), transparent 60%);
  mix-blend-mode: screen;
  animation: novaAuroraPulse 12s ease-in-out infinite alternate;
}
@keyframes novaAuroraPulse {
  0% { filter: hue-rotate(0deg) saturate(1); opacity:.65; transform: translateY(0); }
  100% { filter: hue-rotate(25deg) saturate(1.2); opacity:.9; transform: translateY(-6px); }
}

/* Cute planets (decor only) */
.nova-planet {
  position: fixed; pointer-events: none; z-index: 1;
  width: 120px; height: 120px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fff 0%, #f0f9ff 8%, #60a5fa 20%, #1f2937 70%);
  box-shadow: inset -15px -18px 40px rgba(0,0,0,.45), 0 8px 40px rgba(59,130,246,.35);
  opacity: .85;
}
#nova-planet-1 { left: 4%; top: 12%; animation: novaPlanetDrift 22s ease-in-out infinite alternate; }
#nova-planet-2 { right: 6%; bottom: 10%; width: 90px; height: 90px; animation: novaPlanetDrift 26s ease-in-out infinite alternate-reverse; }

@keyframes novaPlanetDrift {
  0% { transform: translate(0,0) rotate(0deg) }
  100% { transform: translate(10px,-8px) rotate(6deg) }
}

/* Shooting comets */
.nova-comet {
  position: fixed; pointer-events: none; z-index: 2;
  width: 220px; height: 2px;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.95), rgba(96,165,250,.0));
  filter: drop-shadow(0 0 10px rgba(255,255,255,.9)) drop-shadow(0 0 22px rgba(96,165,250,.8));
  transform: rotate(-25deg);
  opacity: .0;
  animation: novaComet 1.8s ease-out forwards;
}
@keyframes novaComet {
  0% { opacity: 0; transform: translate(20vw,-10vh) rotate(-25deg) scale(.9); }
  10% { opacity: .9; }
  100% { opacity: 0; transform: translate(-30vw, 60vh) rotate(-25deg) scale(1.05); }
}

/* Keep star/nebula layers underneath aurora & planets */
#nova-starfield, #nova-nebula { z-index: 0; }

/* Hide "oyuncu 1 vs oyuncu 2" row cleanly */
.nova-hide-vs { display: none !important; }