/* ==========================================================================
   EASTER EGGS VISUALS
   ========================================================================== */
#matrix-rain { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9998; pointer-events: none; opacity: 0; transition: opacity 0.5s; display: none; }
#paramotor { position: fixed; top: 20%; left: -200px; font-size: 6rem; z-index: 9998; pointer-events: none; transition: transform 4s linear; display: none; filter: drop-shadow(0 15px 15px rgba(0,0,0,0.2)); }
#swimmer { position: fixed; top: 50vh; left: -150px; font-size: 5rem; z-index: 9998; pointer-events: none; display: none; filter: drop-shadow(0 15px 15px rgba(0,0,0,0.3)); }
#idea-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.9); z-index: 9997; display: none; opacity: 0; transition: opacity 0.5s; justify-content: center; align-items: center; flex-direction: column; }
.lightbulb { font-size: 6rem; color: #facc15; text-shadow: 0 0 50px #facc15; transform: translateY(-50px); opacity: 0; transition: all 0.5s; }
.idea-quote { color: white; font-family: var(--font-display); font-size: 2rem; margin-top: 20px; opacity: 0; transition: opacity 0.5s 0.3s; }
#dnd-wrap { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9998; text-align: center; pointer-events: none; display: none; }
.dnd-dice { font-size: 8rem; color: var(--accent-purple); filter: drop-shadow(0 20px 30px rgba(0,0,0,0.3)); transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.dnd-text { background: white; color: var(--text-dark); padding: 15px 30px; border-radius: 12px; font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; margin-top: 20px; box-shadow: var(--shadow-hover); opacity: 0; transition: opacity 0.5s; border-left: 6px solid var(--accent-purple); }