/* =====================================================================
   MOONLIGHT — centered glow, drifting stars, orbiting moon
   ===================================================================== */
.rz-theme-moonlight { --accent: #8ab4f8; --accent2: #c9a7ff; color: #eaf1ff; background: #0a0e1a; }

/* ---------- Background: starfield + drifting moon orb ---------- */
.rz-theme-moonlight .rz-showcase-bg {
  background:
    radial-gradient(1.5px 1.5px at 20% 30%, #fff 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 65% 12%, #fffc 50%, transparent 50%),
    radial-gradient(1px 1px at 80% 55%, #fff9 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 40% 70%, #fffb 50%, transparent 50%),
    radial-gradient(1px 1px at 90% 85%, #fff8 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 10% 90%, #fffa 50%, transparent 50%),
    linear-gradient(135deg, #060816 0%, #101a2f 50%, #07101d 100%);
  animation: moonTwinkle 5s ease-in-out infinite alternate;
}
@keyframes moonTwinkle { from { opacity: 0.8; } to { opacity: 1; } }
.rz-theme-moonlight .rz-showcase-bg::before {
  content: ''; position: absolute; top: 12%; left: 72%; width: 90px; height: 90px; border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #fff, #cfe0ff 55%, transparent 75%);
  box-shadow: 0 0 70px 10px rgba(138,180,248,0.55), 0 0 140px 30px rgba(138,180,248,0.25);
  animation: moonDrift 8s ease-in-out infinite alternate;
}
@keyframes moonDrift { from { transform: translateY(0) scale(1); } to { transform: translateY(-22px) scale(1.04); } }
.rz-theme-moonlight .rz-floating-particles {
  background-image: radial-gradient(circle, rgba(201,167,255,0.5) 1.5px, transparent 1.5px);
  background-size: 90px 90px;
  animation: moonDust 30s linear infinite;
  opacity: 0.55;
}
@keyframes moonDust { from { background-position: 0 0; } to { background-position: -400px 600px; } }

/* ---------- Hero ---------- */
.rz-theme-moonlight .rz-hero-overlay { background: linear-gradient(180deg, rgba(6,8,22,0.15) 0%, rgba(6,8,22,0.6) 60%, #0a0e1a 100%); }
.rz-theme-moonlight .rz-hero-avatar { box-shadow: 0 0 0 3px rgba(138,180,248,0.35), 0 0 50px rgba(138,180,248,0.45); animation: moonBreathe 4s ease-in-out infinite; }
@keyframes moonBreathe { 0%,100% { box-shadow: 0 0 0 3px rgba(138,180,248,0.35), 0 0 40px rgba(138,180,248,0.35); } 50% { box-shadow: 0 0 0 3px rgba(138,180,248,0.5), 0 0 60px rgba(138,180,248,0.6); } }
.rz-theme-moonlight .rz-hero-badge { color: var(--accent2); font-weight: 300; letter-spacing: 0.3em; background: rgba(138,180,248,0.08); border-color: rgba(138,180,248,0.3); }
.rz-theme-moonlight .rz-hero-name { font-weight: 300; color: #fff; text-shadow: 0 0 34px rgba(138,180,248,0.65); }
.rz-theme-moonlight .rz-hero-username, .rz-theme-moonlight .rz-hero-views { color: #c3d3f2; }
.rz-theme-moonlight .rz-story-card { border: 1px solid rgba(138,180,248,0.25); background: rgba(8,12,24,0.72); backdrop-filter: blur(10px); }

/* ---------- Story grid: centered single-column feel, circular framed photos ---------- */
.rz-theme-moonlight .rz-story-grid { grid-template-columns: 1fr 1fr; }
.rz-theme-moonlight .rz-image-wrapper { display: flex; align-items: center; justify-content: center; background: transparent; }
.rz-theme-moonlight .rz-image-wrapper img { width: 88%; height: 88%; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 6px rgba(10,14,26,0.9), 0 0 60px rgba(138,180,248,0.4); }
.rz-theme-moonlight .rz-grand-text { font-weight: 200; color: #f2f6ff; text-shadow: 0 0 44px rgba(138,180,248,0.7); letter-spacing: 0.03em; }
.rz-theme-moonlight .rz-section-eyebrow { color: var(--accent2); background: rgba(201,167,255,0.1); }

/* ---------- Links: stacked column, centered ---------- */
.rz-theme-moonlight .rz-links-grid { grid-template-columns: 1fr; max-width: 420px; margin: 24px auto 0; }
.rz-theme-moonlight .rz-link-item { background: rgba(138,180,248,0.1); border: 1px solid rgba(138,180,248,0.35); color: #dce8ff; transition: 0.3s; }
.rz-theme-moonlight .rz-link-item:hover { background: rgba(138,180,248,0.2); box-shadow: 0 0 24px rgba(138,180,248,0.5); }

/* ---------- Details ---------- */
.rz-theme-moonlight .rz-detail-item { border: 1px solid rgba(138,180,248,0.25); background: rgba(255,255,255,0.03); color: #dce7ff; }
.rz-theme-moonlight .rz-detail-item a { color: var(--accent); }

/* ---------- Credits ---------- */
.rz-theme-moonlight .rz-credits-logo { font-weight: 300; color: var(--accent); text-shadow: 0 0 40px rgba(138,180,248,0.7); animation: moonGlow 2.4s ease-in-out infinite alternate; }
@keyframes moonGlow { from { text-shadow: 0 0 24px rgba(138,180,248,0.6); } to { text-shadow: 0 0 70px rgba(138,180,248,0.9); } }

.rz-theme-moonlight .rz-sound-toggle { border-color: rgba(138,180,248,0.4); }