body { font-family: 'Comic Sans MS', cursive; background: #f0f9ff; text-align: center; }
.container { max-width: 800px; margin: auto; padding: 20px; }
.hidden { display: none; }
.canvas-container { position: relative; display: inline-block; border: 5px solid #ffcc00; border-radius: 15px; overflow: hidden; }
#main-canvas { max-width: 100%; display: block; }
#guide-overlay { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    opacity: 0.4; pointer-events: none; /* La guía se ve transparente sobre la foto del niño */
}
.btn { background: #4caf50; color: white; padding: 10px 20px; border: none; border-radius: 20px; cursor: pointer; margin: 10px; }
.btn:hover { background: #45a049; }