/* Space Adventure Theme */
.theme-space {
  --bg-primary: #0a0020;
  --bg-secondary: #1a0533;
  --text-primary: #e8eaf6;
  --accent-color: #7c4dff;
  --btn-bg: rgba(75, 0, 130, 0.4);
  --btn-border: rgba(124, 77, 255, 0.5);
  --review-btn: #ff6d00;
  background: linear-gradient(170deg, #0a0020 0%, #1a0533 40%, #0d0044 70%, #000011 100%);
}

/* Stars effect */
.theme-space .screen.active::before {
  content: '✨🌟⭐💫🚀';
  position: fixed;
  top: 10px;
  left: 10px;
  font-size: 1.5rem;
  opacity: 0.3;
  pointer-events: none;
  letter-spacing: 4px;
}

.theme-space .screen.active::after {
  content: '🪐🛸👾🌙☄️';
  position: fixed;
  bottom: 10px;
  right: 10px;
  font-size: 1.5rem;
  opacity: 0.3;
  pointer-events: none;
  letter-spacing: 4px;
}

/* Starfield dots */
.theme-space {
  background-image:
    radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 30% 60%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 50% 10%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 70% 80%, rgba(255,255,255,0.3), transparent),
    radial-gradient(1px 1px at 90% 40%, rgba(255,255,255,0.5), transparent),
    radial-gradient(2px 2px at 15% 85%, rgba(255,255,255,0.4), transparent),
    radial-gradient(2px 2px at 85% 15%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 40% 45%, rgba(255,255,255,0.3), transparent),
    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 25% 35%, rgba(255,255,255,0.5), transparent);
  background-color: #0a0020;
}