HTML Instrucciones - Efecto Revelado

<div class="desktop-instructions">
  Mueve el cursor para revelar la imagen nítida 🖱️
</div>
<div class="mobile-gyro-instructions" id="gyroInstructions" style="display: none;">
  📱 Inclina tu dispositivo para explorar la imagen
</div>
<div class="mobile-touch-instructions" id="touchInstructions" style="display: none;">
  👆 Un dedo o 👆👆 dos dedos para controlar
</div>
<button class="gyro-enable-btn" id="gyroEnableBtn" style="display: none;">
  📱 Activar Control por Giroscopio
</button>